/* ============================================================
   DOSIS · Product Detail Pages — shared design system
   Accent is themed per product via body.lucid / body.glow
   ============================================================ */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:light;scroll-padding-top:124px}
body{font-family:'Outfit',sans-serif;color:#1A2A22;background:#FAFAF6;overflow-x:hidden;-webkit-font-smoothing:antialiased;cursor:none}
a,button,.card,.method,.supp,.stack,.nav-cart,.faq-q{cursor:none}
::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7ABFB0,#B8A0D4);border-radius:4px}

/* Accent theming */
body.lucid{--acc:#3D7A5A;--acc-light:#7ABFB0;--acc-bright:#5AA090;--acc-rgb:122,191,176}
body.glow{--acc:#7A5AA0;--acc-light:#C8A0E4;--acc-bright:#9A80C0;--acc-rgb:184,160,212}

/* Cursor */
.cursor{position:fixed;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#7ABFB0,#B8A0D4);pointer-events:none;z-index:10000;transition:transform .15s,opacity .3s;mix-blend-mode:exclusion;opacity:.8}
.cursor-glow{position:fixed;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,rgba(122,191,176,.15),rgba(184,160,212,.08),transparent 70%);pointer-events:none;z-index:9999;transition:transform .3s cubic-bezier(.16,1,.3,1),width .3s,height .3s}
.cursor.hover{transform:scale(2.5);opacity:.6}.cursor-glow.hover{width:80px;height:80px}

/* Scroll progress + grain */
.scroll-prog{position:fixed;top:0;left:0;height:2px;width:0;z-index:1100;background:linear-gradient(90deg,#7ABFB0,#B8A0D4,#E8C8A0);box-shadow:0 0 14px rgba(184,160,212,.45);transition:width .12s linear}
.grain{position:fixed;inset:0;z-index:9997;pointer-events:none;opacity:.04;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}

/* Nav */
nav.bar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 clamp(20px,4vw,60px);display:flex;justify-content:space-between;align-items:center;height:72px;transition:all .5s}
nav.bar.scrolled{background:rgba(250,250,246,.82);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:.5px solid rgba(200,190,210,.3)}
.nav-logo{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:300;letter-spacing:10px;color:#1A2A22;text-decoration:none}
.nav-links{display:flex;gap:36px;align-items:center}
.nav-links a{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2.5px;color:#5A6B60;text-decoration:none;transition:all .3s;position:relative}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1.5px;background:linear-gradient(90deg,#7ABFB0,#B8A0D4);transition:width .3s}
.nav-links a:hover{color:#1A2A22}.nav-links a:hover::after{width:100%}
.nav-links a.active{color:#1A2A22}.nav-links a.active::after{width:100%}
.nav-cart{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3D7A5A,#5A8A9A,#7A6AA0);display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 12px rgba(122,191,176,.2)}
.nav-cart:hover{transform:scale(1.15)}.nav-cart span{color:#FFF;font-size:11px;font-family:'DM Mono',monospace}

/* Sticky section sub-nav */
.subnav{position:sticky;top:72px;z-index:850;background:rgba(250,250,246,.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:.5px solid rgba(200,190,210,.3)}
.subnav-inner{display:flex;gap:6px;justify-content:center;align-items:center;height:50px;padding:0 18px;max-width:1100px;margin:0 auto;overflow-x:auto;scrollbar-width:none}
.subnav-inner::-webkit-scrollbar{display:none}
.subnav a{font-family:'DM Mono',monospace;font-size:9.5px;letter-spacing:2px;color:#6A7A70;text-decoration:none;padding:8px 15px;border-radius:30px;white-space:nowrap;transition:color .3s,background .3s;cursor:none}
.subnav a:hover{color:#1A2A22;background:rgba(var(--acc-rgb),.12)}
.subnav a.active{color:#fff;background:var(--acc)}
section[id],.faqcat[id]{scroll-margin-top:120px}

/* Products dropdown */
.nav-dd{position:relative;display:flex;align-items:center}
.nav-dd-trigger{background:none;border:none;padding:0;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2.5px;color:#5A6B60;display:inline-flex;align-items:center;gap:6px;transition:color .3s;position:relative;cursor:none}
.nav-dd-trigger::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1.5px;background:linear-gradient(90deg,#7ABFB0,#B8A0D4);transition:width .3s}
.nav-dd:hover .nav-dd-trigger,.nav-dd.open .nav-dd-trigger,.nav-dd-trigger.active{color:#1A2A22}
.nav-dd:hover .nav-dd-trigger::after,.nav-dd.open .nav-dd-trigger::after,.nav-dd-trigger.active::after{width:100%}
.dd-caret{font-size:7px;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.nav-dd:hover .dd-caret,.nav-dd.open .dd-caret{transform:rotate(180deg)}
.nav-dd-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(14px);min-width:250px;background:rgba(250,250,246,.92);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:.5px solid rgba(200,190,210,.4);border-radius:16px;padding:8px;box-shadow:0 24px 70px rgba(122,191,176,.12),0 10px 28px rgba(184,160,212,.1);opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),visibility .4s;display:flex;flex-direction:column;gap:2px;z-index:1200}
.nav-dd-menu::before{content:'';position:absolute;top:-16px;left:0;right:0;height:16px}
.nav-dd:hover .nav-dd-menu,.nav-dd.open .nav-dd-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(10px)}
.dd-item{display:flex;align-items:center;gap:13px;padding:11px 14px;border-radius:11px;text-decoration:none;transition:background .3s;position:relative}
.dd-item::after{display:none!important}
.dd-item:hover{background:linear-gradient(135deg,rgba(122,191,176,.1),rgba(184,160,212,.08))}
.dd-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px rgba(255,255,255,.5)}
.dd-dot.l{background:linear-gradient(135deg,#7ABFB0,#3D7A5A)}
.dd-dot.g{background:linear-gradient(135deg,#C8A0E4,#7A5AA0)}
.dd-dot.s{background:linear-gradient(135deg,#7ABFB0,#B8A0D4,#E8C8A0)}
.dd-text{display:flex;flex-direction:column}
.dd-name{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:400;letter-spacing:3px;color:#1A2A22;line-height:1.1}
.dd-sub{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:1.5px;color:#A8B8A0;margin-top:3px}

/* Hamburger + mobile menu */
.nav-toggle{display:none;width:44px;height:44px;border:none;background:transparent;position:relative;z-index:1201;padding:0}
.nav-toggle span{position:absolute;left:11px;width:22px;height:1.5px;background:#1A2A22;border-radius:2px;transition:all .45s cubic-bezier(.16,1,.3,1)}
.nav-toggle span:nth-child(1){top:16px}.nav-toggle span:nth-child(2){top:22px}.nav-toggle span:nth-child(3){top:28px}
body.menu-open .nav-toggle span:nth-child(1){top:22px;transform:rotate(45deg)}
body.menu-open .nav-toggle span:nth-child(2){opacity:0;transform:scaleX(.2)}
body.menu-open .nav-toggle span:nth-child(3){top:22px;transform:rotate(-45deg)}
body.menu-open{overflow:hidden}
.mobile-menu{position:fixed;inset:0;z-index:900;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(28px,8vw,64px);background:linear-gradient(165deg,#F8F6FA,#EEF0F6 30%,#E8F0EE 55%,#F0EBF4 80%,#FAFAF6);opacity:0;visibility:hidden;transform:scale(1.04);transition:opacity .6s cubic-bezier(.16,1,.3,1),visibility .6s,transform .6s cubic-bezier(.16,1,.3,1);overflow:hidden}
body.menu-open .mobile-menu{opacity:1;visibility:visible;transform:scale(1)}
.mm-orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}
.mm-orb.a{width:460px;height:460px;background:radial-gradient(circle,rgba(184,160,212,.22),transparent 70%);top:-160px;right:-120px}
.mm-orb.b{width:400px;height:400px;background:radial-gradient(circle,rgba(122,191,176,.18),transparent 70%);bottom:-140px;left:-100px}
.mm-eyebrow{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:6px;color:#A8B8A0;margin-bottom:28px;position:relative;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.16,1,.3,1) .1s}
body.menu-open .mm-eyebrow{opacity:1;transform:translateY(0)}
.mm-links{position:relative;display:flex;flex-direction:column;gap:4px}
.mm-link{display:flex;align-items:baseline;gap:18px;text-decoration:none;padding:8px 0;opacity:0;transform:translateY(34px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),color .3s}
body.menu-open .mm-link{opacity:1;transform:translateY(0)}
body.menu-open .mm-link:nth-child(1){transition-delay:.16s}body.menu-open .mm-link:nth-child(2){transition-delay:.24s}
body.menu-open .mm-link:nth-child(3){transition-delay:.32s}body.menu-open .mm-link:nth-child(4){transition-delay:.40s}body.menu-open .mm-link:nth-child(5){transition-delay:.48s}body.menu-open .mm-link:nth-child(6){transition-delay:.56s}
.mm-num{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:2px;color:#B8A0D4;flex-shrink:0}
.mm-label{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,11vw,64px);font-weight:300;letter-spacing:4px;color:#1A2A22;line-height:1.05;transition:all .4s}
.mm-link:hover .mm-label,.mm-link:active .mm-label{letter-spacing:6px;color:var(--acc,#3D7A5A)}

/* Buttons */
.btn-grad{padding:16px 48px;background:linear-gradient(135deg,#3D7A5A,#5A8A9A,#7A6AA0);color:#FFF;border:none;border-radius:100px;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:3px;text-decoration:none;display:inline-block;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(122,191,176,.15);will-change:transform}
.btn-grad::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transition:left .6s}
.btn-grad:hover{transform:translateY(-3px);box-shadow:0 8px 40px rgba(122,191,176,.25)}.btn-grad:hover::before{left:100%}
.btn-ghost{padding:16px 48px;background:rgba(255,255,255,.6);color:#1A2A22;border:1px solid rgba(184,160,212,.3);border-radius:100px;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:3px;text-decoration:none;display:inline-block;transition:all .5s;backdrop-filter:blur(8px);will-change:transform}
.btn-ghost:hover{border-color:rgba(184,160,212,.6);transform:translateY(-3px)}

/* Back link */
.backlink{position:relative;display:inline-flex;align-items:center;gap:10px;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:3px;color:#5A6B60;text-decoration:none;transition:gap .3s,color .3s}
.backlink:hover{gap:16px;color:var(--acc)}

/* Product hero */
.phero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:120px clamp(24px,6vw,90px) 80px;position:relative;overflow:hidden}
body.lucid .phero{background:linear-gradient(150deg,#E8F0EE 0%,#EDF3F0 35%,#F0F4F2 70%,#FAFAF6)}
body.glow .phero{background:linear-gradient(150deg,#F0EBF4 0%,#F2ECF6 35%,#F5F0F8 70%,#FAFAF6)}
.phero-orb{position:absolute;border-radius:50%;filter:blur(100px);animation:orbFloat 22s infinite ease-in-out;pointer-events:none}
body.lucid .phero-orb.o1{width:560px;height:560px;background:radial-gradient(circle,rgba(122,191,176,.22),transparent 70%);top:-160px;left:-140px}
body.glow .phero-orb.o1{width:560px;height:560px;background:radial-gradient(circle,rgba(184,160,212,.24),transparent 70%);top:-160px;left:-140px}
.phero-orb.o2{width:420px;height:420px;background:radial-gradient(circle,rgba(240,200,160,.12),transparent 70%);bottom:-120px;right:10%;animation-delay:-8s}
.phero-copy{position:relative;z-index:2;opacity:0;animation:fadeUp 1s .2s forwards}
.phero-series{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:5px;color:var(--acc);margin-bottom:18px}
.phero-name{font-family:'Cormorant Garamond',serif;font-size:clamp(64px,11vw,128px);font-weight:300;letter-spacing:clamp(8px,3vw,22px);line-height:.9;color:#1A2A22;margin-bottom:10px}
.phero-compound{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:2px;color:#5A6B60;margin-bottom:24px}
.phero-tag{font-size:clamp(17px,2.4vw,21px);font-weight:300;line-height:1.7;color:#3A4A40;max-width:440px;margin-bottom:32px}
.phero-specs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:36px}
.chip{border-radius:12px;padding:12px 18px;background:rgba(var(--acc-rgb),.09);border:.5px solid rgba(var(--acc-rgb),.18)}
.chip-l{font-family:'DM Mono',monospace;font-size:7px;letter-spacing:2px;color:#A8B8A0;margin-bottom:4px}
.chip-v{font-family:'DM Mono',monospace;font-size:14px;color:#1A2A22;font-weight:500}
.phero-buy{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.phero-price{font-family:'Cormorant Garamond',serif;font-size:40px;font-weight:300;color:#1A2A22}
.phero-visual{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;opacity:0;animation:fadeUp 1s .4s forwards}
.vial{transition:transform .8s cubic-bezier(.16,1,.3,1);display:flex;justify-content:center;align-items:center}
.phero-visual:hover .vial{transform:scale(1.04) rotate(-2deg)}
.vial .vialsvg{height:clamp(320px,46vh,440px);width:auto;display:block;overflow:visible;filter:drop-shadow(0 30px 40px rgba(40,30,50,.18))}

/* Generic section scaffolding */
section.block{padding:clamp(80px,12vw,130px) clamp(24px,6vw,90px);position:relative}
.wrap{max-width:1040px;margin:0 auto;position:relative}
.wrap-narrow{max-width:760px;margin:0 auto;position:relative}
.sec-label{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:6px;color:var(--acc);text-align:center;margin-bottom:12px}
.sec-title{font-family:'Cormorant Garamond',serif;font-size:clamp(34px,5.5vw,52px);font-weight:300;text-align:center;color:#1A2A22;letter-spacing:3px;margin-bottom:16px;line-height:1.05}
.sec-sub{text-align:center;font-size:16px;color:#5A6B60;font-weight:300;max-width:540px;margin:0 auto 60px;line-height:1.7}
.dark{background:linear-gradient(160deg,#1A2228,#1E2838 25%,#2A2040 55%,#1E2A30 80%,#1A2228)}
.dark .sec-title{background:linear-gradient(135deg,#D0E8E0,#D8C8F0,#E8D8C0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.dark .sec-sub{color:#7A8A80}
.aurora{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 20% 30%,rgba(122,191,176,.12),transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(184,160,212,.1),transparent 50%)}

/* Mechanism / science cards */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{border-radius:18px;padding:30px;background:rgba(255,255,255,.7);backdrop-filter:blur(10px);border:1px solid rgba(200,190,210,.25);transition:all .45s cubic-bezier(.16,1,.3,1)}
.card:hover{transform:translateY(-5px);border-color:rgba(var(--acc-rgb),.4);box-shadow:0 16px 48px rgba(var(--acc-rgb),.08)}
.card h3{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:3px;color:var(--acc);margin-bottom:12px}
.card p{font-size:14px;line-height:1.75;color:#5A6B60;font-weight:300}
.dark .card{background:rgba(26,34,40,.6);border-color:rgba(var(--acc-rgb),.18)}
.dark .card h3{color:var(--acc-light)}.dark .card p{color:#8A9A90}

/* Mechanism timeline */
.mech{display:grid;grid-template-columns:1fr;gap:0;max-width:760px;margin:0 auto;counter-reset:m}
.mech-step{position:relative;padding:24px 0 24px 56px;border-left:1.5px solid rgba(var(--acc-rgb),.25)}
.mech-step:last-child{border-left-color:transparent}
.mech-step::before{counter-increment:m;content:counter(m,decimal-leading-zero);position:absolute;left:-17px;top:22px;width:34px;height:34px;border-radius:50%;background:#FAFAF6;border:1.5px solid rgba(var(--acc-rgb),.4);display:flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-size:9px;color:var(--acc)}
.dark .mech-step::before{background:#1E2838}
.mech-step h4{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:400;letter-spacing:2px;color:#1A2A22;margin-bottom:6px}
.dark .mech-step h4{color:#E8E0F0}
.mech-step p{font-size:14px;line-height:1.7;color:#5A6B60;font-weight:300}
.dark .mech-step p{color:#8A9A90}

/* Stat row */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border-radius:18px;overflow:hidden;margin:0 auto 56px;background:rgba(var(--acc-rgb),.1);max-width:900px}
.stat{background:rgba(26,34,40,.85);padding:34px 18px;text-align:center}
.stat-num{font-family:'Cormorant Garamond',serif;font-size:clamp(26px,4vw,38px);font-weight:300;color:var(--acc-light);margin-bottom:6px}
.stat-label{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:3px;color:#5A6A60}
.stat-sub{font-family:'DM Mono',monospace;font-size:7px;color:#3A4A40;margin-top:6px}

/* Dosing table */
.dtabs{display:flex;justify-content:center;gap:4px;margin-bottom:40px;background:rgba(240,235,245,.6);border-radius:100px;padding:4px;width:fit-content;margin-left:auto;margin-right:auto;border:.5px solid rgba(200,190,210,.3)}
.dtab{padding:12px 30px;border-radius:100px;border:none;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:3px;color:#5A6B60;background:transparent;transition:all .4s}
.dtab.active{background:linear-gradient(135deg,#3D7A5A,#5A8A9A,#7A6AA0);color:#FFF}
.dtable{background:rgba(255,255,255,.75);backdrop-filter:blur(12px);border-radius:18px;border:1px solid rgba(200,190,210,.25);overflow:hidden}
.dtable-head{padding:20px 28px;border-bottom:1px solid rgba(200,190,210,.15);display:flex;justify-content:space-between;align-items:center}
.dtable-head .t{font-family:'Cormorant Garamond',serif;font-size:24px;letter-spacing:5px;font-weight:400}
.dtable-head .m{font-family:'DM Mono',monospace;font-size:9px;color:#A8B8A0;letter-spacing:2px}
.dgrid{display:grid;grid-template-columns:110px 70px 90px 1fr}
.dgrid .h{padding:12px 22px;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:2px;color:#A8B8A0;background:rgba(245,242,248,.5);border-bottom:1px solid rgba(200,190,210,.15)}
.dgrid .c{padding:14px 22px;font-size:13.5px;border-bottom:.5px solid rgba(200,190,210,.1);color:#1A2A22}
.dgrid .c.lvl{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:1.5px;font-weight:500;color:var(--acc)}
.dgrid .c.dsc{color:#5A6B60;font-weight:300;font-size:13px}
.note{margin:16px;padding:14px 22px;background:linear-gradient(135deg,rgba(240,200,160,.1),rgba(240,200,160,.05));border:.5px solid rgba(240,200,160,.3);border-radius:12px}
.note span{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:1.5px;color:#A08050;line-height:1.6}

/* Methods */
.methods{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.method{padding:22px;background:rgba(255,255,255,.65);backdrop-filter:blur(8px);border-radius:14px;border:1px solid rgba(200,190,210,.25);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}
.method::before{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:linear-gradient(180deg,var(--acc-light),var(--acc));transition:height .4s}
.method:hover{transform:translateY(-4px);border-color:rgba(var(--acc-rgb),.4)}.method:hover::before{height:100%}
.method .n{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:3px;color:#1A2A22;margin-bottom:8px;font-weight:500;display:flex;justify-content:space-between;align-items:center}
.method .d{font-size:13px;line-height:1.65;color:#5A6B60;font-weight:300}
.rec{font-family:'DM Mono',monospace;font-size:7px;letter-spacing:2px;padding:3px 10px;border-radius:100px;background:rgba(var(--acc-rgb),.12);color:var(--acc);border:.5px solid rgba(var(--acc-rgb),.25)}

/* Stacking */
.stacks{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.stack{padding:28px;border-radius:18px;background:rgba(255,255,255,.7);backdrop-filter:blur(10px);border:1px solid rgba(200,190,210,.25);transition:all .45s cubic-bezier(.16,1,.3,1)}
.stack:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(var(--acc-rgb),.08);border-color:rgba(var(--acc-rgb),.4)}
.stack .pill{display:inline-block;font-family:'DM Mono',monospace;font-size:7px;letter-spacing:2px;padding:4px 12px;border-radius:100px;background:rgba(var(--acc-rgb),.1);color:var(--acc);margin-bottom:14px}
.stack h4{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:400;letter-spacing:1px;color:#1A2A22;margin-bottom:8px}
.stack p{font-size:13px;line-height:1.7;color:#5A6B60;font-weight:300}

/* Supplements */
.supps{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.supp{display:flex;gap:18px;padding:24px;background:rgba(255,255,255,.65);backdrop-filter:blur(8px);border-radius:16px;border:1px solid rgba(200,190,210,.25);transition:all .4s;align-items:flex-start}
.supp:hover{transform:translateY(-3px);border-color:rgba(var(--acc-rgb),.4)}
.supp-ico{flex-shrink:0;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(var(--acc-rgb),.2);border:.5px solid rgba(var(--acc-rgb),.5)}
.supp-ico svg{stroke:var(--acc);stroke-width:1.8}
.supp h4{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2px;color:#1A2A22;margin-bottom:4px;font-weight:500}
.supp .dose{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:1px;color:var(--acc);margin-bottom:8px}
.supp p{font-size:12.5px;line-height:1.6;color:#5A6B60;font-weight:300}

/* Molecule */
.mol-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.mol-figure{border-radius:20px;padding:34px;background:rgba(255,255,255,.7);backdrop-filter:blur(10px);border:1px solid rgba(200,190,210,.25);text-align:center;position:relative;overflow:hidden}
.mol-figure::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(var(--acc-rgb),.12),transparent 65%);pointer-events:none}
.mol-figure img{width:100%;max-width:360px;height:auto;display:block;margin:0 auto;position:relative}
.mol-cap{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:2px;color:#A8B8A0;margin-top:16px;position:relative}
.mol-data{display:flex;flex-direction:column}
.mol-row{display:grid;grid-template-columns:138px 1fr;gap:16px;padding:14px 0;border-bottom:.5px solid rgba(200,190,210,.25)}
.mol-row:last-child{border-bottom:none}
.mol-row .k{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:1.5px;color:var(--acc);padding-top:3px}
.mol-row .v{font-size:15px;color:#1A2A22;font-weight:300;line-height:1.5}
.mol-row .v .iupac{display:block;font-family:'DM Mono',monospace;font-size:10px;color:#5A6B60;line-height:1.6;margin-top:2px}

/* Research / references */
.refs{display:flex;flex-direction:column;gap:12px;max-width:840px;margin:0 auto}
.ref{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:20px 26px;border-radius:14px;background:rgba(255,255,255,.05);border:.5px solid rgba(var(--acc-rgb),.18);transition:all .4s cubic-bezier(.16,1,.3,1);text-decoration:none}
.ref:hover{border-color:rgba(var(--acc-rgb),.45);background:rgba(255,255,255,.09);transform:translateY(-2px)}
.ref-yr{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:300;color:var(--acc-light);line-height:1}
.ref-body .t{font-size:14px;color:#E6E0EE;font-weight:400;line-height:1.45;margin-bottom:4px}
.ref-body .j{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:1px;color:#7A8A80}
.ref-go{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:1px;color:var(--acc-light);white-space:nowrap}
.refs-note{max-width:840px;margin:26px auto 0;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.4px;color:#7A8A80;line-height:1.7;text-align:center}

/* Safety / interactions panel */
.safety{max-width:840px;margin:0 auto;border-radius:20px;overflow:hidden;border:1px solid rgba(200,120,120,.25);background:linear-gradient(160deg,rgba(60,30,30,.04),rgba(255,255,255,.5))}
.safety-head{padding:24px 30px;background:linear-gradient(135deg,rgba(200,120,120,.1),rgba(200,120,120,.04));border-bottom:.5px solid rgba(200,120,120,.18);display:flex;align-items:center;gap:14px}
.safety-head h3{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:3px;color:#B05858}
.safety-body{padding:8px 30px 24px}
.srow{padding:18px 0;border-bottom:.5px solid rgba(200,190,210,.2);display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:start}
.srow:last-child{border-bottom:none}
.srow .k{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:1.5px;color:#B05858;font-weight:500;padding-top:2px}
.srow .v{font-size:13.5px;line-height:1.7;color:#3A4A40;font-weight:300}
.srow .v b{font-weight:500;color:#1A2A22}

/* Cross-sell */
.cross{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px;margin:0 auto}
.cross-card{border-radius:20px;padding:40px;text-align:center;border:1px solid rgba(200,190,210,.25);transition:all .5s cubic-bezier(.16,1,.3,1);text-decoration:none;display:block}
.cross-card.cl{background:linear-gradient(150deg,rgba(122,191,176,.1),rgba(245,250,248,.4))}
.cross-card.cg{background:linear-gradient(150deg,rgba(184,160,212,.1),rgba(250,245,255,.4))}
.cross-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(184,160,212,.1)}
.cross-card .cs{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:3px;color:#A8B8A0;margin-bottom:12px}
.cross-card .cn{font-family:'Cormorant Garamond',serif;font-size:40px;font-weight:300;letter-spacing:8px;color:#1A2A22;margin-bottom:8px}
.cross-card.cl .cn{color:#2D4A3E}.cross-card.cg .cn{color:#5A3A7A}
.cross-card .cd{font-size:13px;color:#5A6B60;font-weight:300;line-height:1.6;margin-bottom:18px}
.cross-card .go{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:2px;color:var(--acc)}

/* Footer */
footer{background:linear-gradient(180deg,#F0EDF4,#EAE8F0);padding:64px clamp(24px,6vw,90px) 36px}
.f-inner{max-width:960px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:30px}
.f-brand{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:300;letter-spacing:10px;background:linear-gradient(135deg,#3D7A5A,#5A8A9A,#7A6AA0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}
.f-text{font-size:13px;line-height:1.7;color:#5A6B60;font-weight:300;max-width:300px}
.f-links{display:flex;gap:48px;flex-wrap:wrap}
.f-col h4{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:3px;color:#A8B8A0;margin-bottom:16px}
.f-col a{display:block;font-size:13px;color:#5A6B60;text-decoration:none;margin-bottom:11px;transition:color .3s;font-weight:300}
.f-col a:hover{color:#3D7A5A}
.f-bottom{max-width:960px;margin:36px auto 0;padding-top:22px;border-top:1px solid rgba(200,190,210,.2);display:flex;justify-content:space-between;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:2px;color:#A8B8A0;flex-wrap:wrap;gap:8px}
.disc{max-width:960px;margin:18px auto 0;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:1px;color:#B0A8B8;line-height:1.8;text-align:center}

/* Reveal + anim */
.reveal{opacity:0;transform:translateY(32px);transition:all .8s cubic-bezier(.16,1,.3,1)}
.reveal.v{opacity:1;transform:translateY(0)}
.reveal.d1{transition-delay:.1s}.reveal.d2{transition-delay:.2s}.reveal.d3{transition-delay:.3s}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,30px) scale(.95)}}

@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001s!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
  .reveal{opacity:1!important;transform:none!important}.phero-orb,.mm-orb{animation:none!important}
}

@media(max-width:860px){
  .phero{grid-template-columns:1fr;text-align:center;padding-top:110px}
  .phero-copy{order:2}.phero-visual{order:1;min-height:300px}
  .phero-specs,.phero-buy{justify-content:center}.phero-tag{margin-left:auto;margin-right:auto}
  .grid3,.stacks{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  body{cursor:auto}.cursor,.cursor-glow{display:none}
  a,button,.card,.method,.supp,.stack,.nav-cart,.faq-q{cursor:auto}
  .nav-links{display:none}.nav-toggle{display:block}
  .grid2,.methods,.supps,.cross,.mol-grid{grid-template-columns:1fr}
  .dgrid{grid-template-columns:84px 56px 76px 1fr}
  .srow{grid-template-columns:1fr;gap:6px}
  .mol-row{grid-template-columns:110px 1fr;gap:12px}
  .ref{grid-template-columns:1fr;gap:8px;text-align:left}
  .ref-go{justify-self:start}
  .calc{padding:28px 22px}
  .calc-readout{flex-direction:column;align-items:flex-start;gap:14px}
}

/* Dose calculator */
.calc{margin-top:34px;background:rgba(255,255,255,.55);border:.5px solid rgba(200,190,210,.4);border-radius:22px;padding:34px 34px 30px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(60,80,70,.08)}
.calc.dark-calc{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.14)}
.calc-head{display:flex;align-items:center;gap:10px;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:3px;color:var(--acc);margin-bottom:6px}
.calc-head .dot{width:7px;height:7px;border-radius:50%;background:var(--acc-light);box-shadow:0 0 10px var(--acc-light)}
.calc-sub{font-size:13px;font-weight:300;color:#6A7A70;margin-bottom:24px}
.calc-readout{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}
.calc-dose-wrap{display:flex;align-items:baseline;gap:8px}
.calc-dose{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(46px,9vw,72px);line-height:.9;color:#1A2A22;letter-spacing:1px}
.calc-unit{font-family:'DM Mono',monospace;font-size:15px;letter-spacing:1px;color:var(--acc)}
.calc-tierbox{text-align:right}
.calc-tier{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:22px;color:#1A2A22;transition:color .3s}
.calc-tier.micro{color:var(--acc)}
.calc-tier.caution{color:#B0703A}
.calc-flag{display:inline-block;margin-top:6px;font-family:'DM Mono',monospace;font-size:8.5px;letter-spacing:1.5px;padding:4px 10px;border-radius:20px;background:rgba(var(--acc-rgb),.16);color:var(--acc);opacity:0;transition:opacity .3s}
.calc-flag.show{opacity:1}
.calc-flag.warn{background:rgba(176,112,58,.16);color:#B0703A}
.calc-bar{position:relative;height:10px;border-radius:8px;background:linear-gradient(90deg,rgba(122,191,176,.18),rgba(184,160,212,.18));margin:6px 0 4px}
.calc-zone{position:absolute;top:0;bottom:0;border-radius:8px;background:linear-gradient(90deg,var(--acc-light),var(--acc));box-shadow:0 0 14px rgba(var(--acc-rgb),.5)}
.calc-zone-lab{position:absolute;top:-20px;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:1.5px;color:var(--acc);transform:translateX(-50%)}
.calc-marker{position:absolute;top:-5px;width:20px;height:20px;border-radius:50%;background:#FFF;border:2px solid var(--acc);box-shadow:0 3px 10px rgba(40,30,50,.25);transform:translateX(-50%);transition:left .15s cubic-bezier(.16,1,.3,1)}
.calc-scale{display:flex;justify-content:space-between;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:1px;color:#A8B8A0;margin-top:8px}
.calc-controls{display:flex;align-items:center;gap:16px;margin-top:26px}
.calc-btn{width:42px;height:42px;flex-shrink:0;border-radius:50%;border:.5px solid rgba(120,140,130,.4);background:rgba(255,255,255,.6);font-size:20px;color:var(--acc);display:flex;align-items:center;justify-content:center;transition:all .3s;cursor:none}
.calc-btn:hover{border-color:var(--acc);transform:scale(1.08)}
.calc-btn:active{transform:scale(.94)}
.calc-slider{-webkit-appearance:none;appearance:none;flex:1;height:4px;border-radius:4px;background:rgba(120,140,130,.25);outline:none}
.calc-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--acc-light),var(--acc));cursor:none;box-shadow:0 2px 10px rgba(var(--acc-rgb),.5)}
.calc-slider::-moz-range-thumb{width:22px;height:22px;border:none;border-radius:50%;background:var(--acc);box-shadow:0 2px 10px rgba(var(--acc-rgb),.5)}
.calc-dropsval{font-family:'DM Mono',monospace;font-size:13px;letter-spacing:1px;color:#1A2A22;min-width:78px;text-align:center}
.calc-dropsval b{font-size:19px}
.calc-note{margin-top:22px;font-size:12px;font-weight:300;line-height:1.6;color:#8A968E;border-top:.5px solid rgba(200,190,210,.3);padding-top:16px}


/* ===== WordPress conversion additions ===== */
body, a, button, input, textarea, select, .card, .method, .supp, .stack, .nav-cart, .faq-q { cursor: auto !important; }
img { max-width: 100%; height: auto; }


/* ===== Inline styles extracted from index.html ===== */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:light}
body{font-family:'Outfit',sans-serif;color:#1A2A22;background:#FAFAF6;overflow-x:hidden;-webkit-font-smoothing:antialiased;cursor:none}
a,button,.pcard,.mcard,.step,.nav-cart{cursor:none}
::-webkit-scrollbar{width:3px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7ABFB0,#B8A0D4);border-radius:4px}

/* Custom cursor */
.cursor{position:fixed;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#7ABFB0,#B8A0D4);pointer-events:none;z-index:10000;transition:transform 0.15s,opacity 0.3s;mix-blend-mode:exclusion;opacity:0.8}
.cursor-glow{position:fixed;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,rgba(122,191,176,0.15),rgba(184,160,212,0.08),transparent 70%);pointer-events:none;z-index:9999;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),width 0.3s,height 0.3s}
.cursor.hover{transform:scale(2.5);opacity:0.6}
.cursor-glow.hover{width:80px;height:80px}

/* Announce */
.announce{background:linear-gradient(90deg,#2D3A50,#3A2D50,#2D3A50);color:#C4B8E0;text-align:center;padding:10px;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:4px;position:relative;overflow:hidden}
.announce::before{content:'';position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(122,191,176,0.08),transparent);animation:shimmer 6s infinite}

/* Nav */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 clamp(20px,4vw,60px);display:flex;justify-content:space-between;align-items:center;height:72px;transition:all 0.5s}
nav.scrolled{background:rgba(250,250,246,0.82);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:0.5px solid rgba(200,190,210,0.3)}
.nav-logo{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:300;letter-spacing:10px;color:#1A2A22;text-decoration:none}
.nav-links{display:flex;gap:36px;align-items:center}
.nav-links a{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2.5px;color:#5A6B60;text-decoration:none;transition:all 0.3s;position:relative}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1.5px;background:linear-gradient(90deg,#7ABFB0,#B8A0D4);transition:width 0.3s}
.nav-links a:hover{color:#1A2A22}
.nav-links a:hover::after{width:100%}
.nav-dd{position:relative;display:flex;align-items:center}
.nav-dd-trigger{background:none;border:none;padding:0;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2.5px;color:#5A6B60;display:inline-flex;align-items:center;gap:6px;transition:color .3s;position:relative;cursor:none}
.nav-dd-trigger::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1.5px;background:linear-gradient(90deg,#7ABFB0,#B8A0D4);transition:width .3s}
.nav-dd:hover .nav-dd-trigger,.nav-dd.open .nav-dd-trigger{color:#1A2A22}
.nav-dd:hover .nav-dd-trigger::after,.nav-dd.open .nav-dd-trigger::after{width:100%}
.dd-caret{font-size:7px;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.nav-dd:hover .dd-caret,.nav-dd.open .dd-caret{transform:rotate(180deg)}
.nav-dd-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(14px);min-width:250px;background:rgba(250,250,246,.92);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:.5px solid rgba(200,190,210,.4);border-radius:16px;padding:8px;box-shadow:0 24px 70px rgba(122,191,176,.12),0 10px 28px rgba(184,160,212,.1);opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),visibility .4s;display:flex;flex-direction:column;gap:2px;z-index:1200}
.nav-dd-menu::before{content:'';position:absolute;top:-16px;left:0;right:0;height:16px}
.nav-dd:hover .nav-dd-menu,.nav-dd.open .nav-dd-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(10px)}
.dd-item{display:flex;align-items:center;gap:13px;padding:11px 14px;border-radius:11px;text-decoration:none;transition:background .3s;position:relative}
.dd-item::after{display:none!important}
.dd-item:hover{background:linear-gradient(135deg,rgba(122,191,176,.1),rgba(184,160,212,.08))}
.dd-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px rgba(255,255,255,.5)}
.dd-dot.l{background:linear-gradient(135deg,#7ABFB0,#3D7A5A)}
.dd-dot.g{background:linear-gradient(135deg,#C8A0E4,#7A5AA0)}
.dd-dot.s{background:linear-gradient(135deg,#7ABFB0,#B8A0D4,#E8C8A0)}
.dd-text{display:flex;flex-direction:column}
.dd-name{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:400;letter-spacing:3px;color:#1A2A22;line-height:1.1}
.dd-sub{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:1.5px;color:#A8B8A0;margin-top:3px}
.nav-cart{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3D7A5A,#5A8A9A,#7A6AA0);display:flex;align-items:center;justify-content:center;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);box-shadow:0 2px 12px rgba(122,191,176,0.2)}
.nav-cart:hover{transform:scale(1.15);box-shadow:0 4px 24px rgba(122,191,176,0.35)}
.nav-cart span{color:#FFF;font-size:11px;font-family:'DM Mono',monospace}

/* Gradient button (consistent) */
.btn-grad{padding:16px 48px;background:linear-gradient(135deg,#3D7A5A,#5A8A9A,#7A6AA0);color:#FFF;border:none;border-radius:100px;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:3px;text-decoration:none;display:inline-block;transition:all 0.5s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(122,191,176,0.15),0 2px 8px rgba(184,160,212,0.1)}
.btn-grad::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.12),transparent);transition:left 0.6s}
.btn-grad:hover{transform:translateY(-3px);box-shadow:0 8px 40px rgba(122,191,176,0.25),0 4px 16px rgba(184,160,212,0.15)}
.btn-grad:hover::before{left:100%}
.btn-ghost{padding:16px 48px;background:rgba(255,255,255,0.6);color:#1A2A22;border:1px solid rgba(184,160,212,0.3);border-radius:100px;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:3px;text-decoration:none;display:inline-block;transition:all 0.5s;backdrop-filter:blur(8px)}
.btn-ghost:hover{border-color:rgba(184,160,212,0.6);transform:translateY(-3px);box-shadow:0 8px 32px rgba(184,160,212,0.1)}
.btn-cart-g{width:100%;padding:16px;background:linear-gradient(135deg,#3D7A5A,#5A8A9A,#7A6AA0);color:#FFF;border:none;border-radius:14px;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:3px;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);box-shadow:0 4px 16px rgba(122,191,176,0.15)}
.btn-cart-g:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(122,191,176,0.25),0 4px 16px rgba(184,160,212,0.15)}

/* Hero */
.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;position:relative;overflow:hidden;background:linear-gradient(180deg,#F8F6FA 0%,#EEF0F6 25%,#E8F0EE 50%,#F0EBF4 75%,#FAFAF6 100%)}
.hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-orb{position:absolute;border-radius:50%;filter:blur(100px);animation:orbFloat 20s infinite ease-in-out}
.hero-orb.o1{width:700px;height:700px;background:radial-gradient(circle,rgba(184,160,212,0.18),transparent 70%);top:-250px;left:-200px}
.hero-orb.o2{width:600px;height:600px;background:radial-gradient(circle,rgba(122,191,176,0.14),transparent 70%);bottom:-200px;right:-150px;animation-delay:-7s}
.hero-orb.o3{width:500px;height:500px;background:radial-gradient(circle,rgba(240,200,160,0.12),transparent 70%);top:30%;left:55%;animation-delay:-14s}
.hero-orb.o4{width:350px;height:350px;background:radial-gradient(circle,rgba(200,170,220,0.1),transparent 70%);bottom:25%;left:15%;animation-delay:-10s}
.hero-eyebrow{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:8px;color:#A8B8A0;margin-bottom:28px;position:relative;opacity:0;animation:fadeUp 1s 0.3s forwards}
.hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(72px,14vw,160px);font-weight:300;letter-spacing:clamp(12px,5vw,40px);margin-bottom:8px;position:relative;line-height:0.9;opacity:0;animation:fadeUp 1s 0.5s forwards;background:linear-gradient(135deg,#2D4A3E 0%,#4A6A7A 30%,#6A5A8A 60%,#8A6AA0 80%,#4A6A7A 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeUp 1s 0.5s forwards,gradShift 8s infinite ease-in-out}
.hero-line{width:60px;height:2px;background:linear-gradient(90deg,#7ABFB0,#B8A0D4,#E8C8A0);margin:24px auto;position:relative;opacity:0;animation:fadeUp 1s 0.7s forwards;border-radius:2px}
.hero-sub{font-size:clamp(16px,2.2vw,20px);font-weight:300;color:#5A6B60;max-width:480px;line-height:1.8;position:relative;opacity:0;animation:fadeUp 1s 0.9s forwards}
.hero-cta{margin-top:48px;display:flex;gap:16px;position:relative;opacity:0;animation:fadeUp 1s 1.1s forwards;flex-wrap:wrap;justify-content:center}
.hero-scroll{position:absolute;bottom:40px;display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;animation:fadeUp 1s 1.4s forwards}
.hero-scroll span{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:4px;color:#A8B8A0}
.scroll-dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#7ABFB0,#B8A0D4);animation:pulse 2s infinite}

/* Trust strip */
.trust{padding:48px 24px;display:flex;justify-content:center;gap:clamp(24px,5vw,64px);flex-wrap:wrap;background:linear-gradient(90deg,rgba(122,191,176,0.04),rgba(184,160,212,0.04),rgba(240,200,160,0.04))}
.trust-item{display:flex;align-items:center;gap:10px}
.trust-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.trust-icon:nth-child(1){background:linear-gradient(135deg,rgba(122,191,176,0.12),rgba(122,191,176,0.06))}
.trust-text{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:2px;color:#5A6B60}

/* Products */
.products{padding:120px 24px;position:relative;background:linear-gradient(180deg,#FAFAF6,#F5F2F8 30%,#F0F4F2 70%,#FAFAF6)}
.sec-label{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:6px;color:#A8B8A0;text-align:center;margin-bottom:12px}
.sec-title{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,6vw,56px);font-weight:300;text-align:center;color:#1A2A22;letter-spacing:3px;margin-bottom:16px}
.sec-sub{text-align:center;font-size:16px;color:#5A6B60;font-weight:300;max-width:500px;margin:0 auto 64px;line-height:1.7}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1060px;margin:0 auto}
.pcard{background:rgba(255,255,255,0.75);backdrop-filter:blur(12px);border-radius:24px;border:1px solid rgba(200,190,210,0.25);overflow:hidden;transition:all 0.6s cubic-bezier(0.16,1,0.3,1);position:relative}
.pcard:hover{transform:translateY(-8px);box-shadow:0 32px 80px rgba(122,191,176,0.08),0 16px 40px rgba(184,160,212,0.06);border-color:rgba(184,160,212,0.4)}
.pcard-visual{padding:44px 40px 28px;display:flex;justify-content:center;position:relative;min-height:340px}
.pcard.lucid .pcard-visual{background:linear-gradient(150deg,rgba(122,191,176,0.08),rgba(180,220,210,0.06),rgba(245,250,248,0.1))}
.pcard.glow-card .pcard-visual{background:linear-gradient(150deg,rgba(184,160,212,0.08),rgba(220,200,240,0.06),rgba(250,245,255,0.1))}
.pcard-glow{position:absolute;width:250px;height:250px;border-radius:50%;filter:blur(80px);opacity:0;transition:opacity 0.6s;top:50%;left:50%;transform:translate(-50%,-50%)}
.pcard:hover .pcard-glow{opacity:0.15}
.pcard.lucid .pcard-glow{background:radial-gradient(circle,#7ABFB0,#3D7A5A)}
.pcard.glow-card .pcard-glow{background:radial-gradient(circle,#C8A0E4,#6A4A8A)}
.vw{transition:all 0.6s cubic-bezier(0.16,1,0.3,1);display:flex;justify-content:center;align-items:center}
.pcard:hover .vw{transform:scale(1.05) rotate(-2deg)}
.vw .vialsvg{height:248px;width:auto;display:block;overflow:visible;filter:drop-shadow(0 22px 28px rgba(40,30,50,0.16))}
.pcard-tag{position:absolute;top:20px;right:20px;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:3px;background:rgba(255,255,255,0.7);backdrop-filter:blur(8px);padding:6px 14px;border-radius:100px;border:0.5px solid rgba(200,190,210,0.3)}
.pcard.lucid .pcard-tag{color:#3D7A5A}
.pcard.glow-card .pcard-tag{color:#7A5AA0}
.pcard-info{padding:28px 36px 36px}
.pcard-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.pcard-name{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:400;letter-spacing:8px;color:#1A2A22}
.pcard-price{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:300;color:#1A2A22}
.pcard-compound{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2px;color:#5A6B60;margin-bottom:14px}
.pcard-desc{font-size:14px;line-height:1.7;color:#5A6B60;font-weight:300;margin-bottom:20px}
.pcard-specs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}
.pspec{border-radius:10px;padding:10px 16px;flex:1;min-width:80px}
.pcard.lucid .pspec{background:linear-gradient(135deg,rgba(122,191,176,0.08),rgba(200,230,220,0.1))}
.pcard.glow-card .pspec{background:linear-gradient(135deg,rgba(184,160,212,0.08),rgba(220,200,240,0.1))}
.pspec-label{font-family:'DM Mono',monospace;font-size:7px;letter-spacing:2px;color:#A8B8A0;margin-bottom:3px}
.pspec-val{font-family:'DM Mono',monospace;font-size:13px;color:#1A2A22;font-weight:500}
.pcard-actions{display:flex;flex-direction:column;gap:12px}
.pcard-explore{text-align:center;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:2px;text-decoration:none;color:#5A6B60;transition:all .3s}
.pcard.lucid .pcard-explore:hover{color:#3D7A5A;letter-spacing:3.5px}
.pcard.glow-card .pcard-explore:hover{color:#7A5AA0;letter-spacing:3.5px}

/* Bundle */
.bundle{padding:80px 24px;max-width:800px;margin:0 auto}
.bundle-card{background:linear-gradient(135deg,rgba(122,191,176,0.06),rgba(184,160,212,0.06),rgba(240,200,160,0.04));backdrop-filter:blur(12px);border-radius:24px;border:1px solid rgba(184,160,212,0.2);padding:48px;text-align:center;position:relative;overflow:hidden}
.bundle-card::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 30%,rgba(122,191,176,0.06),transparent 50%),radial-gradient(ellipse at 70% 70%,rgba(184,160,212,0.06),transparent 50%);pointer-events:none}
.bundle-badge{display:inline-block;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:3px;padding:6px 20px;border-radius:100px;background:linear-gradient(135deg,rgba(122,191,176,0.12),rgba(184,160,212,0.12));color:#5A6B60;margin-bottom:20px;border:0.5px solid rgba(184,160,212,0.2);position:relative}
.bundle-title{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,4vw,40px);font-weight:300;color:#1A2A22;letter-spacing:4px;margin-bottom:12px;position:relative}
.bundle-desc{font-size:15px;color:#5A6B60;font-weight:300;line-height:1.7;margin-bottom:8px;position:relative}
.bundle-pricing{display:flex;justify-content:center;align-items:baseline;gap:16px;margin:24px 0;position:relative}
.bundle-old{font-family:'Cormorant Garamond',serif;font-size:24px;color:#A8B8A0;text-decoration:line-through}
.bundle-new{font-family:'Cormorant Garamond',serif;font-size:40px;font-weight:400;color:#1A2A22}
.bundle-save{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2px;padding:4px 14px;border-radius:100px;background:linear-gradient(135deg,rgba(122,191,176,0.15),rgba(122,191,176,0.08));color:#3D7A5A}

/* Science */
.science{padding:120px 24px;position:relative;overflow:hidden;background:linear-gradient(160deg,#1A2228 0%,#1E2838 20%,#2A2040 45%,#1E2A30 70%,#1A2228 100%)}
.sci-aurora{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 20% 30%,rgba(122,191,176,0.12),transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(184,160,212,0.1),transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(240,200,160,0.05),transparent 40%)}
.sci-inner{max-width:1000px;margin:0 auto;position:relative}
.science .sec-label{color:#7ABFB0}
.science .sec-title{background:linear-gradient(135deg,#D0E8E0,#D8C8F0,#E8D8C0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.science .sec-sub{color:#7A8A80}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border-radius:20px;overflow:hidden;margin-bottom:60px;background:rgba(122,191,176,0.08)}
.stat{background:rgba(26,34,40,0.85);backdrop-filter:blur(12px);padding:40px 24px;text-align:center;transition:all 0.4s;position:relative;overflow:hidden}
.stat::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity 0.4s}
.stat:nth-child(1)::before{background:linear-gradient(135deg,rgba(122,191,176,0.1),transparent)}
.stat:nth-child(2)::before{background:linear-gradient(135deg,rgba(184,160,212,0.1),transparent)}
.stat:nth-child(3)::before{background:linear-gradient(135deg,rgba(240,200,160,0.1),transparent)}
.stat:nth-child(4)::before{background:linear-gradient(135deg,rgba(122,191,176,0.1),transparent)}
.stat:hover::before{opacity:1}
.stat-num{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,4vw,40px);font-weight:300;margin-bottom:6px;position:relative}
.stat:nth-child(1) .stat-num{color:#7ABFB0}
.stat:nth-child(2) .stat-num{color:#C8A0E4}
.stat:nth-child(3) .stat-num{color:#E8C8A0}
.stat:nth-child(4) .stat-num{color:#7ABFB0}
.stat-label{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:3px;color:#5A6A60;position:relative}
.stat-sub{font-family:'DM Mono',monospace;font-size:7px;color:#3A4A40;margin-top:6px;position:relative}
.sci-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sci-card{border-radius:16px;padding:28px;transition:all 0.4s}
.sci-card:nth-child(1){background:linear-gradient(135deg,rgba(122,191,176,0.1),rgba(122,191,176,0.03));border:0.5px solid rgba(122,191,176,0.15)}
.sci-card:nth-child(2){background:linear-gradient(135deg,rgba(184,160,212,0.1),rgba(184,160,212,0.03));border:0.5px solid rgba(184,160,212,0.15)}
.sci-card:nth-child(3){background:linear-gradient(135deg,rgba(240,200,160,0.1),rgba(240,200,160,0.03));border:0.5px solid rgba(240,200,160,0.15)}
.sci-card:nth-child(4){background:linear-gradient(135deg,rgba(200,160,228,0.1),rgba(200,160,228,0.03));border:0.5px solid rgba(200,160,228,0.15)}
.sci-card:hover{transform:translateY(-4px)}
.sci-card:nth-child(1):hover{box-shadow:0 8px 40px rgba(122,191,176,0.12)}
.sci-card:nth-child(2):hover{box-shadow:0 8px 40px rgba(184,160,212,0.12)}
.sci-card:nth-child(3):hover{box-shadow:0 8px 40px rgba(240,200,160,0.12)}
.sci-card:nth-child(4):hover{box-shadow:0 8px 40px rgba(200,160,228,0.12)}
.sci-card:nth-child(1) h3{color:#7ABFB0}
.sci-card:nth-child(2) h3{color:#C8A0E4}
.sci-card:nth-child(3) h3{color:#E8C8A0}
.sci-card:nth-child(4) h3{color:#C8A0E4}
.sci-card h3{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:3px;margin-bottom:12px}
.sci-card p{font-size:14px;line-height:1.7;color:#8A9A90;font-weight:300}

/* How */
.how{padding:120px 24px;background:linear-gradient(180deg,#FAFAF6,#F2F0F8 50%,#FAFAF6)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:960px;margin:0 auto}
.step{text-align:center;padding:40px 28px;border-radius:20px;border:1px solid rgba(200,190,210,0.25);background:rgba(255,255,255,0.7);backdrop-filter:blur(8px);transition:all 0.5s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden}
.step::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:0 0 20px 20px;opacity:0;transition:opacity 0.4s}
.step:nth-child(1)::after{background:linear-gradient(90deg,#7ABFB0,#5AA090)}
.step:nth-child(2)::after{background:linear-gradient(90deg,#B8A0D4,#9A80C0)}
.step:nth-child(3)::after{background:linear-gradient(90deg,#E8C8A0,#D0B080)}
.step:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(184,160,212,0.08);border-color:rgba(184,160,212,0.4)}
.step:hover::after{opacity:1}
.step-num{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:4px;margin-bottom:20px}
.step:nth-child(1) .step-num{color:#7ABFB0}
.step:nth-child(2) .step-num{color:#B8A0D4}
.step:nth-child(3) .step-num{color:#D4B890}
.step-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;transition:all 0.4s;border:0.5px solid rgba(200,190,210,0.25)}
.step:nth-child(1) .step-icon{background:linear-gradient(135deg,rgba(122,191,176,0.1),rgba(200,230,220,0.15))}
.step:nth-child(2) .step-icon{background:linear-gradient(135deg,rgba(184,160,212,0.1),rgba(220,200,240,0.15))}
.step:nth-child(3) .step-icon{background:linear-gradient(135deg,rgba(240,200,160,0.1),rgba(250,220,180,0.15))}
.step:hover .step-icon{transform:scale(1.1)}
.step h3{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:400;letter-spacing:4px;color:#1A2A22;margin-bottom:10px}
.step p{font-size:13px;line-height:1.7;color:#5A6B60;font-weight:300}

/* What's in the box */
.inbox{padding:100px 24px;max-width:900px;margin:0 auto}
.inbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:48px}
.inbox-item{padding:28px;background:rgba(255,255,255,0.6);backdrop-filter:blur(8px);border-radius:16px;border:0.5px solid rgba(200,190,210,0.25);display:flex;gap:16px;align-items:flex-start;transition:all 0.4s}
.inbox-item:hover{transform:translateY(-3px);border-color:rgba(184,160,212,0.4);box-shadow:0 8px 32px rgba(184,160,212,0.06)}
.inbox-num{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2px;color:#B8A0D4;flex-shrink:0;margin-top:2px}
.inbox-item h4{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2px;color:#1A2A22;margin-bottom:4px;font-weight:500}
.inbox-item p{font-size:13px;color:#5A6B60;font-weight:300;line-height:1.5}

/* Testimonials */
.reviews{padding:100px 24px;background:linear-gradient(180deg,#FAFAF6,#F0EEF4 50%,#FAFAF6)}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto}
.review{padding:28px;background:rgba(255,255,255,0.7);backdrop-filter:blur(8px);border-radius:16px;border:0.5px solid rgba(200,190,210,0.25);transition:all 0.4s}
.review:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(184,160,212,0.08);border-color:rgba(184,160,212,0.4)}
.review-stars{margin-bottom:12px;color:#E8C8A0;font-size:14px;letter-spacing:2px}
.review-text{font-size:14px;line-height:1.7;color:#3A4A40;font-weight:300;font-style:italic;margin-bottom:16px}
.review-author{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:2px;color:#A8B8A0}
.review-product{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:1px;margin-top:4px}
.review:nth-child(1) .review-product{color:#3D7A5A}
.review:nth-child(2) .review-product{color:#7A5AA0}
.review:nth-child(3) .review-product{color:#3D7A5A}

/* Compare */
.compare-s{padding:120px 24px;background:#FFFFFF}
.ctable{max-width:840px;margin:0 auto;border-radius:20px;overflow:hidden;border:1px solid rgba(200,190,210,0.25);box-shadow:0 8px 40px rgba(122,191,176,0.04)}
.cthead{display:grid;grid-template-columns:1.2fr 1fr 1fr}
.cthead>div{padding:24px 20px;text-align:center}
.cthead>div:nth-child(2){background:linear-gradient(180deg,rgba(122,191,176,0.06),transparent)}
.cthead>div:nth-child(3){background:linear-gradient(180deg,rgba(184,160,212,0.06),transparent)}
.cthead .ctn{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;letter-spacing:4px;color:#1A2A22}
.cthead .cts{font-family:'DM Mono',monospace;font-size:8px;margin-top:2px;letter-spacing:1px}
.cthead>div:nth-child(2) .cts{color:#3D7A5A}
.cthead>div:nth-child(3) .cts{color:#7A5AA0}
.crow{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-bottom:0.5px solid #F0EDF5;transition:background 0.3s}
.crow:last-child{border-bottom:none}
.crow:hover{background:linear-gradient(90deg,rgba(245,242,248,0.5),rgba(240,248,245,0.5))}
.crow>div{padding:16px 20px;font-size:14px;color:#1A2A22;font-weight:300}
.crow>div:first-child{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:2px;color:#A8B8A0;display:flex;align-items:center;font-weight:400}
.crow>div:nth-child(2),.crow>div:nth-child(3){border-left:0.5px solid #F0EDF5}

/* Dosing */
.dosing{padding:120px 24px;background:linear-gradient(180deg,#FAFAF6,#F2F0F6 50%,#FAFAF6)}
.dtabs{display:flex;justify-content:center;gap:4px;margin-bottom:48px;background:rgba(240,235,245,0.6);border-radius:100px;padding:4px;width:fit-content;margin-left:auto;margin-right:auto;border:0.5px solid rgba(200,190,210,0.3)}
.dtab{padding:12px 36px;border-radius:100px;border:none;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:3px;color:#5A6B60;transition:all 0.4s;background:transparent}
.dtab.active{background:linear-gradient(135deg,#3D7A5A,#5A8A9A,#7A6AA0);color:#FFF;box-shadow:0 4px 16px rgba(122,191,176,0.2)}
.dcontent{display:none;max-width:800px;margin:0 auto}
.dcontent.active{display:block;animation:fadeUp 0.5s forwards}
.dcard{background:rgba(255,255,255,0.75);backdrop-filter:blur(12px);border-radius:20px;border:1px solid rgba(200,190,210,0.25);overflow:hidden}
.dcard-head{padding:24px 32px;border-bottom:1px solid rgba(200,190,210,0.15);display:flex;justify-content:space-between;align-items:center}
.dcard-title{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:400;letter-spacing:6px}
.dcard-meta{font-family:'DM Mono',monospace;font-size:9px;color:#A8B8A0;letter-spacing:2px}
.dgrid{display:grid;grid-template-columns:100px 70px 80px 1fr}
.dgrid-h{padding:12px 24px;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:2px;color:#A8B8A0;background:rgba(245,242,248,0.5);border-bottom:1px solid rgba(200,190,210,0.15)}
.dgrid-c{padding:14px 24px;font-size:14px;border-bottom:0.5px solid rgba(200,190,210,0.1);color:#1A2A22}
.dgrid-c.lvl{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:1.5px;font-weight:500}
.dgrid-c.dsc{color:#5A6B60;font-weight:300;font-size:13px}
.dwarn{margin:16px 20px 20px;padding:16px 24px;background:linear-gradient(135deg,rgba(240,200,160,0.1),rgba(240,200,160,0.05));border:0.5px solid rgba(240,200,160,0.3);border-radius:12px;text-align:center}
.dwarn span{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:2px;color:#A08050}

/* Methods */
.methods{padding:0 24px 80px;max-width:800px;margin:0 auto}
.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px}
.mcard{padding:24px;background:rgba(255,255,255,0.65);backdrop-filter:blur(8px);border-radius:16px;border:1px solid rgba(200,190,210,0.25);transition:all 0.4s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden}
.mcard::before{content:'';position:absolute;top:0;left:0;width:3px;height:0;border-radius:0 0 2px 0;transition:height 0.4s}
.mcard:nth-child(1)::before{background:linear-gradient(180deg,#7ABFB0,#5AA090)}
.mcard:nth-child(2)::before{background:linear-gradient(180deg,#B8A0D4,#9A80C0)}
.mcard:nth-child(3)::before{background:linear-gradient(180deg,#E8C8A0,#D0B080)}
.mcard:nth-child(4)::before{background:linear-gradient(180deg,#C8A0E4,#A080C4)}
.mcard:hover{border-color:rgba(184,160,212,0.4);transform:translateY(-4px);box-shadow:0 8px 32px rgba(184,160,212,0.08)}
.mcard:hover::before{height:100%}
.mcard-name{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:3px;color:#1A2A22;margin-bottom:8px;font-weight:500}
.mcard-desc{font-size:13px;line-height:1.6;color:#5A6B60;font-weight:300}
.mcard-rec{display:inline-block;margin-top:8px;font-family:'DM Mono',monospace;font-size:7px;letter-spacing:2px;padding:3px 10px;border-radius:100px;background:linear-gradient(135deg,rgba(122,191,176,0.12),rgba(122,191,176,0.08));color:#3D7A5A;border:0.5px solid rgba(122,191,176,0.2)}

/* FAQ */
.faq{padding:100px 24px;max-width:700px;margin:0 auto}
.faq-item{border-bottom:0.5px solid rgba(200,190,210,0.25);overflow:hidden}
.faq-q{padding:20px 0;display:flex;justify-content:space-between;align-items:center;font-family:'Outfit',sans-serif;font-size:15px;font-weight:400;color:#1A2A22;transition:color 0.3s}
.faq-q:hover{color:#3D7A5A}
.faq-arrow{font-size:18px;color:#A8B8A0;transition:transform 0.3s}
.faq-item.open .faq-arrow{transform:rotate(45deg);color:#7ABFB0}
.faq-a{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.4s;padding:0 0}
.faq-item.open .faq-a{max-height:200px;padding:0 0 20px}
.faq-a p{font-size:14px;line-height:1.7;color:#5A6B60;font-weight:300}

/* Library */
.library{position:relative;padding:110px 24px;max-width:1080px;margin:0 auto;text-align:center;overflow:hidden}
.lib-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none;z-index:0}
.lib-orb.a{width:440px;height:440px;background:radial-gradient(circle,rgba(122,191,176,.45),transparent 70%);top:-120px;left:-100px}
.lib-orb.b{width:420px;height:420px;background:radial-gradient(circle,rgba(184,160,212,.42),transparent 70%);bottom:-140px;right:-100px}
.library .sec-label,.library .sec-title{position:relative;z-index:1}
.lib-lede{position:relative;z-index:1;max-width:600px;margin:26px auto 0;font-size:16px;font-weight:300;line-height:1.7;color:#5A6B60}
.lib-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:54px;text-align:left}
.lib-card{position:relative;display:flex;flex-direction:column;padding:32px 30px;border-radius:20px;text-decoration:none;background:rgba(255,255,255,.55);border:.5px solid rgba(200,190,210,.4);overflow:hidden;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s,border-color .5s}
.lib-card::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .5s;background:linear-gradient(135deg,rgba(122,191,176,.1),rgba(184,160,212,.08))}
.lib-card:hover{transform:translateY(-6px);border-color:rgba(122,191,176,.6);box-shadow:0 30px 70px rgba(60,80,70,.12)}
.lib-card:hover::before{opacity:1}
.lib-n{position:relative;z-index:1;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:3px;color:#3D7A5A}
.lib-card h3{position:relative;z-index:1;font-family:'Cormorant Garamond',serif;font-weight:400;font-size:27px;letter-spacing:.5px;margin:12px 0 9px;color:#1A2A22}
.lib-card p{position:relative;z-index:1;font-size:14px;font-weight:300;line-height:1.6;color:#52615A;flex:1}
.lib-go{position:relative;z-index:1;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2px;color:#1A2A22;margin-top:20px;opacity:.7;transition:opacity .4s,letter-spacing .4s}
.lib-card:hover .lib-go{opacity:1;letter-spacing:4px}
.lib-cta{position:relative;z-index:1;display:inline-block;margin-top:48px;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:3px;color:#FFF;text-decoration:none;padding:16px 38px;border-radius:40px;background:linear-gradient(135deg,#3D7A5A,#5A8A9A,#7A6AA0);box-shadow:0 14px 34px rgba(122,191,176,.28);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}
.lib-cta:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(122,191,176,.4)}

/* CTA */
.cta{padding:140px 24px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(160deg,#1A2228,#1E2840 30%,#2A2044 55%,#1E2A30 80%,#1A2228)}
.cta-aurora{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 30% 40%,rgba(122,191,176,0.14),transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(184,160,212,0.12),transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(240,200,160,0.06),transparent 40%)}
.cta h2{font-family:'Cormorant Garamond',serif;font-size:clamp(36px,6vw,56px);font-weight:300;letter-spacing:6px;margin-bottom:16px;position:relative;background:linear-gradient(135deg,#D0E8E0,#D8C8F0,#E8D8C0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.cta p{font-size:16px;color:#7A8A80;font-weight:300;margin-bottom:40px;max-width:420px;margin-left:auto;margin-right:auto;line-height:1.8;position:relative}
.btn-glow{padding:18px 56px;background:linear-gradient(135deg,#3D7A5A,#5A8A9A,#7A6AA0);color:#FFF;border:none;border-radius:100px;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:4px;transition:all 0.5s;text-decoration:none;display:inline-block;position:relative;box-shadow:0 0 40px rgba(122,191,176,0.15),0 0 80px rgba(184,160,212,0.1)}
.btn-glow:hover{transform:translateY(-3px);box-shadow:0 0 60px rgba(122,191,176,0.25),0 0 120px rgba(184,160,212,0.15)}

/* Footer - warm & light */
footer{background:linear-gradient(180deg,#F0EDF4,#EAE8F0);padding:72px 24px 40px}
.f-inner{max-width:960px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
.f-brand{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:300;letter-spacing:10px;margin-bottom:14px;background:linear-gradient(135deg,#3D7A5A,#5A8A9A,#7A6AA0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.f-text{font-size:13px;line-height:1.7;color:#5A6B60;font-weight:300}
.f-col h4{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:3px;color:#A8B8A0;margin-bottom:18px}
.f-col a{display:block;font-size:13px;color:#5A6B60;text-decoration:none;margin-bottom:12px;transition:color 0.3s;font-weight:300}
.f-col a:hover{color:#3D7A5A}
.f-bottom{max-width:960px;margin:40px auto 0;padding-top:24px;border-top:1px solid rgba(200,190,210,0.2);display:flex;justify-content:space-between;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:2px;color:#A8B8A0}
.f-bottom span:last-child{background:linear-gradient(90deg,#7ABFB0,#B8A0D4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* Dosing at a glance (homepage teaser strip) */
.dglance{padding:110px 24px 96px;max-width:1000px;margin:0 auto}
.dg-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:54px}
.dg-card{display:flex;flex-direction:column;gap:22px;padding:32px;border-radius:20px;text-decoration:none;border:1px solid rgba(200,190,210,0.3);transition:transform 0.5s cubic-bezier(0.16,1,0.3,1),box-shadow 0.5s,border-color 0.5s}
.dg-card.lucid{background:linear-gradient(150deg,rgba(122,191,176,0.08),rgba(255,255,255,0.6))}
.dg-card.glow{background:linear-gradient(150deg,rgba(184,160,212,0.08),rgba(255,255,255,0.6))}
.dg-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(60,80,70,0.1)}
.dg-card.lucid:hover{border-color:rgba(122,191,176,0.5)}
.dg-card.glow:hover{border-color:rgba(184,160,212,0.5)}
.dg-top{display:flex;align-items:baseline;gap:12px}
.dg-name{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:400;letter-spacing:6px;color:#1A2A22}
.dg-comp{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:2px}
.dg-card.lucid .dg-comp{color:#3D7A5A}
.dg-card.glow .dg-comp{color:#7A5AA0}
.dg-stats{display:flex;gap:36px}
.dg-stats>div{display:flex;flex-direction:column;gap:5px}
.dg-k{font-family:'DM Mono',monospace;font-size:7.5px;letter-spacing:2px;color:#A8B8A0}
.dg-v{font-family:'DM Mono',monospace;font-size:13px;color:#1A2A22}
.dg-go{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:2px;color:#5A6B60;transition:letter-spacing 0.4s,color 0.4s}
.dg-card.lucid:hover .dg-go{color:#3D7A5A;letter-spacing:3px}
.dg-card.glow:hover .dg-go{color:#7A5AA0;letter-spacing:3px}
.dg-foot{text-align:center;margin-top:34px;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:2px;color:#A8B8A0}

/* Science highlight (slim dark band) */
.scihl{position:relative;overflow:hidden;padding:100px 24px;background:linear-gradient(160deg,#1A2228,#1E2838 30%,#2A2040 60%,#1A2228)}
.scihl-aurora{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 25% 40%,rgba(122,191,176,0.12),transparent 50%),radial-gradient(ellipse at 75% 60%,rgba(184,160,212,0.1),transparent 50%)}
.scihl-inner{position:relative;max-width:760px;margin:0 auto;text-align:center}
.scihl .sec-label{color:#7ABFB0}
.scihl-title{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,5vw,44px);font-weight:300;letter-spacing:2px;margin:12px 0 18px;background:linear-gradient(135deg,#D0E8E0,#D8C8F0,#E8D8C0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.scihl-sub{font-size:15px;font-weight:300;line-height:1.8;color:#8A9A90;max-width:620px;margin:0 auto}
.scihl-chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:30px 0 34px}
.scihl-chips .chip{font-family:'DM Mono',monospace;font-size:8.5px;letter-spacing:2px;color:#B8C8C0;padding:8px 16px;border-radius:100px;border:0.5px solid rgba(122,191,176,0.25);background:rgba(122,191,176,0.06)}
.scihl-cta{display:inline-block;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:3px;color:#FFF;text-decoration:none;padding:16px 40px;border-radius:100px;background:linear-gradient(135deg,#3D7A5A,#5A8A9A,#7A6AA0);box-shadow:0 14px 34px rgba(122,191,176,0.2);transition:transform 0.4s,box-shadow 0.4s}
.scihl-cta:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(122,191,176,0.3)}

/* Animations */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,30px) scale(0.95)}}
@keyframes pulse{0%,100%{opacity:0.3;transform:scale(0.8)}50%{opacity:1;transform:scale(1.2)}}
@keyframes shimmer{0%{left:-100%}100%{left:100%}}
@keyframes gradShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.reveal{opacity:0;transform:translateY(32px);transition:all 0.8s cubic-bezier(0.16,1,0.3,1)}
.reveal.v{opacity:1;transform:translateY(0)}
.reveal.d1{transition-delay:0.1s}.reveal.d2{transition-delay:0.2s}.reveal.d3{transition-delay:0.3s}

/* Scroll progress */
.scroll-prog{position:fixed;top:0;left:0;height:2px;width:0;z-index:1100;background:linear-gradient(90deg,#7ABFB0,#B8A0D4,#E8C8A0);box-shadow:0 0 14px rgba(184,160,212,0.45);transition:width 0.12s linear}

/* Fine grain for depth */
.grain{position:fixed;inset:0;z-index:9997;pointer-events:none;opacity:0.04;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}

/* Active nav link (scrollspy) */
.nav-links a.active{color:#1A2A22}
.nav-links a.active::after{width:100%}

/* Magnetic / tilt helpers */
.btn-grad,.btn-ghost,.btn-glow,.btn-cart-g{will-change:transform}
.pgrid{perspective:1200px}
.pcard{will-change:transform}

/* Hamburger toggle */
.nav-toggle{display:none;width:44px;height:44px;border:none;background:transparent;position:relative;z-index:1201;padding:0}
.nav-toggle span{position:absolute;left:11px;width:22px;height:1.5px;background:#1A2A22;border-radius:2px;transition:all 0.45s cubic-bezier(0.16,1,0.3,1)}
.nav-toggle span:nth-child(1){top:16px}
.nav-toggle span:nth-child(2){top:22px}
.nav-toggle span:nth-child(3){top:28px}
body.menu-open .nav-toggle span:nth-child(1){top:22px;transform:rotate(45deg)}
body.menu-open .nav-toggle span:nth-child(2){opacity:0;transform:scaleX(0.2)}
body.menu-open .nav-toggle span:nth-child(3){top:22px;transform:rotate(-45deg)}

/* Mobile menu overlay */
body.menu-open{overflow:hidden}
.mobile-menu{position:fixed;inset:0;z-index:900;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(28px,8vw,64px);background:linear-gradient(165deg,#F8F6FA 0%,#EEF0F6 30%,#E8F0EE 55%,#F0EBF4 80%,#FAFAF6 100%);opacity:0;visibility:hidden;transform:scale(1.04);transition:opacity 0.6s cubic-bezier(0.16,1,0.3,1),visibility 0.6s,transform 0.6s cubic-bezier(0.16,1,0.3,1);overflow:hidden}
body.menu-open .mobile-menu{opacity:1;visibility:visible;transform:scale(1)}
.mm-orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}
.mm-orb.a{width:460px;height:460px;background:radial-gradient(circle,rgba(184,160,212,0.22),transparent 70%);top:-160px;right:-120px}
.mm-orb.b{width:400px;height:400px;background:radial-gradient(circle,rgba(122,191,176,0.18),transparent 70%);bottom:-140px;left:-100px}
.mm-eyebrow{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:6px;color:#A8B8A0;margin-bottom:28px;position:relative;opacity:0;transform:translateY(20px);transition:all 0.6s cubic-bezier(0.16,1,0.3,1) 0.1s}
body.menu-open .mm-eyebrow{opacity:1;transform:translateY(0)}
.mm-links{position:relative;display:flex;flex-direction:column;gap:4px}
.mm-link{display:flex;align-items:baseline;gap:18px;text-decoration:none;padding:8px 0;opacity:0;transform:translateY(34px);transition:opacity 0.6s cubic-bezier(0.16,1,0.3,1),transform 0.6s cubic-bezier(0.16,1,0.3,1),color 0.3s}
body.menu-open .mm-link{opacity:1;transform:translateY(0)}
body.menu-open .mm-link:nth-child(1){transition-delay:0.16s}
body.menu-open .mm-link:nth-child(2){transition-delay:0.24s}
body.menu-open .mm-link:nth-child(3){transition-delay:0.32s}
body.menu-open .mm-link:nth-child(4){transition-delay:0.40s}
body.menu-open .mm-link:nth-child(5){transition-delay:0.48s}
body.menu-open .mm-link:nth-child(6){transition-delay:0.56s}
.mm-num{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:2px;color:#B8A0D4;flex-shrink:0}
.mm-label{font-family:'Cormorant Garamond',serif;font-size:clamp(40px,12vw,68px);font-weight:300;letter-spacing:4px;color:#1A2A22;line-height:1.05;transition:all 0.4s;background:linear-gradient(135deg,#2D4A3E,#4A6A7A,#8A6AA0);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:grayscale(1) brightness(0.6)}
.mm-link:active .mm-label,.mm-link:hover .mm-label{filter:grayscale(0) brightness(1);letter-spacing:6px}
.mm-foot{position:relative;margin-top:48px;display:flex;align-items:center;gap:20px;opacity:0;transform:translateY(20px);transition:all 0.6s cubic-bezier(0.16,1,0.3,1) 0.5s}
body.menu-open .mm-foot{opacity:1;transform:translateY(0)}
.mm-foot a{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:3px;color:#5A6B60;text-decoration:none;padding:12px 26px;border-radius:100px;border:1px solid rgba(184,160,212,0.3);transition:all 0.4s}
.mm-foot a:hover{border-color:rgba(184,160,212,0.6);color:#1A2A22}
.mm-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(184,160,212,0.3),transparent)}

@media(prefers-reduced-motion:reduce){
  *{animation-duration:0.001s !important;animation-iteration-count:1 !important;scroll-behavior:auto !important}
  .reveal{opacity:1 !important;transform:none !important}
  .hero-orb,.mm-orb{animation:none !important}
}

@media(max-width:768px){
  body{cursor:auto}
  .cursor,.cursor-glow{display:none}
  a,button,.pcard,.mcard,.step,.nav-cart{cursor:auto}
  .nav-links{display:none}
  .nav-toggle{display:block}
  .pgrid,.sci-cards,.inbox-grid{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .steps,.reviews-grid{grid-template-columns:1fr}
  .cthead,.crow{grid-template-columns:0.7fr 1fr 1fr}
  .mgrid{grid-template-columns:1fr}
  .lib-grid{grid-template-columns:1fr}
  .f-inner{grid-template-columns:1fr 1fr}
  .f-bottom{flex-direction:column;gap:8px}
  .pcard-visual{min-height:240px;padding:40px 24px 28px}
  .trust{gap:20px}
  .dg-grid{grid-template-columns:1fr}
  .dg-stats{gap:28px}
}


/* ===== Inline styles extracted from faq.html ===== */
body.faqp{--acc:#3D7A5A;--acc-light:#7ABFB0;--acc-bright:#5AA090;--acc-rgb:122,191,176}

  /* Hero */
  .fhero{position:relative;min-height:62vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:130px clamp(24px,6vw,80px) 60px;overflow:hidden}
  .fhero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45;pointer-events:none}
  .fhero-orb.a{width:480px;height:480px;background:radial-gradient(circle,rgba(122,191,176,.5),transparent 70%);top:-140px;left:-110px}
  .fhero-orb.b{width:460px;height:460px;background:radial-gradient(circle,rgba(184,160,212,.45),transparent 70%);bottom:-150px;right:-110px}
  .fhero-eyebrow{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:6px;color:var(--acc);position:relative;z-index:2}
  .fhero h1{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(42px,7vw,86px);line-height:1;letter-spacing:1px;margin:20px 0 0;position:relative;z-index:2;color:#1A2A22}
  .fhero h1 em{font-style:italic;background:linear-gradient(120deg,#3D7A5A,#7A5AA0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .fhero-sub{max-width:600px;margin:28px auto 0;font-size:clamp(15px,2vw,18px);font-weight:300;line-height:1.7;color:#4A5A50;position:relative;z-index:2}
  .fhero-jump{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:38px;position:relative;z-index:2}
  .fjump{font-family:'DM Mono',monospace;font-size:9.5px;letter-spacing:1.5px;color:#3D5048;text-decoration:none;padding:10px 16px;border-radius:30px;border:.5px solid rgba(120,140,130,.32);background:rgba(255,255,255,.5);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.16,1,.3,1)}
  .fjump:hover{transform:translateY(-3px);border-color:var(--acc);color:#1A2A22}

  /* FAQ category + accordion */
  .faqcat{max-width:840px;margin:0 auto;padding:0 24px 14px}
  .faqcat:first-of-type{padding-top:6px}
  .faqcat-label{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:4px;color:var(--acc);padding:54px 0 6px}
  .faqcat-title{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:clamp(28px,4.5vw,40px);letter-spacing:.5px;color:#1A2A22;margin-bottom:20px}
  .faq-item{border-bottom:.5px solid rgba(200,190,210,.28);overflow:hidden}
  .faq-q{padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;font-family:'Outfit',sans-serif;font-size:16px;font-weight:400;color:#1A2A22;transition:color .3s}
  .faq-q:hover{color:var(--acc)}
  .faq-arrow{font-size:20px;color:#A8B8A0;transition:transform .35s cubic-bezier(.16,1,.3,1),color .3s;flex-shrink:0}
  .faq-item.open .faq-arrow{transform:rotate(45deg);color:var(--acc-light)}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.16,1,.3,1),padding .4s}
  .faq-item.open .faq-a{max-height:520px;padding:0 0 24px}
  .faq-a p{font-size:14.5px;line-height:1.75;color:#5A6B60;font-weight:300}
  .faq-a p+p{margin-top:12px}
  .faq-a a{color:var(--acc);border-bottom:1px solid rgba(122,191,176,.4);text-decoration:none}
  .faq-a a:hover{border-color:var(--acc)}

  /* Closing CTA */
  .faq-cta{max-width:840px;margin:70px auto 0;padding:46px clamp(24px,5vw,56px);border-radius:24px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(160deg,#1A2228,#1E2840 35%,#2A2044 60%,#1E2A30 85%)}
  .faq-cta h3{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(26px,4vw,38px);color:#FAFAF6;letter-spacing:.5px}
  .faq-cta p{font-size:15px;font-weight:300;color:rgba(255,255,255,.66);margin:14px auto 0;max-width:460px;line-height:1.7}
  .faq-cta-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:30px}
  .faq-cta a{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2.5px;text-decoration:none;padding:14px 30px;border-radius:36px;transition:transform .4s cubic-bezier(.16,1,.3,1)}
  .faq-cta .b-grad{color:#FFF;background:linear-gradient(135deg,#3D7A5A,#5A8A9A,#7A6AA0);box-shadow:0 12px 30px rgba(122,191,176,.28)}
  .faq-cta .b-ghost{color:#FAFAF6;border:.5px solid rgba(255,255,255,.3)}
  .faq-cta a:hover{transform:translateY(-3px)}


/* ===== Inline styles extracted from learn.html ===== */
/* Library hub uses a balanced dual-accent (teal core, violet light) */
  body.learn{--acc:#3D7A5A;--acc-light:#7ABFB0;--acc-bright:#5AA090;--acc-rgb:122,191,176}

  /* Centered library hero */
  .lhero{position:relative;min-height:88vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:120px clamp(24px,6vw,80px) 80px;overflow:hidden}
  .lhero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none}
  .lhero-orb.a{width:560px;height:560px;background:radial-gradient(circle,rgba(122,191,176,.5),transparent 70%);top:-160px;left:-120px}
  .lhero-orb.b{width:520px;height:520px;background:radial-gradient(circle,rgba(184,160,212,.45),transparent 70%);bottom:-180px;right:-120px}
  .lhero-orb.c{width:360px;height:360px;background:radial-gradient(circle,rgba(232,200,160,.4),transparent 70%);top:30%;right:18%}
  .lhero-eyebrow{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:6px;color:var(--acc);position:relative;z-index:2}
  .lhero h1{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(44px,8vw,104px);line-height:.98;letter-spacing:1px;margin:22px 0 0;position:relative;z-index:2;color:#1A2A22}
  .lhero h1 em{font-style:italic;background:linear-gradient(120deg,#3D7A5A,#7A5AA0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .lhero-sub{max-width:640px;margin:30px auto 0;font-size:clamp(16px,2vw,19px);font-weight:300;line-height:1.7;color:#4A5A50;position:relative;z-index:2}
  .lhero-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:42px;position:relative;z-index:2}
  .lchip{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2px;color:#3D5048;text-decoration:none;padding:11px 20px;border-radius:40px;border:.5px solid rgba(120,140,130,.35);background:rgba(255,255,255,.5);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.16,1,.3,1)}
  .lchip:hover{transform:translateY(-3px);border-color:var(--acc);color:#1A2A22;box-shadow:0 14px 30px rgba(122,191,176,.18)}

  /* Topic tiles */
  .topics{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:54px}
  .topic{position:relative;display:flex;flex-direction:column;padding:38px 36px;border-radius:22px;text-decoration:none;background:rgba(255,255,255,.55);border:.5px solid rgba(200,190,210,.4);overflow:hidden;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s,border-color .5s}
  .topic::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .5s;background:linear-gradient(135deg,rgba(122,191,176,.1),rgba(184,160,212,.08))}
  .topic:hover{transform:translateY(-6px);border-color:rgba(122,191,176,.6);box-shadow:0 30px 70px rgba(60,80,70,.12)}
  .topic:hover::before{opacity:1}
  .topic-n{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:3px;color:var(--acc);position:relative;z-index:2}
  .topic h3{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:30px;letter-spacing:1px;margin:14px 0 10px;color:#1A2A22;position:relative;z-index:2}
  .topic p{font-size:14.5px;font-weight:300;line-height:1.65;color:#52615A;position:relative;z-index:2;flex:1}
  .topic-go{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2px;color:#1A2A22;margin-top:22px;position:relative;z-index:2;opacity:.7;transition:opacity .4s,letter-spacing .4s}
  .topic:hover .topic-go{opacity:1;letter-spacing:4px}

  /* Comparison grid for molecule library */
  .cmp{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:44px;border:.5px solid rgba(255,255,255,.14);border-radius:20px;overflow:hidden}
  .cmp-col{padding:36px 34px}
  .cmp-col.l{background:rgba(122,191,176,.07);border-right:.5px solid rgba(255,255,255,.12)}
  .cmp-col.g{background:rgba(184,160,212,.07)}
  .cmp-tag{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:3px}
  .cmp-col.l .cmp-tag{color:#7ABFB0}.cmp-col.g .cmp-tag{color:#C8A0E4}
  .cmp-name{font-family:'Cormorant Garamond',serif;font-size:38px;font-weight:300;letter-spacing:3px;color:#FAFAF6;margin:8px 0 4px}
  .cmp-mol{font-family:'DM Mono',monospace;font-size:11px;color:rgba(255,255,255,.55);letter-spacing:1px;margin-bottom:24px}
  .cmp-row{display:grid;grid-template-columns:104px 1fr;gap:14px;padding:11px 0;border-top:.5px solid rgba(255,255,255,.08)}
  .cmp-row .k{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:1.5px;color:rgba(255,255,255,.4);padding-top:3px}
  .cmp-row .v{font-size:14px;font-weight:300;color:rgba(255,255,255,.85);line-height:1.5}
  .cmp-go{display:inline-block;margin-top:26px;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2px;text-decoration:none;color:#FAFAF6;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:3px;transition:letter-spacing .4s}
  .cmp-go:hover{letter-spacing:4px}

  @media(max-width:768px){
    .topics{grid-template-columns:1fr}
    .cmp{grid-template-columns:1fr}
    .cmp-col.l{border-right:none;border-bottom:.5px solid rgba(255,255,255,.12)}
  }


/* ===== Inline styles extracted from protocols.html ===== */
body.sci{--acc:#3D7A5A;--acc-light:#7ABFB0;--acc-bright:#5AA090;--acc-rgb:122,191,176}

  /* Article hero */
  .ahero{position:relative;padding:140px clamp(24px,6vw,80px) 56px;text-align:center;overflow:hidden}
  .ahero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none}
  .ahero-orb.a{width:460px;height:460px;background:radial-gradient(circle,rgba(122,191,176,.5),transparent 70%);top:-130px;left:-100px}
  .ahero-orb.b{width:420px;height:420px;background:radial-gradient(circle,rgba(184,160,212,.42),transparent 70%);bottom:-150px;right:-90px}
  .crumb{position:relative;z-index:2;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:3px;color:var(--acc);text-decoration:none}
  .crumb:hover{color:#1A2A22}
  .ahero h1{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(40px,7vw,82px);line-height:1;letter-spacing:1px;margin:22px 0 0;position:relative;z-index:2;color:#1A2A22}
  .ahero h1 em{font-style:italic;background:linear-gradient(120deg,#3D7A5A,#7A5AA0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .ahero-sub{max-width:600px;margin:26px auto 0;font-size:clamp(15px,2vw,18px);font-weight:300;line-height:1.7;color:#4A5A50;position:relative;z-index:2}

  /* Protocol detail blocks */
  .proto{display:grid;grid-template-columns:1fr;gap:18px;margin-top:44px}
  .proto-card{background:rgba(255,255,255,.04);border:.5px solid rgba(255,255,255,.12);border-radius:20px;padding:32px 30px}
  .proto-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px}
  .proto-name{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:400;color:#FAFAF6;letter-spacing:1px}
  .proto-rhythm{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2px;color:var(--acc-light);padding:6px 12px;border-radius:20px;background:rgba(var(--acc-rgb),.16)}
  .proto-card p{font-size:14px;font-weight:300;line-height:1.7;color:rgba(255,255,255,.72);margin:14px 0 0}
  .proto-meta{display:flex;flex-wrap:wrap;gap:22px;margin-top:18px}
  .proto-meta div{font-size:12.5px;font-weight:300;color:rgba(255,255,255,.6)}
  .proto-meta b{display:block;font-family:'DM Mono',monospace;font-size:8px;letter-spacing:1.5px;color:rgba(255,255,255,.4);margin-bottom:5px;font-weight:500}

  /* Week / plan calendar */
  .cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:20px}
  .cal-day{aspect-ratio:1/1;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:.5px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03)}
  .cal-day .cd-n{font-family:'DM Mono',monospace;font-size:8px;letter-spacing:.5px;color:rgba(255,255,255,.45)}
  .cal-day .cd-l{font-family:'DM Mono',monospace;font-size:7.5px;letter-spacing:.5px;color:rgba(255,255,255,.55);text-transform:uppercase}
  .cal-day.d{background:linear-gradient(135deg,var(--acc-light),var(--acc));border-color:transparent}
  .cal-day.d .cd-n,.cal-day.d .cd-l{color:#fff}
  .cal-day.t{background:rgba(var(--acc-rgb),.22);border-color:rgba(var(--acc-rgb),.4)}
  .cal-day.t .cd-l{color:var(--acc-light)}
  .cal-day.b{background:rgba(255,255,255,.015);border-style:dashed}
  .cal-legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px}
  .cal-legend span{display:inline-flex;align-items:center;gap:8px;font-family:'DM Mono',monospace;font-size:9px;letter-spacing:1.5px;color:rgba(255,255,255,.6)}
  .cal-legend i{width:13px;height:13px;border-radius:4px;display:inline-block}
  .cal-legend i.d{background:linear-gradient(135deg,var(--acc-light),var(--acc))}
  .cal-legend i.t{background:rgba(var(--acc-rgb),.22);border:.5px solid rgba(var(--acc-rgb),.4)}
  .cal-legend i.r{background:rgba(255,255,255,.06);border:.5px solid rgba(255,255,255,.12)}
  .cal-legend i.b{background:rgba(255,255,255,.02);border:.5px dashed rgba(255,255,255,.25)}

  /* light-section calendar (sample plan on light bg) */
  .light-cal .cal-day{border-color:rgba(120,140,130,.2);background:rgba(120,140,130,.05)}
  .light-cal .cal-day .cd-n{color:#8A968E}
  .light-cal .cal-day .cd-l{color:#6A7A70}
  .light-cal .cal-day.t .cd-l{color:var(--acc)}
  .light-cal .cal-legend span{color:#6A7A70}
  .light-cal .cal-legend i.r{background:rgba(120,140,130,.08);border:.5px solid rgba(120,140,130,.2)}
  .light-cal .cal-legend i.b{background:transparent;border:.5px dashed rgba(120,140,130,.4)}

  .wk-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:2px;color:var(--acc);margin:22px 0 0}

/* Final cursor safety override */
body, a, button, input, textarea, select { cursor: auto !important; }

/* =========================================================
   MOBILE RESPONSIVE HOTFIX v1.1
   Added after original CSS so it safely overrides desktop rules.
   ========================================================= */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}

img, svg, video, canvas, iframe {
  max-width: 100%;
  height: auto;
}

main, section, header, footer, nav, .site, .content, .wrap {
  max-width: 100%;
}

@media (max-width: 1024px) {
  nav#nav {
    height: 68px;
    padding: 0 22px;
  }

  .nav-logo {
    font-size: 21px;
    letter-spacing: 7px;
  }

  .nav-links {
    gap: 22px;
  }

  .hero,
  .phero,
  .lhero,
  .fhero,
  .ahero {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .pgrid,
  .grid2,
  .grid3,
  .steps,
  .reviews-grid,
  .sci-cards,
  .inbox-grid,
  .lib-grid,
  .topics,
  .cross,
  .dg-grid,
  .mol-grid,
  .stacks,
  .supps,
  .methods {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  body {
    font-size: 16px;
    cursor: auto !important;
  }

  .cursor,
  .cursor-glow,
  .grain {
    display: none !important;
  }

  .announce {
    padding: 9px 12px;
    font-size: 8px;
    line-height: 1.45;
    letter-spacing: 2px;
  }

  nav#nav {
    height: 64px;
    padding: 0 16px;
  }

  nav#nav.scrolled {
    background: rgba(250,250,246,.92);
  }

  .nav-logo {
    font-size: 20px;
    letter-spacing: 5px;
  }

  .nav-links,
  nav#nav > .nav-links {
    display: none !important;
  }

  .nav-toggle {
    display: block !important;
  }

  .nav-cart {
    width: 36px;
    height: 36px;
  }

  .mobile-menu {
    display: flex !important;
    padding: 88px 24px 32px !important;
    justify-content: flex-start !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .mm-links {
    gap: 0;
  }

  .mm-link {
    gap: 12px;
    padding: 9px 0;
  }

  .mm-label {
    font-size: clamp(34px, 12vw, 54px) !important;
    letter-spacing: 2px !important;
  }

  .mm-foot {
    margin-top: 30px;
    flex-wrap: wrap;
  }

  .hero {
    min-height: auto !important;
    padding: 112px 18px 64px !important;
  }

  .hero h1 {
    font-size: clamp(56px, 19vw, 92px) !important;
    letter-spacing: clamp(7px, 3.5vw, 18px) !important;
    line-height: .92 !important;
    overflow-wrap: anywhere;
  }

  .hero-eyebrow,
  .sec-label,
  .lhero-eyebrow,
  .fhero-eyebrow {
    font-size: 9px !important;
    letter-spacing: 4px !important;
  }

  .hero-sub,
  .sec-sub,
  .lhero-sub,
  .fhero-sub,
  .ahero-sub {
    font-size: 15px !important;
    line-height: 1.65 !important;
    max-width: 94vw !important;
  }

  .hero-cta,
  .faq-cta-row {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .btn-grad,
  .btn-ghost,
  .btn-glow,
  .lib-cta,
  .faq-cta a {
    width: 100%;
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 15px 22px !important;
    font-size: 10px !important;
    letter-spacing: 2px !important;
  }

  .hero-scroll {
    display: none !important;
  }

  .trust {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 10px !important;
    padding: 28px 18px !important;
    text-align: center;
  }

  .trust-item {
    justify-content: center;
  }

  .products,
  .science,
  .how,
  .inbox,
  .reviews,
  .compare-s,
  .dosing,
  .library,
  .cta,
  .bundle,
  .faq,
  .faqcat,
  .fhero,
  .lhero,
  .ahero {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .products,
  .science,
  .how,
  .reviews,
  .compare-s,
  .dosing,
  .library,
  .cta {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .sec-title,
  .bundle-title,
  .cta h2,
  .faqcat-title {
    font-size: clamp(30px, 10vw, 44px) !important;
    line-height: 1.08 !important;
    letter-spacing: 1px !important;
  }

  .pgrid,
  .grid2,
  .grid3,
  .steps,
  .reviews-grid,
  .sci-cards,
  .inbox-grid,
  .lib-grid,
  .topics,
  .cross,
  .dg-grid,
  .mol-grid,
  .stacks,
  .supps,
  .methods,
  .cmp,
  .mgrid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .pcard,
  .step,
  .review,
  .sci-card,
  .inbox-item,
  .lib-card,
  .topic,
  .bundle-card,
  .mcard,
  .proto-card {
    border-radius: 18px !important;
  }

  .pcard-visual {
    min-height: 220px !important;
    padding: 28px 18px 20px !important;
  }

  .vw .vialsvg,
  .vialsvg {
    max-height: 210px !important;
    width: auto !important;
  }

  .pcard-info {
    padding: 22px 20px 24px !important;
  }

  .pcard-row {
    flex-direction: column;
    gap: 4px;
  }

  .pcard-name {
    font-size: 28px !important;
    letter-spacing: 5px !important;
  }

  .pcard-price {
    font-size: 24px !important;
  }

  .pcard-specs {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
  }

  .pspec {
    min-width: 0 !important;
    padding: 10px 12px !important;
  }

  .bundle-card,
  .faq-cta {
    padding: 32px 20px !important;
  }

  .bundle-pricing {
    flex-wrap: wrap;
  }

  .stats {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 1px !important;
  }

  .stat {
    padding: 26px 12px !important;
  }

  .ctable {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .cthead,
  .crow {
    min-width: 620px;
  }

  .dcard {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .dgrid {
    min-width: 640px;
  }

  .f-inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .f-bottom {
    flex-direction: column !important;
    gap: 8px !important;
    text-align: center;
  }

  .phero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    min-height: auto !important;
    padding: 112px 18px 64px !important;
    text-align: center;
  }

  .phero h1,
  .lhero h1,
  .fhero h1,
  .ahero h1 {
    font-size: clamp(38px, 12vw, 60px) !important;
    line-height: 1.02 !important;
    letter-spacing: .5px !important;
  }

  .mol-row,
  .cmp-row,
  .srow {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  .cmp-col.l {
    border-right: none !important;
    border-bottom: .5px solid rgba(255,255,255,.12) !important;
  }

  .cal {
    grid-template-columns: repeat(7, minmax(36px, 1fr)) !important;
    gap: 4px !important;
  }

  .cal-day {
    min-height: 42px;
    aspect-ratio: auto !important;
    border-radius: 7px !important;
  }
}

@media (max-width: 480px) {
  .announce {
    font-size: 7.5px !important;
    letter-spacing: 1.4px !important;
  }

  nav#nav {
    padding: 0 12px !important;
  }

  .nav-logo {
    font-size: 18px !important;
    letter-spacing: 4px !important;
  }

  .nav-cart {
    display: none !important;
  }

  .hero {
    padding-top: 104px !important;
  }

  .hero h1 {
    font-size: clamp(48px, 18vw, 76px) !important;
    letter-spacing: 6px !important;
  }

  .hero-sub br,
  .sec-title br {
    display: none;
  }

  .pcard-specs {
    grid-template-columns: 1fr !important;
  }

  .stats {
    grid-template-columns: 1fr !important;
  }

  .mobile-menu {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .mm-label {
    font-size: clamp(32px, 13vw, 48px) !important;
  }

  .lhero-chips,
  .fhero-jump,
  .cal-legend,
  .proto-meta {
    flex-direction: column;
    align-items: stretch;
  }

  .lchip,
  .fjump {
    text-align: center;
  }
}

/* =========================================================
   Mobile polish patch v2 — header alignment + menu reliability
   ========================================================= */
@media (max-width: 768px) {
  html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    position: relative;
  }

  .announce {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10020 !important;
    min-height: 36px !important;
    padding: 10px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  nav#nav {
    position: fixed !important;
    top: 36px !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10010 !important;
    height: 60px !important;
    padding: 0 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: rgba(250,250,246,0.72) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
    border-bottom: 0.5px solid rgba(200,190,210,0.25) !important;
  }

  .nav-logo {
    display: block !important;
    position: relative !important;
    z-index: 10012 !important;
    font-size: 21px !important;
    letter-spacing: 6px !important;
    line-height: 1 !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .nav-links,
  .nav-cart {
    display: none !important;
  }

  .nav-toggle {
    display: block !important;
    position: relative !important;
    z-index: 10030 !important;
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }

  .nav-toggle span {
    left: 12px !important;
    width: 24px !important;
    height: 2px !important;
  }

  .mobile-menu {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 10000 !important;
    min-height: 100vh !important;
    padding: 120px 26px 40px !important;
    display: flex !important;
    justify-content: flex-start !important;
    background: linear-gradient(165deg,#F8F6FA 0%,#EEF0F6 30%,#E8F0EE 55%,#F0EBF4 80%,#FAFAF6 100%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-10px) scale(1.01) !important;
  }

  body.menu-open .mobile-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
  }

  body.menu-open nav#nav {
    background: rgba(250,250,246,0.9) !important;
  }

  .mm-links {
    gap: 8px !important;
  }

  .mm-label {
    font-size: clamp(42px, 13vw, 64px) !important;
    line-height: 0.98 !important;
    letter-spacing: 3px !important;
  }

  .hero {
    min-height: 100svh !important;
    padding: 152px 22px 72px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .hero-eyebrow {
    width: 100% !important;
    margin: 0 auto 26px !important;
    text-align: center !important;
    font-size: 10px !important;
    letter-spacing: 7px !important;
  }

  .hero h1 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 18px !important;
    text-align: center !important;
    font-size: clamp(82px, 24vw, 118px) !important;
    letter-spacing: clamp(8px, 3vw, 18px) !important;
    line-height: 0.9 !important;
  }

  .hero-line {
    margin: 22px auto 28px !important;
  }

  .hero-sub {
    max-width: 340px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
    text-align: center !important;
  }

  .hero-cta {
    width: 100% !important;
    max-width: 340px !important;
    margin: 44px auto 0 !important;
    gap: 14px !important;
  }

  .hero-cta .btn-grad,
  .hero-cta .btn-ghost {
    width: 100% !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 22px !important;
    text-align: center !important;
    border-radius: 999px !important;
  }

  .hero-scroll {
    display: none !important;
  }

  .trust {
    padding: 56px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 14px !important;
    text-align: center !important;
  }

  .trust-item {
    justify-content: center !important;
    width: 100% !important;
  }

  .trust-text {
    font-size: 10px !important;
    letter-spacing: 3px !important;
    line-height: 1.25 !important;
    text-align: center !important;
  }
}

@media (max-width: 390px) {
  .hero h1 {
    font-size: clamp(72px, 23vw, 98px) !important;
    letter-spacing: 7px !important;
  }

  .hero-sub {
    font-size: 17px !important;
  }

  .hero-cta {
    max-width: 318px !important;
  }
}