@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--paper:#0e0e10;--ink:#faf5f0;--muted:#d0c3bc;--yellow:#ffda24;--line:#343032;--red:#e32c1a;--orange:#ff6a19;--font:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ffd447;outline-offset:5px}.wrap{width:min(1280px,calc(100% - 112px));margin:auto}.announcement{text-align:center;background:var(--red);color:#fff;padding:11px 20px;font-size:0.875rem;letter-spacing:.2px}.announcement span{color:var(--yellow);margin-left:18px}.announcement b{margin-left:10px}.header{height:102px;display:flex;align-items:center;justify-content:space-between}.wordmark{color:#ff6945;font-family:var(--display);font-size:32px;font-weight:800;letter-spacing:-2px;font-style:italic;text-decoration:none}.wordmark span{font-style:normal;padding-left:3px}.header nav{display:flex;gap:30px;margin-left:0}.header nav a{font-size:1rem;text-decoration:none}.header nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.button{border:0;border-radius:5px;padding:19px 25px;display:inline-flex;gap:30px;align-items:center;justify-content:space-between;text-decoration:none;font-weight:650;font-size:1rem;line-height:1.45;min-height:48px;text-align:left;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button span{flex-shrink:0;font-size:23px;font-weight:400;line-height:1}.button-secondary{background:var(--red);color:#fff}.button-secondary:hover{background:#a8201b}.button-primary{background:var(--yellow);color:#2b2020}.button-primary:hover{background:#ffbd2e}.header-cta{padding:13px 20px;font-size:1rem;gap:34px}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:45px;padding-top:34px;padding-bottom:62px;align-items:center}.eyebrow{font-size:0.8125rem;font-weight:700;letter-spacing:1.1px;display:flex;align-items:center;gap:8px;margin:0 0 22px}.status-dot{width:7px;height:7px;background:#f16a29;border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display)}h1{font-size:clamp(50px,5.3vw,78px);font-weight:650;letter-spacing:-4.5px;line-height:1.08;margin-bottom:24px}em{font-style:normal;color:#ff6945}.hero-description{font-size:1.125rem;line-height:1.75;color:var(--muted);max-width:445px;margin-bottom:24px}.ingredient-line{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:0.875rem;margin-bottom:30px}.ingredient-line b{color:#ff922e;font-weight:400}.ingredient-line span{border-bottom:1px solid #594039;padding-bottom:5px}.hero-cta{width:min(100%,470px)}.hero-assurance{display:flex;flex-wrap:wrap;row-gap:8px;gap:25px;font-size:0.875rem;margin:16px 0 24px}.fineprint{font-size:0.875rem;color:var(--muted);line-height:1.7;max-width:470px;margin:0}.fineprint a{text-underline-offset:3px}.benefit-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.benefit-bar .wrap{display:flex;justify-content:space-between;padding-top:21px;padding-bottom:21px}.benefit-bar span{display:flex;align-items:center;gap:12px;font-size:0.9375rem}.benefit-bar i{font-size:23px;font-style:normal;color:#ff922e}.section{padding-top:88px;padding-bottom:78px}.section-heading{display:flex;justify-content:space-between;gap:70px;align-items:center;margin-bottom:36px}h2{font-weight:550;font-size:43px;letter-spacing:-2px;line-height:1.2;margin-bottom:0}.section-heading>p{max-width:365px;font-size:1.0625rem;line-height:1.75;color:var(--muted);margin-bottom:0}.ingredient-card:nth-child(2){background:#201b18;border-top-color:var(--orange)}.ingredient-card:nth-child(3){background:#201e16;border-top-color:var(--yellow)}.ingredient-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ingredient-card{padding:28px;background:#221818;border:1px solid #3f2c28;border-top:3px solid var(--red);border-radius:10px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.card-top>span:first-child{font-size:0.8125rem;letter-spacing:1.2px;font-weight:600}.ingredient-symbol{font-size:34px;color:#ff6945;line-height:1}h3{font-size:23px;letter-spacing:-.8px;font-weight:600;margin-bottom:13px}.ingredient-card p,.steps p{font-size:1.0625rem;line-height:1.75;color:var(--muted)}.card-tag{font-size:0.875rem;border:1px solid #695044;padding:6px 10px;border-radius:30px;width:fit-content;margin-top:22px}.section-note{font-size:0.875rem;color:var(--muted);line-height:1.7;max-width:850px;margin-top:20px;margin-bottom:0}.moment-inner .eyebrow{color:var(--yellow)}.moment-inner h2{font-size:42px}.moment-inner p:not(.eyebrow){font-size:1.0625rem;line-height:1.8;color:#ffeadf;margin-top:24px}.text-link{font-size:1rem;text-underline-offset:6px;display:inline-block;margin-top:10px}.text-link span{margin-left:25px;color:var(--yellow)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps article{border-top:1px solid var(--line);padding-top:23px}.step-number{display:block;font-size:1rem;color:#ff922e;margin-bottom:29px}.steps p{max-width:305px}.faq-section{background:#201b18;padding:75px 0}.faq-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.faq-layout>div>p:not(.eyebrow){font-size:1.0625rem;color:var(--muted);margin-top:22px}.faq-layout .text-link{font-size:0.9375rem}.faqs details{border-bottom:1px solid #48392e}.faqs details:first-child{border-top:1px solid #48392e}.faqs summary{list-style:none;cursor:pointer;font-size:1.0625rem;font-weight:550;display:flex;justify-content:space-between;gap:15px;padding:21px 0}.faqs summary::-webkit-details-marker{display:none}.faqs summary span{flex-shrink:0;font-size:21px;line-height:16px;font-weight:400}.faqs details[open] summary span{transform:rotate(45deg)}.faqs details p{font-size:1rem;line-height:1.85;color:var(--muted);padding-right:25px;margin-bottom:24px}.final-cta{text-align:center;padding-top:85px;padding-bottom:80px}.final-cta .eyebrow{justify-content:center}.final-cta h2{font-size:51px;margin-bottom:30px}.final-cta>p:last-child{font-size:0.875rem;color:var(--muted);margin:17px 0 0}.safety{border-top:1px solid var(--line);padding-top:32px;padding-bottom:30px}.safety h2{font-size:1.25rem;letter-spacing:0;font-weight:700;margin-bottom:15px}.safety p{font-size:1rem;color:var(--muted);line-height:1.8;max-width:85ch;margin-bottom:20px}.safety a{text-underline-offset:2px}footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:35px;display:flex;align-items:center;gap:30px}footer .wordmark{font-size:26px}footer>span{font-size:0.875rem;color:var(--muted)}footer p{margin:0 0 0 auto;font-size:0.875rem;color:var(--muted)}footer>a:last-child{font-size:0.875rem}.mobile-cta{display:none}.skip-link{color:#2b2020;position:fixed;top:-100px;left:20px;background:var(--yellow);padding:14px;z-index:10}.skip-link:focus{top:10px}dialog{border:1px solid var(--line);border-radius:10px;max-width:510px;width:calc(100% - 32px);padding:48px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#39191299;backdrop-filter:blur(5px)}dialog h2{font-size:43px;margin-bottom:24px}dialog>p{font-size:1.0625rem;line-height:1.75;color:var(--muted)}dialog .dialog-note{font-size:0.875rem;margin-bottom:25px}.dialog-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:30px;color:var(--ink);padding:4px 8px}.dialog-open{overflow:hidden}
@media(min-width:1500px){.hero{padding-top:45px;padding-bottom:75px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:25px}h1{font-size:58px;letter-spacing:-3.5px}.hero-description{font-size:1.125rem}.hero-assurance{gap:15px}.hero-cta{font-size:1rem;padding:19px}.section-heading{gap:40px}h2{font-size:37px}.faq-layout{gap:45px}.header nav{margin-left:0;gap:25px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.announcement{font-size:0.875rem;padding:10px}.announcement span{display:none}.header{height:80px}.wordmark{font-size:29px}.header nav{display:none}.header-cta{padding:12px 15px;font-size:1rem;gap:19px}.hero{grid-template-columns:1fr;padding-top:20px;gap:30px;padding-bottom:35px}.hero-copy{max-width:520px}.eyebrow{font-size:0.8125rem;margin-bottom:18px}h1{font-size:clamp(49px,9vw,67px);letter-spacing:-3.5px;margin-bottom:20px}.hero-description{font-size:1.125rem;max-width:420px;margin-bottom:23px}.ingredient-line{margin-bottom:25px;font-size:0.875rem}.hero-cta{font-size:1rem;width:100%;max-width:420px;padding:19px 21px}.hero-assurance{font-size:0.875rem;margin-bottom:17px}.fineprint{font-size:0.875rem;max-width:390px}.benefit-bar .wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px 10px;padding-top:20px;padding-bottom:20px}.benefit-bar span{font-size:0.9375rem;gap:9px}.benefit-bar i{font-size:20px}.section{padding-top:55px;padding-bottom:50px}.section-heading{display:block;margin-bottom:28px}h2{font-size:34px;letter-spacing:-1.7px}.section-heading>p{max-width:100%;margin-top:20px;font-size:1.0625rem}.ingredient-grid{grid-template-columns:1fr;gap:12px}.ingredient-card{padding:25px}.card-top{margin-bottom:20px}.ingredient-card p{max-width:450px}.card-tag{margin-top:15px}.section-note{font-size:0.875rem}.moment-inner h2{font-size:35px}.moment-inner p:not(.eyebrow){margin-top:20px}.section-heading>.button{margin-top:23px}.steps{grid-template-columns:1fr;gap:10px}.steps article{padding-top:20px;display:grid;grid-template-columns:45px 1fr;column-gap:12px}.step-number{grid-row:1/3;padding-top:7px;margin-bottom:0}.steps h3{font-size:21px;margin-bottom:10px}.steps p{grid-column:2;max-width:none;font-size:1.0625rem}.faq-section{padding:48px 0}.faq-layout{grid-template-columns:1fr;gap:30px}.faqs summary{font-size:1.0625rem;min-height:62px;align-items:center}.final-cta{padding-top:55px;padding-bottom:50px}.final-cta h2{font-size:36px}.final-cta .button{font-size:1rem;gap:19px;width:100%;max-width:370px}.safety{padding-top:26px}.safety p{font-size:1rem}footer{flex-wrap:wrap;gap:16px;padding-bottom:105px}footer p{margin-left:0}footer>span{margin-left:auto}footer>a:last-child{margin-left:auto}.mobile-cta{display:block;position:fixed;bottom:0;left:0;right:0;padding:10px 20px max(10px,env(safe-area-inset-bottom));background:#0e0e10f5;border-top:1px solid var(--line);z-index:5}.mobile-cta .button{width:100%;padding:15px 20px;font-size:1rem}dialog{padding:35px 25px}dialog h2{font-size:37px}}
@media(max-width:390px){.hero-assurance{font-size:0.875rem;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Let larger type wrap naturally at intermediate and narrow widths. */
@media (max-width: 1100px) {
  .benefit-bar .wrap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 30px; }
  .ingredient-grid { gap: 14px; }
  .ingredient-card { padding: 22px; }
  .ingredient-card h3 { font-size: 1.375rem; }
}
@media (max-width: 760px) {
  .header-cta { padding: 12px 14px; gap: 12px; }
  .hero-cta, .final-cta .button { max-width: 470px; gap: 16px; }
  .benefit-bar .wrap { gap: 20px 16px; }
  .benefit-bar span { align-items: flex-start; }
  .benefit-bar i { flex-shrink: 0; line-height: 1.3; }
  .steps article { grid-template-columns: 32px minmax(0, 1fr); }
  .faqs details p { padding-right: 0; }
  .safety h2 { font-size: 1.25rem; }
  footer { column-gap: 24px; row-gap: 18px; }
}
@media (max-width: 390px) {
  .header .wordmark { font-size: 27px; }
  .header-cta { gap: 8px; padding-inline: 12px; }
  .ingredient-line { gap: 7px; }
  .hero-assurance { column-gap: 16px; }
}

/* Art-directed photography and vivid brand accents. */
.hero { gap: 54px; padding-top: 42px; padding-bottom: 70px; }
.hero-copy { min-width: 0; }
.hero h1 em {
  color: #ff783c;
  background: linear-gradient(100deg, #ff5947 5%, #ff8a24 65%, #ffcd36);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.product-scene {
  margin: 0; min-width: 0; position: relative; overflow: hidden;
  border: 1px solid #493024; border-radius: 16px; background: #100d0b;
  box-shadow: 0 20px 70px #ff4e0810;
}
.product-scene img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
.product-scene figcaption, .connection-photo figcaption {
  position: absolute; bottom: 12px; left: 16px; right: 16px; width: fit-content;
  padding: 5px 10px; border-radius: 4px; background: #0d0d10e8;
  color: #eee3db; font-size: 0.8125rem; line-height: 1.5;
}
.button-primary { box-shadow: 0 5px 24px #ffce241c; }
.button-primary:hover { background: #ffe65d; box-shadow: 0 7px 28px #ffce2430; }
.button-secondary:hover { background: #bd2114; }
.benefit-bar { background: #181413; border-top-color: #6b321c; border-bottom-color: #41291e; }
.card-tag { background: #0e0e104d; color: #f8e5d3; }
.ingredient-card:nth-child(2) .ingredient-symbol { color: var(--orange); }
.ingredient-card:nth-child(3) .ingredient-symbol { color: var(--yellow); }
.moment-section { background: #181315; border-block: 1px solid #3a2621; }
.moment-inner { display: grid; grid-template-columns: 1.12fr 1fr; gap: 64px; align-items: center; padding-block: 64px; }
.connection-photo { margin: 0; position: relative; overflow: hidden; border-radius: 12px; }
.connection-photo img { display: block; width: 100%; height: auto; aspect-ratio: 1.2; object-fit: cover; }
.moment-copy { padding-block: 12px; }
.moment-copy h2 { font-size: clamp(2.1rem, 3vw, 2.75rem); }
.moment-inner .eyebrow { color: #ffbb45; }
.moment-inner p:not(.eyebrow) { color: var(--muted); margin-top: 22px; }
.moment-copy .text-link { color: var(--yellow); font-weight: 600; }
.step-number { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: #ff6a191a; border: 1px solid #80421e; font-weight: 600; }
.faq-section { background: #191719; }
.final-cta { background: radial-gradient(ellipse at 50% 65%, #ed491312, transparent 70%); }
@media (max-width: 1100px) {
  .hero { gap: 30px; }
  .moment-inner { gap: 36px; }
}
@media (max-width: 760px) {
  .hero { padding-top: 22px; padding-bottom: 40px; gap: 32px; }
  .product-scene { border-radius: 12px; }
  .moment-inner { grid-template-columns: 1fr; gap: 30px; padding-block: 42px; }
  .connection-photo img { aspect-ratio: 1.25; }
  .moment-copy { padding-block: 0; }
  .steps article { grid-template-columns: 42px minmax(0, 1fr); column-gap: 16px; }
  .step-number { padding-top: 0; }
}

/* A consistent primary action and quieter supporting details. */
.button { border-radius: 8px; }
.button-primary { color: #19160b; box-shadow: 0 4px 16px #ffce2410; }
.header-cta { gap: 20px; }
.hero .eyebrow { color: #ffab78; letter-spacing: .9px; }
.hero-description { max-width: 48ch; }
.ingredient-line { margin-bottom: 28px; gap: 10px; }
.ingredient-line span { border: 1px solid #49362c; padding: 5px 10px; border-radius: 6px; background: #1b1614; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 18px 26px; }
.hero-cta { width: auto; min-width: 250px; }
.hero-how-link { font-size: 1rem; color: var(--ink); text-underline-offset: 5px; }
.hero-how-link span { padding-left: 10px; color: #ff9560; }
.cta-note { font-size: .875rem; line-height: 1.7; color: var(--muted); margin: 14px 0 0; max-width: 48ch; }
.hero-assurance { margin-top: 24px; gap: 10px 24px; }
.hero .fineprint { border-top: 1px solid var(--line); padding-top: 18px; }
.benefit-bar { background: #151314; border-color: #352a26; }
.benefit-bar i { color: #ff9461; }
.ingredient-card { display: flex; flex-direction: column; }
.ingredient-card .card-tag { margin-top: auto; }
.ingredient-card p { margin-bottom: 24px; }
.card-top { margin-bottom: 26px; }
.card-tag { border-color: #544237; border-radius: 6px; }
.moment-copy .text-link { color: var(--ink); }
.moment-copy .text-link span { color: var(--orange); }
.final-cta .button { min-width: 260px; }
@media (max-width: 1100px) {
  .header nav { gap: 20px; }
  .hero-actions { gap: 18px; }
}
@media (max-width: 760px) {
  .header-cta { font-size: .875rem; gap: 10px; padding: 12px; }
  .hero-actions { gap: 20px; }
  .hero-cta { width: 100%; min-width: 0; }
  .hero-how-link { display: inline-flex; align-items: center; min-height: 44px; }
  .hero .eyebrow { flex-wrap: wrap; font-size: .8125rem; line-height: 1.6; }
  .ingredient-line { gap: 7px; }
  .ingredient-line span { padding: 4px 7px; }
  .hero-assurance { gap: 8px 20px; }
  .final-cta .button { min-width: 0; }
}
@media (max-width: 390px) {
  .header .wordmark { font-size: 24px; }
  .header-cta { gap: 8px; padding-inline: 10px; }
}

@media (max-width: 760px) {
  .hero .eyebrow { display: block; }
  .hero .status-dot { display: inline-block; margin-right: 8px; vertical-align: 2px; }
}
@media (max-width: 390px) {
  .hero h1 { font-size: clamp(42px, 11.5vw, 49px); letter-spacing: -2.5px; }
  .ingredient-line { gap: 7px; }
  .ingredient-line span { padding-inline: 0; border: 0; background: none; border-radius: 0; }
}

/* Starting price stays beside the decision to start. */
.price-highlight { display: flex; align-items: baseline; gap: 9px; margin: 0 0 22px; color: var(--muted); font-size: 1rem; }
.price-highlight strong { font-family: var(--display); font-size: 2.5rem; font-weight: 750; letter-spacing: -1.5px; line-height: 1.2; color: var(--yellow); }
.hero .ingredient-line { margin-bottom: 20px; }
.final-cta .price-highlight { justify-content: center; margin-bottom: 26px; }
.mobile-price { display: none; }
@media (max-width: 760px) {
  .mobile-cta { display: flex; align-items: center; gap: 16px; }
  .mobile-price { display: block; flex-shrink: 0; margin: 0; font-size: .875rem; line-height: 1.4; }
  .mobile-price strong { color: var(--yellow); font-size: 1.125rem; }
  .mobile-price span { display: block; color: var(--muted); }
  .mobile-cta .button { width: auto; flex: 1; gap: 12px; }
}

/* Medication detail: reference-matched imagery alongside the formula. */
.formula-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; margin-bottom: 36px; }
.formula-copy > p:not(.eyebrow) { max-width: 44ch; margin: 24px 0 0; font-size: 1.0625rem; line-height: 1.75; color: var(--muted); }
.medication-photo { min-width: 0; margin: 0; overflow: hidden; border-radius: 12px; border: 1px solid #493024; background: #171315; }
.medication-photo img { display: block; width: 100%; height: auto; aspect-ratio: 1.5; object-fit: contain; }
.medication-photo figcaption { padding: 12px 16px; font-size: .8125rem; line-height: 1.6; color: var(--muted); }
@media (max-width: 1100px) { .formula-intro { gap: 36px; } }
@media (max-width: 760px) {
  .formula-intro { grid-template-columns: 1fr; gap: 28px; margin-bottom: 28px; }
  .formula-copy > p:not(.eyebrow) { max-width: none; }
}

/* Compact hero: offer and action stay beside the product. */
.header { height: 88px; }
.hero { padding-top: 24px; padding-bottom: 44px; align-items: start; gap: 48px; }
.hero h1 { font-size: clamp(40px, 4vw, 58px); letter-spacing: -2.5px; line-height: 1.08; margin-bottom: 20px; }
.hero .eyebrow { margin-bottom: 18px; }
.hero-description { font-size: 18px; line-height: 1.6; margin-bottom: 22px; }
.hero .price-highlight { margin-bottom: 6px; }
.hero .price-highlight + .cta-note { margin-top: 0; margin-bottom: 20px; }
.hero .product-scene { margin: 0; align-self: start; }
.hero-assurance { margin: 16px 0; font-size: 14px; }
.hero .fineprint { padding-top: 12px; font-size: 14px; }
.mobile-cta[hidden] { display: none !important; }
@media (max-width: 760px) {
  .header { height: 80px; }
  .hero { padding-top: 18px; padding-bottom: 32px; gap: 28px; }
  .hero h1 { font-size: clamp(34px, 8.6vw, 48px); letter-spacing: -1.8px; }
  .hero-description { font-size: 17px; margin-bottom: 18px; }
  .hero-actions { gap: 8px; }
  .hero .cta-note { font-size: 14px; }
  .hero .price-highlight { flex-wrap: wrap; }
}