/* Per-product palettes (overrides :root tokens on + lux hero + compare band). Nerve / Apex Gold uses default styles.css only — no class. */ body.product-theme--burn { --bg-page: #faf5f0; --bg-alt: #fde8dc; --surface: #fffaf8; --surface-glass: rgba(255, 250, 247, 0.78); --ink: #1c1410; --muted: #6b5346; --olive: #7c2d12; --olive-deep: #431407; --terra: #ea580c; --terra-deep: #9a3412; --gold: #f97316; --gold-light: #ffedd5; --gold-rich: #fb923c; --gold-deep: #c2410c; --gold-shine: #fff7ed; --accent: #ea580c; --accent-hover: #c2410c; --accent-soft: rgba(234, 88, 12, 0.2); --accent-glow: rgba(251, 146, 60, 0.42); --coral: #dc2626; --coral-soft: rgba(220, 38, 38, 0.12); --border: rgba(60, 40, 30, 0.1); --border-gold: rgba(234, 88, 12, 0.3); --shadow: 0 20px 50px rgba(60, 30, 20, 0.1); --shadow-sm: 0 8px 28px rgba(60, 30, 20, 0.07); --shadow-gold: 0 12px 40px rgba(234, 88, 12, 0.22); --success: #b45309; } body.product-theme--burn .ambient-layer__blobs { background: radial-gradient(ellipse 90% 70% at 85% 5%, rgba(251, 146, 60, 0.38) 0%, transparent 52%), radial-gradient(ellipse 70% 55% at 10% 20%, rgba(248, 113, 113, 0.2) 0%, transparent 48%), radial-gradient(ellipse 55% 45% at 75% 85%, rgba(124, 45, 18, 0.12) 0%, transparent 48%), radial-gradient(ellipse 50% 40% at 30% 60%, rgba(249, 115, 22, 0.12) 0%, transparent 45%), linear-gradient(180deg, #fff5f0 0%, #fde8dc 50%, #fcd9c8 100%); } body.product-theme--sugar { /* Apex Sugar Shield™ — label: magenta / deep plum / silver highlights */ --bg-page: #fdf2f8; --bg-alt: #fce7f3; --surface: #fffafc; --surface-glass: rgba(255, 250, 252, 0.86); --ink: #2d0a1f; --muted: #7a4a5f; --olive: #86198f; --olive-deep: #4a0e42; --terra: #db2777; --terra-deep: #9f1239; --gold: #e879f9; --gold-light: #fce7f3; --gold-rich: #f0abfc; --gold-deep: #a21caf; --gold-shine: #fdf4ff; --accent: #c026d3; --accent-hover: #86198f; --accent-soft: rgba(192, 38, 211, 0.2); --accent-glow: rgba(232, 121, 249, 0.38); --coral: #db2777; --coral-soft: rgba(219, 39, 119, 0.12); --border: rgba(61, 10, 45, 0.09); --border-gold: rgba(192, 38, 211, 0.28); --shadow: 0 20px 50px rgba(61, 10, 45, 0.08); --shadow-sm: 0 8px 28px rgba(61, 10, 45, 0.06); --shadow-gold: 0 12px 40px rgba(192, 38, 211, 0.22); --success: #86198f; } body.product-theme--sugar .ambient-layer__blobs { background: radial-gradient(ellipse 90% 70% at 82% 6%, rgba(232, 121, 249, 0.38) 0%, transparent 52%), radial-gradient(ellipse 70% 55% at 10% 20%, rgba(244, 114, 182, 0.22) 0%, transparent 48%), radial-gradient(ellipse 55% 45% at 72% 88%, rgba(134, 25, 143, 0.14) 0%, transparent 48%), radial-gradient(ellipse 50% 40% at 28% 55%, rgba(219, 39, 119, 0.1) 0%, transparent 45%), linear-gradient(180deg, #fff7fb 0%, #fce7f3 50%, #fbcfe8 100%); } body.product-theme--neuro { --bg-page: #f5f3ff; --bg-alt: #ede9fe; --surface: #fafaff; --surface-glass: rgba(250, 250, 255, 0.82); --ink: #1e1b4b; --muted: #57534e; --olive: #5b21b6; --olive-deep: #3b0764; --terra: #7c3aed; --terra-deep: #5b21b6; --gold: #a78bfa; --gold-light: #ede9fe; --gold-rich: #c4b5fd; --gold-deep: #6d28d9; --gold-shine: #f5f3ff; --accent: #7c3aed; --accent-hover: #6d28d9; --accent-soft: rgba(124, 58, 237, 0.2); --accent-glow: rgba(167, 139, 250, 0.45); --coral: #a855f7; --coral-soft: rgba(168, 85, 247, 0.12); --border: rgba(30, 27, 75, 0.1); --border-gold: rgba(124, 58, 237, 0.28); --shadow: 0 20px 50px rgba(30, 27, 75, 0.08); --shadow-sm: 0 8px 28px rgba(30, 27, 75, 0.06); --shadow-gold: 0 12px 40px rgba(124, 58, 237, 0.22); --success: #6d28d9; } body.product-theme--neuro .ambient-layer__blobs { background: radial-gradient(ellipse 88% 68% at 80% 6%, rgba(196, 181, 253, 0.5) 0%, transparent 52%), radial-gradient(ellipse 70% 52% at 8% 18%, rgba(167, 139, 250, 0.22) 0%, transparent 48%), radial-gradient(ellipse 55% 45% at 72% 86%, rgba(91, 33, 182, 0.12) 0%, transparent 48%), radial-gradient(ellipse 48% 38% at 32% 55%, rgba(139, 92, 246, 0.12) 0%, transparent 45%), linear-gradient(180deg, #faf5ff 0%, #f3e8ff 50%, #ede9fe 100%); } body.product-theme--boost { --bg-page: #f0f4fa; --bg-alt: #e2e8f0; --surface: #f8fafc; --surface-glass: rgba(248, 250, 252, 0.85); --ink: #0f172a; --muted: #475569; --olive: #1e3a8a; --olive-deep: #172554; --terra: #b45309; --terra-deep: #78350f; --gold: #c9975c; --gold-light: #fef3c7; --gold-rich: #e5c089; --gold-deep: #8a5a2d; --gold-shine: #fffbeb; --accent: #b87333; --accent-hover: #92400e; --accent-soft: rgba(184, 115, 51, 0.2); --accent-glow: rgba(201, 151, 92, 0.4); --coral: #c2410c; --coral-soft: rgba(194, 65, 12, 0.12); --border: rgba(15, 23, 42, 0.09); --border-gold: rgba(30, 58, 138, 0.22); --shadow: 0 20px 50px rgba(15, 23, 42, 0.09); --shadow-sm: 0 8px 28px rgba(15, 23, 42, 0.06); --shadow-gold: 0 12px 40px rgba(30, 58, 138, 0.18); --success: #1e3a8a; } body.product-theme--boost .ambient-layer__blobs { background: radial-gradient(ellipse 88% 68% at 78% 5%, rgba(96, 165, 250, 0.35) 0%, transparent 52%), radial-gradient(ellipse 68% 52% at 10% 20%, rgba(201, 151, 92, 0.22) 0%, transparent 48%), radial-gradient(ellipse 52% 42% at 75% 88%, rgba(30, 58, 138, 0.14) 0%, transparent 48%), radial-gradient(ellipse 48% 38% at 28% 58%, rgba(148, 163, 184, 0.14) 0%, transparent 45%), linear-gradient(180deg, #f8fafc 0%, #e8eef7 50%, #dce4f0 100%); } /* ——— Dark hero + header (lux) — shared pattern, hue per theme ——— */ body.product-theme--burn:has(.hero--luxury) .site-header { border-bottom-color: rgba(249, 115, 22, 0.28); } body.product-theme--burn:has(.hero--luxury) .site-nav a:hover { color: #fdba74; } body.product-theme--burn:has(.hero--luxury) .top-strip { background: linear-gradient(90deg, #0c0402 0%, #431407 42%, #9a3412 100%); color: #ffedd5; border-bottom: 1px solid rgba(249, 115, 22, 0.35); box-shadow: 0 4px 24px rgba(67, 20, 7, 0.5); } body.product-theme--burn .hero--luxury { background: radial-gradient(ellipse 90% 70% at 50% 100%, rgba(234, 88, 12, 0.32) 0%, transparent 52%), radial-gradient(ellipse 70% 55% at 20% 30%, rgba(251, 113, 133, 0.1) 0%, transparent 45%), linear-gradient(180deg, #090706 0%, #140a08 45%, #1c0f0c 100%); border-bottom-color: rgba(249, 115, 22, 0.28); } body.product-theme--burn .hero--luxury__eyebrow { color: rgba(254, 215, 170, 0.88); } body.product-theme--burn .hero--luxury__title-accent { background: linear-gradient(135deg, #fff7ed 0%, #fb923c 36%, #ea580c 72%, #7c2d12 100%); filter: drop-shadow(0 0 24px rgba(234, 88, 12, 0.45)); } body.product-theme--burn .hero--luxury__social-proof { color: #fed7aa; } body.product-theme--burn .hero--luxury__social-proof-stars { color: #fb923c; text-shadow: 0 0 18px rgba(251, 146, 60, 0.55); } body.product-theme--burn .hero--luxury__social-proof-text { color: rgba(254, 215, 170, 0.92); } body.product-theme--burn .hero--luxury__glow-orb--1 { background: rgba(249, 115, 22, 0.26); } body.product-theme--burn .hero--luxury__glow-orb--2 { background: rgba(234, 88, 12, 0.14); } body.product-theme--burn .hero--luxury__particles { background-image: radial-gradient(1.5px 1.5px at 8% 18%, rgba(254, 215, 170, 0.85), transparent), radial-gradient(1px 1px at 92% 22%, rgba(255, 255, 255, 0.32), transparent), radial-gradient(1px 1px at 40% 88%, rgba(251, 146, 60, 0.55), transparent), radial-gradient(1.5px 1.5px at 72% 56%, rgba(255, 237, 213, 0.55), transparent), radial-gradient(1px 1px at 55% 12%, rgba(253, 186, 116, 0.45), transparent); } body.product-theme--burn .btn--on-dark { border-color: rgba(251, 146, 60, 0.48); box-shadow: 0 0 24px rgba(234, 88, 12, 0.1); } body.product-theme--burn .btn--on-dark:hover { background: rgba(249, 115, 22, 0.16); border-color: #fb923c; } body.product-theme--sugar:has(.hero--luxury) .site-header { border-bottom-color: rgba(232, 121, 249, 0.28); } body.product-theme--sugar:has(.hero--luxury) .site-nav a:hover { color: #f9a8d4; } body.product-theme--sugar:has(.hero--luxury) .top-strip { background: linear-gradient(90deg, #1a0514 0%, #701a75 38%, #9d174d 72%, #be185d 100%); color: #fdf4ff; border-bottom: 1px solid rgba(232, 121, 249, 0.35); box-shadow: 0 4px 24px rgba(45, 10, 31, 0.55); } body.product-theme--sugar .hero--luxury { background: radial-gradient(ellipse 90% 70% at 50% 100%, rgba(190, 24, 93, 0.35) 0%, transparent 52%), radial-gradient(ellipse 70% 55% at 18% 28%, rgba(162, 28, 175, 0.14) 0%, transparent 45%), linear-gradient(180deg, #0a0308 0%, #1a0a14 42%, #2d0a1f 78%, #3f0d32 100%); border-bottom-color: rgba(232, 121, 249, 0.22); } body.product-theme--sugar .hero--luxury__eyebrow { color: rgba(250, 232, 255, 0.88); } body.product-theme--sugar .hero--luxury__title-accent { background: linear-gradient(135deg, #faf5ff 0%, #f0abfc 28%, #e879f9 52%, #c026d3 78%, #86198f 100%); filter: drop-shadow(0 0 26px rgba(232, 121, 249, 0.45)); } body.product-theme--sugar .hero--luxury__social-proof { color: #fbcfe8; } body.product-theme--sugar .hero--luxury__social-proof-stars { color: #f0abfc; text-shadow: 0 0 18px rgba(232, 121, 249, 0.55); } body.product-theme--sugar .hero--luxury__social-proof-text { color: rgba(253, 244, 255, 0.92); } body.product-theme--sugar .hero--luxury__glow-orb--1 { background: rgba(192, 38, 211, 0.26); } body.product-theme--sugar .hero--luxury__glow-orb--2 { background: rgba(219, 39, 119, 0.14); } body.product-theme--sugar .hero--luxury__particles { background-image: radial-gradient(1.5px 1.5px at 8% 18%, rgba(253, 244, 255, 0.9), transparent), radial-gradient(1px 1px at 92% 22%, rgba(255, 255, 255, 0.32), transparent), radial-gradient(1px 1px at 40% 88%, rgba(232, 121, 249, 0.55), transparent), radial-gradient(1.5px 1.5px at 72% 56%, rgba(250, 232, 255, 0.55), transparent), radial-gradient(1px 1px at 55% 12%, rgba(244, 114, 182, 0.5), transparent); } body.product-theme--sugar .btn--on-dark { border-color: rgba(232, 121, 249, 0.48); box-shadow: 0 0 24px rgba(192, 38, 211, 0.12); } body.product-theme--sugar .btn--on-dark:hover { background: rgba(192, 38, 211, 0.16); border-color: #f0abfc; } body.product-theme--neuro:has(.hero--luxury) .site-header { border-bottom-color: rgba(167, 139, 250, 0.28); } body.product-theme--neuro:has(.hero--luxury) .site-nav a:hover { color: #d8b4fe; } body.product-theme--neuro:has(.hero--luxury) .top-strip { background: linear-gradient(90deg, #1e1b4b 0%, #4c1d95 45%, #6d28d9 100%); color: #ede9fe; border-bottom: 1px solid rgba(167, 139, 250, 0.35); box-shadow: 0 4px 24px rgba(30, 27, 75, 0.55); } body.product-theme--neuro .hero--luxury { background: radial-gradient(ellipse 90% 70% at 50% 100%, rgba(124, 58, 237, 0.28) 0%, transparent 52%), radial-gradient(ellipse 70% 55% at 22% 26%, rgba(167, 139, 250, 0.12) 0%, transparent 45%), linear-gradient(180deg, #0f0a1a 0%, #1e1b4b 46%, #312e81 100%); border-bottom-color: rgba(167, 139, 250, 0.25); } body.product-theme--neuro .hero--luxury__eyebrow { color: rgba(216, 180, 254, 0.9); } body.product-theme--neuro .hero--luxury__title-accent { background: linear-gradient(135deg, #faf5ff 0%, #c4b5fd 32%, #a78bfa 62%, #7c3aed 92%); filter: drop-shadow(0 0 26px rgba(167, 139, 250, 0.5)); } body.product-theme--neuro .hero--luxury__social-proof { color: #e9d5ff; } body.product-theme--neuro .hero--luxury__social-proof-stars { color: #c4b5fd; text-shadow: 0 0 18px rgba(167, 139, 250, 0.55); } body.product-theme--neuro .hero--luxury__social-proof-text { color: rgba(233, 213, 255, 0.92); } body.product-theme--neuro .hero--luxury__glow-orb--1 { background: rgba(139, 92, 246, 0.26); } body.product-theme--neuro .hero--luxury__glow-orb--2 { background: rgba(124, 58, 237, 0.14); } body.product-theme--neuro .hero--luxury__particles { background-image: radial-gradient(1.5px 1.5px at 8% 18%, rgba(233, 213, 255, 0.85), transparent), radial-gradient(1px 1px at 92% 22%, rgba(255, 255, 255, 0.28), transparent), radial-gradient(1px 1px at 40% 88%, rgba(192, 132, 252, 0.5), transparent), radial-gradient(1.5px 1.5px at 72% 56%, rgba(237, 233, 254, 0.55), transparent), radial-gradient(1px 1px at 55% 12%, rgba(196, 181, 253, 0.45), transparent); } body.product-theme--neuro .btn--on-dark { border-color: rgba(167, 139, 250, 0.48); box-shadow: 0 0 24px rgba(124, 58, 237, 0.12); } body.product-theme--neuro .btn--on-dark:hover { background: rgba(124, 58, 237, 0.18); border-color: #d8b4fe; } body.product-theme--boost:has(.hero--luxury) .site-header { border-bottom-color: rgba(96, 165, 250, 0.25); } body.product-theme--boost:has(.hero--luxury) .site-nav a:hover { color: #fcd34d; } body.product-theme--boost:has(.hero--luxury) .top-strip { background: linear-gradient(90deg, #020617 0%, #1e3a8a 42%, #0f172a 100%); color: #e2e8f0; border-bottom: 1px solid rgba(201, 151, 92, 0.35); box-shadow: 0 4px 24px rgba(15, 23, 42, 0.55); } body.product-theme--boost .hero--luxury { background: radial-gradient(ellipse 90% 70% at 50% 100%, rgba(30, 58, 138, 0.45) 0%, transparent 52%), radial-gradient(ellipse 70% 55% at 18% 28%, rgba(201, 151, 92, 0.12) 0%, transparent 45%), linear-gradient(180deg, #020617 0%, #0f172a 46%, #172554 100%); border-bottom-color: rgba(96, 165, 250, 0.22); } body.product-theme--boost .hero--luxury__eyebrow { color: rgba(148, 197, 255, 0.88); } body.product-theme--boost .hero--luxury__title-accent { background: linear-gradient(135deg, #fef9c3 0%, #e5c089 32%, #c9975c 58%, #8a5a2d 100%); filter: drop-shadow(0 0 24px rgba(201, 151, 92, 0.42)); } body.product-theme--boost .hero--luxury__social-proof { color: #cbd5e1; } body.product-theme--boost .hero--luxury__social-proof-stars { color: #c9975c; text-shadow: 0 0 18px rgba(201, 151, 92, 0.45); } body.product-theme--boost .hero--luxury__social-proof-text { color: rgba(226, 232, 240, 0.92); } body.product-theme--boost .hero--luxury__glow-orb--1 { background: rgba(59, 130, 246, 0.22); } body.product-theme--boost .hero--luxury__glow-orb--2 { background: rgba(201, 151, 92, 0.14); } body.product-theme--boost .hero--luxury__particles { background-image: radial-gradient(1.5px 1.5px at 8% 18%, rgba(191, 219, 254, 0.85), transparent), radial-gradient(1px 1px at 92% 22%, rgba(255, 255, 255, 0.3), transparent), radial-gradient(1px 1px at 40% 88%, rgba(201, 151, 92, 0.45), transparent), radial-gradient(1.5px 1.5px at 72% 56%, rgba(148, 197, 255, 0.5), transparent), radial-gradient(1px 1px at 55% 12%, rgba(252, 211, 77, 0.35), transparent); } body.product-theme--boost .btn--on-dark { border-color: rgba(201, 151, 92, 0.45); box-shadow: 0 0 24px rgba(59, 130, 246, 0.1); } body.product-theme--boost .btn--on-dark:hover { background: rgba(30, 58, 138, 0.35); border-color: #fcd34d; } /* Compare matrix band — re-tint ambient glows */ body.product-theme--burn .section--compare-dark { background: linear-gradient(165deg, #0c0404 0%, #1c0a06 30%, #2a120c 55%, #120807 82%, #050302 100%); } body.product-theme--burn .compare-dark__ambient { background: radial-gradient(ellipse 80% 55% at 50% -15%, rgba(249, 115, 22, 0.28), transparent 55%), radial-gradient(ellipse 60% 40% at 100% 50%, rgba(185, 28, 28, 0.16), transparent 50%), radial-gradient(ellipse 50% 35% at 0% 80%, rgba(234, 88, 12, 0.12), transparent 45%); } body.product-theme--burn .compare-matrix-scroll { border-color: rgba(249, 115, 22, 0.32); box-shadow: inset 0 1px 0 rgba(255, 247, 237, 0.05), 0 28px 56px rgba(0, 0, 0, 0.55), 0 0 60px rgba(234, 88, 12, 0.1); } body.product-theme--burn .compare-dark__eyebrow { color: rgba(254, 215, 170, 0.78); } body.product-theme--burn .compare-dark__title { text-shadow: 0 2px 28px rgba(249, 115, 22, 0.22); } body.product-theme--sugar .section--compare-dark { background: linear-gradient(165deg, #0a0308 0%, #1a0514 30%, #2d0a1f 54%, #4a0e42 80%, #0a0308 100%); } body.product-theme--sugar .compare-dark__ambient { background: radial-gradient(ellipse 80% 55% at 50% -15%, rgba(232, 121, 249, 0.26), transparent 55%), radial-gradient(ellipse 60% 40% at 100% 50%, rgba(190, 24, 93, 0.18), transparent 50%), radial-gradient(ellipse 50% 35% at 0% 80%, rgba(134, 25, 143, 0.14), transparent 45%); } body.product-theme--sugar .compare-matrix-scroll { border-color: rgba(232, 121, 249, 0.32); box-shadow: inset 0 1px 0 rgba(253, 244, 255, 0.06), 0 28px 56px rgba(0, 0, 0, 0.52), 0 0 60px rgba(192, 38, 211, 0.12); } body.product-theme--sugar .compare-dark__eyebrow { color: rgba(250, 232, 255, 0.78); } body.product-theme--sugar .compare-dark__title { text-shadow: 0 2px 28px rgba(232, 121, 249, 0.22); } body.product-theme--neuro .section--compare-dark { background: linear-gradient(165deg, #0f0a1a 0%, #1e1b4b 32%, #312e81 56%, #1e1b4b 82%, #0a0612 100%); } body.product-theme--neuro .compare-dark__ambient { background: radial-gradient(ellipse 80% 55% at 50% -15%, rgba(167, 139, 250, 0.26), transparent 55%), radial-gradient(ellipse 60% 40% at 100% 50%, rgba(91, 33, 182, 0.18), transparent 50%), radial-gradient(ellipse 50% 35% at 0% 80%, rgba(124, 58, 237, 0.12), transparent 45%); } body.product-theme--neuro .compare-matrix-scroll { border-color: rgba(167, 139, 250, 0.32); box-shadow: inset 0 1px 0 rgba(250, 245, 255, 0.05), 0 28px 56px rgba(0, 0, 0, 0.52), 0 0 60px rgba(124, 58, 237, 0.12); } body.product-theme--neuro .compare-dark__eyebrow { color: rgba(216, 180, 254, 0.78); } body.product-theme--neuro .compare-dark__title { text-shadow: 0 2px 28px rgba(167, 139, 250, 0.22); } body.product-theme--boost .section--compare-dark { background: linear-gradient(165deg, #020617 0%, #0f172a 30%, #1e3a8a 52%, #0f172a 78%, #020617 100%); } body.product-theme--boost .compare-dark__ambient { background: radial-gradient(ellipse 80% 55% at 50% -15%, rgba(201, 151, 92, 0.22), transparent 55%), radial-gradient(ellipse 60% 40% at 100% 50%, rgba(59, 130, 246, 0.16), transparent 50%), radial-gradient(ellipse 50% 35% at 0% 80%, rgba(30, 58, 138, 0.14), transparent 45%); } body.product-theme--boost .compare-matrix-scroll { border-color: rgba(96, 165, 250, 0.28); box-shadow: inset 0 1px 0 rgba(248, 250, 252, 0.05), 0 28px 56px rgba(0, 0, 0, 0.52), 0 0 60px rgba(59, 130, 246, 0.1); } body.product-theme--boost .compare-dark__eyebrow { color: rgba(201, 151, 92, 0.85); } body.product-theme--boost .compare-dark__title { text-shadow: 0 2px 28px rgba(59, 130, 246, 0.2); } /* CTA band — remove hardcoded orange tail from base stylesheet */ body.product-theme--burn .cta-band { background: linear-gradient(130deg, var(--olive-deep) 0%, var(--olive) 28%, var(--gold-deep) 62%, var(--terra) 100%); } body.product-theme--burn .cta-band::before { background: radial-gradient(circle at 18% 40%, rgba(255, 255, 255, 0.16), transparent 42%), radial-gradient(circle at 88% 80%, rgba(251, 146, 60, 0.22), transparent 38%); } body.product-theme--sugar .cta-band { background: linear-gradient(130deg, var(--olive-deep) 0%, var(--olive) 26%, var(--gold-deep) 58%, var(--terra) 100%); } body.product-theme--sugar .cta-band::before { background: radial-gradient(circle at 18% 40%, rgba(255, 255, 255, 0.14), transparent 42%), radial-gradient(circle at 88% 80%, rgba(232, 121, 249, 0.22), transparent 38%); } body.product-theme--neuro .cta-band { background: linear-gradient(130deg, var(--olive-deep) 0%, var(--olive) 28%, var(--gold-deep) 62%, #5b21b6 100%); } body.product-theme--neuro .cta-band::before { background: radial-gradient(circle at 18% 40%, rgba(255, 255, 255, 0.12), transparent 42%), radial-gradient(circle at 88% 80%, rgba(167, 139, 250, 0.22), transparent 38%); } body.product-theme--boost .cta-band { background: linear-gradient(130deg, var(--olive-deep) 0%, var(--olive) 30%, var(--gold-deep) 58%, var(--terra-deep) 100%); } body.product-theme--boost .cta-band::before { background: radial-gradient(circle at 18% 40%, rgba(255, 255, 255, 0.12), transparent 42%), radial-gradient(circle at 88% 80%, rgba(201, 151, 92, 0.2), transparent 38%); } /* Footer lead — brand gradient + link accents */ body.product-theme--burn .footer-lead-strip__brand { background: linear-gradient(135deg, #fff7ed 0%, #fb923c 42%, #ea580c 100%); filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.2)); } body.product-theme--burn .footer-lead-strip__nav a { color: #fed7aa; border-bottom-color: rgba(251, 146, 60, 0.35); } body.product-theme--burn .footer-lead-strip__nav a:hover { color: #fff7ed; border-bottom-color: #fdba74; } body.product-theme--sugar .footer-lead-strip__brand { background: linear-gradient(135deg, #fdf4ff 0%, #f0abfc 32%, #d946ef 58%, #86198f 100%); filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.2)); } body.product-theme--sugar .footer-lead-strip__nav a { color: #fbcfe8; border-bottom-color: rgba(232, 121, 249, 0.35); } body.product-theme--sugar .footer-lead-strip__nav a:hover { color: #fdf4ff; border-bottom-color: #f9a8d4; } body.product-theme--neuro .footer-lead-strip__brand { background: linear-gradient(135deg, #faf5ff 0%, #c4b5fd 38%, #7c3aed 100%); filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.2)); } body.product-theme--neuro .footer-lead-strip__nav a { color: #e9d5ff; border-bottom-color: rgba(167, 139, 250, 0.35); } body.product-theme--neuro .footer-lead-strip__nav a:hover { color: #faf5ff; border-bottom-color: #d8b4fe; } body.product-theme--boost .footer-lead-strip__brand { background: linear-gradient(135deg, #fef9c3 0%, #e5c089 38%, #8a5a2d 100%); filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.2)); } body.product-theme--boost .footer-lead-strip__nav a { color: #cbd5e1; border-bottom-color: rgba(148, 163, 184, 0.4); } body.product-theme--boost .footer-lead-strip__nav a:hover { color: #f1f5f9; border-bottom-color: #c9975c; } /* Compare matrix — Apex column (base uses fixed gold) */ body.product-theme--burn .compare-matrix__apex-head { background: linear-gradient(165deg, rgba(251, 146, 60, 0.38) 0%, rgba(185, 28, 28, 0.35) 55%, rgba(22, 14, 10, 0.95) 100%) !important; box-shadow: inset 0 0 0 1px rgba(254, 215, 170, 0.35), 0 0 36px rgba(234, 88, 12, 0.22); border-left-color: rgba(254, 215, 170, 0.28); border-right-color: rgba(254, 215, 170, 0.2); } body.product-theme--burn .compare-matrix__apex-head-inner { color: #ffedd5; text-shadow: 0 0 20px rgba(251, 146, 60, 0.5), 0 1px 2px rgba(0, 0, 0, 0.6); } body.product-theme--burn .compare-matrix__apex { background: linear-gradient(180deg, rgba(249, 115, 22, 0.16) 0%, rgba(185, 28, 28, 0.12) 50%, rgba(22, 14, 12, 0.55) 100%) !important; border-left-color: rgba(254, 215, 170, 0.28); border-right-color: rgba(254, 215, 170, 0.18); box-shadow: inset 0 0 32px rgba(234, 88, 12, 0.08), 0 0 28px rgba(234, 88, 12, 0.08); } body.product-theme--burn .compare-matrix tbody tr:nth-child(even) .compare-matrix__apex { background: linear-gradient(180deg, rgba(249, 115, 22, 0.2) 0%, rgba(185, 28, 28, 0.14) 55%, rgba(22, 14, 12, 0.58) 100%) !important; } body.product-theme--sugar .compare-matrix__apex-head { background: linear-gradient(165deg, rgba(232, 121, 249, 0.36) 0%, rgba(157, 23, 77, 0.42) 52%, rgba(26, 5, 20, 0.96) 100%) !important; box-shadow: inset 0 0 0 1px rgba(253, 244, 255, 0.32), 0 0 36px rgba(192, 38, 211, 0.22); border-left-color: rgba(250, 232, 255, 0.28); border-right-color: rgba(232, 121, 249, 0.22); } body.product-theme--sugar .compare-matrix__apex-head-inner { color: #fdf4ff; text-shadow: 0 0 20px rgba(232, 121, 249, 0.5), 0 1px 2px rgba(0, 0, 0, 0.58); } body.product-theme--sugar .compare-matrix__apex { background: linear-gradient(180deg, rgba(192, 38, 211, 0.16) 0%, rgba(157, 23, 77, 0.12) 50%, rgba(26, 5, 20, 0.55) 100%) !important; border-left-color: rgba(244, 114, 182, 0.32); border-right-color: rgba(232, 121, 249, 0.2); box-shadow: inset 0 0 32px rgba(134, 25, 143, 0.1), 0 0 28px rgba(192, 38, 211, 0.08); } body.product-theme--sugar .compare-matrix tbody tr:nth-child(even) .compare-matrix__apex { background: linear-gradient(180deg, rgba(219, 39, 119, 0.14) 0%, rgba(134, 25, 143, 0.14) 55%, rgba(26, 5, 20, 0.58) 100%) !important; } body.product-theme--neuro .compare-matrix__apex-head { background: linear-gradient(165deg, rgba(167, 139, 250, 0.38) 0%, rgba(91, 33, 182, 0.42) 55%, rgba(15, 10, 28, 0.95) 100%) !important; box-shadow: inset 0 0 0 1px rgba(216, 180, 254, 0.35), 0 0 36px rgba(124, 58, 237, 0.22); border-left-color: rgba(216, 180, 254, 0.28); border-right-color: rgba(192, 132, 252, 0.2); } body.product-theme--neuro .compare-matrix__apex-head-inner { color: #ede9fe; text-shadow: 0 0 20px rgba(167, 139, 250, 0.5), 0 1px 2px rgba(0, 0, 0, 0.6); } body.product-theme--neuro .compare-matrix__apex { background: linear-gradient(180deg, rgba(167, 139, 250, 0.14) 0%, rgba(91, 33, 182, 0.12) 50%, rgba(15, 10, 24, 0.55) 100%) !important; border-left-color: rgba(196, 181, 253, 0.28); border-right-color: rgba(167, 139, 250, 0.18); box-shadow: inset 0 0 32px rgba(124, 58, 237, 0.08), 0 0 28px rgba(124, 58, 237, 0.08); } body.product-theme--neuro .compare-matrix tbody tr:nth-child(even) .compare-matrix__apex { background: linear-gradient(180deg, rgba(167, 139, 250, 0.18) 0%, rgba(91, 33, 182, 0.14) 55%, rgba(15, 10, 24, 0.58) 100%) !important; } body.product-theme--boost .compare-matrix__apex-head { background: linear-gradient(165deg, rgba(201, 151, 92, 0.35) 0%, rgba(30, 58, 138, 0.45) 55%, rgba(10, 15, 30, 0.95) 100%) !important; box-shadow: inset 0 0 0 1px rgba(226, 232, 240, 0.25), 0 0 36px rgba(59, 130, 246, 0.18); border-left-color: rgba(201, 151, 92, 0.35); border-right-color: rgba(148, 163, 184, 0.22); } body.product-theme--boost .compare-matrix__apex-head-inner { color: #fef9c3; text-shadow: 0 0 20px rgba(201, 151, 92, 0.45), 0 1px 2px rgba(0, 0, 0, 0.6); } body.product-theme--boost .compare-matrix__apex { background: linear-gradient(180deg, rgba(59, 130, 246, 0.12) 0%, rgba(201, 151, 92, 0.1) 50%, rgba(10, 15, 26, 0.55) 100%) !important; border-left-color: rgba(201, 151, 92, 0.28); border-right-color: rgba(96, 165, 250, 0.18); box-shadow: inset 0 0 32px rgba(30, 58, 138, 0.08), 0 0 28px rgba(59, 130, 246, 0.06); } body.product-theme--boost .compare-matrix tbody tr:nth-child(even) .compare-matrix__apex { background: linear-gradient(180deg, rgba(59, 130, 246, 0.14) 0%, rgba(201, 151, 92, 0.12) 55%, rgba(10, 15, 26, 0.58) 100%) !important; } /* Apex Boost — premium ingredients table (matches official panel structure) */ body.product-theme--boost .ingredients-edu-split { margin-top: 1.25rem; align-items: start; gap: 1.75rem; } body.product-theme--boost .ingredients-panel { background: #fff; border-radius: 16px; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), 0 12px 40px rgba(15, 23, 42, 0.08); border: 1px solid rgba(15, 23, 42, 0.08); padding: 1.25rem 1.35rem 1.35rem; max-width: 100%; } body.product-theme--boost .ingredients-panel__table { width: 100%; border-collapse: collapse; font-size: 0.9375rem; line-height: 1.45; } body.product-theme--boost .ingredients-panel__table thead th { background: #0f172a; color: #f8fafc; font-weight: 700; text-align: left; padding: 0.65rem 0.75rem; border: 1px solid #0f172a; } body.product-theme--boost .ingredients-panel__table thead th:not(:first-child) { text-align: center; } body.product-theme--boost .ingredients-panel__table tbody td { padding: 0.65rem 0.75rem; border: 1px solid rgba(15, 23, 42, 0.12); color: #1e293b; vertical-align: middle; } body.product-theme--boost .ingredients-panel__table tbody td:nth-child(2), body.product-theme--boost .ingredients-panel__table tbody td:nth-child(3) { text-align: center; white-space: nowrap; } body.product-theme--boost .ingredients-panel__row--blend td { background: #fff9e6; } body.product-theme--boost .ingredients-panel__blend-contains { margin: 1rem 0 0; font-size: 0.8125rem; line-height: 1.55; color: #475569; } body.product-theme--boost .ingredients-panel__footnote { margin: 0.65rem 0 0; font-size: 0.8125rem; color: #64748b; } body.product-theme--boost .ingredients-panel__legal { margin: 1rem 0 0; font-size: 0.75rem; line-height: 1.5; color: #94a3b8; } body.product-theme--boost .ingredients-panel__legal a { color: #2563eb; text-decoration: underline; text-underline-offset: 2px; } @media (max-width: 768px) { body.product-theme--boost .ingredients-panel__table { font-size: 0.8125rem; } body.product-theme--boost .ingredients-panel__table thead th, body.product-theme--boost .ingredients-panel__table tbody td { padding: 0.5rem 0.45rem; } }