/* Two clear product stories, then the complete six-pack catalog. */
.mockup-recolor{filter:hue-rotate(-92deg) saturate(.85)}
.hero-visual{background:linear-gradient(145deg,#dfe6ff 0%,#e7f6f0 52%,#b8d7e5 100%)}
.bottle-frame{background:#fff}
.section-space{padding:112px 0}
.section-kicker{display:inline-block;color:var(--blue);font-weight:800;font-size:12px;letter-spacing:.15em}
.section-intro{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:42px}
.section-intro h2,.chooser-lead h2,.routine-copy h2,.faq-intro h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(43px,4.5vw,66px);line-height:1.06;letter-spacing:-.065em;margin:16px 0 0}
.section-intro h2 span,.routine-copy h2 span,.faq-intro h2 span{color:var(--blue)}
.section-intro>p{max-width:350px;margin:0 0 5px;font-size:17px;line-height:1.65;color:#58657e}
.marquee{overflow:hidden;background:var(--mint);color:#1e3470;padding:17px 0;font:800 13px/1.2 'Space Grotesk',sans-serif;letter-spacing:.17em;white-space:nowrap}
.marquee>div{width:max-content;min-width:100%;text-align:center}
.marquee span{color:var(--blue);font-size:19px;margin:0 35px;vertical-align:middle}
.product-section{background:#fff;scroll-margin-top:90px}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.feature-card{display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%);grid-template-rows:36px auto;min-height:472px;border-radius:24px;padding:28px 30px 26px;overflow:hidden}
.feature-max{background:#e9efff}
.feature-day{background:#edf8df}
.feature-top{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font:800 11px/1.2 'Space Grotesk',sans-serif;letter-spacing:.13em}
.feature-arrow{font-size:26px;line-height:1;letter-spacing:normal}
.feature-art{align-self:center;height:320px;min-width:0;display:flex;align-items:center;justify-content:center}
.feature-art img{height:100%;max-width:100%;width:auto;object-fit:contain;mix-blend-mode:multiply}
.feature-text{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:14px 0 0 14px}
.feature-eyebrow{color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.12em}
.feature-day .feature-eyebrow{color:#367a48}
.feature-text h3{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,3vw,44px);letter-spacing:-.07em;margin:6px 0 8px}
.feature-text p{font-size:14px;line-height:1.6;margin:0 0 14px;color:#4d5970}
.ingredient-list{display:flex;flex-wrap:wrap;gap:5px}
.ingredient-list span{background:#fff9;border:1px solid #b8c7e4;border-radius:100px;padding:6px 9px;color:#425274;font-weight:700;font-size:10px}
.feature-day .ingredient-list span{border-color:#b6cfa3}
.feature-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:22px}
.feature-bottom .old-price,.bundle-price>span{text-decoration:line-through;color:#838ca0;font-size:13px}
.feature-bottom strong{font-family:'Space Grotesk',sans-serif;font-size:24px;letter-spacing:-.05em}
.feature-bottom a{width:100%;margin-top:5px;font-size:13px;font-weight:800;color:var(--blue)}
.feature-day .feature-bottom a{color:#367a48}
.section-footnote,.bundle-disclaimer{font-size:13px;line-height:1.55;color:#64718b;margin:23px 0 0}
.chooser-section{background:#263b9e;color:#fff;padding:74px 0}
.chooser-inner{display:grid;grid-template-columns:35% 1fr;gap:60px;align-items:start}
.chooser-section .section-kicker{color:#c7f46b}
.chooser-lead h2{margin-top:20px}
.chooser-cases{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.chooser-cases>div{background:#ffffff12;border:1px solid #ffffff44;border-radius:15px;padding:27px;min-height:230px;display:flex;flex-direction:column;align-items:start}
.case-number{font-size:13px;font-weight:800;color:#c7f46b}
.chooser-cases p{font:600 21px/1.35 'Space Grotesk',sans-serif;letter-spacing:-.035em;flex:1;margin:21px 0}
.chooser-cases strong{font-size:13px;color:#c7f46b}
.bundle-section{background:#f7f9fd;scroll-margin-top:90px}
.bundle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bundle-card{background:#fff;border:1px solid #e3e8f1;border-radius:18px;padding:24px;min-height:280px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.bundle-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px #1c327012}
.bundle-highlight{background:#3159e8;color:#fff;border-color:#3159e8}
.bundle-head{display:flex;justify-content:space-between;gap:8px;align-items:center}
.pack-index{font-size:11px;font-weight:800;letter-spacing:.1em;color:#768298}
.bundle-highlight .pack-index{color:#dce4ff}
.bundle-pill{font-size:9px;font-weight:800;letter-spacing:.05em;white-space:nowrap;padding:7px 9px;border-radius:100px}
.pill-blue{background:#e8edff;color:#3159e8}.pill-green{background:#e9f9dc;color:#47813b}.pill-lime{background:#d0f574;color:#1e397c}.pill-ink{background:#e9ecf2;color:#46516b}
.pack-symbol{display:flex;align-items:center;justify-content:center;flex:1;padding-top:25px}
.pack-symbol span{display:grid;place-items:center;width:63px;height:72px;border-radius:16px;font:800 26px/1 'Space Grotesk',sans-serif;color:#fff;border:4px solid #fff;box-shadow:0 9px 18px #1c327018}
.pack-symbol span+span{margin-left:-17px;transform:rotate(8deg)}
.pack-symbol span:first-child:not(:last-child){transform:rotate(-8deg)}
.pack-symbol .symbol-blue{background:#3159e8}.pack-symbol .symbol-green{background:#71b451}
.bundle-highlight .pack-symbol span{border-color:#3159e8}
.bundle-card h3{font:700 24px/1.15 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:17px 0 4px}
.bundle-card>p{font-size:14px;color:#637087;margin:0 0 20px}
.bundle-highlight>p{color:#e8edff}
.bundle-price{border-top:1px solid #e9ecf3;padding-top:16px;display:flex;align-items:baseline;justify-content:space-between;gap:7px;flex-wrap:wrap;margin-top:auto}
.bundle-highlight .bundle-price{border-color:#829aff}
.bundle-highlight .bundle-price>span{color:#d2dbfb;text-decoration:none;font-size:11px}
.bundle-price strong{font:700 22px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.035em}
.bundle-price.pending strong{color:#65728e;font-size:14px;letter-spacing:0}
.routine-section{background:#e9efff;scroll-margin-top:90px}
.routine-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}
.routine-copy>p,.faq-intro>p{color:#5e6980;line-height:1.7;max-width:460px;font-size:16px;margin:22px 0 30px}
.button-light{background:#fff;padding:15px 21px;color:var(--blue);font-size:14px}
.button-light:hover{background:var(--mint)}
.routine-steps{padding:0;margin:0;list-style:none;counter-reset:none}
.routine-steps li{display:grid;grid-template-columns:64px 1fr;gap:18px;border-top:1px solid #bfccef;padding:25px 0 28px}
.routine-steps li:last-child{border-bottom:1px solid #bfccef}
.routine-steps li>span{font:700 21px/1.2 'Space Grotesk',sans-serif;color:var(--blue)}
.routine-steps h3{font:700 22px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:0 0 8px}
.routine-steps p{line-height:1.55;color:#596780;font-size:14px;margin:0}
.faq-section{background:#fff;scroll-margin-top:90px}
.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw}
.faq-list{border-top:1px solid #d9e0ef}
.faq-list details{border-bottom:1px solid #d9e0ef}
.faq-list summary{cursor:pointer;list-style:none;font-weight:800;font-size:17px;line-height:1.45;padding:24px 42px 24px 0;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'+';position:absolute;right:5px;top:21px;font:400 28px/1 'Space Grotesk',sans-serif;color:var(--blue)}
.faq-list details[open] summary::after{content:'−'}
.faq-list details p{line-height:1.7;color:#5a6880;font-size:15px;margin:-4px 32px 24px 0}
.last-cta{background:#c8f46b;padding:65px 0}
.last-cta .section-kicker{color:#35597f}
.last-cta-inner{display:flex;align-items:end;justify-content:space-between;gap:28px}
.last-cta h2{font:700 clamp(42px,5vw,72px)/1.03 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:16px 0 0}
.last-cta h2 em{font-style:normal;color:#3159e8}
.last-cta .button{flex-shrink:0}
.site-footer{background:#172345;color:#fff;padding:54px 0 23px}
.site-footer .brand-dot{color:var(--mint)}
.footer-grid{display:flex;justify-content:space-between;gap:32px;padding-bottom:75px}
.footer-grid p{color:#b5bfda;font-size:14px;margin:8px 0}
.footer-links{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;font-weight:700}
.footer-links a:hover{color:var(--mint)}
.footer-bottom{border-top:1px solid #ffffff33;padding-top:22px;display:flex;justify-content:space-between;gap:16px;color:#b5bfda;font-size:12px}
a:focus-visible,summary:focus-visible{outline:3px solid #7badff;outline-offset:4px}
@media(max-width:1100px){.feature-card{grid-template-columns:1fr;grid-template-rows:32px 250px auto;min-height:570px}.feature-art{height:250px}.feature-text{padding:0}.chooser-inner{gap:30px}.faq-grid{gap:6vw}}
@media(max-width:900px){.section-space{padding:80px 0}.bundle-grid{grid-template-columns:repeat(2,1fr)}.chooser-inner{grid-template-columns:1fr}.chooser-lead h2 br{display:none}.routine-grid{gap:5vw}.faq-grid{grid-template-columns:1fr;gap:25px}.faq-intro>p{max-width:670px}}
@media(max-width:650px){.section-space{padding:66px 0}.section-intro{display:block;margin-bottom:26px}.section-intro h2,.chooser-lead h2,.routine-copy h2,.faq-intro h2{font-size:clamp(40px,10vw,55px)}.section-intro>p{margin-top:20px;font-size:16px}.feature-grid,.chooser-cases,.bundle-grid,.routine-grid{grid-template-columns:1fr}.feature-card{min-height:unset;grid-template-columns:44% 56%;grid-template-rows:24px auto;padding:17px 16px;border-radius:16px}.feature-art{height:240px}.feature-text{padding-left:6px;padding-bottom:7px}.feature-text h3{font-size:29px}.feature-text p{font-size:12px;line-height:1.45;margin-bottom:9px}.feature-eyebrow{font-size:8px}.ingredient-list span{font-size:8px;padding:4px 6px}.feature-bottom{margin-top:13px}.feature-bottom strong{font-size:20px}.feature-bottom .old-price{font-size:11px}.feature-bottom a{font-size:11px}.feature-top{font-size:10px}.chooser-section{padding:57px 0}.chooser-cases{gap:12px}.chooser-cases>div{min-height:unset;padding:22px}.chooser-cases p{font-size:20px;margin:14px 0}.bundle-grid{gap:12px}.bundle-card{min-height:260px}.routine-copy>p{margin:18px 0 22px}.routine-steps{margin-top:20px}.faq-list summary{font-size:16px}.last-cta{padding:55px 0}.last-cta-inner{display:block}.last-cta h2{font-size:44px}.last-cta .button{margin-top:27px}.footer-grid{display:block;padding-bottom:48px}.footer-links{margin-top:32px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:6px 0}}
@media(max-width:390px){.feature-card{grid-template-columns:1fr;grid-template-rows:22px 205px auto}.feature-art{height:205px}.feature-text{padding:0}.feature-text p{font-size:14px}.ingredient-list span{font-size:10px}.bundle-pill{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bundle-card{transition:none}}
.order-link{display:flex;justify-content:space-between;gap:12px;margin-top:13px;background:#c8f46b;color:#1f3264;border-radius:9px;padding:11px 13px;font-size:14px;font-weight:800}
.order-link:hover{background:#b9e866}
.preview-banner{position:sticky;top:0;z-index:30;background:#172345;color:#fff;padding:10px 20px;text-align:center;font-size:13px;font-weight:700}
.preview-banner a{color:#c8f46b;text-decoration:underline}