@font-face { font-family: 'Anton'; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fonts/anton-normal-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Anton'; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fonts/anton-normal-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Archivo Black'; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fonts/archivo-black-normal-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Archivo Black'; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fonts/archivo-black-normal-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400 700; font-display: swap; src: url('/assets/fonts/montserrat-400-700-italic-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400 700; font-display: swap; src: url('/assets/fonts/montserrat-400-700-italic-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/assets/fonts/montserrat-400-700-normal-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/assets/fonts/montserrat-400-700-normal-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/* Independent reference-template styles. Responsive component rules retain cascade order. */
:root { --rox-gold: #D6B95C; --brand-accent: var(--rox-gold); --orange: var(--brand-accent); --font-display: 'Anton', Impact, sans-serif; --font-heading: 'Archivo Black', Arial, sans-serif; --font-body: 'Montserrat', Arial, sans-serif; font-synthesis: none; --black: #000; --panel: #252525; --line: #424242; --notice: 0px; --header: 92px; color-scheme: dark; font-family: var(--font-body); font-size: 16px; color: rgb(255, 255, 255); background: rgb(0, 0, 0); scroll-padding-top: calc(var(--notice) + var(--header) + 18px); font-weight: 400; }

* { box-sizing: border-box; }

body { margin: 0px; }

body.locked { overflow: hidden; }

button, input { font: inherit; }

button, a, input, summary, video, [tabindex] { -webkit-tap-highlight-color: transparent; }

button { cursor: pointer; color: inherit; }

button:disabled { cursor: not-allowed; opacity: 0.58; }

a { color: inherit; text-decoration: none; }

button { border: 0px; background: none; }

button:focus-visible, a:focus-visible, input:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline: var(--brand-accent) solid 3px; outline-offset: 4px; }

img { max-width: 100%; height: auto; display: block; }

h1, h2, h3, p { margin-top: 0px; }

h1, h2 { font-family: var(--font-display); font-weight: 400; text-transform: uppercase; letter-spacing: -0.035em; line-height: 1.15; }

h2 { font-size: 40px; text-align: center; margin-bottom: 22px; }

h3 { font-family: var(--font-heading); font-weight: 400; }

p { line-height: 1.35; }

em { font-style: italic; color: var(--orange); }

ul { padding-left: 20px; }

li { margin-bottom: 8px; }

small { font-size: 11px; }

button, summary { touch-action: manipulation; }

[hidden] { display: none !important; }

.sr-only { width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; position: absolute !important; }

.skip-link { position: fixed; top: -80px; z-index: 300; background: var(--orange); padding: 14px; }

.skip-link:focus { top: 0px; }

.nav-shop { border: 1px solid var(--orange); border-radius: 7px; padding: 4px 22px !important; }

.wrap { max-width: 1280px; margin: auto; padding: 0px 32px; }

.section { padding: 48px 0px; overflow: clip; }

.reference-label { font: 400 10px / 1.4 var(--font-body); letter-spacing: 0.08em; color: rgb(183, 183, 183); margin: 8px 0px 14px; }

.centered { text-align: center; }

.intro { max-width: 660px; margin: 0px auto 30px; }

.condensed { font-family: var(--font-body); font-weight: 400; }

.section-kicker { font: 400 20px / 1.2 var(--font-body); color: var(--orange); text-align: center; margin: 0px 0px 28px; text-transform: uppercase; }

.micro { font: 400 11px / 1.45 var(--font-body); color: rgb(170, 170, 170); }

.muted { color: rgb(181, 181, 181); }

.button { display: flex; justify-content: center; align-items: center; gap: 18px; border: 1px solid var(--orange); border-radius: 4px; background: var(--orange); color: var(--black); min-height: 52px; padding: 14px 8px; font: 400 22px / 1 var(--font-heading); text-align: center; transition: background 0.2s, transform 0.2s; max-width: 100%; }

.button:hover { background: var(--brand-accent); }

.button > span { font-family: Arial; font-size: 28px; }

.section > .wrap > .button { width: 385px; margin: 25px auto 0px; }

.button.outline { background: transparent; border-color: rgb(238, 238, 238); }

.button.outline:hover { background: rgba(255, 255, 255, 0.082); }

.text-button { text-decoration: underline; text-underline-offset: 4px; padding: 8px 0px; }

.stars { color: var(--orange); letter-spacing: 1px; }

.mobile-only { display: none; }

.hero { position: relative; margin-top: -96px; min-height: 650px; padding: 130px 24px 40px; isolation: isolate; }

.hero-background { position: absolute; inset: 0px; z-index: -2; }

.hero-background img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }

.hero::after { content: ""; position: absolute; inset: auto 0px 0px; height: 130px; background: linear-gradient(transparent, rgb(0, 0, 0)); z-index: -1; }

.hero-content { width: 52%; max-width: 705px; text-align: center; padding: 30px 20px 0px; }

.hero h1 { font-size: 48px; line-height: 1.03; max-width: 670px; margin: 0px auto 25px; font-weight: 400; }

.hero h1 span { color: var(--orange); display: block; }

.hero-content > p:not(.reference-label) { font: 400 22px / 1.3 var(--font-body); margin-bottom: 18px; }

.hero-rating { font: 400 13px / 1.3 var(--font-body); margin: 16px 0px; }

.hero-rating > span:first-child { color: var(--orange); margin-right: 6px; }

.hero-rating > span:last-child { margin-left: 8px; }

.hero .button { margin: auto; }

.hero-trust { display: flex; gap: 14px; justify-content: center; margin-top: 15px; font-size: 19px; }

.featured { display: flex; align-items: center; justify-content: center; gap: 65px; padding-top: 25px; padding-bottom: 30px; min-height: 115px; }

.featured > span { font-size: 19px; }

.featured img { max-height: 42px; width: auto; max-width: 145px; opacity: 0.58; }

.featured small { font-size: 9px; color: rgb(153, 153, 153); }

.carousel-track { display: flex; overflow-x: auto; gap: 16px; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }

.carousel-track::-webkit-scrollbar { display: none; }

.carousel-track > [data-card] { scroll-snap-align: start; flex-shrink: 0; min-width: 0px; }

.carousel-controls { display: flex; align-items: center; justify-content: center; gap: 30px; margin-top: 20px; font-size: 13px; }

.carousel-controls button { border: 1px solid rgb(187, 187, 187); width: 31px; height: 31px; border-radius: 50%; font: 18px Arial; display: grid; place-content: center; }

.trust-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; margin: 25px 0px 10px; font-size: 14px; }

.two-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }

.problem { background: none center center / cover; padding: 75px 0px; }

.problem .wrap { max-width: 1170px; }

.problem h2 { text-align: left; max-width: 550px; }

.problem p { max-width: 460px; font-size: 18px; }

.problem img { width: 100%; object-fit: contain; }

.solution { padding-top: 15px; }

.reference-wordmark { font: 400 32px var(--font-body); letter-spacing: 5px; }

.solution .two-columns { max-width: 950px; margin: auto; gap: 0px; }

.benefit-list { max-width: 420px; justify-self: center; border-left: 1px solid rgb(68, 68, 68); border-right: 1px solid rgb(68, 68, 68); padding: 20px 24px; }

.benefit-list h3 { font: 400 16px / 1.2 var(--font-heading); letter-spacing: -0.03em; margin: 0px; }

.benefit-list h3 span { color: var(--orange); }

.benefit-list p { font-size: 15px; color: var(--orange); margin: 6px 0px 20px 20px; }

.solution picture img { width: 100%; max-height: 525px; object-fit: contain; }

.how-it-works { background: none center bottom / 100% auto no-repeat; }

.expert-track { gap: 12px; }

.expert-card { width: calc(20% - 9.6px); background: rgb(38, 38, 38); }

.expert-card img { width: 100%; aspect-ratio: 1 / 1.13; object-fit: cover; object-position: center top; }

.expert-card > div { padding: 13px 12px; }

.expert-card h3 { font: 400 16px / 1.2 var(--font-heading); letter-spacing: -1px; margin: 0px 0px 5px; }

.expert-card p { font-size: 12px; line-height: 1.25; margin-bottom: 10px; }

.expert-card .condensed { font-size: 15px; border-bottom: 1px solid rgb(102, 102, 102); padding-bottom: 8px; }

.home-guarantee { background: linear-gradient(90deg, rgba(0, 0, 0, 0.6), transparent), none center center / cover; min-height: 375px; }

.home-guarantee .wrap { max-width: 1264px; display: flex; align-items: flex-start; justify-content: space-between; padding-top: 25px; }

.home-guarantee .wrap > div { width: 57%; max-width: 680px; }

.home-guarantee h2 { text-align: left; }

.home-guarantee p { max-width: 475px; }

.home-guarantee .button { width: 330px; }

.home-guarantee img { width: 95px; }

.home-faq { background-image: none; }

.social-links { display: flex; gap: 15px; font-size: 22px; }

.tabs [role="tablist"] { display: flex; gap: 2px; }

.tabs [role="tab"] { background: rgb(85, 85, 85); flex: 1 1 0%; padding: 12px 8px; font: 400 17px var(--font-body); border-radius: 5px 5px 0px 0px; }

.tabs [role="tab"][aria-selected="true"] { background: rgb(37, 37, 37); color: var(--orange); box-shadow: inset 0 2px var(--orange); }

.tabs [role="tabpanel"] { background: rgb(37, 37, 37); padding: 28px; border-radius: 0px 0px 6px 6px; }

.tabs h2 { font-size: 24px; text-align: left; padding-bottom: 16px; border-bottom: 1px solid var(--orange); }

.daily-use .wrap { max-width: 1170px; }

.timeline-tabs [role="tablist"] { overflow: auto; }

.timeline-tabs [role="tab"] { font-size: 13px; min-width: 100px; padding: 12px 5px; }

.timeline-content { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; align-items: center; }

.timeline-content h3 { font: 400 35px var(--font-heading); text-transform: uppercase; display: inline; }

.stage-number { font: 400 48px var(--font-body); color: var(--orange); margin-right: 14px; }

.timeline-content p { margin-top: 18px; }

.timeline-content .section-kicker { text-align: left; font-size: 17px; }

.timeline-content li { font-size: 14px; }

.timeline-visual { position: relative; }

.timeline-visual img { width: 100%; min-height: 240px; object-fit: cover; border-radius: 12px; }

.timeline-visual span { position: absolute; inset: 0px; display: grid; place-content: center; font: 100px Arial; }

.reviews .wrap { max-width: 1168px; }

.reviews h2 { text-align: left; font-size: 28px; }

.unavailable-feed { border-top: 1px solid rgb(85, 85, 85); border-bottom: 1px solid rgb(85, 85, 85); padding: 25px 0px; color: rgb(170, 170, 170); min-height: 170px; }

body[data-page="product"] { padding-bottom: 85px; }

dialog { color: rgb(255, 255, 255); background: rgb(23, 23, 23); border: 1px solid rgb(85, 85, 85); max-height: calc(100dvh - 40px); overscroll-behavior: contain; padding: 25px; border-radius: 12px; }

dialog::backdrop { background: rgba(0, 0, 0, 0.733); backdrop-filter: blur(4px); }

.modal { width: min(600px, 100% - 28px); }

.dialog-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }

.dialog-heading h2 { font-size: 24px; text-align: left; margin: 8px 0px 18px; }

.dialog-heading > button { font: 30px Arial; min-width: 40px; min-height: 40px; border: 1px solid rgb(119, 119, 119); border-radius: 50%; flex-shrink: 0; }

.drawer { position: fixed; inset: 0px 0px 0px auto; margin: 0px; width: min(450px, 100%); height: 100dvh; max-height: 100dvh; border-radius: 0px; padding: 28px 24px calc(24px + env(safe-area-inset-bottom)); }

.drawer-nav { display: flex; flex-direction: column; align-items: flex-start; gap: 25px; font: 600 24px var(--font-body); margin-top: 35px; }

.drawer-nav a, .drawer-nav button { text-align: left; }

.label-dialog img { max-height: 65dvh; max-width: 100%; width: auto; height: auto; object-fit: contain; margin: auto; background: #111; }

.upgrade-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin: 25px 0px; }

.upgrade-grid > div { border-radius: 8px; }

.modal > .button { width: 100%; margin-top: 12px; font-size: 18px; }

.cart-item { border-block: 1px solid rgb(85, 85, 85); padding: 18px 0px; margin: 25px 0px; }

.cart-item h3 { font-size: 20px; }

.cart-quantity { display: flex; align-items: center; gap: 15px; margin-top: 15px; }

.cart-quantity button { border: 1px solid rgb(119, 119, 119); border-radius: 5px; padding: 8px 13px; }

.cart-quantity button:last-child { margin-left: auto; font-size: 13px; }

.cart-totals { display: flex; justify-content: space-between; margin: 25px 0px; }

.drawer > .button { width: 100%; font-size: 20px; }

.demo-clock { display: flex; justify-content: center; gap: 8px; align-items: center; font: 400 10px var(--font-body); color: rgb(170, 170, 170); margin: 12px 0px; }

.demo-clock output { font-variant-numeric: tabular-nums; color: white; }

@media (max-width: 1279px) {
  .hero h1 { font-size: 40px; }
  .hero-content { padding-top: 45px; }
  .hero { min-height: 610px; }
  .expert-card { width: calc(25% - 9px); }
}

@media (max-width: 999px) {
  :root { --header: 76px; }
  .hero { margin-top: -76px; padding: 98px 15px 28px; min-height: 910px; }
  .hero-background img { object-fit: cover; object-position: center 35%; }
  .hero-content { width: 100%; max-width: 600px; margin: auto; padding: 0px; display: flex; flex-direction: column; min-height: 775px; }
  .hero h1 { font-size: 35px; line-height: 1.12; max-width: 560px; margin: 0px auto; }
  .hero h1 span { display: inline; }
  .hero-content > p:not(.reference-label) { font-size: 20px; }
  .hero-rating { margin-top: 0px; }
  .hero .button { width: 450px; }
  .hero-trust { font-size: 17px; }
  .expert-card { width: calc(33.3333% - 8px); }
  .two-columns { gap: 28px; }
  .problem h2 { font-size: 32px; }
  .problem p { font-size: 16px; }
  .home-guarantee .wrap > div { width: 70%; }
}

@media (max-width: 749px) {
  :root { --notice: 0px; --header: 74px; }
  .wrap { padding: 0px 20px; }
  .section { padding: 35px 0px; }
  h2 { font-size: 28px; letter-spacing: -0.04em; margin-bottom: 18px; }
  .mobile-only { display: initial; }
  .hero { margin-top: -74px; min-height: 760px; padding: 85px 16px 20px; }
  .hero-content { min-height: 650px; max-width: 440px; }
  .hero h1 { font-size: 24px; line-height: 1.15; max-width: 340px; font-weight: 400; }
  .hero .reference-label { font-size: 8px; margin-bottom: 10px; }
  .hero-content > p:not(.reference-label) { font-size: 16px; margin-bottom: 13px; }
  .hero-background img { object-position: center center; }
  .hero-rating { font-size: 12px; margin-bottom: 13px; }
  .hero .button { min-height: 51px; width: 100%; }
  .hero-trust { font-size: 13px; gap: 10px; margin-top: 12px; }
  .featured { padding: 18px 16px 10px; min-height: 90px; }
  .featured small { font-size: 7px; }
  .featured img { max-height: 28px; }
  .button { font-size: 18px; min-height: 48px; gap: 18px; }
  .reference-label { font-size: 8px; }
  .section-kicker { font-size: 14px; margin-bottom: 20px; }
  .trust-row { gap: 10px; font-size: 10px; margin: 18px 0px 8px; }
  .two-columns { grid-template-columns: 1fr; gap: 25px; }
  .problem { padding: 40px 0px; }
  .problem h2 { text-align: center; font-size: 28px; }
  .problem p { font-size: 15px; max-width: none; }
  .problem picture img { max-width: 440px; margin: auto; }
  .solution .two-columns { display: flex; flex-direction: column-reverse; gap: 15px; }
  .solution .intro { font-size: 14px; max-width: 320px; }
  .solution picture { width: 100%; }
  .solution picture img { max-height: 350px; object-fit: cover; }
  .reference-wordmark { font-size: 26px; letter-spacing: 3px; }
  .benefit-list { width: 100%; max-width: 340px; padding: 15px; }
  .benefit-list h3 { font-size: 14px; }
  .benefit-list p { font-size: 14px; }
  .how-it-works { background-size: auto 70%; }
  .how-it-works > .wrap > .intro { font-size: 14px; }
  .expert-track { margin: 0px -20px; padding: 0px calc(50% - 105px); gap: 14px; scroll-padding-inline: calc(50% - 125px); }
  .expert-card { width: 250px; }
  .expert-card img { aspect-ratio: 1 / 1.15; }
  .expert-card h3 { font-size: 17px; }
  .expert-card p { font-size: 13px; }
  .expert-card > div { padding: 14px; }
  .home-guarantee { min-height: 440px; background-position: 62% center; position: relative; }
  .home-guarantee::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(0, 0, 0, 0.667), transparent); }
  .home-guarantee .wrap { position: relative; padding-top: 20px; }
  .home-guarantee .wrap > div { width: 100%; }
  .home-guarantee h2 { max-width: 290px; font-size: 28px; }
  .home-guarantee p { max-width: 255px; font-size: 14px; }
  .home-guarantee img { width: 65px; position: absolute; right: 18px; top: 140px; }
  .home-guarantee .button { width: 270px; font-size: 19px; }
  .tabs [role="tab"] { font-size: 15px; padding: 12px 5px; }
  .tabs [role="tabpanel"] { padding: 20px 15px; }
  .tabs h2 { font-size: 19px; line-height: 1.3; }
  .timeline-tabs [role="tablist"] { gap: 5px; }
  .timeline-tabs [role="tab"] { font-size: 13px; flex: 0 0 105px; }
  .timeline-content { grid-template-columns: 1fr; gap: 20px; }
  .timeline-content h3 { font-size: 25px; }
  .stage-number { font-size: 36px; }
  .timeline-content p { font-size: 14px; }
  .timeline-visual img { min-height: 150px; }
  .reviews h2 { font-size: 25px; }
  .unavailable-feed { font-size: 14px; }
  .modal { padding: 20px; }
  .dialog-heading h2 { font-size: 21px; }
  .upgrade-grid { gap: 9px; }
  .upgrade-grid > div { padding: 12px; }
  .upgrade-grid h3 { font-size: 17px; }
  .modal > .button { font-size: 16px; }
}

.hero .button { max-width: 500px; font-size: 22px; gap: 20px; }

.timeline-visual > img.stage-photo { margin-top: 14px; min-height: 0px; aspect-ratio: 1.65 / 1; object-fit: cover; }

.timeline-visual > span { height: 100px; inset: 15px 0px auto; font-size: 64px; }

.timeline-visual > img:first-child { min-height: 110px; max-height: 125px; }

@media (max-width: 999px) {
  .hero .button { margin: 0px auto; }
  .hero-trust { flex-shrink: 0; }
  .hero-content > p:not(.reference-label) { margin-top: auto; }
}

@media (max-width: 749px) {
  .hero .button { font-size: 18px; gap: 12px; padding: 12px; }
  .hero .button > span { font-size: 24px; }
  .featured { flex-wrap: nowrap; gap: 16px; }
  .featured img { max-width: 82px; }
  .featured img:first-of-type { max-width: 40px; }
  .featured > span { font-size: 12px; flex-shrink: 0; }
}

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after { scroll-behavior: auto !important; animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
  .carousel-track { scroll-behavior: auto; }
}

.reference-copy-mobile { display: none; }

@media (max-width: 999px) {
  .reference-copy-desktop { display: none; }
  .reference-copy-mobile { display: block; }
}

#offer { scroll-margin-top: 150px; }

.sales-chart { width: 100%; height: auto; object-fit: contain; }

.timeline-visual:has(.sales-chart) { background: none; display: block; }

.timeline-visual .sales-chart { position: static !important; max-height: none !important; width: 100% !important; opacity: 1 !important; }

.sales-chart > img { position: static; width: 100%; height: auto; object-fit: contain; }

.sales-chart > .stage-banner { height: 125px; object-fit: contain; margin-bottom: 12px; }





.announcement { height: 40px; display: flex; align-items: center; justify-content: center; font: 400 10px / 10px var(--font-heading); }

.announcement b { display: inline-block; font-size: 12px; line-height: 17px; background: var(--brand-accent); padding: 2px 4px; border-radius: 3px; margin: 0px 7px; }

.site-header { position: sticky; top: 0px; z-index: 80; padding: 12px 3.6% 23px; height: 111px; pointer-events: none; }

.nav-shell { pointer-events: auto; display: flex; align-items: center; gap: 32px; max-width: 1472px; height: 72px; margin: auto; padding: 0px 30px; border: 1px solid rgba(255, 255, 255, 0.208); border-radius: 22px; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(14px); }

.wordmark { display: block; width: 150px; flex-shrink: 0; line-height: 0; }

.wordmark svg { width: 100%; height: auto; }

.desktop-nav { display: flex; align-items: center; gap: 68px; margin-left: auto; font: 600 18px / 1 var(--font-body); text-transform: uppercase; }

.desktop-nav a:first-child { width: 180px; text-align: center; border: 1px solid var(--brand-accent); border-radius: 6px; padding: 5px 10px; }

.icon-button { display: grid; place-content: center; padding: 0px; width: 40px; height: 40px; flex-shrink: 0; }

.icon-button svg { width: 32px; height: auto; }

.mobile-menu { display: none; }

body:not([data-page="sales"]) .site-header { height: 85px; padding-bottom: 1px; }

body[data-page="science"] .site-header { margin-bottom: -85px; }

.reference-link { display: inline; padding: 0px; color: inherit; text-decoration: underline; font: inherit; }

.align-center { text-align: center; }

.align-right { text-align: right; }

.marquee { overflow: hidden; background: rgb(39, 39, 39); height: 48px; display: flex; align-items: center; }

.marquee-track { display: flex; width: max-content; }

.marquee-group { display: flex; flex-shrink: 0; }

.marquee-item { display: flex; align-items: center; white-space: nowrap; font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 400; font-stretch: normal; font-family: var(--font-body); text-transform: uppercase; }

.marquee-author { display: flex; align-items: center; font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 400; font-stretch: normal; font-family: var(--font-body); color: rgb(164, 164, 164); }

.marquee-author svg { width: 11px; height: 13px; }

.marquee-item b { color: var(--brand-accent); }

.product-grid { max-width: 1204px; margin: 44px auto 0px; padding: 0px 18px 64px; display: grid; grid-template-columns: 526px 600px; gap: 42px; }

.product-media, .product-info { min-width: 0px; }

.product-gallery { width: 100%; }

.gallery-stage { position: relative; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 20px; touch-action: pan-y pinch-zoom; }

.gallery-stage > img { width: 100%; height: 100%; object-fit: contain; }

.gallery-stage > .gallery-incoming { position: absolute; inset: 0px; }

.gallery-navigation { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 20px; }

.gallery-thumbs { display: flex; gap: 8px; width: 310px; overflow: auto; scrollbar-width: none; }

.gallery-thumbs button { flex: 0 0 56px; padding: 0px; border: 3px solid transparent; border-radius: 10px; overflow: hidden; }

.gallery-thumbs img { width: 100%; aspect-ratio: 1 / 1; object-fit: contain; }

.gallery-thumbs button[aria-pressed="true"] { border-color: rgb(255, 255, 255); }

.gallery-arrow { flex: 0 0 30px; padding: 0px; line-height: 0; }

.gallery-arrow svg { width: 30px; height: 31px; }

.quote-carousel { margin-top: 26px; }

.quote-track { gap: 8px; }

.quote-track blockquote { width: 100%; margin: 0px; background: rgb(41, 41, 41); padding: 12px; border-radius: 12px; display: flex; flex-direction: column; justify-content: space-between; }

.quote-track p { font: 400 16px / 1.05 var(--font-body); margin: 0px 0px 14px; }

.quote-track b { font-family: var(--font-body); font-weight: 700; }

.quote-track footer { display: flex; align-items: center; justify-content: space-between; font: 400 12px / 12px var(--font-body); }

.quote-track .stars { display: flex; gap: 0px; }

.quote-track .stars svg { width: 12px; height: 11px; }

.quote-author { display: flex; align-items: center; gap: 4px; }

.quote-author svg { width: 8px; height: 10px; }

.quote-carousel .carousel-controls { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; }

.quote-carousel:focus-within .carousel-controls { position: static; width: auto; height: auto; clip-path: none; }

.label-button { font: 400 18px / 1.15 var(--font-heading); margin-top: 16px; border-radius: 5px; min-height: 44px; width: 100%; }

.product-info { display: flex; flex-direction: column; }

.product-info h1 { order: -2; font: 400 36px / 1.15 var(--font-display); letter-spacing: 0px; text-transform: none; margin: 0px 0px 8px; white-space: nowrap; }

.reference-rating { order: -1; font: 400 21px / 1 var(--font-body); margin: 0px 0px 24px; }

.reference-rating .stars { font: 400 22px / 1 var(--font-body); }

.product-info > p:not(.reference-rating):not(.additional-info) { font: 400 20px / 1.15 var(--font-body); margin: 0px; }

.benefit-checklist { list-style: none; padding: 0px; margin: 16px 0px 30px; font: 400 20px / 1.15 var(--font-body); }

.benefit-checklist li { position: relative; padding-left: 28px; margin: 0px 0px 12px; }

.benefit-checklist li:last-child { margin-bottom: 0px; }

.benefit-checklist li::before { content: "✓"; position: absolute; left: 0px; top: 3px; width: 16px; height: 16px; border-radius: 50%; color: white; background: var(--brand-accent); font: 11px / 16px Arial, sans-serif; text-align: center; }

.product-info > .text-button { display: none; }

.price-row { display: flex; align-items: center; justify-content: space-between; margin: 0px 0px 30px; min-height: 64px; }

.price-row > span:first-child { display: flex; align-items: center; gap: 6px; white-space: nowrap; }

.price-row strong { font: 700 40px / 1 var(--font-body); letter-spacing: -1.2px; }

.price-row del { color: rgb(151, 151, 151); font: 400 32px / 1 var(--font-body); letter-spacing: -1.6px; }

.price-row > .condensed { text-align: right; font: 400 30px / 1.1 var(--font-body); }

.price-row small { display: block; font: 400 14px / 1 var(--font-body); margin-top: 4px; }


.button svg { width: 23px; height: 17px; flex-shrink: 0; }

.eligibility-reference { display: flex; align-items: center; justify-content: center; white-space: nowrap; gap: 5px; font: 400 12px / 24px var(--font-body); margin-top: 8px; }

.eligibility-reference svg { width: 15px; height: 16px; }

.payment-row { display: flex; list-style: none; justify-content: center; gap: 7px; padding: 0px 16px; margin: 8px 0px 0px; }

.payment-row li { flex: 0 1 50px; min-width: 0px; margin: 0px; line-height: 0; }

.payment-row svg { width: 100%; height: auto; }

.clinician-slot { height: 104px; }

.purchase-trust { display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; gap: 12px; margin: 0px 0px 24px; font: 500 12px / 1.4 var(--font-body); }

.purchase-trust span::first-line { color: var(--brand-accent); font-size: 22px; }

.product-info .additional-info { margin: 0px; font: 400 12px / 1.4 var(--font-body); text-align: center; }

.gifts { margin: 24px 0px 0px; }

.gifts h3 { text-align: center; margin: 0px 0px 24px; color: var(--brand-accent); font: 400 22px / 1 var(--font-heading); text-transform: uppercase; }

.gift-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; max-width: 372px; margin: auto; }

.gift-grid > div { position: relative; text-align: center; }

.gift-grid img { width: 100%; aspect-ratio: 1 / 1; border-radius: 5px; object-fit: contain; }

.gift-grid span { position: absolute; top: -10px; left: 8px; white-space: nowrap; background: rgb(255, 248, 237); color: var(--brand-accent); padding: 3px 7px; border-radius: 4px; font: 400 12px / 1 var(--font-heading); }

.gift-grid p { margin: 8px 0px 0px; font: 400 11px / 1.15 var(--font-body); }

.policy-section { padding: 48px 20px 112px; }

.policy-wrap { max-width: 592.32px; margin: auto; overflow-wrap: break-word; }

.policy-wrap h1 { font: 400 50px / 1 var(--font-display); letter-spacing: normal; text-transform: capitalize; text-align: left; margin: 0px 0px 16px; }

.policy-copy { font: 400 16px / 24px var(--font-body); }

.policy-copy p { line-height: 24px; margin: 16px 0px; }

.policy-copy strong, .policy-copy b { font-weight: 400; }

.policy-copy h2 { font: 400 22px / 30px var(--font-heading); text-align: left; letter-spacing: normal; text-transform: uppercase; margin: 0px 0px 8px; }

.policy-copy ul, .policy-copy ol { margin: 0px; padding: 0px; list-style: none; }

.policy-copy li { margin: 0px; }

.policy-copy li p { margin: 16px 0px; }

.policy-copy a { text-decoration: underline; }

body[data-page="privacy"] .policy-copy p { margin: 6.66667px 0px; }

.contact-section { padding: 58px 0px 70px; }

.contact-wrap { max-width: 558px; padding: 0px 20px; margin: auto; text-align: center; }

.contact-wrap .section-kicker { margin: 0px 0px 16px; font: 400 20px / 1 var(--font-body); }

.contact-section h1 { font: 400 48px / 1 var(--font-display); letter-spacing: 0.025em; margin: 0px 0px 16px; }

.contact-wrap > p:not(.section-kicker) { font: 400 20px / 1.15 var(--font-body); margin: 0px; }

.contact-wrap form { margin-top: 32px; }

.contact-wrap input, .contact-wrap textarea { display: block; width: 100%; background: rgb(255, 255, 255); color: rgb(0, 0, 0); border: 0px; border-radius: 4px; padding: 16px 12px; font: 400 16px / 1 var(--font-body); }

.contact-wrap input { height: 48px; margin-bottom: 16px; }

.contact-wrap textarea { height: 176px; margin-top: 32px; resize: vertical; }

.contact-wrap .button { width: 100%; margin-top: 24px; height: 56px; font-size: 22px; }

.contact-wrap .button svg { width: 23px; height: 17px; }

.contact-wrap [role="status"]:empty { display: none; }

.science-hero { position: relative; isolation: isolate; display: grid; grid-template-columns: 1.05fr 0.98fr; gap: 47px; align-items: center; padding: 128px max(3.8%, 50% - 665px) 56px; }

.science-hero-media { display: contents; }

.science-hero-media > video { position: absolute; inset: 0px; z-index: -2; width: 100%; height: 100%; object-fit: cover; }

.science-hero::after { content: ""; position: absolute; inset: 0px; z-index: -1; background: linear-gradient(transparent 65%, rgb(0, 0, 0)); pointer-events: none; }

.science-hero h1 { font: 400 48px / 1 var(--font-display); letter-spacing: -0.025em; text-align: left; margin: 0px 0px 24px; }

.science-hero-media > div > p { font: 400 20px / 1.15 var(--font-body); margin: 0px; }

.background-pause { position: absolute; bottom: 10px; left: 8px; width: 26px; height: 26px; border: 1px solid rgba(255, 255, 255, 0.44); border-radius: 50%; font-size: 12px; background: rgba(0, 0, 0, 0.6); }

.science-intro { width: 100%; max-width: 608px; background: linear-gradient(135deg, rgb(from var(--brand-accent) r g b / 0.737), rgba(0, 0, 0, 0.6)); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 14px; padding: 40px 16px; text-align: center; backdrop-filter: blur(15px); }

.science-intro .section-kicker { font: 400 20px / 23px var(--font-body); margin: 0px 0px 16px; }

.science-intro h2 { font: 400 30px / 1.15 var(--font-display); letter-spacing: -0.05em; margin: 0px 0px 24px; }

.science-intro p, .science-intro ul { font: 400 20px / 1.2 var(--font-body); margin: 0px; }

.science-intro ul { list-style: none; padding: 0px; margin: 16px 0px; line-height: 28px; }

.science-intro li { margin: 0px; }

.science-intro li::before { content: "• "; }

.science-intro strong { display: block; margin-top: 20px; font-weight: 400; }

.science-ingredients { padding: 88px 0px 8px; overflow: hidden; }

.science-ingredients .wrap { max-width: none; padding: 0px; }

.science-ingredient-layout { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(5, 119px); gap: 7px 64px; max-width: 1000px; margin: auto; }

.science-choices { display: contents; }

.science-choices button { position: relative; overflow: hidden; border-radius: 20px; opacity: 0.4; padding: 0px; text-align: left; min-width: 0px; }

.science-choices button[aria-selected="true"], .science-choices button:focus-visible { opacity: 1; }

.science-choices img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }

.science-choices span { position: relative; display: block; z-index: 1; padding: 24px; font: 400 24px / 1.15 var(--font-heading); }

.science-choices small { display: block; width: max-content; padding: 4px 18px; margin-top: 8px; border-radius: 20px; background: white; color: rgb(0, 0, 0); font: 400 12px / 1 var(--font-body); }

.science-detail { position: relative; grid-area: 1 / 2 / 5; text-align: center; padding: 30px 0px 0px; }

.science-detail .stage-number { display: block; font: 700 20px / 1 var(--font-body); color: white; margin: 0px 0px 16px; }

.science-detail h2 { font: 400 36px / 1 var(--font-heading); text-transform: none; letter-spacing: 0px; margin: 0px; white-space: nowrap; }

.science-detail > img { width: 80px; height: 190px; object-fit: contain; margin: 40px auto 26px; }

.science-detail p { font: 400 20px / 1.1 var(--font-body); margin: 0px -16px 30px; }

.science-detail > strong { font: 400 22px / 1 var(--font-body); color: var(--brand-accent); }

.ingredient-connector { position: absolute; inset: 0px; width: 100%; height: 100%; pointer-events: none; }

.science-trust { overflow: hidden; margin: 52px 0px 0px; }

.trust-track { display: flex; width: max-content; margin: auto; }

.trust-group { display: flex; align-items: center; gap: 31px; padding-right: 31px; flex-shrink: 0; }

.trust-group > span { display: flex; align-items: center; gap: 8px; white-space: nowrap; font: 400 17px / 1.47 var(--font-body); text-transform: uppercase; }

.trust-group img { width: 34px; height: 34px; object-fit: contain; }

.trust-group[aria-hidden="true"] { display: none; }

.trust-pause { display: none; }

.science-trust.paused .trust-track { animation-play-state: paused; }

@keyframes trust-loop { 
  100% { transform: translateX(-50%); }
}

@media (max-width: 1279px) {
  .product-grid { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.1fr); gap: 32px; margin-inline: 32px; padding-inline: 0px; }
  .product-info h1 { white-space: normal; }
  .desktop-nav { gap: 30px; }
  .science-ingredient-layout { margin-inline: auto; width: calc(100% - 100px); gap: 7px 45px; }
}

@media (max-width: 1023px) {
  .site-header { height: 64px; padding: 6px 20px 16px; }
  .nav-shell { height: 42px; border-radius: 12px; padding: 0px 16px; justify-content: space-between; }
  .wordmark { width: 130px; }
  .desktop-nav { display: none; }
  .mobile-menu { display: grid; }
  .icon-button { width: 32px; height: 32px; }
  body:not([data-page="sales"]) .site-header { height: 40px; padding-bottom: 0px; }
  body[data-page="science"] .site-header { margin-bottom: -40px; }
  .product-grid { display: block; max-width: 672px; margin: 40px auto 0px; padding: 0px 18px 20px; }
  .product-info { display: block; }
  .product-info h1 { font-size: 36px; }
  .reference-rating { text-align: center; margin: 8px 0px 14px; font-size: 16px; }
  .reference-rating .stars { font-size: 16px; }
  .product-info > p:not(.reference-rating):not(.additional-info) { font-size: 16px; }
  .benefit-checklist { font-size: 16px; margin: 12px 0px; }
  .benefit-checklist li { padding-left: 22px; }
  .benefit-checklist li::before { top: 1px; }
  .product-info > .text-button { display: block; font: 500 16px / 1.15 var(--font-body); text-decoration: none; padding: 0px; border-bottom: 2px solid var(--brand-accent); margin: 12px 0px 0px; }
  .label-button { display: none; }
  .price-row { margin: 20px 0px 16px; min-height: 51px; }
  .price-row strong { font-size: 32px; letter-spacing: -0.96px; }
  .price-row del { font-size: 24px; letter-spacing: -1.2px; }
  .price-row > .condensed { font-size: 18px; }
  .price-row small { font-size: 10px; }
  .purchase-trust { font: 400 9px / 1.4 var(--font-body); margin-bottom: 16px; }
  .product-info .additional-info { font: 400 10px / 14px var(--font-body); color: rgb(192, 192, 192); }
  .gifts h3 { font: 400 28px / 1 var(--font-heading); margin-bottom: 24px; }
  .gifts { margin-top: 24px; }
  .gift-grid { max-width: 336px; }
  .gift-grid p { font-size: 10px; }
  .science-hero { grid-template-columns: 1fr; gap: 18px; padding: 60px 19px 24px; }
  .science-hero h1 { font-size: 28px; line-height: 1.15; text-align: center; margin-bottom: 12px; }
  .science-hero-media > div > p { font-size: 16px; line-height: 20px; text-align: center; max-width: 650px; margin: auto; }
  .science-intro { max-width: 650px; margin: auto; padding: 20px 12px 22px; }
  .science-intro .section-kicker { font-size: 20px; margin-bottom: 16px; }
  .science-intro h2 { font-size: 24px; margin-bottom: 24px; }
  .science-intro p, .science-intro ul { font-size: 16px; line-height: 19px; }
  .science-intro ul { margin: 16px 0px; line-height: 24px; }
  .science-intro li { margin: 0px; }
  .science-intro strong { margin-top: 12px; }
  .science-ingredients { padding-top: 47px; }
  .science-ingredient-layout { display: grid; width: calc(100% - 32px); max-width: 968px; grid-template-columns: 107px minmax(0px, 1fr); grid-template-rows: auto; gap: 32px; }
  .science-choices { display: flex; flex-direction: column; }
  .science-choices button { flex-grow: 0; flex-shrink: 0; border-radius: 4px; }
  .science-choices span { font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 400; font-stretch: normal; font-size: 14px; font-family: var(--font-heading); white-space: nowrap; }
  .science-choices small { display: none; }
  .science-detail { grid-area: 1 / 2; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
  .science-detail .stage-number { font: 400 16px / 1 var(--font-body); margin-bottom: 8px; }
  .science-detail h2 { font-size: 25px; line-height: 1.25; }
  .science-detail > img { width: 47.36px; height: 116.91px; margin: 44px auto 35px; }
  .science-detail p { font: 400 16px / 18px var(--font-body); max-width: 188px; margin: 0px auto 14px; }
  .science-detail > strong { font-size: 18px; }
  .science-trust { margin-top: 8px; }
  .trust-track { margin: 0px; animation: 28s linear 0s infinite normal none running trust-loop; }
  .trust-group[aria-hidden="true"] { display: flex; }
  .trust-pause { display: block; margin: 6px auto 0px; padding: 0px; font: 400 10px / 26.8px var(--font-body); text-decoration: none; }
  .policy-section { padding-top: 40px; }
  .policy-wrap h1 { font-size: 30px; line-height: 0.9; }
  .contact-section { padding-top: 32px; }
  .contact-section h1 { font-size: 28px; }
  .contact-wrap .section-kicker { font-size: 16px; }
  .contact-wrap > p:not(.section-kicker) { font-size: 16px; max-width: 272px; margin: auto; }
  .contact-wrap .button { font-size: 18px; }
}

@media (max-width: 767px) {
  .marquee { height: 31px; }
  .product-info h1 { font-size: 26px; line-height: 1.15; margin-bottom: 14px; }
  .gallery-stage { border-radius: 12px; }
  .gallery-thumbs { width: calc(100% - 76px); }
  .gallery-navigation { margin-top: 20px; }
  .quote-carousel { margin-top: 16px; margin-right: -18px; }
  .quote-track blockquote { width: calc(89.2857% - 16.0714px); padding: 8px; }
  .quote-track p { font: 400 14px / 1.12 var(--font-body); margin-bottom: 8px; }
  .payment-row { gap: 5px; }
  .eligibility-reference { gap: 4px; }
  .science-ingredient-layout { max-width: 336px; grid-template-columns: minmax(0px, 107fr) minmax(0px, 214fr); gap: 15px; }
  .science-detail { padding-left: 22px; }
  .science-detail h2 { margin-left: -14px; }
}

@media (prefers-reduced-motion: reduce) {
  .trust-track { animation: auto ease 0s 1 normal none running none; transform: none; }
  .science-trust { overflow-x: auto; }
}

.product-tabs-section { padding: 80px 0px 0px; }

.product-tabs-section .wrap { max-width: 1224px; padding: 0px 18px; }

.product-tabs-section [role="tablist"] { gap: 0px; }

.product-tabs-section [role="tab"] { border-radius: 12px 12px 0px 0px; font: 400 21px / 1.14 var(--font-body); padding: 12px 16px; text-transform: uppercase; background: rgb(133, 133, 133); box-shadow: rgba(0, 0, 0, 0.333) 0px 0px 10px; }

.product-tabs-section [role="tab"]:first-child { flex: 1.3 1 0%; }

.product-tabs-section [role="tab"][aria-selected="true"] { color: rgb(255, 255, 255); background: rgb(36, 36, 36); box-shadow: none; }

.product-tabs-section [role="tabpanel"] { padding: 42px 24px 40px; border-radius: 0px 12px 12px; background: rgb(36, 36, 36); }

.product-tabs-section h2 { position: relative; text-align: left; font: 400 28px / 1.15 var(--font-display); letter-spacing: -0.02em; margin: 0px 0px 24px; padding-bottom: 24px; border-bottom: 1px solid var(--brand-accent); }

.product-tabs-section h2::before, .product-tabs-section h2::after { content: ""; position: absolute; bottom: -4px; width: 7px; height: 7px; background: var(--brand-accent); border-radius: 50%; }

.product-tabs-section h2::before { left: 0px; }

.product-tabs-section h2::after { right: 0px; }

.progression-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin: 0px; }

.progression-grid h3 { display: flex; align-items: center; gap: 12px; font: 400 24px / 1 var(--font-heading); margin: 0px 0px 24px; }

.progression-grid h3 span { color: var(--brand-accent); font: 400 24px / 1 var(--font-body); white-space: nowrap; }

.progression-grid ul { margin: 0px; padding-left: 24px; font: 400 14.737px / 1.37 var(--font-body); }

.progression-grid li { margin: 0px; }

.mentors { padding: 80px 0px 0px; }

.mentors .wrap { max-width: 1180px; padding: 26px 50px 42px; }

.outlined-panel { background: linear-gradient(110deg, var(--brand-accent), rgb(0, 0, 0) 65%); border: 1px solid rgb(170, 170, 170); border-radius: 20px; overflow: hidden; }

.mentors-kicker { text-align: center; color: var(--brand-accent); font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 400; font-stretch: normal; font-size: 14px; font-family: var(--font-body); margin-top: 0px; margin-right: 0px; margin-left: 0px; }

.mentors h2 { font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 400; font-stretch: normal; font-family: var(--font-display); letter-spacing: -0.04em; }

.mentors .intro { font: 500 16px / 1.1 var(--font-body); max-width: 360px; margin: 0px auto 32px; }

.mentor-track { gap: 16px; overflow-x: auto; }

.mentor-track article { width: calc(20% - 12.8px); background: rgb(0, 0, 0); border: 1px solid rgb(119, 119, 119); border-radius: 12px; overflow: hidden; }

.mentor-track img { width: 100%; height: 160px; object-fit: contain; object-position: center; }

.mentor-track h3 { font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 400; font-stretch: normal; font-family: var(--font-heading); letter-spacing: -0.06em; color: var(--brand-accent); padding-right: 6px; padding-bottom: 0px; padding-left: 6px; margin: 0px; }

.mentor-track p { padding: 0px 6px; }

.mentor-track .condensed { display: block; }

.mentors .carousel-controls { margin-top: 24px; }

.ingredients { padding: 96px 0px 16px; }

.ingredients .wrap { max-width: 1440px; padding: 0px 56px; }

.ingredients h2 { font: 400 40px / 1.15 var(--font-display); letter-spacing: -0.02em; margin-top: 0px; margin-right: 0px; margin-left: 0px; }

.ingredients .section-kicker { font: 400 20px / 1 var(--font-body); margin: 0px 0px 42px; }

.ingredient-carousel { padding: 34px; background: url("/assets/images/shared/ingredients-desktop.webp") center center / cover; border-radius: 42px; }

.ingredient-size-4, .ingredient-size-6 { display: none; }

.ingredient-track { gap: 20px; }

.ingredient-page { width: 100%; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 32px; }

.ingredient-card { display: flex; align-items: flex-start; background: rgba(255, 255, 255, 0.125); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 20px; min-height: 162px; box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 2px inset; }

.ingredient-art { flex-grow: 0; flex-shrink: 0; }

.ingredient-card img { object-fit: contain; border-radius: 50%; }

.dose { display: block; width: max-content; background: rgb(255, 255, 255); color: rgb(0, 0, 0); border-radius: 20px; white-space: nowrap; }

.ingredient-card h3 { font: 400 22px / 1.25 var(--font-heading); letter-spacing: 0.04em; margin: 0px 0px 4px; }

.ingredient-card p { font: 400 18px / 0.95 var(--font-body); margin: 0px; }

.ingredient-carousel .carousel-controls { margin: 30px 0px 0px; gap: 72px; }

.ingredient-carousel .carousel-controls > span { display: none; }

.ingredients .science-trust { margin-top: 30px; }

.ingredients .trust-group { gap: 22px; padding: 0px; }

.ingredients .trust-group > span { font-size: 18px; gap: 8px; }

.ingredients .trust-group img { width: 17px; height: 18px; }

.lab-badge { display: flex; align-items: center; gap: 14px; margin: 28px auto 0px; border: 1px solid rgb(69, 67, 79); border-radius: 3px; background: linear-gradient(120deg, rgb(28, 29, 34), rgb(37, 37, 44)); color: rgb(255, 255, 255); font: 400 12px / 24px var(--font-body); text-align: center; }

.lab-badge svg { flex-shrink: 0; }

.lab-badge > span { border-left: 1px solid rgb(68, 68, 68); }

.lab-badge small { background: rgb(48, 60, 96); color: rgb(238, 238, 238); font: 400 9px var(--font-body); padding: 4px; margin-left: 3px; }

.ingredients > .wrap > .button { width: 324px; min-height: 52px; font-size: 22px; margin-top: 40px; }

.science-ingredients .lab-badge { margin: 40px auto 0px; }

.comparison { padding: 64px 0px 70px; }

.comparison .wrap { max-width: 875px; padding: 0px; }

.comparison h2 { font: 400 40px / 1.1 var(--font-display); letter-spacing: -0.02em; margin: 0px 0px 48px; white-space: nowrap; }

.comparison-intro { font: 500 18px / 1.3 var(--font-body); text-align: center; margin: -24px auto 40px; }

.table-scroll { overflow-x: auto; }

.comparison table { border-collapse: collapse; table-layout: fixed; width: 100%; font: 500 20px / 1.15 var(--font-body); }

.comparison th, .comparison td { padding: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.19); text-align: center; }

.comparison thead th { border-bottom: 0px; font: 700 36px / 1 var(--font-body); vertical-align: top; height: 122px; padding: 15px 18px; }

.comparison thead th:first-child { width: 34.85%; }

.comparison thead th:nth-child(2) { width: 20.34%; padding: 20px 18px; border-radius: 18px 18px 0px 0px; }

.comparison thead th:nth-child(3) { width: 21.49%; }

.comparison thead th:nth-child(4) { width: 23.32%; padding-top: 33px; }

.comparison thead img { width: 100%; height: auto; }

.comparison thead th:nth-child(3) img { width: 43px; height: 43px; margin: 0px auto 16px; }

.comparison tbody tr { height: 70px; }

.comparison tbody th { text-align: left; text-transform: uppercase; font: 400 24px / 1 var(--font-body); padding-left: 0px; }

.comparison td:nth-child(2), .comparison th:nth-child(2) { background: var(--brand-accent); font-family: var(--font-body); font-weight: 700; }

.comparison td:last-child, .comparison th:last-child { border-left: 1px solid rgba(255, 255, 255, 0.19); }

.comparison tfoot td { height: 42px; border: 0px; }

.comparison tfoot td:nth-child(2) { border-radius: 0px 0px 18px 18px; }

.comparison .button { display: flex; width: 280px; min-height: 52px; font-size: 22px; margin: 40px auto 0px; }

.comparison-symbol { display: inline-grid; place-content: center; width: 24px; height: 24px; border-radius: 50%; background: rgb(68, 68, 68); font: 400 18px / 1 var(--font-body); }

.comparison td:nth-child(2) .comparison-symbol { background: rgb(0, 0, 0); }

.advisors { padding: 18px 0px 42px; }

.advisors .wrap { max-width: none; padding: 0px 56px; }

.advisors h2 { font: 400 40px / 1.15 var(--font-display); letter-spacing: -0.02em; margin: 0px auto 50px; }

.advisors h2 br { display: none; }

.advisor-track { gap: 60px; }

.advisor-track > [data-card] { flex: 0 0 calc(33.3333% - 40px); border: 0px; background: none; padding: 0px; }

.advisor-heading { display: flex; align-items: center; gap: 20px; margin-bottom: 24px; }

.advisor-heading img { width: 86px; height: 86px; object-fit: contain; flex-shrink: 0; }

.advisor-heading h3 { font: 400 26px / 1.15 var(--font-heading); margin: 0px 0px 10px; }

.advisor-role { font: 400 16px / 1.15 var(--font-body); color: var(--brand-accent); margin: 0px; }

.advisor-bio { font: 500 16px / 1.15 var(--font-body); margin: 0px; }

.advisors .carousel-controls { margin-top: 24px; }

.carousel-track { scroll-behavior: auto; }

.carousel-dots { display: flex; justify-content: center; align-items: center; gap: 16px; }

.carousel-dots button { width: 8px; height: 8px; border: 0px; background: rgb(51, 51, 51); padding: 0px; }

.carousel-dots button[aria-current="true"] { width: 25px; border-radius: 12px; background: rgb(119, 119, 119); }

.mentors .carousel-controls > button, .mentors .carousel-controls > span, .advisors .carousel-controls > button, .advisors .carousel-controls > span { display: none; }

@media (min-width: 768px) and (max-width: 1199px) {
  .ingredient-size-8 { display: none; }
  .ingredient-size-6 { display: block; }
  .ingredient-page { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px; }
  .ingredient-card { gap: 12px; padding: 16px; }
  .ingredient-art { flex-basis: 64px; }
  .ingredient-card img { width: 64px; height: 64px; }
  .ingredient-card h3 { font-size: 18px; }
  .ingredient-card p { font-size: 16px; }
}

@media (max-width: 1023px) {
  .product-tabs-section { padding-top: 30px; }
  .product-tabs-section .wrap { padding: 0px 16px; }
  .product-tabs-section [role="tab"] { font: 400 14px / 1.14 var(--font-body); padding: 10px 8px; }
  .product-tabs-section [role="tabpanel"] { padding: 16px 12px 20px; }
  .product-tabs-section h2 { font-size: 18px; padding-bottom: 24px; margin-bottom: 28px; }
  .progression-grid { display: block; }
  .progression-grid article { margin: 0px 0px 20px; max-width: none; }
  .progression-grid article:last-child { margin: 0px; }
  .progression-grid h3 { font: 400 18px / 1 var(--font-heading); gap: 10px; margin: 0px 0px 12px; }
  .progression-grid h3 span { font: 400 18px / 1 var(--font-body); }
  .progression-grid ul { font: 400 14px / 1.37 var(--font-body); }
  .mentors { padding-top: 24px; }
  .mentors .wrap { margin: 0px 20px; padding: 24px 8px 22px; }
  .mentors h2 { font: 400 16px / 1.15 var(--font-display); margin-bottom: 12px; }
  .mentors-kicker { margin-bottom: 16px; }
  .mentors .intro { font-size: 16px; margin-bottom: 18px; }
  .mentor-track { margin: 0px 0px 0px 32px; gap: 12px; padding: 0px; overflow-x: auto; }
  .mentor-track article { width: 140px; }
  .mentor-track img { height: 123px; }
  .mentor-track h3 { font-size: 12px; padding: 8px 6px 0px; }
  .mentor-track p { font-size: 12px; margin: 4px 0px 20px; }
  .mentor-track .condensed { font-size: 11px; margin-top: 8px; }
  .mentors .carousel-controls { margin-top: 24px; }
  .advisors .wrap { padding: 0px 20px; }
  .advisors h2 { font-size: 28px; margin-bottom: 24px; }
  .advisors h2 br { display: initial; }
  .advisor-track { gap: 16px; padding: 0px; }
  .advisor-track > [data-card], body[data-page="science"] .advisor-track > [data-card] { flex-basis: 312px; }
  .advisor-heading { gap: 14px; margin-bottom: 20px; }
  .advisor-heading h3 { font-size: 22px; }
  .advisor-role { font-size: 13px; }
  .advisor-heading img { width: 72px; height: 72px; }
  .advisor-bio { font-size: 16px; }
  .comparison .wrap { max-width: 875px; }
}

@media (max-width: 767px) {
  .ingredients { background: url("/assets/images/shared/ingredients-mobile.webp") center center / cover; }
  .ingredients .wrap { padding: 0px 20px; }
  .ingredients h2 { font-size: 27px; line-height: 1.15; letter-spacing: -0.02em; margin-bottom: 11px; }
  .ingredients .section-kicker { font-size: 18px; }
  .ingredient-size-8, .ingredient-size-6 { display: none; }
  .ingredient-size-4 { display: block; }
  .ingredient-carousel { padding: 0px; background: none; border-radius: 0px; }
  .ingredient-track { gap: 12px; }
  .ingredient-page { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; }
  .ingredient-card { display: block; min-height: 0px; text-align: center; }
  .ingredient-card img { width: 80px; height: 80px; margin: auto; }
  .dose { margin-top: 12px; margin-bottom: 10px; }
  .ingredient-card h3 { font-size: 22px; line-height: 1.25; }
  .ingredient-card p { font: 400 15px / 1.15 var(--font-body); }
  .ingredient-carousel .carousel-controls { margin-top: 16px; gap: 78px; }
  .ingredients .science-trust { margin-right: -20px; margin-bottom: 0px; margin-left: -20px; }
  .ingredients .trust-track { animation: auto ease 0s 1 normal none running none; }
  .ingredients .trust-group img { width: 34px; height: 34px; }
  .lab-badge { margin-top: 44px; }
  .ingredients > .wrap > .button { min-height: 48px; font-size: 18px; }
  .comparison { padding: 76px 0px 24px; }
  .comparison .wrap { padding: 0px; }
  .comparison h2 { font-size: 28px; white-space: normal; margin: 0px 16px 24px; }
  body[data-page="sales"] .comparison h2 { display: none; }
  .comparison-intro { font-size: 16px; margin: 0px 16px 24px; }
  .comparison table { font: 500 13px / 1.15 var(--font-body); }
  .comparison thead th { height: 50px; padding: 0px 15px 10px; font-size: 4.2vw; }
  .comparison thead th:first-child { width: 29.07%; }
  .comparison thead th:nth-child(2) { width: 23.73%; border-radius: 12px 12px 0px 0px; padding: 10px 15px; }
  .comparison thead th:nth-child(3) { width: 23.73%; }
  .comparison thead th:nth-child(4) { width: 23.47%; padding: 2px 6px 10px; }
  .comparison thead th:nth-child(3) img { width: 16px; height: 16px; margin-bottom: 6px; }
  .comparison tbody th { padding: 12px 14px 12px 16px; font: 400 13px / 1.03 var(--font-body); letter-spacing: -0.04em; }
  .comparison td { padding: 8px 4px; }
  .comparison tbody tr { height: 56px; }
  .comparison td:nth-child(2) { font-size: 14px; }
  .comparison tfoot td { height: 23px; }
  .comparison tfoot td:nth-child(2) { border-radius: 0px 0px 12px 12px; }
  .comparison .button { width: 204px; font-size: 18px; min-height: 48px; }
  .comparison-symbol { width: 20px; height: 20px; font-size: 16px; }
  body[data-page="science"] .comparison { padding-top: 24px; }
}

.science-timeline { padding: 120px 0px 88px; background: url("/assets/images/b2/science-timeline-background.webp") center center / cover; }

.science-timeline-grid { max-width: 1140px; padding: 0px; display: grid; grid-template-columns: minmax(0px, 610px) minmax(0px, 430px); gap: 64px; align-items: center; }

.science-timeline-copy .section-kicker { color: var(--brand-accent); font: 400 20px / 1 var(--font-body); text-align: left; margin: 0px 0px 24px; }

.science-timeline-copy h2 { font: 400 40px / 1.1 var(--font-display); letter-spacing: -0.02em; text-align: left; margin: 0px 0px 26px; white-space: nowrap; }

.science-timeline-copy p { font: 400 20px / 1.15 var(--font-body); text-align: left; margin: 0px; max-width: none; }

.science-timeline-copy .intro { margin: 0px 0px 24px; }

.science-timeline-card { border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 12px; background: rgba(39, 39, 39, 0.81); }

.science-timeline-card [role="tablist"] { flex-wrap: wrap; justify-content: center; }

.science-timeline-card [role="tab"] { flex: 0 0 auto; font-style: normal; font-variant: normal; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 400; font-stretch: normal; font-family: var(--font-body); border-radius: 4px; background: rgb(55, 55, 55); }

.science-timeline-card [role="tab"][aria-selected="true"] { background: var(--brand-accent); color: rgb(255, 255, 255); border-color: var(--brand-accent); box-shadow: rgba(0, 0, 0, 0.533) 0px 3px 7px; }

.science-timeline-card [role="tabpanel"] { padding: 0px; background: none; }

.science-stage { display: block; padding: 0px; }

.science-stage .stage-number { display: inline; font: 400 54px / 1 var(--font-body); margin-left: -20px; margin-right: 24px; vertical-align: middle; }

.science-stage h3 { display: inline; font: 400 28px / 1.15 var(--font-heading); margin: 0px; }

.science-stage p { font: 400 16px / 24px var(--font-body); margin: 0px 0px 16px 10px; }

.science-stage-photo { width: 100%; height: 190px; object-fit: contain; border-radius: 10px; }

.science-stage h4 { font: 400 28px / 1 var(--font-heading); color: var(--brand-accent); text-transform: uppercase; margin: 16px 0px 20px; }

.science-stage ul { padding-left: 19px; margin: 0px; }

.science-stage li { font: 400 16px / 18px var(--font-body); margin: 0px 0px 12px; }

.science-timeline-card .timeline-disclaimer { font: 700 10px / 10px var(--font-body); text-align: center; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

.founder-story { padding: 89px 0px; background: url("/assets/images/b2/science-founder-1.webp") center center / cover; }

.founder-story .wrap { max-width: 1136px; padding: 0px; }

.founder-card { padding: 40px 66px 40px 44px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 12px; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(18px); }

.founder-copy { font: 400 20px / 23px var(--font-body); }

.founder-copy p { line-height: inherit; margin: 0px 0px 23px; }

.founder-copy p:last-child { margin-bottom: 0px; }

.founder-copy strong { font: inherit; }

.founder-closing { display: flex; align-items: flex-end; gap: 24px; margin-top: 24px; }

.founder-closing > .founder-copy { flex: 1 1 0%; min-width: 0px; }

.founder-signature { flex-shrink: 0; display: flex; align-items: flex-end; gap: 12px; }

.founder-signature > img { width: 97px; height: 97px; object-fit: cover; border-radius: 8px; }

.founder-signature > div { width: 111px; }

.founder-signature > div > img { width: 111px; height: auto; margin-bottom: 6px; }

.founder-signature span { display: block; color: var(--brand-accent); font: 400 14px / 1 var(--font-body); text-transform: uppercase; margin-bottom: 6px; }

.founder-signature small { display: block; font: 400 10px / 1.15 var(--font-body); }

body[data-page="science"] .advisors h2 br { display: initial; }

body[data-page="science"] .advisors h2 { margin-bottom: 40px; }

body[data-page="science"] .advisor-track { gap: 12px; }

body[data-page="science"] .advisor-track > [data-card] { flex-basis: calc(25% - 9px); padding: 10px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 12px; background: rgba(5, 5, 5, 0.2); box-shadow: rgba(255, 255, 255, 0.22) 0px 1px inset; }

body[data-page="science"] .advisor-heading { gap: 10px; align-items: flex-start; min-height: 100px; margin-bottom: 16px; }

body[data-page="science"] .advisor-heading img { width: 80px; height: 80px; object-fit: cover; object-position: center top; }

@media (max-width: 1023px) {
  .science-timeline { padding: 56px 0px 48px; background-position: center bottom; background-size: auto 800px; background-repeat: no-repeat; }
  .science-timeline-grid { display: block; padding: 0px 16px; }
  .science-timeline-copy .section-kicker { text-align: center; font-size: 16px; margin-bottom: 32px; }
  .science-timeline-copy h2 { font-size: 28px; max-width: 235.2px; margin: 0px auto 32px; text-align: center; white-space: normal; }
  .science-timeline-copy p { font-size: 18px; line-height: 21px; text-align: center; max-width: 650px; margin: auto; }
  .science-timeline-copy .intro { margin: 0px auto 24px; }
  .science-timeline-card { width: 100%; margin: 40px auto 0px; }
  .science-timeline-card [role="tablist"] { margin-inline: -14px; }
  .science-timeline-card [role="tab"] { font-size: 11px; padding: 12px 9px; }
  .science-stage-photo { height: auto; }
  .science-stage p { font-size: 16px; margin-left: 0px; }
  .science-stage h3 { font-size: 24px; }
  .science-stage .stage-number { font-size: 48px; margin-left: -8px; margin-right: 12px; }
  .science-stage h4 { font-size: 24px; }
  .science-stage li { font-size: 16px; line-height: 18px; }
  .founder-story { padding: 56px 19px 36px; }
  .founder-story .wrap { max-width: 720px; }
  .founder-card { padding: 24px 16px 24px 19px; }
  .founder-copy { font: 500 16px / 18px var(--font-body); }
  .founder-copy p { margin-bottom: 18px; }
  .founder-closing { display: block; margin-top: 24px; }
  .founder-signature { margin-top: 24px; align-items: flex-start; gap: 9px; }
  .founder-signature > img { width: 105px; height: 105px; }
  .founder-signature > div, .founder-signature > div > img { width: 100px; }
  .founder-signature span { font-size: 12px; }
  body[data-page="science"] .advisors h2 { margin-bottom: 24px; }
  body[data-page="science"] .advisor-track > [data-card] { flex-basis: 318px; }
  body[data-page="science"] .advisor-heading { min-height: 80px; }
}

.results { padding: 84px 0px 40px; }

.results .wrap { max-width: none; }

.results h2 { font: 400 40px / 50px var(--font-display); letter-spacing: -0.02em; margin: 0px 0px 48px; }

.results-heading-mobile { display: none; }

.results-image-track { gap: 32px; margin: 0px; scroll-snap-type: none; }

.results-image-track > [data-card] { width: calc(31.25% - 22px); }

.result-images { display: flex; }

.result-images img { width: calc(50% - 2px); height: auto; object-fit: contain; border-radius: 6px; }

[data-carousel-kind="results-motion"] > .carousel-controls { display: none; }

.results-track { margin-top: 32px; gap: 24px; padding: 0px; }

.results-track > [data-card] { width: calc(25.641% - 17.8462px); }

.result-copy p { margin: 0px 0px 14px; }

.result-copy .condensed { font: 400 16px / 1 var(--font-body); margin-top: 10px; }

.results .carousel-controls { margin-top: 24px; }

.results .carousel-dots { display: none; }

.videos { padding: 80px 0px 32px; }

.videos .wrap { max-width: 1440px; padding: 0px 55px; }

.videos h2 { font: 400 40px / 50px var(--font-display); letter-spacing: -0.02em; margin: 0px 0px 32px; }

.video-kicker { display: none; }

.video-tabs > [role="tablist"] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }

.video-grid { display: flex; gap: 16px; }

.video-card { position: relative; flex: 0 0 calc(25% - 12px); border-radius: 6px; overflow: hidden; background: rgb(34, 34, 34); }

.video-card h3 { position: absolute; z-index: 1; top: 12px; left: 16px; right: 16px; color: rgb(255, 255, 255); text-align: center; background: var(--brand-accent); padding: 10px 8px; border-radius: 6px; box-shadow: rgb(0, 0, 0) 6px 6px; font: 400 14px / 1 var(--font-heading); pointer-events: none; }

.video-card video { width: 100%; height: 100%; object-fit: cover; }

.video-play { position: absolute; top: calc(50% - 24px); left: calc(50% - 24px); width: 48px; height: 48px; background: rgb(255, 255, 255); color: rgb(0, 0, 0); border-radius: 50%; font: 22px / 1 Arial, sans-serif; display: grid; place-content: center; }

.videos .micro { font: 400 12px / 16px var(--font-body); max-width: 940px; margin: 48px auto 0px; text-align: center; color: rgb(221, 221, 221); }

.videos .carousel-controls { display: none; }

.video-error { position: absolute; bottom: 40px; left: 8px; right: 8px; font: 400 12px / 1.3 var(--font-body); background: rgba(0, 0, 0, 0.733); }

.progression-grid h3 i { color: var(--brand-accent); font: 400 32px / 1 var(--font-heading); margin-right: -4px; }

@media (max-width: 1023px) {
  .results .wrap { padding: 0px 20px; }
  .results-heading-desktop { display: none; }
  .results-heading-mobile { display: initial; }
  .results { padding: 56px 0px 0px; }
  .results h2 { margin: 0px -8px 24px; }
  .results-image-track { gap: 16px; }
  .results-image-track > [data-card] { width: calc(90.9091% - 1.45455px); }
  .results-track { gap: 16px; }
  .results-track > [data-card] { width: 100%; }
  .result-copy { padding: 16px; }
  .result-copy h3 { font-size: 24px; }
  .result-copy p { font-size: 16px; }
  .videos { padding: 56px 0px 0px; }
  .videos .wrap { padding: 0px 20px; }
  .videos h2 { font-size: 28px; line-height: 36px; letter-spacing: -0.03em; margin-bottom: 9px; }
  .video-kicker { display: block; text-align: center; font: 400 18px / 1.15 var(--font-body); color: var(--brand-accent); white-space: nowrap; margin: 0px 0px 16px; }
  .video-grid { margin-right: -20px; }
  .video-card { flex-basis: calc(80% - 3.2px); }
  .videos .carousel-controls { display: flex; margin-top: 24px; }
  .videos .carousel-controls > button, .videos .carousel-controls > span { display: none; }
  .videos .micro { font-size: 11px; line-height: 17px; margin-top: 56px; }
  .progression-grid h3 i { font-size: 28px; }
}

.faq-section { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.faq-section h2 { font: 400 40px / 36px var(--font-display); letter-spacing: 0.025em; margin: 0px 0px 56px; }

.faq-list { margin: 0px; max-width: none; }

.faq-list details { border: 2px solid rgb(85, 85, 85); background: rgba(34, 34, 34, 0.8); border-radius: 5px; margin: 0px 0px 24px; }

.faq-list details:last-child { margin-bottom: 0px; }

.faq-list summary { list-style: none; display: flex; gap: 15px; justify-content: space-between; align-items: center; font: 600 24px / 24px var(--font-body); padding: 23px 24px; cursor: pointer; text-transform: uppercase; }

.faq-list summary::-webkit-details-marker { display: none; }

.faq-list details[open] summary span { transform: rotate(180deg); }

.faq-answer { padding: 0px 24px 24px; font: 500 18px / 1.4 var(--font-body); }

.faq-answer p:last-child { margin-bottom: 0px; }

.product-faq { padding: 156px 0px 32px; background-image: url("/assets/images/c14/faq-desktop.webp"); background-position: right center; }

.product-faq .wrap { max-width: 1440px; padding: 0px 36px; }

.product-faq h2 { text-align: left; }

.product-faq .faq-list, .product-faq .faq-more { width: 49%; }

.faq-more { display: block; font: 700 20px / 22px var(--font-body); margin: 24px 0px 0px; }

.support-faq { padding: 88px 0px 112px; background-image: url("/assets/images/b2/support-faq.webp"); }

.support-faq .wrap { max-width: 1176px; padding: 0px 20px; }

.support-faq .button { display: flex; width: 400px; height: 52px; margin: 32px auto 0px; }

.product-guarantee { padding: 94px 0px 0px; }

.product-guarantee .wrap { display: flex; align-items: flex-start; gap: 44px; padding: 0px 20px; }

.product-guarantee img { width: 201px; flex-shrink: 0; }

.product-guarantee .wrap > div { flex: 1 1 0%; min-width: 0px; }

.product-guarantee h2 { font: 400 40px / 46px var(--font-display); letter-spacing: -0.025em; text-align: left; margin: 0px 0px 21px; }

.product-guarantee h2 br { display: none; }

.product-guarantee p { font: 400 18px / 20.7px var(--font-body); margin: 0px 0px 21px; }

.product-guarantee .button { width: 376px; height: 52px; }

.launch-kit { padding: 77px 0px 80px; }

.launch-kit .wrap { max-width: 1200px; padding: 0px; }

.launch-kit h2 { font: 400 40px / 46px var(--font-display); letter-spacing: -0.025em; margin: 0px 0px 62px; }

.launch-kit .two-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 0px; align-items: center; }

.launch-kit .two-columns > img { width: 100%; }

.launch-kit .two-columns > div { padding: 0px 32px; }

.launch-kit dl { margin: 0px 0px 32px; font: 500 20px / 23px var(--font-body); }

.launch-kit dl > div { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 0px 0px 24px; }

.launch-kit dl > div:last-child { margin: 0px; }

.launch-kit dd { margin: 0px; white-space: nowrap; }

.launch-kit dd del { color: rgb(170, 170, 170); margin-right: 8px; }

.launch-kit dt small { display: block; font-size: 14px; }

.launch-kit .button { display: flex; width: 336px; height: 52px; margin: auto; }

.site-footer { background: radial-gradient(at 42% 120%, var(--brand-accent) 0px, transparent 65%), #000; padding: 80px 0px 24px; }

.footer-grid { max-width: 1360px; display: grid; grid-template-columns: 2.3fr repeat(4, 1fr); gap: 30px; }

.footer-brand .wordmark { display: block; width: 340px; max-width: 100%; }

.footer-brand .wordmark svg { width: 100%; height: auto; }

.newsletter-field { display: flex; border: 1px solid var(--brand-accent); border-radius: 4px; margin: 0px; max-width: 340px; }

.newsletter-field input { background: none; border: 0px; width: 100%; color: white; min-width: 0px; padding: 16px; font: 400 16px / 1 var(--font-body); }

.newsletter-field button { font: 30px / 1 Arial, sans-serif; padding: 8px 16px; color: var(--brand-accent); }

.footer-group summary { list-style: none; pointer-events: none; }

.footer-group summary::-webkit-details-marker { display: none; }

.footer-group > div { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin-top: 24px; }

.footer-group a { font: 500 16px / 1.15 var(--font-body); }

.footer-bottom { display: flex; justify-content: space-between; gap: 40px; margin-top: 70px; align-items: flex-end; }

.footer-bottom small { flex-shrink: 0; font: 500 12px / 1.4 var(--font-body); }

.footer-bottom p { font: 400 10px / 1.5 var(--font-body); color: rgb(170, 170, 170); max-width: 700px; margin: 0px; }

@media (max-width: 1023px) {
  .faq-section { background: none; padding: 0px; }
  .faq-section::before { content: ""; display: block; width: 100%; background-size: 100% auto; background-repeat: no-repeat; }
  .product-faq::before { aspect-ratio: 1238 / 1271; background-image: url("/assets/images/c14/faq-mobile.webp"); }
  .support-faq { padding-top: 24px; }
  .support-faq::before { aspect-ratio: 750 / 751; background-image: url("/assets/images/b2/support-faq-mobile.webp"); }
  .faq-section .wrap { padding: 0px 20px; position: relative; }
  .faq-section h2 { text-align: center; font-size: 30px; line-height: 36px; letter-spacing: -0.025em; margin: 0px 0px 32px; }
  .faq-list details { margin-bottom: 12px; }
  .faq-list summary { font-size: 16px; line-height: 16px; padding: 10px 12px; gap: 10px; }
  .faq-list summary span { flex-shrink: 0; }
  .faq-answer { padding: 0px 12px 16px; font-size: 16px; }
  .product-faq .faq-list, .product-faq .faq-more { width: 100%; }
  .faq-more { font-size: 18px; line-height: 20px; margin: 24px 0px 0px; }
  .support-faq .button { width: 220px; height: 48px; margin-top: 32px; }
  .product-guarantee { padding: 0px; }
  .product-guarantee .wrap { flex-direction: column; align-items: center; gap: 20px; padding: 0px 16px; }
  .product-guarantee img { width: 110px; }
  .product-guarantee h2 { text-align: center; font-size: 28px; line-height: 32.2px; letter-spacing: -0.025em; margin-bottom: 12px; }
  .product-guarantee h2 br { display: initial; }
  .product-guarantee p { font-size: 16px; line-height: 18.4px; margin: 0px 0px 16px; text-align: center; }
  .product-guarantee .button { display: flex; width: 204px; height: 48px; margin: auto; }
  .launch-kit { padding: 56px 0px 50px; }
  .launch-kit h2 { font-size: 30px; line-height: 34.5px; padding: 0px 16px; margin: 0px 0px 22px; }
  .launch-kit .two-columns { display: block; }
  .launch-kit .two-columns > div { padding: 24px 20px 0px; }
  .launch-kit dl { font-size: 16px; line-height: 18.4px; margin-bottom: 24px; }
  .launch-kit dl > div { margin-bottom: 20px; }
  .launch-kit .button { width: 272px; height: 48px; }
  .site-footer { padding: 56px 0px 32px; }
  .footer-grid { display: block; padding: 0px 18px; }
  .footer-brand > p { font-size: 16px; margin: 42px 0px 24px; }
  .footer-brand { margin-bottom: 40px; }
  .footer-group { border-bottom: 1px solid rgb(102, 102, 102); padding: 18px 0px; }
  .footer-group summary { pointer-events: auto; cursor: pointer; }
  .footer-group summary::after { content: "+"; float: right; }
  .footer-group[open] summary::after { content: "−"; }
  .footer-bottom { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; margin-top: 40px; }
}

@media (max-width: 1023px) {
  .contact-section { padding-bottom: 0px; }
  .contact-wrap .button { height: 48px; }
}

body[data-page="science"] .comparison .wrap { max-width: 1000px; padding: 0px 18px; }

body[data-page="science"] .comparison .table-scroll { position: relative; isolation: isolate; }

body[data-page="science"] .comparison .table-scroll::before { content: ""; position: absolute; z-index: -1; left: 34.85%; width: 20.34%; top: 0px; bottom: 0px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 12px; background: linear-gradient(159.545deg, rgb(from var(--brand-accent) r g b / 0) 2.4622%, rgb(from var(--brand-accent) r g b / 0.8) 137.63%); }

body[data-page="science"] .comparison td:nth-child(2), body[data-page="science"] .comparison th:nth-child(2) { background: transparent; }

body[data-page="science"] .comparison .button { width: 400px; }

.policy-copy { overflow-x: auto; }

.policy-copy table { min-width: 540px; }

.policy-copy td { font-weight: 400; border-color: currentcolor; }

.science-timeline-card [role="tablist"] { max-width: 309px; margin: 0px auto 13px; gap: 5px 2px; }

.science-timeline-card [role="tab"] { font-size: 12px; line-height: 24px; min-width: 75px; padding: 7px 8px; border: 0px; }

.science-timeline-card { padding: 21px 21px 12px; }

.science-timeline-card .timeline-disclaimer { margin-top: 64px; }

body[data-page="sales"] .advisor-bio { font-size: 20px; line-height: 23px; }

@media (max-width: 1023px) {
  body[data-page="science"] .comparison table { font-size: 14px; }
  body[data-page="science"] .comparison tbody tr { height: 55px; }
  body[data-page="science"] .comparison .table-scroll::before { left: 28.5%; width: 24.93%; }
  body[data-page="science"] .comparison thead th:first-child { width: 28.5%; }
  body[data-page="science"] .comparison thead th:nth-child(2) { width: 24.93%; }
  body[data-page="science"] .comparison td:nth-child(2) { font-size: 14px; }
  body[data-page="science"] .comparison .button { width: 272px; }
  .science-timeline-card { max-width: 343px; padding: 16px 17px 24px; background: rgb(25, 25, 25); }
  .science-timeline-card [role="tablist"] { margin-bottom: 20px; }
  .science-stage p { line-height: 22.4px; padding-left: 18px; margin-top: -5px; margin-bottom: 24px; }
  .science-stage-photo { aspect-ratio: 308 / 190; }
  .science-timeline-card .timeline-disclaimer { margin-top: 120px; }
  body[data-page="sales"] .advisor-bio { font-size: 16px; line-height: 18.4px; }
  .faq-section::before { margin-bottom: -50px; }
}

.purchase-trust img { display: inline-block; height: 16px; width: auto; }

.progression-grid h3 img { width: 28px; height: auto; object-fit: contain; flex-shrink: 0; }

.sales-chart-disclaimer { font: 400 14px / 19px var(--font-body); text-align: center; margin: 20px 0px 0px; }

@media (min-width: 1024px) {
  .daily-use { padding: 46px 0px 30px; }
  .daily-use .wrap { max-width: 1230px; }
  .daily-use h2 { font: 400 40px / 46px var(--font-display); margin: 0px 0px 50px; }
  .timeline-tabs [role="tablist"] { gap: 5px; margin-bottom: 31px; }
  .timeline-tabs [role="tab"] { font: 400 20px / 46px var(--font-body); height: 73px; border-radius: 9px; }
  .timeline-tabs [role="tabpanel"] { padding: 0px; background: transparent; }
  .timeline-content { gap: 35px; align-items: start; }
  .timeline-content > div:first-child { padding-left: 61px; }
  .timeline-content h3 { font: 400 42px / 60px var(--font-heading); }
  .timeline-content .stage-number { font: 400 72px / 60px var(--font-body); margin-left: -61px; }
  .timeline-content p { font: 400 25px / 29px var(--font-body); margin: 16px 0px 40px; }
  .timeline-content li { font: 400 16px / 28px var(--font-body); margin-bottom: 8px; }
  .timeline-content .section-kicker { font: 400 16px / 32.933px var(--font-body); margin-bottom: 7px; }
  .timeline-content .sales-chart-disclaimer { font: 400 14px / 19px var(--font-body); margin: 20px 0px 0px; }
}

@media (max-width: 1023px) {
  .purchase-trust img { height: 20px; }
  .progression-grid h3 img { height: 36px; width: auto; }
  .sales-chart-disclaimer { font-size: 10px; line-height: 11px; margin: 8px 0px 24px; }
}




.faq-more { padding: 0px; text-decoration: underline; }

.timeline-stage-copy { grid-area: 1 / 1; }

.timeline-benefits { grid-area: 2 / 1; padding-left: 61px; }

.timeline-content .sales-chart { grid-area: 1 / 2 / 3; }

.timeline-content .stage-banner { height: auto; aspect-ratio: 563.688 / 174.578; }

body[data-page="sales"] .advisor-track > [data-card] { border-radius: 12px; }

@media (max-width: 1023px) {
  .timeline-tabs { background: rgb(25, 25, 25); border-radius: 16px; padding: 16px 17px 24px; box-shadow: rgba(255, 255, 255, 0.125) 0px 0px 20px; }
  .timeline-tabs [role="tablist"] { flex-wrap: wrap; overflow: visible; gap: 5px 2px; justify-content: center; margin: 0px -8px 20px; }
  .timeline-tabs [role="tab"] { flex: 0 0 auto; min-width: 75px; padding: 7px 8px; font: 400 12px / 24px var(--font-body); border-radius: 4px; }
  .timeline-tabs [role="tab"][aria-selected="true"] { background: var(--brand-accent); color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.533) 0px 4px 13px; }
  .timeline-tabs [role="tabpanel"] { background: none; padding: 0px; }
  .timeline-content { display: flex; flex-direction: column; gap: 0px; }
  .timeline-stage-copy { order: 0; }
  .timeline-content .sales-chart { order: 1; }
  .timeline-content .stage-banner { display: none; }
  .timeline-benefits { order: 2; padding: 0px; }
  .timeline-content h3 { font: 400 28px / 1.15 var(--font-heading); text-transform: none; }
  .timeline-content .stage-number { font: 400 48px / 1 var(--font-body); margin-left: -8px; margin-right: 12px; }
  .timeline-content p { font: 400 16px / 20px var(--font-body); margin: 24px 0px 28px 34px; }
  .timeline-content .sales-chart-disclaimer { font: 400 10px / 11px var(--font-body); margin: 8px 0px 48px; }
  .timeline-content .section-kicker { font: 400 22px / 24px var(--font-body); margin: 0px 0px 20px; }
  .timeline-content li { font: 400 16px / 20px var(--font-body); margin-bottom: 8px; }
  .timeline-content ul { margin: 0px; }
  body[data-page="sales"] .advisor-heading img { width: 84px; height: 90px; object-fit: cover; object-position: center top; }
  body[data-page="sales"] .advisor-heading h3 { font-size: 26px; }
  body[data-page="sales"] .advisor-role { font-size: 16px; }
  .launch-kit dt small { display: inline; font-size: 9px; }
}

.result-images { gap: 8px; }

.result-images figure { margin: 0px; position: relative; width: calc(50% - 4px); }

.result-images figcaption { font: 400 22px / 1 var(--font-body); text-transform: uppercase; background: rgb(255, 255, 255); color: rgb(17, 17, 17); padding: 12px 4px; margin-bottom: 8px; text-align: center; border-radius: 12px 12px 0px 0px; }

.result-images figure:nth-child(2) figcaption { background: var(--brand-accent); color: rgb(255, 255, 255); }

.result-images figure img { width: 100%; aspect-ratio: 0.55 / 1; height: auto; object-fit: cover; border-radius: 0px 0px 12px 12px; }

.result-images figure > span { position: absolute; bottom: 12px; right: 8px; font: 400 16px / 1 var(--font-body); white-space: nowrap; }

.result-copy { padding: 24px; }

.results-track > [data-card] { background: rgb(25, 25, 25); border: 1px solid rgba(255, 255, 255, 0.314); border-radius: 16px; }

.result-copy > .stars { font-size: 28px; line-height: 28px; letter-spacing: 1px; }

.result-copy h3 { font: 400 24px / 28px var(--font-heading); margin: 24px 0px; }

.result-copy p { font: 400 16px / 18.4px var(--font-body); }

.result-copy p.condensed { display: flex; gap: 8px; align-items: center; font: 400 22px / 1 var(--font-body); margin: 12px 0px 0px; }

.verified-result { display: inline-flex; align-items: center; gap: 7px; }

.verified-result svg { width: 20px; height: 23px; color: var(--brand-accent); }

.verified-result > span { color: var(--brand-accent); border: 1px solid var(--brand-accent); border-radius: 20px; padding: 3px 14px; font: 400 12px / 1 var(--font-body); white-space: nowrap; }

.carousel-controls > button svg { width: 32px; height: 32px; }

@media (max-width: 1023px) {
  .results h2 { font-size: 30px; line-height: 36px; letter-spacing: -0.06em; }
  .result-images figcaption { font-size: 16px; padding: 10px 2px; }
  .result-images figure > span { font-size: 13px; }
  .results-track { margin-top: 32px; }
}

body[data-page="sales"] .advisors { padding: 88px 0px 0px; }

body[data-page="sales"] .advisors .wrap { max-width: 1132px; padding: 0px 20px; }

body[data-page="sales"] .advisors h2 { line-height: 36px; margin-bottom: 48px; }

body[data-page="sales"] .advisor-track > [data-card] { border: 0px; padding: 0px; }

body[data-page="sales"] .advisor-heading { padding: 10px; background: rgba(255, 255, 255, 0.07); border-radius: 12px; gap: 12px; margin-bottom: 14px; align-items: flex-start; }

body[data-page="sales"] .advisor-heading img { width: 82px; height: 82px; object-fit: cover; object-position: center top; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 8px; }

body[data-page="sales"] .advisor-heading h3 { font: 400 26px / 30px var(--font-heading); margin-bottom: 8px; }

body[data-page="sales"] .advisor-role { font: 400 16px / 16px var(--font-body); }

body[data-page="sales"] .advisor-bio { text-align: center; }

body[data-page="sales"] .advisors .carousel-controls { display: none; }

@media (max-width: 1023px) {
  body[data-page="sales"] .advisors { padding: 18px 0px 42px; }
  body[data-page="sales"] .advisors h2 { font-size: 30px; line-height: 36px; margin-bottom: 24px; }
  body[data-page="sales"] .advisor-track > [data-card] { flex-basis: 320px; border: 1px solid rgba(255, 255, 255, 0.2); padding: 10px; }
  body[data-page="sales"] .advisor-heading { padding: 0px; background: transparent; margin-bottom: 24px; }
  body[data-page="sales"] .advisor-bio { text-align: left; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .results-image-track > [data-card] { width: calc(58.8235% - 6.58824px); }
  .results-track > [data-card] { width: calc(47.619% - 8.38095px); }
  .video-card { flex-basis: calc(37.037% - 10.0741px); }
  .mentors .mentor-track > [data-card] { width: calc(33.3333% - 10.6667px); }
}

.marquee-item { gap: 0px; padding-right: 8px; font-size: 16px; line-height: 16px; }

.marquee-item > span:first-child { letter-spacing: -0.08em; }

.marquee-author { gap: 7px; margin-left: 11px; font-size: 16px; line-height: 16px; }

.marquee-item b { width: 4px; height: 4px; border-radius: 50%; font-size: 0px; background: var(--brand-accent); margin-left: 8px; }

.results .wrap { padding: 0px 20px; }

@media (max-width: 1023px) {
  .marquee-item, .marquee-author { font-size: 14px; line-height: 14px; }
  .results-image-track { margin-right: 0px; }
}

@media (max-width: 767px) {
  .ingredients .trust-group { gap: 24px; padding-right: 24px; }
  .ingredients .trust-group > span { gap: 6px; letter-spacing: -1.36px; font-size: 17px; line-height: 17px; }
}

.information-faq { max-width: 920px; margin: auto; }

.information-faq details { background: rgb(54, 54, 54); border-radius: 12px; padding: 10px 21px; margin-bottom: 14px; }

.information-faq summary { display: flex; justify-content: space-between; gap: 16px; font: 600 20px / 1.2 var(--font-body); cursor: pointer; list-style: none; }

.information-faq summary::-webkit-details-marker { display: none; }

.information-faq details[open] > div { padding-top: 16px; font: 400 18px / 1.4 var(--font-body); }

.information-read-all { display: table; margin: 28px auto 0px; font: 700 20px / 1 var(--font-body); border-bottom: 2px solid rgb(255, 255, 255); }

.information-reviews { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px; }

.information-reviews article { background: rgb(54, 54, 54); border-radius: 12px; padding: 20px; font: 500 16px / 1.3 var(--font-body); }

.information-reviews h3 { font: 400 24px / 1.15 var(--font-heading); }

@media (max-width: 1023px) {
  .information-faq details { padding: 10px; margin-bottom: 6px; border-radius: 8px; }
  .information-faq summary { font-size: 16px; }
  .information-faq details[open] > div { font-size: 16px; }
  .information-reviews { grid-template-columns: 1fr; }
  .information-read-all { font-size: 18px; }
}

.clinician-slot { display: grid; place-content: center; }

.clinician-reference { text-align: center; font: 14px / 20px var(--font-body); }

.clinician-reference p { display: flex; align-items: center; justify-content: center; gap: 8px; font: 20px / 24px var(--font-body); margin: 0px 0px 8px; }

.clinician-reference svg { filter: invert(1); }

.clinician-reference > div { display: flex; align-items: center; justify-content: center; gap: 4px; }

.clinician-reference em { color: inherit; font-style: italic; }

.clinician-portraits { display: inline-flex; margin-right: 4px; }

.clinician-portraits img { width: 22px; height: 22px; border-radius: 50%; border: 1px solid white; }

.clinician-portraits img + img { margin-left: -7px; }

.clinician-reference button { text-decoration: underline; }

.gallery-stage img { object-fit: contain; }

@media (max-width: 1023px) {
  .clinician-reference { display: none; }
}

.upgrade-modal { width: 666px; max-width: calc(-32px + 100vw); padding: 38px 52px 20px; border: 2px solid var(--brand-accent); border-radius: 24px; background: rgb(7, 7, 7); text-align: center; }

.upgrade-modal h2 { font: 400 18px / 1.25 var(--font-heading); letter-spacing: -0.02em; margin: 0px 0px 14px; }

.upgrade-saving { font: 700 28px / 1.15 var(--font-body); color: var(--brand-accent); margin: 0px 0px 30px; }

.upgrade-modal > h3 { font: 400 22px / 1 var(--font-heading); margin: 0px 0px 24px; }

.upgrade-modal .upgrade-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 24px; }

.upgrade-grid > div { position: relative; padding: 0px; border: 0px; background: none; }

.upgrade-grid img { height: 122px; width: auto; margin: 0px auto 12px; }

.upgrade-grid h4 { font: 400 22px / 1.1 var(--font-heading); margin: 0px 0px 8px; }

.upgrade-grid strong { font: 400 20px / 1 var(--font-body); color: rgb(255, 255, 255); }

.upgrade-grid p { font: 400 16px / 1.2 var(--font-body); margin: 12px 0px 0px; }

.upgrade-value { position: absolute; right: 0px; top: 0px; font: 400 14px / 1 var(--font-heading); color: var(--brand-accent); }

.upgrade-modal .button { font-size: 18px; width: 100%; margin-top: 24px; }

.upgrade-stay { font: 700 16px / 1.2 var(--font-body); text-decoration: underline; margin: 16px 0px 0px; }

.upgrade-close { position: absolute; right: 14px; top: 8px; font: 28px / 1 Arial, sans-serif; }

.modal-offline { font: 400 11px / 1.3 var(--font-body); color: rgb(187, 187, 187); margin: 18px 0px 0px; }

@media (max-width: 767px) {
  .upgrade-modal { padding: 20px 16px 12px; }
  .upgrade-modal h2 { font-size: 16px; margin-bottom: 2px; }
  .upgrade-saving { font-size: 22px; margin-bottom: 24px; }
  .upgrade-grid h4 { font-size: 18px; }
  .upgrade-grid p { font-size: 14px; }
  .upgrade-modal .button { font-size: 14px; }
}

.upgrade-chart svg { width: 100%; height: auto; }

.mobile-chart { display: none; }

@media (max-width: 767px) {
  .desktop-chart { display: none; }
  .mobile-chart { display: block; }
}

.account-button svg { width: 31px; height: 33px; }

.footer-social { display: flex; align-items: center; gap: 24px; margin-top: 24px; }

.footer-social button { padding: 0px; width: 28px; height: 28px; }

.footer-social svg { width: 100%; height: 100%; }

@media (max-width: 1023px) {
  .account-button { display: none; }
}

.lab-badge { height: 68px; padding: 0px 16px; }

.lab-badge svg { width: 31px; height: 22px; }

.lab-badge > span { padding: 12px 0px 12px 20px; font: 12px / 20px var(--font-body); }

@media (max-width: 1023px) {
  .science-ingredients { padding-bottom: 55px; }
  .science-choices { gap: 6px; }
  .science-choices button { flex-basis: 44.3594px; }
  .science-choices span { padding: 13px 11px; line-height: 18.3594px; }
  .science-detail { padding-top: 11px; }
  .trust-pause { opacity: 1; }
  .trust-pause:focus-visible, .trust-pause:hover { opacity: 1; }
}

.science-intro > p:last-child { line-height: 1.15; }

.comparison tfoot td { padding: 0px; }

body[data-page="science"] .comparison tfoot td { height: 10px; }

@media (min-width: 768px) and (max-width: 1023px) {
  .launch-kit .two-columns { display: grid; grid-template-columns: 1fr 1fr; }
  .launch-kit h2 { font-size: 40px; line-height: 46px; }
  .launch-kit dt { font-size: 16px; }
  .launch-kit dd { font-size: 16px; }
}

.ingredient-page { grid-template-rows: auto auto; align-content: start; }

.ingredient-track { align-items: start; }

.ingredient-card img { width: 84px; height: 84px; }

.ingredient-art { flex-basis: 84px; }

.ingredient-card { gap: 18px; padding: 15px 20px 10px; }

.dose { font: 400 13px / 19px var(--font-body); padding: 0px 12px; margin: 10px auto 0px; }

.ingredients h2 { margin-bottom: 8px; }

.mentors-kicker { line-height: 19.18px; margin-bottom: 12px; }

.mentors h2 { font-size: 25px; line-height: 31.25px; margin-bottom: 12px; }

.mentor-track h3 { font-size: 11px; line-height: 12.65px; padding-top: 8px; }

.mentor-track p { font: 400 12px / 12px var(--font-body); margin: 4px 0px 10px; }

.mentor-track .condensed { font: 400 10px / 11.5px var(--font-body); padding-top: 2px; margin-top: 4px; }

.progression-grid h3 { text-transform: capitalize; }

.video-tablist:focus-within { position: relative; width: auto; height: auto; clip-path: none; overflow: visible; }

.product-guarantee .wrap { max-width: 1084px; }

.support-faq .faq-list summary { padding-bottom: 24px; }

@media (max-width: 767px) {
  .product-tabs-section { padding-top: 28px; }
  .product-tabs-section [role="tab"] { padding-top: 8px; padding-bottom: 8px; }
  .product-tabs-section [role="tabpanel"] { padding-bottom: 28px; }
  .product-tabs-section h2 { margin-bottom: 24px; }
  .progression-grid article { margin-bottom: 12px; }
  .progression-grid h3 { gap: 8px; margin-bottom: 4px; text-transform: capitalize; }
  .progression-grid h3 span { line-height: 20px; }
  .progression-grid ul { font-size: 14.737px; }
  .mentors h2 { font-size: 16px; line-height: 20px; }
  .mentor-track article { width: 141px; }
  .ingredients { padding: 56px 0px 0px; }
  .ingredients h2 { margin-left: -12px; margin-right: -12px; }
  .ingredients .section-kicker { max-width: none; margin: 0px -12px 28px; line-height: 32px; }
  .ingredient-card { padding: 12px 0px; }
  .ingredient-card > div:last-child { min-height: 103px; }
  .ingredient-art { width: 100%; }
  .ingredient-card .dose { margin-bottom: 10px; }
  .ingredient-page { grid-template-rows: auto auto; }
  .ingredients .science-trust { margin-top: 48px; }
  .ingredients .lab-badge { margin-top: 48px; }
  .ingredients > .wrap > .button { display: flex; width: 312px; margin: 24px auto 0px; }
  .support-faq .faq-list summary { padding-bottom: 11px; }
  .launch-kit .two-columns > div { padding: 25px 16px 0px; }
  .launch-kit dl { line-height: 24px; margin-bottom: 40px; }
  .launch-kit dl > div { margin-bottom: 16px; gap: 8px; }
  .launch-kit dd del { font: 400 14.6px / 19.87px var(--font-body); margin-right: 6px; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .product-tabs-section { padding-top: 80px; }
  .product-tabs-section [role="tab"] { font-size: 21px; padding: 12px 16px; }
  .product-tabs-section [role="tabpanel"] { padding: 24px 24px 40px; }
  .product-tabs-section h2 { font-size: 28px; margin-bottom: 24px; }
  .progression-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; }
  .progression-grid article { margin: 0px; }
  .progression-grid h3 { font-size: 18px; flex-wrap: wrap; margin-bottom: 24px; }
  .progression-grid ul { font-size: 14.737px; }
  .mentors { padding-top: 80px; }
  .mentors .wrap { padding: 24px 40px 42px; }
  .mentors h2 { font-size: 25px; line-height: 31.25px; }
  .mentors .intro { max-width: 336px; }
  .mentor-track { margin: 0px; gap: 16px; }
  .mentor-track img { height: 161px; }
  .ingredients .wrap { padding: 0px 20px; }
  .ingredients .section-kicker { line-height: 32px; margin-top: 12px; margin-bottom: 36px; }
  .ingredient-size-6 { display: none; }
  .ingredient-size-4 { display: block; }
  .ingredient-carousel { padding: 0px; background: none; }
  .ingredient-page { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; }
  .ingredient-track { gap: 12px; }
  .ingredient-card { min-height: 140px; }
  .ingredient-card h3 { font-size: 22px; }
  .ingredient-card p { font: 400 15px / 17.25px var(--font-body); }
  .ingredient-card .dose { font-size: 10px; }
  .ingredient-carousel .carousel-controls { margin-top: 16px; }
  .ingredients .trust-group { gap: 22px; }
  .ingredients .trust-group > span { font-size: 14px; }
  .product-faq { padding: 156px 0px 24px; }
  .product-faq h2 { font-size: 40px; line-height: 56px; letter-spacing: 0.025em; margin-bottom: 56px; }
  .product-faq .faq-list details { margin-bottom: 24px; }
  .product-faq .faq-list details:last-child { margin: 0px; }
  .product-faq .faq-list summary { font: 600 24px / 24px var(--font-body); padding: 23px 36px; }
  .product-faq .faq-more { font-size: 20px; line-height: 22px; margin-top: 32px; }
  .launch-kit { padding: 77px 0px 80px; }
  .launch-kit .wrap { padding: 0px 16px; }
  .launch-kit .two-columns > div { padding: 25px 0px 0px; }
  .launch-kit dl { font-size: 20px; line-height: 23px; margin-bottom: 40px; }
  .launch-kit dl > div { margin-bottom: 24px; }
  .launch-kit dt, .launch-kit dd { font-size: 20px; }
  .launch-kit .button { width: 336px; height: 52px; }
  body[data-page="sales"] .advisors { padding-top: 88px; padding-bottom: 0px; }
  body[data-page="sales"] .advisors h2 { font-size: 40px; margin-bottom: 48px; }
  body[data-page="sales"] .advisor-bio { font-size: 20px; line-height: 23px; }
  .product-guarantee { padding-top: 94px; }
  .product-guarantee .wrap { flex-direction: row; }
  .product-guarantee h2 { text-align: left; font-size: 40px; line-height: 46px; margin-bottom: 21px; }
  .product-guarantee h2 br { display: none; }
  .product-guarantee p { text-align: left; font-size: 18px; line-height: 20.7px; margin-bottom: 21px; }
  .product-guarantee .button { width: 100%; max-width: 376px; height: 52px; }
}

.video-tabs > [role="tablist"]:focus-within { position: absolute; left: 0px; right: 0px; top: -42px; z-index: 2; width: auto; height: auto; overflow: visible; clip-path: none; }

.video-grid { margin-right: 0px; }

.video-card { aspect-ratio: 264.797 / 427.734; }

.product-guarantee p { max-width: 799px; }

@media (min-width: 1024px) {
  .product-grid { margin-top: 22px; padding-bottom: 40px; }
  .product-info { padding-top: 30px; }
  .mentors .wrap { padding-top: 24px; }
  .mentors .intro { max-width: 336px; margin-bottom: 30px; }
  .mentor-track img { height: 160px; }
  .mentor-track h3 { font-size: 13.5px; line-height: 15.525px; }
  .mentor-track p { font-size: 15.7px; line-height: 15.7px; margin-top: 6px; margin-bottom: 10px; }
  .mentor-track .condensed { font-size: 12px; line-height: 13.8px; margin-top: 6px; }
}

@media (max-width: 767px) {
  .product-grid { margin-top: 41px; }
  .video-kicker { font-size: 16px; line-height: 16px; margin-bottom: 9px; }
  .daily-use { padding: 46px 0px 0px; }
  .daily-use .wrap { padding: 0px 16px; }
  .daily-use h2 { line-height: 35px; margin-bottom: 25px; }
  .timeline-tabs { padding-bottom: 39px; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  body[data-page="sales"] .product-main { padding-top: 10px; }
  .product-grid { max-width: none; margin-top: 59px; }
  .product-info { max-width: 600px; margin: 16px auto 0px; }
  .mentors .intro { margin-bottom: 42px; }
  .product-guarantee .wrap { gap: 20px; padding: 0px 16px; }
  .product-guarantee img { width: 110px; }
  body[data-page="sales"] .advisors h2 { line-height: 56px; }
  body[data-page="sales"] .advisor-track > [data-card] { flex-basis: 480px; border: 0px; padding: 0px; }
  body[data-page="sales"] .advisor-heading { padding: 10px; background: rgba(255, 255, 255, 0.07); margin-bottom: 14px; }
  body[data-page="sales"] .advisor-bio { text-align: center; }
  .videos { padding-top: 80px; }
  .videos h2 { font-size: 40px; line-height: 50px; margin-bottom: 32px; }
  .video-kicker { display: none; }
  .videos .micro { font-size: 12px; line-height: 16px; }
}

.video-tabs { position: relative; }

.product-info h1 strong { color: var(--brand-accent); font-weight: 400; }

.footer-brand > p { font: 400 20px / 30px var(--font-body); margin: 0px 0px 74px; }

.footer-group summary { font: 600 20px / 26px var(--font-body); }

@media (max-width: 767px) {
  .reference-rating { font: 400 13px / 15px var(--font-body); letter-spacing: -0.06em; text-decoration: underline; }
  .reference-rating .stars { font-size: 13px; letter-spacing: 0px; }
  .gifts h3 { font: 400 26px / 29.9px var(--font-heading); }
  .science-detail { padding-top: 23px; }
  .science-detail .stage-number { font: 400 16px / 1 var(--font-body); }
  .footer-brand > p { font-size: 16px; margin: 0px 0px 42px; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .support-faq { padding: 120px 0px 85px; }
  .support-faq h2 { font-size: 40px; line-height: 56px; margin-bottom: 56px; letter-spacing: 0.025em; }
  .support-faq .faq-list details { margin-bottom: 24px; }
  .support-faq .faq-list details:last-child { margin-bottom: 0px; }
  .support-faq .faq-list summary { font: 600 24px / 24px var(--font-body); padding: 23px 36px; }
  .support-faq .button { width: 400px; height: 52px; }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .footer-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0px 24px; padding: 0px 20px; }
  .footer-brand { grid-area: 1 / 1 / span 4; }
  .footer-brand > p { font-size: 16px; margin: 0px 0px 42px; }
  .footer-group { grid-column: 2; }
}

/* C1: scoped owner-artwork fit and the canonical nine-ingredient presentation. */
.owner-ingredients .ingredient-page { grid-template-columns: repeat(var(--ingredient-columns), minmax(0, 1fr)); grid-template-rows: auto; }
.owner-ingredients .ingredient-card { align-items: center; min-height: 145px; }
.owner-ingredients .ingredient-card > div:last-child { min-height: 0; }
.owner-ingredients .ingredient-card h3 { font-size: 20px; overflow-wrap: anywhere; }
.owner-ingredients .ingredient-card p { margin-top: 10px; font-size: 14px; line-height: 1.3; opacity: .75; }
.owner-ingredients .ingredient-art { flex-shrink: 0; }
.owner-ingredients .ingredient-card img { border-radius: 10px; }
.owner-science-ingredients { grid-template-rows: repeat(5, 108px); }
.owner-science-ingredients .science-choices button { background: #171717; }
.owner-science-ingredients .science-choices img { width: 100%; object-fit: contain; opacity: .6; }
.owner-science-ingredients .science-choices span { text-shadow: 0 2px 5px #000; background: linear-gradient(90deg, #000b, transparent); font-size: 21px; }
.owner-science-ingredients .science-detail h2 { white-space: normal; font-size: 30px; }
.owner-science-ingredients .science-detail > img { width: 160px; height: 160px; margin: 24px auto; object-fit: contain; border-radius: 12px; }
.owner-science-ingredients .science-detail p { font-size: 16px; margin: 0; }
.founder-signature > img { object-fit: contain; }
.label-dialog > a { display: block; }
.artwork-pending { display: grid; place-items: center; aspect-ratio: 1; border: 1px dashed #777; border-radius: 10px; font-size: 12px; color: #ccc; }
@media (max-width: 1023px) {
 .owner-science-ingredients { grid-template-columns: minmax(125px, 36%) minmax(0, 1fr); grid-template-rows: auto; gap: 20px; }
 .owner-science-ingredients .science-choices button { min-height: 52px; flex-basis: auto; }
 .owner-science-ingredients .science-choices span { padding: 10px 8px; white-space: normal; font-size: 14px; line-height: 1.2; }
 .owner-science-ingredients .science-detail { padding: 20px 0 0; align-self: center; }
 .owner-science-ingredients .science-detail h2 { margin: 0; font-size: 22px; }
 .owner-science-ingredients .science-detail > img { width: min(140px, 100%); height: auto; aspect-ratio: 1; margin: 22px auto; }
}
@media (max-width: 767px) {
 .owner-ingredients .ingredient-card { padding: 14px 8px; }
 .owner-ingredients .ingredient-card h3 { font-size: 19px; margin-top: 12px; }
}

/* C2 semantic roles and local contrast treatments. See docs/C2_STYLE_REVIEW.md. */
h1 strong, h2 strong, h3 strong, h4 strong, h1 b, h2 b, h3 b, h4 b { font-weight: 400; }
h1 em, h2 em, h3 em, h4 em { font-style: normal; }
strong, b, .policy-copy strong, .policy-copy b, .science-intro strong, .founder-copy strong { font-weight: 700; }
h1 strong, h2 strong, h3 strong, h4 strong, h1 b, h2 b, h3 b, h4 b { font-weight: 400; }
.nav-shop-action { font-family: var(--font-heading); font-weight: 400; }
.announcement b { font-weight: 400; color: var(--black); }
.button.outline { color: white; }
.skip-link, .benefit-checklist li::before, .video-card h3,
body[data-page="sales"] .comparison td:nth-child(2), body[data-page="sales"] .comparison th:nth-child(2),
.science-timeline-card [role=tab][aria-selected=true], .result-images figure:nth-child(2) figcaption { color: var(--black); }
.gift-grid span { color: var(--black); border: 1px solid var(--brand-accent); }
.ingredient-card p { line-height: 1.25; }
.marquee-item > span:first-child { letter-spacing: -0.025em; }
.trust-track { animation: none; }
.video-kicker { white-space: normal; line-height: 1.25; }
.policy-copy { overflow-wrap: anywhere; }
.result-copy p.condensed { flex-wrap: wrap; line-height: 1.2; }
.comparison th, .comparison td { overflow-wrap: anywhere; }
@media (max-width: 1023px) {
 .timeline-tabs [role=tab][aria-selected=true] { color: var(--black); }
}
@media (max-width: 767px) {
 .comparison tbody th { padding-left: 8px; padding-right: 6px; }
 .comparison td { padding-left: 5px; padding-right: 5px; }
}

/* C3: independently authored formula tabs, measured against the Ignite section. */
.formula-features { padding: 28px 0 46px; background: #000; color: #fff; }
.formula-features__inner { width: calc(100% - 38px); max-width: 1197px; margin: auto; }
.formula-features h2 { max-width: 337px; margin: 0 auto; font: 400 27px/1.15 var(--font-display); letter-spacing: -.02em; text-align: center; }
.formula-features__tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; margin: 24px -8px 0; }
.formula-features__tabs [role=tab] { min-height: 32px; max-width: 100%; padding: 5px 11px; border: 1px solid var(--brand-accent); border-radius: 4px; font: 600 14px/1.2 var(--font-body); text-align: center; transition: background-color 180ms, color 180ms; }
.formula-features__tabs [aria-selected=true] { background: var(--brand-accent); color: var(--black); }
.formula-features__tabs [role=tab]:hover { box-shadow: inset 0 0 0 1px var(--brand-accent); }
.formula-features__stage { position: relative; margin: 24px auto; max-width: 680px; touch-action: pan-y pinch-zoom; }
.formula-features__stage[data-transition] { overflow: clip; overflow-clip-margin: 26px; }
.formula-features__panel { min-width: 0; padding: 17px; border-radius: 14px; background: #191919; box-shadow: 5px -3px 18.9px rgb(255 255 255 / 25%), -3px 2px 22.2px rgb(0 0 0 / 20%); }
.formula-features__header { display: grid; grid-template-columns: 64px minmax(0,1fr); align-items: center; gap: 8px; }
.formula-features__number { color: var(--brand-accent); font: 500 48px/1.1 var(--font-body); letter-spacing: -.07em; }
.formula-features__header h3 { margin: 0; font: 400 25px/1.2 var(--font-heading); overflow-wrap: anywhere; }
.formula-features__media { aspect-ratio: 308/190; margin-top: 16px; padding: 20px; border: 1px dashed #686868; border-radius: 12px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; background: #111; text-align: center; }
.formula-features__media[data-loop-frame] { position: relative; overflow: hidden; padding: 0; border: 0; }
.science-loop-frame { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.science-loop-frame::after { content: ""; position: absolute; inset: 0; background: rgb(0 0 0 / 55%); pointer-events: none; }
[data-loop-frame] > video, [data-loop-frame] > .silent-loop-poster { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--loop-focal, 50% 50%); }
[data-loop-frame] > video { opacity: 0; pointer-events: none; }
[data-loop-frame][data-media-state="playing"] > video { opacity: 1; }
[data-loop-frame][data-media-state="playing"] > .silent-loop-poster { visibility: hidden; }
@media(max-width:767px) { [data-loop-frame] > video, [data-loop-frame] > .silent-loop-poster { object-position: var(--loop-focal-mobile, 50% 50%); } }
.formula-features__media > span { color: var(--brand-accent); font: 600 14px/1.4 var(--font-body); }
.formula-features__media p { margin: 0; color: #ccc; font: 400 16px/1.4 var(--font-body); }
.formula-features__points { display: grid; gap: 11px; margin: 16px 0 0; padding: 0; list-style: none; }
.formula-features__points li { display: grid; grid-template-columns: 16px minmax(0,1fr); align-items: start; gap: 6px; margin: 0; font: 400 16px/1.4 var(--font-body); }
.formula-features__check { display: grid; place-content: center; width: 16px; height: 16px; margin-top: 3px; border-radius: 50%; background: var(--brand-accent); color: var(--black); font: 12px/1 Arial,sans-serif; }
.formula-features__footer { margin-top: 24px; }
.formula-features__footer p { margin: 0 0 12px; color: #bbb; font: 400 12px/1.45 var(--font-body); }
.formula-features__label { max-width: 100%; padding: 8px 0; border-bottom: 1px solid var(--brand-accent); color: var(--brand-accent); font: 400 14px/1.4 var(--font-heading); text-align: left; }
.formula-features__ghost { position: absolute; top: 0; left: 0; width: 100%; pointer-events: none; }
.sales-media-anchor, #video-tabs { scroll-margin-top: 110px; }
@media (min-width: 768px) {
 .formula-features { padding-bottom: 56px; }
 .formula-features__inner { width: calc(100% - 64px); }
}
@media (min-width: 1024px) {
 .formula-features { padding: 44px 0; }
 .formula-features h2 { max-width: none; font-size: 40px; }
 .formula-features__tabs { margin-top: 32px; }
 .formula-features__tabs [role=tab] { min-height: 36px; font-size: 16px; }
 .formula-features__stage { max-width: 1136px; margin-top: 56px; }
 .formula-features__panel { display: grid; grid-template-columns: minmax(0,53.3fr) minmax(0,46.7fr); column-gap: 16px; align-content: start; padding: 58px 42px 32px 36px; border-radius: 22px; }
 .formula-features__header { grid-column: 1; grid-template-columns: 106px minmax(0,1fr); gap: 18px; }
 .formula-features__number { font-size: 88px; }
 .formula-features__header h3 { font-size: 40px; line-height: 1.12; }
 .formula-features__media { grid-column: 2; grid-row: 1 / span 3; align-self: start; width: 100%; margin-top: 2px; aspect-ratio: 486/249; }
 .formula-features__points { grid-column: 1; margin: 14px 0 0 10px; }
 .formula-features__points li { font-size: 18px; line-height: 1.55; }
 .formula-features__footer { grid-column: 1; margin: 18px 0 0 10px; }
}
@media (prefers-reduced-motion: reduce) {
 .formula-features__tabs [role=tab] { transition: none; }
}
/* C4 supplied artwork: component-scoped fit, no pixel recoloring. */
.wordmark img { display: block; width: 100%; height: auto; object-fit: contain; }
.site-header .wordmark { width: 180px; }
.cart-button { position: relative; }
.cart-count { position: absolute; top: -3px; right: -5px; min-width: 17px; height: 17px; padding: 0 3px; display: grid; place-items: center; border-radius: 50%; background: var(--brand-accent); color: #000; font: 600 11px/1 var(--font-body); }
.footer-brand .wordmark { margin-bottom: 24px; }
.comparison .comparison-owner-logo { object-fit: contain; padding: 6px; background: #111; border-radius: 6px; }
.comparison-claims-pending { display: block; margin-top: 8px; font: 400 11px/1.35 var(--font-body); }
.comparison-draft-note, .results-artwork-note { max-width: 780px; margin: 0 auto 24px; text-align: center; color: #ccc; font: 400 14px/1.5 var(--font-body); }
.results h2 { margin-bottom: 18px; }
.result-images figure img { object-fit: contain; background: #151515; }
.result-images figure > span { position: static; display: block; margin-top: 6px; white-space: normal; text-align: center; font: 400 11px/1.35 var(--font-body); color: #ccc; }
body[data-page] .advisor-heading img { object-fit: contain; object-position: center; }
.clinician-portraits img { object-fit: contain; border-radius: 3px; }

/* C5 interaction and fit pass. Gold is a UI role; supplied pixels stay intact. */
.product-media { align-self: start; }
@media (min-width:1024px) {
 .product-gallery[data-sticky=true] { position: sticky; top: var(--media-top,123px); }
 .product-info h1 { white-space: normal; }
 .product-info h1 strong { display: block; }
}
.price-row .condensed em { font-weight: 700; }
.promo-free, .stars { color: var(--rox-gold); }
.stars svg, .stars svg path { fill: var(--rox-gold); }
.carousel-track { touch-action: pan-y pinch-zoom; cursor: grab; overflow-anchor: none; }
.carousel-track.is-dragging { cursor: grabbing; user-select: none; }
.carousel-track img { -webkit-user-drag: none; user-select: none; }
.carousel-controls button { transition: border-color 180ms, background-color 180ms; }
.carousel-controls button:hover { border-color: var(--rox-gold); background: #242116; }
.carousel-controls button[aria-disabled=true] { opacity: .4; }
.mentors .carousel-controls > button, .advisors .carousel-controls > button { display: grid; }
body[data-page="sales"] .advisors .carousel-controls { display: flex; }
.quote-carousel .carousel-controls { position: static; width: auto; height: auto; clip-path: none; overflow: visible; margin: 8px 0; }
.quote-carousel .carousel-controls > span { display: none; }
.quote-track blockquote { align-self: stretch; }
.product-tabs-section [role=tab] { position: relative; transition: background-color 180ms, box-shadow 180ms, transform 180ms; }
.product-tabs-section [role=tab][aria-selected=true] { z-index: 1; background: linear-gradient(#353535,#242424); transform: translateY(-2px); box-shadow: 0 -1px 0 var(--rox-gold),0 6px 15px #0009,inset 0 1px 0 #ffffff26; }
.product-tabs-section [role=tabpanel] { overflow-anchor: none; }
details summary > span[aria-hidden] { display: inline-block; transition: transform 280ms ease-out; }
details[data-expanded=true] summary > span[aria-hidden] { transform: rotate(180deg); }
details[data-expanded=false] summary > span[aria-hidden] { transform: rotate(0); }
.mentors .outlined-panel { background: radial-gradient(ellipse at 8% 25%,rgb(from var(--rox-gold) r g b / .13),transparent 48%),#080808; }
.mentor-track img, body[data-page] .advisor-heading img, .clinician-portraits img { object-fit: cover; object-position: center 25%; }
.mentor-track p { line-height: 1.45; padding-inline: 10px; }
.mentor-track h3 { padding-inline: 10px; letter-spacing: -.02em; }
.mentor-track .portrait-role { color: var(--rox-gold); font-size: 11px; line-height: 1.4; }
.mentor-track { align-items: stretch; }
.mentor-track article { display: flex; flex-direction: column; }
.mentor-track img { flex-shrink: 0; }
.owner-ingredients .ingredient-size-6 { display: block; }
.owner-ingredients .ingredient-size-4 { display: none; }
.owner-ingredients .ingredient-page { grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: repeat(2,auto); }
.owner-ingredients .ingredient-track { align-items: stretch; }
.owner-ingredients .ingredient-card { padding: 14px 10px; gap: 10px; }
.owner-ingredients .ingredient-card h3 { font-size: clamp(16px,1.5vw,20px); }
.timeline-tabs [role=tablist] { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)) minmax(0,1.45fr); overflow: visible; gap: 6px; }
.timeline-tabs [role=tab] { min-width: 0; width: 100%; padding: 10px 4px; font-size: clamp(12px,1.3vw,18px); line-height: 1.3; }
.stage-artwork { position: relative; overflow: hidden; border-radius: 10px; }
.timeline-content .stage-artwork .stage-banner { display: block; width: 100%; height: 175px; margin: 0; object-fit: cover; object-position: center; }
.stage-icon { position: absolute; width: 62px; height: 62px; left: calc(50% - 31px); top: calc(50% - 31px); color: #fff; filter: drop-shadow(0 2px 5px #000b); }
.stage-icon circle { stroke: currentColor; stroke-width: 2; fill: #0003; }
.stage-icon path { fill: currentColor; }
.timeline-chart { display: block; width: 100%; height: auto; margin-top: 16px; }
.chart-label { fill: #bbb; font: 13px var(--font-body); }
.chart-grid { fill: none; stroke: #414141; stroke-width: 1; }
.chart-axis { fill: none; stroke: #909090; }
.chart-area { fill: var(--rox-gold); opacity: .12; }
.chart-line { fill: none; stroke: var(--rox-gold); stroke-width: 3; }
.chart-dot { fill: var(--rox-gold); stroke: #111; stroke-width: 3; }
.customer-reviews { padding: 80px 0; background: #101010; }
.customer-reviews .wrap { max-width: 1180px; }
.customer-reviews h2 { margin-bottom: 40px; text-align: center; }
.review-summary { display: grid; grid-template-columns: .8fr 1.2fr 1fr; align-items: center; gap: 40px; border-bottom: 1px solid #414141; padding-bottom: 36px; }
.review-average { text-align: center; }
.review-average strong { display: block; font: 48px/1.1 var(--font-heading); }
.review-average .stars { display: block; font-size: 25px; margin: 12px 0; }
.review-average p { font-size: 13px; margin: 0; }
.rating-distribution button { width: 100%; display: grid; grid-template-columns: 38px 1fr 30px; align-items: center; gap: 12px; padding: 5px 2px; font-size: 14px; border-radius: 4px; }
.rating-distribution button[aria-pressed=true] { outline: 1px solid var(--rox-gold); }
.rating-bar { display: block; height: 9px; border-radius: 9px; overflow: hidden; background: #333; }
.rating-bar > span { display: block; height: 100%; background: var(--rox-gold); }
.review-product { text-align: center; font: 22px/1.3 var(--font-display); }
.review-product span { display: block; margin-top: 12px; font: 14px/1.5 var(--font-body); color: #bbb; }
.review-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; padding: 24px 0; }
.review-toolbar label { font-size: 13px; }
.review-toolbar select { padding: 10px 25px 10px 10px; margin-left: 8px; border: 1px solid #666; border-radius: 5px; background: #1d1d1d; color: #fff; font: inherit; }
.review-toolbar select:focus-visible { outline: 3px solid var(--rox-gold); outline-offset: 3px; }
[data-review-count] { margin-left: auto; color: #bbb; font-size: 13px; }
.review-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; align-items: start; }
.review-card { min-width: 0; padding: 24px; background: #1c1c1c; border: 1px solid #444; border-radius: 10px; }
.review-card header { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.review-avatar { display: grid; place-content: center; border-radius: 50%; width: 38px; height: 38px; background: #373329; color: var(--rox-gold); flex-shrink: 0; }
.review-card h3 { font: 600 14px/1.4 var(--font-body); margin: 0; }
.review-card time { font-size: 11px; color: #bbb; }
.review-card h4 { font: 700 17px/1.4 var(--font-body); margin: 12px 0 8px; }
.review-card p { font: 400 14px/1.65 var(--font-body); margin: 0 0 20px; }
.review-card small { color: #bbb; font-size: 11px; }
.star-empty { color: #777; }
.review-media { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin: 16px 0; }
.review-media img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 5px; }
.review-more { display: block; margin: 32px auto 0; }
@media (max-width:1023px) {
 .owner-ingredients .ingredient-card { flex-direction: column; align-items: center; text-align: center; }
 .review-summary { gap: 24px; grid-template-columns: 1fr 1fr; }
 .review-product { grid-column: 1/-1; margin: 0; }
 .review-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:767px) {
 .owner-ingredients .ingredient-size-6 { display: none; }
 .owner-ingredients .ingredient-size-4 { display: block; }
 .owner-ingredients .ingredient-page { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .timeline-tabs [role=tablist] { grid-template-columns: repeat(4,minmax(0,1fr)); margin-inline: 0; }
 .timeline-tabs [role=tab] { min-width: 0; font-size: 11px; padding: 8px 2px; }
 .timeline-tabs [role=tab]:last-child { grid-column: span 2; }
 .timeline-content .stage-artwork .stage-banner { height: 130px; }
 .stage-icon { width: 48px; height: 48px; left: calc(50% - 24px); top: calc(50% - 24px); }
 .customer-reviews { padding: 48px 0; }
 .review-summary { gap: 24px 16px; }
 .review-average strong { font-size: 38px; }
 .review-average p { font-size: 11px; }
 .rating-distribution button { gap: 6px; grid-template-columns: 28px 1fr 22px; font-size: 12px; }
 .review-grid { grid-template-columns: 1fr; gap: 16px; }
 .review-toolbar { gap: 14px; }
 .review-toolbar label { display: flex; align-items: center; justify-content: space-between; width: 100%; }
 [data-review-count] { margin: 0; }
 .mentor-track { margin-left: 0; }
 .mentor-track p { font-size: 12px; line-height: 1.45; }
 .product-tabs-section [role=tab] { font-size: 13px; padding: 12px 8px; }
}
@media (prefers-reduced-motion:reduce) {
 .carousel-controls button, .product-tabs-section [role=tab], details summary > span[aria-hidden] { transition: none; }
}
.clinician-reference > div { max-width: 400px; font-size: 12px; }
.clinician-reference p { font-size: 16px; }
.supply-artwork-note { margin: 18px auto; max-width: 560px; color: #ccc; font: 400 12px/1.5 var(--font-body); }
@media (max-width: 1023px) {
 .site-header .wordmark { width: 160px; }
 .site-header .nav-shell { gap: 12px; }
 .comparison-claims-pending { font-size: 9px; }
}

/* C5A: grid-stretched rail, no synthetic spacer or resized artwork. Quotes and
   label follow the rail so the pinned gallery cannot cover them. */
.product-gallery-rail { min-width: 0; }
@media (min-width:1024px) {
 .product-media { align-self: stretch; display: flex; flex-direction: column; }
 .product-gallery-rail { flex: 1 0 auto; }
 .product-media-extras { flex: 0 0 auto; }
}
.source-caption { display: block; margin: 8px 0; color: #c4c4c4; font: 400 11px/1.4 var(--font-body); text-transform: none; letter-spacing: normal; }
.mentor-track .source-caption { padding: 0 8px; }
.source-accent { color: var(--rox-gold); }
.source-mobile { display: none; }
.source-review > div:first-child strong { color: var(--rox-gold); }
.results-track > article { display: flex; flex-direction: column; }
.results-track .result-copy { flex: 1; }

/* C10: overlay removed; dialogs use the full viewport. */
:root { --mockup-notice-height: 0px; }
body { padding-bottom: 0; }
html { scroll-padding-bottom: 12px; }
dialog { max-height: calc(100dvh - var(--mockup-notice-height) - 40px); bottom: var(--mockup-notice-height); }
dialog::backdrop { bottom: var(--mockup-notice-height); }
dialog.drawer { height: calc(100dvh - var(--mockup-notice-height)); max-height: calc(100dvh - var(--mockup-notice-height)); }
.glass-filter-defs { position: absolute; pointer-events: none; }
.nav-shell { position: relative; backdrop-filter: none; background: transparent; }
.nav-glass { position: absolute; inset: 0; border-radius: inherit; overflow: hidden; pointer-events: none; z-index: 0; background: #0002; box-shadow: inset 0 1px 2px #fff2; }
.nav-glass::before { content: ''; position: absolute; inset: 0; backdrop-filter: blur(3px); filter: url(#rox-glass); }
.nav-shell > :not(.nav-glass) { position: relative; z-index: 1; }
.no-refraction .nav-glass::before { filter: none; backdrop-filter: blur(14px); }
@supports not (filter: url(#rox-glass)) { .nav-glass::before { filter: none; backdrop-filter: blur(14px); } }
.progression-icon { width: 28px; height: 28px; flex: 0 0 auto; color: var(--rox-gold); }
.faq-chevron { width: 24px; height: 24px; flex: 0 0 24px; margin-left: auto; transition: transform .22s ease; }
details[open] > summary .faq-chevron { transform: rotate(180deg); }
details[data-expanded=false] > summary .faq-chevron { transform: none; }
details[data-expanded=true] > summary .faq-chevron { transform: rotate(180deg); }
.mock-verified { display: inline-flex; align-items: center; gap: 5px; font: 600 10px/1.3 var(--font-body); color: var(--rox-gold); margin: 8px 0; }
.mock-verified svg { width: 16px; height: 16px; flex: 0 0 16px; }
.gift-grid p { font-size: 12px; line-height: 1.45; }
.ingredient-qualification { font: 400 13px/1.5 var(--font-body); text-align: center; margin: 22px auto; max-width: 660px; }
.review-media-frame { width: 112px; height: 112px; border: 1px solid #666; border-radius: 6px; background: #202020; display: grid; place-items: center; margin: 16px 0; }
.review-media-frame svg { width: 40px; height: 40px; fill: none; stroke: #888; stroke-width: 1.5; }
.review-product { align-self: center; }
.loop-viewport { display: block; overflow: hidden; touch-action: pan-y pinch-zoom; scroll-snap-type: none; user-select: none; }
.loop-belt { display: flex; width: max-content; will-change: transform; }
.loop-group { display: flex; gap: var(--loop-gap); padding-right: var(--loop-gap); align-items: stretch; }
.loop-group > .loop-card { flex: 0 0 var(--loop-card-width); width: var(--loop-card-width); min-width: 0; }
.results-track .loop-card { display: flex; flex-direction: column; background: #191919; border: 1px solid #ffffff50; border-radius: 16px; }
.loop-pause { display: block; font: 500 12px/1.5 var(--font-body); border: 1px solid #777; border-radius: 5px; padding: 7px 12px; margin: 8px auto 16px; }
.footer-bottom { flex-wrap: wrap; }
.footer-bottom p { max-width: 850px; font-size: 12px; }
.review-media img { width: 112px; height: 112px; object-fit: cover; border-radius: 6px; }
.cart-gifts { font-size: 13px; line-height: 1.7; padding-left: 20px; }
.thank-you { text-align: center; }
.thank-you .access-state { color: var(--rox-gold); }
.thank-you h2 { margin-top: 48px; }
.delivery-gifts { align-items: start; }
.delivery-gifts img { width: 100%; height: auto; }
.delivery-gifts h3 { font-size: 20px; line-height: 1.3; }
.delivery-gifts p { font-size: 13px; }
.delivery-gifts .button { font-size: 12px; min-width: 0; padding: 12px; }
@media (max-width:767px) { .delivery-gifts { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; } }
@media (prefers-reduced-motion:reduce) { .faq-chevron { transition: none; } }

/* C7 owner overrides: complete sidebar, shared motion preference and Science. */
.product-media-stack { min-width: 0; }
.product-media-stack .product-gallery { position: static; }
.product-gallery-rail { flex: none; }
.product-media-extras { flex: none; }
@media (min-width:1024px) { .product-media { display: block; align-self: stretch; } .product-media-stack[data-follow-mode=fit], .product-media-stack[data-follow-mode=follow] { position: sticky; top: var(--follow-top); } }
.gallery-thumbs { padding: 4px; overflow-anchor: none; touch-action: pan-x pan-y; }
.gallery-thumbs button:focus-visible { outline-offset: -2px; }
.product-info h1 strong { display: block; font-size: 1.24em; line-height: 1.12; }
.product-info h1 .product-subtitle { display: block; font: inherit; }
.product-info .reference-rating { order: -1; margin: 3px 0 16px; }
.purchase-trust-icon { color: var(--rox-gold); display: inline-block; width: 18px; height: 18px; }
.results-subline { text-align: center; color: var(--rox-gold); font: 400 24px/1.2 var(--font-display); margin: 0 0 30px; }
.result-images figure img { aspect-ratio: .565; object-fit: cover; object-position: 50% 50%; background: #111; }
.stage-icon path { fill: revert-layer; }
.stage-icon circle { stroke: revert-layer; stroke-width: revert-layer; fill: revert-layer; }
.science-intro { background: linear-gradient(135deg, rgb(from var(--rox-gold) r g b / .14),#080808b8 58%); border-color: rgb(from var(--rox-gold) r g b / .28); }
.science-intro h2 { margin-bottom: 0; }
.owner-science-ingredients { width: 100%; max-width: 1160px; grid-template-columns: minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr); grid-template-rows: repeat(5,110px); gap: 12px 48px; }
.owner-science-ingredients .science-choices button { opacity: .72; border-radius: 18px; border: 1px solid #ffffff30; min-height: 0; }
.owner-science-ingredients .science-choices button[aria-selected=true] { opacity: 1; border-color: var(--rox-gold); box-shadow: 0 0 16px #d6b95c22; }
.owner-science-ingredients .science-choices img { object-fit: cover; opacity: 1; }
.owner-science-ingredients .science-choices span { position: relative; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 12px 16px; font: 400 22px/1.1 var(--font-heading); background: linear-gradient(90deg,#000b,#0002); overflow-wrap: anywhere; }
.owner-science-ingredients .science-choices small { margin-top: 8px; padding: 4px 12px; font: 600 12px/1.2 var(--font-body); background: #fff; color: #111; border-radius: 16px; }
.science-center { grid-area: 1 / 2 / 5 / 3; align-self: center; text-align: center; min-width: 0; position: relative; padding-bottom: 16px; }
.science-center > .stage-number { display: block; color: var(--rox-gold); font: 400 64px/1 var(--font-body); margin: 0 0 10px; }
.science-center h2 { font: 400 32px/1.15 var(--font-heading); margin: 0; text-align: center; }
.science-center > img { width: 100%; height: auto; aspect-ratio: 1.5; object-fit: contain; margin: 12px 0; }
.science-center .science-detail { position: static; padding: 0; margin: 0; grid-area: auto; }
.science-center .science-detail p { font-size: 15px; line-height: 1.4; margin: 0; }
.science-center .science-amount { display: block; margin-top: 14px; color: var(--rox-gold); font: 400 25px/1.2 var(--font-heading); }
.science-center .science-detail small { display: block; margin-top: 4px; font-size: 12px; }
.science-connector { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; overflow: visible; z-index: 2; color: var(--rox-gold); }
.science-connector path { stroke: currentColor; stroke-width: 1; }
.science-connector circle { fill: currentColor; }
#cart-dialog::backdrop { backdrop-filter: none; background: #0009; }
#cart-dialog.cart-empty { width: clamp(280px,23vw,370px); max-width: 100vw; background: #fff; color: #151515; border: 1px solid #ddd; border-radius: 18px 0 0 18px; padding: 14px 22px 22px; }
#cart-dialog.cart-empty > .dialog-heading { position: sticky; top: -14px; background: #fff; justify-content: flex-end; z-index: 2; margin: 0 -8px; }
#cart-dialog.cart-empty [data-close] { color: #111; border: 0; border-radius: 4px; font: 28px/1 Arial; width: 40px; height: 40px; }
.empty-cart { display: flex; flex-direction: column; align-items: center; min-height: calc(100dvh - var(--mockup-notice-height) - 92px); text-align: center; gap: 9px; }
.empty-cart h2 { font: 400 25px/1.1 var(--font-display); margin: 2px 0 8px; }
.empty-cart h2 span { display: block; }
.empty-cart-image { width: min(200px,100%); height: auto; aspect-ratio: 1; object-fit: contain; border-radius: 12px; }
.empty-cart h3 { font: 400 18px/1.2 var(--font-heading); margin: 5px 0 0; }
.empty-cart-subtitle { margin: 0; font-size: 12px; }
.empty-cart-rating { margin: 0 0 6px; font-size: 10px; }
.empty-cart-rating .stars { display: block; font-size: 17px; }
.empty-cart .empty-cart-shop { width: 100%; min-width: 0; color: #fff; background: #000; border-color: #000; font: 400 18px/1.2 var(--font-heading); padding: 14px 10px; }
.empty-cart-shop svg { color: #fff; fill: currentColor; }
.empty-cart-quote { width: 100%; margin: auto 0 0; padding: 16px; background: #111; color: #fff; text-align: left; border-radius: 12px; }
.empty-cart-quote p { margin: 8px 0 12px; font: 400 12px/1.5 var(--font-body); }
.empty-cart-quote footer { font: 500 11px/1.4 var(--font-body); }
[hidden] { display: none !important; }
@media (max-width:1023px) {
 .owner-science-ingredients { width: 100%; max-width: 720px; grid-template-columns: minmax(125px,.8fr) minmax(0,1.2fr); grid-template-rows: auto; gap: 20px; }
 .owner-science-ingredients .science-choices { display: flex; flex-direction: column; gap: 8px; }
 .owner-science-ingredients .science-choices button { flex: 0 0 auto; min-height: 76px; width: 100%; }
 .owner-science-ingredients .science-choices span { font-size: 16px; padding: 10px; min-height: 76px; }
 .owner-science-ingredients .science-choices small { display: block; font-size: 11px; padding: 3px 8px; margin-top: 5px; }
 .owner-science-ingredients { width: calc(100% - 32px); }
 .science-center { grid-area: 1 / 2; position: sticky; top: var(--science-top, 120px); align-self: start; margin-top: 10px; }
 .science-center > .stage-number { font-size: 46px; }
 .science-center h2 { font-size: 25px; }
 .science-center .science-detail p { font-size: 14px; }
 #cart-dialog.cart-empty { width: min(370px,100vw); }
}
@media (max-width:767px) { .results-subline { font-size: 19px; padding: 0 16px; margin-bottom: 22px; } .product-info h1 strong { font-size: 1.24em; } .owner-science-ingredients { gap: 14px; } .science-center h2 { font-size: 23px; } }

/* C8: owner-supplied gateway wording, separate from merchant/health disclosures. */
.provider-disclaimer { max-width: 820px; margin: 22px auto 0; padding: 0 20px; background: transparent; color: #ddd; text-align: center; font: 400 14px/1.45 var(--font-body); }
.provider-disclaimer p { max-width: 780px; margin: 0 auto 8px; overflow-wrap: anywhere; }
.provider-disclaimer p:last-child { margin-bottom: 0; }
.provider-disclaimer a { color: var(--rox-gold); text-decoration: underline; text-underline-offset: 3px; }
.footer-bottom { flex-direction: column; align-items: center; text-align: center; gap: 10px; margin-top: 28px; }
.footer-operator { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 6px 16px; margin: 12px auto 0; padding: 0 20px; font: 400 12px/1.5 var(--font-body); color: #ccc; }
.footer-operator a { color: var(--rox-gold); text-decoration: underline; text-underline-offset: 3px; }
/* C9: native drawers retain their existing right edge and modal top layer. */
dialog.drawer { transform: translateX(var(--drawer-offscreen,100%)); transition: transform 320ms cubic-bezier(.22,1,.36,1); }
dialog.drawer[data-drawer-state="opening"], dialog.drawer[data-drawer-state="open"] { transform: translateX(0); }
dialog.drawer::backdrop { opacity: 0; transition: opacity 320ms cubic-bezier(.22,1,.36,1); }
dialog.drawer[data-drawer-state="opening"]::backdrop, dialog.drawer[data-drawer-state="open"]::backdrop { opacity: 1; }
@media(prefers-reduced-motion:reduce) { dialog.drawer, dialog.drawer::backdrop { transition-duration: 1ms; } }
/* Only the primary button's own arrow inherits its foreground: black on gold,
   the existing white on black. Navigation, FAQ and carousel SVGs are separate. */
.button > svg > path { fill: currentColor; }

/* C10: side reversal and fast, immediately focusable menu-item sequence. */
#menu-dialog { left: auto; right: 0; --drawer-offscreen: 100%; border-radius: 18px 0 0 18px; padding-bottom: max(24px,env(safe-area-inset-bottom)); }
#menu-dialog .drawer-nav a { opacity: 0; transform: translateX(14px); transition: opacity 170ms ease-out, transform 170ms cubic-bezier(.22,1,.36,1); transition-delay: 0ms; }
#menu-dialog .drawer-nav a:nth-child(1) { --item-delay: 25ms; }
#menu-dialog .drawer-nav a:nth-child(2) { --item-delay: 70ms; }
#menu-dialog .drawer-nav a:nth-child(3) { --item-delay: 115ms; }
#menu-dialog .drawer-nav a:nth-child(4) { --item-delay: 160ms; }
#menu-dialog:is([data-drawer-state="opening"],[data-drawer-state="open"]) .drawer-nav a { opacity: 1; transform: none; transition-delay: var(--item-delay); }
#menu-dialog .drawer-nav a:focus-visible { opacity: 1; transform: none; transition: none; }

.review-grid { --review-columns: 3; }
.review-grid[data-masonry="true"] { grid-auto-rows: 1px; row-gap: 0; }
@media(max-width:1023px) { .review-grid { --review-columns: 2; } }
@media(max-width:767px) { .review-grid { --review-columns: 1; } }
.footer-motion { margin-top: 14px; text-align: center; }
.footer-motion button { background: transparent; border: 0; color: #ccc; text-decoration: underline; text-underline-offset: 3px; font: 400 12px/1.5 var(--font-body); cursor: pointer; padding: 6px 10px; }
.sr-only[data-live-status] { top: 0; left: 0; }
.science-center > img { display: block; width: 82%; max-width: 320px; height: auto; aspect-ratio: 1.5; margin: 8px auto; }
@media (min-width:768px) and (max-width:1023px) { .science-center > img { width: 82%; max-width: 320px; } }
@media (max-width:767px) {
 .science-center { padding-bottom: 0; }
 .science-center h2 { font-size: 20px; line-height: 1.2; overflow-wrap: anywhere; }
 .science-center > img { width: calc(100% + 24px); max-width: none; height: auto; aspect-ratio: 1.5; object-fit: contain; margin: 6px -12px 8px; }
 .science-center > .stage-number { margin-bottom: 8px; }
 .science-center .science-amount { margin-top: 10px; }
}
@media (prefers-reduced-motion:reduce) {
 #menu-dialog .drawer-nav a { transition: none; }
}
.customer-reviews { background: var(--black); }
.review-media { display: block; }
.review-media-frame { display: block; width: min(100%,224px); height: auto; aspect-ratio: var(--review-ratio); overflow: hidden; border-radius: 6px; background: #202020; }
.review-media img { display: block; width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: var(--review-focal,50% 50%); border-radius: 0; }
@media (min-width:480px) { .source-small-only { display: none; } }
@media (max-width:1023px) { .source-desktop { display: none; } .source-mobile { display: block; } }
/* The captured mentor introduction switches at md; result copy uses lg. */
@media (min-width:768px) { .mentors .source-desktop { display: block; } .mentors .source-mobile { display: none; } }

/* Bundle component styles live in bundles.css. */
/* A horizontal offer bar, with a compact button band on mobile. */
.fixed-offer-bar { position: fixed; z-index: 79; inset: auto 0 0; padding: 10px max(24px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left)); background: #080808fa; border-top: 1px solid #d6b95c80; box-shadow: 0 -5px 24px #0009; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(calc(100% + 30px)); transition: transform 320ms cubic-bezier(.22,1,.36,1),opacity 320ms ease-out,visibility 320ms; }
.fixed-offer-bar[data-visible="true"] { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
body:has(dialog[open]) .fixed-offer-bar { opacity: 0; visibility: hidden; pointer-events: none; }
.fixed-offer-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; max-width: 1280px; margin: auto; }
.fixed-offer-product { display: flex; align-items: center; gap: 16px; }
.fixed-offer-product > img { width: 44px; height: 58px; object-fit: contain; }
.fixed-offer-product strong { display: block; color: #fff; font: 400 21px/1.2 var(--font-heading); }
.fixed-offer-product span { display: block; color: #ccc; font: 500 12px/1.4 var(--font-body); margin-top: 4px; }
.fixed-offer-button { min-width: 300px; min-height: 54px; margin: 0; color: #000; font-size: 22px; border-radius: 6px; }
.fixed-offer-button svg { color: #000; fill: currentColor; }
.fixed-offer-button:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
@media (min-width:1024px) { .gallery-stage { cursor: grab; } .gallery-stage.is-dragging { cursor: grabbing; user-select: none; } .gallery-stage.is-dragging img { -webkit-user-drag: none; user-select: none; } .gallery-drag-peek { position: absolute; inset: 0; pointer-events: none; } }
@media (max-width:1100px) {
}
@media (max-width:767px) {
 .fixed-offer-bar { padding: 10px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left)); }
 .fixed-offer-product { display: none; }
 .fixed-offer-button { width: 100%; min-width: 0; min-height: 48px; font-size: 20px; }
 .science-ingredients { overflow: clip; }
 .owner-science-ingredients { grid-template-columns: minmax(112px,.72fr) minmax(0,1.28fr); }
 .science-center { position: sticky; top: var(--science-top,76px); align-self: start; margin-top: 0; padding-bottom: 0; }
 .science-center > img { width: calc(100% + 32px); margin: 4px -16px 6px; }
 .science-center > .stage-number { font-size: 40px; margin-bottom: 6px; }
 .science-center .science-detail p { font-size: 13px; line-height: 1.35; }
 .science-center .science-amount { margin-top: 8px; }
 .science-connector { overflow: hidden; }
}
@media (prefers-reduced-motion:reduce) { .fixed-offer-bar { transition-duration: 1ms; } }

/* Stable offer navigation and space for the persistent bottom CTA. */
html { scroll-padding-top: var(--offer-scroll-offset,110px); scroll-padding-bottom: calc(var(--fixed-offer-height,79px) + 16px); }
#offer { scroll-margin-top: 0; }
.site-footer { padding-bottom: calc(24px + var(--fixed-offer-height,79px)); }
.gallery-drag-peek { position: absolute; inset: 0; pointer-events: none; }
.gallery-stage.is-dragging > img { will-change: transform; }
@media(max-width:767px) { .site-footer { padding-bottom: calc(32px + var(--fixed-offer-height,69px)); } }

/* C16: the existing two-frame gallery works at touch breakpoints too. */
.gallery-drag-peek { position:absolute; inset:0; pointer-events:none; }
.gallery-stage.is-dragging, .formula-features__stage.is-dragging { user-select:none; cursor:grabbing; }
.gallery-stage img { -webkit-user-drag:none; }

.product-guarantee picture { flex-shrink:0; }