@layer base,layout,components,motion,responsive;
@layer base{
:root{--ink:#123a32;--green:#075247;--dark:#062f29;--deeper:#03251f;--muted:#668278;--gold:#d7bb76;--mint:#b8e5cd;--paper:#fff;--soft:#f4f7f5;--line:#d9e3dd;--hero-progress:0;--reading:0;--kit-progress:0;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}button,a,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}img{max-width:100%;display:block}button{color:inherit}button:disabled{cursor:default;opacity:.36}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #ba9442;outline-offset:6px}p{font-size:1.0625rem;line-height:1.65;margin:0}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.045em}h1,h2{line-height:1.03}h3{font-size:1.8rem;line-height:1.15}h4{font-size:1.1rem;margin-bottom:14px}strong{font-weight:650}ul{padding-left:1.2em}li{line-height:1.65}small{font-size:inherit}::selection{background:var(--gold);color:var(--deeper)}[hidden]{display:none!important}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}body{overflow-x:clip}
}
@layer layout{
.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.section-pad{padding:124px 0}.dark{background:var(--dark);color:#fff}.eyebrow{font-size:.8rem;line-height:1.4;font-weight:650;letter-spacing:.15em;margin-bottom:28px}.gold{color:var(--gold)}.mint{color:var(--mint)}.muted{color:#80948b}.accent{color:var(--green)}.section-title{font-size:clamp(3rem,5.6vw,5.3rem)}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:54px}.section-heading>p{max-width:350px;color:var(--muted)}.section-heading .eyebrow{margin-bottom:24px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:100px;padding:17px 27px;min-height:54px;font-size:.925rem;font-weight:650;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.button-gold{background:var(--gold);color:var(--deeper)}.button-gold:hover{background:#e8cf91}.button-outline{border:1px solid #ffffff65;color:#fff}.button-outline:hover{background:#ffffff12}.skip-link{position:fixed;top:10px;left:10px;z-index:200;background:#fff;padding:15px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.site-header{height:82px;position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;padding:0 44px;gap:32px;border-bottom:1px solid #ffffff15;background:#062f29dd;backdrop-filter:blur(20px);color:#fff;transition:height .25s}.brand{font-size:1.32rem;letter-spacing:-.03em;font-weight:750;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.brand>span:not(.brand-divider){color:var(--gold)}.brand .brand-divider{height:16px;width:1px;background:#ffffff3b;margin:0 13px}.brand small{font-size:.75rem;letter-spacing:.11em;font-weight:500;color:#bed0c8}.desktop-nav{margin-left:auto;display:flex;gap:26px}.desktop-nav a{font-size:.85rem;text-decoration:none;color:#d8e4df;transition:color .2s}.desktop-nav a:hover{color:var(--gold)}.header-button{padding:10px 18px;border-radius:30px;background:#fff;font-size:.8rem;font-weight:600;text-decoration:none;color:var(--dark);white-space:nowrap}.reading-progress{position:absolute;left:0;bottom:-1px;width:100%;height:2px;overflow:hidden}.reading-progress span{display:block;width:100%;height:100%;background:var(--gold);transform:scaleX(var(--reading));transform-origin:left}.menu-toggle{display:none}.mobile-nav{position:fixed;inset:76px 0 0;background:var(--dark);z-index:99;padding:26px;overflow:auto}.mobile-nav a{display:block;font-size:1.4rem;text-decoration:none;padding:18px 0;border-bottom:1px solid #ffffff20}
.hero{height:150svh;min-height:920px;position:relative}.hero-sticky{position:sticky;top:0;height:100svh;min-height:660px;overflow:hidden;background:radial-gradient(ellipse at 71% 43%,#164c3d 0%,#062f29 43%,#04271f 100%)}.hero-inner{height:100%;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;position:relative;padding-top:60px;padding-bottom:80px}.hero-copy{z-index:2;position:relative;transform:translateY(calc(var(--hero-progress) * -50px))}.hero h1{font-size:clamp(3.8rem,6.7vw,6.8rem);font-weight:550;letter-spacing:-.067em;line-height:1.03;max-width:710px}.hero h1 span{color:var(--mint)}.hero-description{font-size:1.3rem;line-height:1.5;color:#c4d9ce;margin:27px 0 32px}.hero-caption{font-size:.8rem;line-height:1.6;color:#91b1a3;margin-top:25px}.hero-product{position:relative;display:flex;align-items:center;justify-content:center;height:100%;max-height:680px;transform:translateY(calc(var(--hero-progress) * 70px)) rotate(calc(var(--hero-progress) * 8deg)) scale(calc(1 + var(--hero-progress) * .12));transform-origin:50% 80%;will-change:transform}.hero-product>img{position:relative;z-index:1;width:auto;height:min(70svh,620px);object-fit:contain;filter:drop-shadow(0 20px 40px #0003);transform:rotate(-7deg)}.product-orbit{width:95%;aspect-ratio:1;position:absolute;border:1px solid #bbd8c71b;border-radius:50%;transform:rotate(-30deg) scaleX(.9);box-shadow:0 0 100px #8eae6d08,inset 0 0 80px #72947e04}.hero-glow{position:absolute;left:45%;top:12%;height:70%;width:55%;background:radial-gradient(ellipse,#749b5740,transparent 68%);transform:translateX(calc(var(--hero-progress) * 120px));pointer-events:none}.hero-background-word{position:absolute;left:42%;top:50%;font-size:clamp(12rem,28vw,30rem);font-weight:800;letter-spacing:-.08em;line-height:.8;color:#b8ddb80a;transform:translateY(-50%) translateX(calc(var(--hero-progress) * -90px));user-select:none}.product-label{position:absolute;z-index:2;right:-1%;bottom:19%;border-left:1px solid #b7b98266;padding-left:16px}.product-label>span{font-size:.75rem;letter-spacing:.14em;color:#b6c7b7;display:block}.product-label strong{font-weight:400;font-size:2rem;display:block;margin-top:9px;color:var(--gold)}.product-label small{font-size:1rem}.hero-footer{position:absolute;bottom:35px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-footer>span{font-size:.75rem;letter-spacing:.12em;color:#91ad9e}.scroll-cue{display:flex;gap:13px;align-items:center;font-size:.8rem;text-decoration:none;color:#d4e3da}.scroll-line{height:32px;width:1px;background:#ffffff35;position:relative;overflow:hidden}.scroll-line:after{content:"";display:block;width:1px;height:17px;background:var(--gold);animation:scroll-indicator 2.5s infinite}.intro{padding-top:134px}.statement{font-size:clamp(3.3rem,7.8vw,7.2rem);line-height:1.02;max-width:1050px}.intro-bottom{display:flex;gap:60px;justify-content:space-between;align-items:center;margin:45px 0 85px}.intro-bottom>p{max-width:530px;color:var(--muted);font-size:1.2rem}.receptor-pills{display:flex;align-items:center;gap:14px}.receptor-pills span{border:1px solid #aec5b9;border-radius:80px;padding:17px 27px;font-size:1.5rem;font-weight:500;letter-spacing:-.025em}.receptor-pills b{font-weight:300;color:#8d9f95}.mechanism-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;position:relative}.anatomy-sticky{position:sticky;top:120px;height:560px;display:flex;align-items:center;justify-content:center;flex-direction:column}.anatomy-sticky>img{height:480px;width:auto;object-fit:contain;position:relative;z-index:1;transition:transform 1s;transform:translateY(var(--anatomy-y,0px))}.anatomy-halo{position:absolute;border-radius:50%;width:100%;aspect-ratio:1;background:radial-gradient(circle,#eef4f0,transparent 70%)}.anatomy-caption{display:flex;gap:12px;align-items:center;color:#788e82;font-size:.8rem;margin-top:20px}.tiny-rule{width:30px;height:1px;background:#91aa9c}.mechanisms{padding:0;margin:0;list-style:none}.mechanism{border-top:1px solid var(--line);display:flex;gap:25px;padding:34px 0 48px}.item-number{font-size:.8rem;letter-spacing:.04em;color:#7c9688;padding-top:7px}.mechanism h3{font-size:2.2rem;margin-bottom:17px}.mechanism p{color:#688172;line-height:1.65}.editorial-note{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;border-top:1px solid var(--line);padding-top:36px;margin-top:80px}.editorial-note strong{font-size:1.45rem;letter-spacing:-.03em;line-height:1.4}.editorial-note p{font-size:.95rem;color:var(--muted)}
.kit-section{overflow:hidden;background:radial-gradient(ellipse at 25% 60%,#176254,#062f29 70%)}.kit-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;margin-top:55px;align-items:center}.kit-art{position:relative;min-height:570px;display:flex;align-items:center;justify-content:center}.kit-ring{position:absolute;width:110%;aspect-ratio:1;border-radius:50%;border:1px solid #b5c3ac2b;box-shadow:0 0 0 45px #ffffff03,0 0 0 90px #ffffff02}.kit-bottles{position:relative;width:100%;transform:translateY(calc(var(--kit-progress) * -30px)) rotate(calc(-4deg + var(--kit-progress) * 5deg));filter:drop-shadow(0 22px 35px #001c1c55)}.kit-syringe{position:absolute;bottom:20px;width:104%;left:-15%;transform:rotate(-13deg) translateX(calc(var(--kit-progress) * 25px));filter:drop-shadow(0 14px 18px #001c1c55)}.kit-list{position:relative}.kit-item{display:flex;gap:27px;padding:27px 0 30px;border-bottom:1px solid #ffffff22}.kit-item>span{font-size:3.1rem;color:var(--gold);font-weight:300;letter-spacing:-.055em;line-height:1.1}.kit-item h3{font-size:1.5rem;letter-spacing:-.025em;margin:0 0 10px}.kit-item p{font-size:1rem;color:#b9d0c5}.extra-material{margin-top:24px}.extra-material summary{display:flex;align-items:center;justify-content:space-between;font-size:1rem}.extra-material>div{padding-top:20px;color:#c0d4ca;font-size:1rem}.extra-material>div p{font-size:1rem}.kit-footnote{display:flex;gap:50px;border-top:1px solid #ffffff24;padding-top:32px;margin-top:48px}.kit-footnote>span{font-size:.75rem;letter-spacing:.1em;color:var(--gold);white-space:nowrap;padding-top:6px}.kit-footnote p{font-size:.95rem;color:#bed3c8;max-width:780px}.plus{position:relative;width:20px;height:20px;flex-shrink:0;margin-left:20px}.plus:before,.plus:after{content:"";position:absolute;top:9px;left:3px;width:14px;height:1.5px;background:currentColor;transition:transform .25s}.plus:after{transform:rotate(90deg)}details[open]>summary .plus:after{transform:rotate(0)}
.step-story{display:grid;grid-template-columns:1fr 1fr;gap:110px;margin-top:70px;align-items:start}.step-media{position:sticky;top:130px}.step-image-frame{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:1;background:#edf0ed}.step-image-frame>img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.035);transition:opacity .5s,transform 1s}.step-image-frame>img.active{opacity:1;transform:scale(1)}.image-counter{position:absolute;z-index:2;bottom:22px;left:24px;display:flex;align-items:baseline;gap:10px;border-radius:30px;padding:10px 18px;background:#062f29e8;backdrop-filter:blur(10px);color:#fff}.image-counter span:first-child{font-size:1.5rem}.image-counter span:last-child{font-size:.8rem;color:#bacfc2}.media-note{font-size:.8rem;color:#72877c;margin-top:18px;line-height:1.6}.steps-list{padding:0;margin:0;list-style:none}.steps-list>li{padding:30px 0 60px;min-height:390px;border-top:1px solid var(--line)}.step-number{display:block;font-size:1rem;font-weight:500;color:#7b9486;letter-spacing:.04em;margin-bottom:20px}.steps-list h3{font-size:2.6rem;margin-bottom:22px}.steps-list p{color:#65806f;font-size:1.13rem;line-height:1.7}.steps-list>li:last-child{min-height:350px;padding-bottom:10px}.mobile-step-image{display:none}.concentration-note{background:var(--soft);border-radius:18px;padding:32px 38px;display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center;margin-top:85px}.concentration-note>strong{font-size:2.4rem;letter-spacing:-.045em;font-weight:500}.concentration-note p{font-size:1rem;color:var(--muted)}
.dosage{background:#eef3ef}.dose-context{font-size:1rem;color:#547564;margin-bottom:30px;max-width:930px}.dose-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dose-tab{background:transparent;border:1px solid #bfd0c3;border-radius:16px;padding:23px 24px;text-align:left;transition:background .25s,color .25s,transform .3s}.dose-tab:hover{transform:translateY(-4px)}.dose-tab small{display:block;font-size:.75rem;letter-spacing:.09em;min-height:25px}.dose-tab strong{font-size:2.3rem;line-height:1.3;letter-spacing:-.045em;font-weight:500;display:block}.dose-tab strong span{font-size:1.15rem;letter-spacing:-.02em}.dose-tab.active{background:var(--dark);color:#fff;border-color:var(--dark)}.dose-tab.active small{color:#a8cdbc}.dose-panel{margin-top:24px;background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:40px;border-radius:22px;padding:48px 56px;align-items:center}.dose-big{font-size:7.9rem;letter-spacing:-.08em;line-height:1;color:var(--green);font-weight:500;margin:14px 0 18px}.dose-big small{font-size:2.6rem;letter-spacing:-.05em;margin-left:12px}.dose-figure .eyebrow{font-size:.75rem;letter-spacing:.1em;margin:0;color:var(--muted)}.dose-figure>p:last-child{color:var(--muted)}.dose-equivalence{border-left:1px solid var(--line);padding-left:48px}.dose-equivalence>div+div{margin-top:28px}.dose-equivalence>div>span{display:block;font-size:.75rem;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}.dose-equivalence strong{display:block;font-size:2rem;line-height:1.1;letter-spacing:-.035em;font-weight:500}.dose-equivalence p{font-size:.85rem;line-height:1.6;margin-top:30px;color:var(--muted)}.dose-equivalence p strong{display:inline;font-size:inherit;line-height:inherit;letter-spacing:inherit;font-weight:600}.dose-full-table{margin-top:24px;border-top:1px solid #c5d6c9;border-bottom:1px solid #c5d6c9}.dose-full-table summary{padding:20px 0;display:flex;justify-content:space-between;font-size:1rem}.table-scroll{overflow-x:auto;padding-bottom:25px}table{width:100%;border-collapse:collapse;text-align:left;font-size:.92rem}caption{text-align:left;padding:0 0 18px;font-size:.8rem;color:var(--muted)}th,td{padding:14px 12px;border-bottom:1px solid #d4e0d6;white-space:nowrap}th{font-weight:600;font-size:.8rem}th:first-child,td:first-child{padding-left:0}.dose-note{display:flex;gap:19px;margin-top:25px}.note-mark{height:23px;width:23px;display:flex;align-items:center;justify-content:center;border:1px solid #86a591;border-radius:50%;font-family:Georgia,serif;font-style:italic;flex-shrink:0;font-size:1rem}.dose-note p{font-size:.9rem;color:#5e7b69;line-height:1.7}
.application-sites{display:grid;grid-template-columns:1.15fr 1fr;gap:75px;align-items:center;margin:65px 0 110px}.sites-visual{background:#f3f4f2;border-radius:20px;padding:45px 25px 25px}.sites-visual img{width:100%;height:auto;border-radius:10px}.sites-visual>span{display:block;font-size:.75rem;color:#7b8d82;text-align:center;margin-top:24px}.sites-copy h3{font-size:2.2rem;margin-bottom:22px}.sites-copy p{font-size:1rem;margin-top:15px;color:var(--muted)}.sites-copy .inline-warning{font-weight:600;color:var(--green);border-left:2px solid var(--gold);padding:8px 0 8px 16px;margin-top:22px}.guide-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:30px}.guide-top>span{font-size:.8rem;color:var(--muted)}.apply-selector{display:flex;gap:8px;margin-bottom:25px;overflow-x:auto;padding:4px 3px 12px;scrollbar-width:thin;scrollbar-color:#c2d0c8 transparent}.apply-selector button{background:#f3f6f3;border:none;border-radius:24px;padding:12px 17px;font-size:.8rem;white-space:nowrap;transition:background .25s,color .25s}.apply-selector button.active{background:var(--green);color:#fff}.apply-panel{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:22px;background:var(--soft)}.apply-panel>img{width:100%;height:100%;max-height:520px;aspect-ratio:1;object-fit:cover}.apply-text{padding:clamp(24px,4vw,60px);display:flex;flex-direction:column}.apply-text h3{font-size:2.7rem;margin-bottom:23px}.apply-text>p{color:var(--muted);font-size:1.1rem}.guide-controls{margin-top:auto;padding-top:32px;display:flex;align-items:center;justify-content:space-between;gap:15px}.guide-controls button{background:none;border:1px solid #b9cabb;border-radius:50px;padding:10px 16px;font-size:.8rem}.guide-controls button:not(:disabled):hover{background:#e3ebe4}.guide-controls span{color:var(--muted);font-size:.8rem}
.storage{background:radial-gradient(ellipse at 50% 60%,#124c3f 0%,#062f29 65%);overflow:hidden}.temperature{display:flex;justify-content:center;align-items:baseline;font-weight:450;font-size:clamp(10rem,26vw,25rem);letter-spacing:-.095em;color:var(--mint);line-height:1.1;margin:30px 0 0;font-variant-numeric:tabular-nums;white-space:nowrap}.temperature-dash{font-weight:200;font-size:.6em;transform:translateY(-.16em);margin:0 .05em 0 .01em;color:#609f87}.temperature-unit{font-size:.25em;letter-spacing:-.06em;margin-left:.3em}.temperature-caption{text-align:center;font-size:.75rem;letter-spacing:.17em;color:#c2d7c8}.storage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:75px}.storage-card{border-top:1px solid #b5c6a951;padding-top:30px}.storage-card .eyebrow{font-size:.75rem;color:var(--gold);display:block;margin-bottom:23px}.storage-card h3{font-size:2rem;margin-bottom:16px}.storage-card p{font-size:1rem;color:#bdd1c4}.storage-source{font-size:.8rem;color:#90afa0;border-top:1px solid #ffffff15;padding-top:24px;margin-top:45px;max-width:880px}
.nutrition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}.nutrition-card{padding:32px;background:var(--soft);border-radius:18px;min-height:315px}.nutrition-number{font-size:.8rem;color:#7e9788;letter-spacing:.05em;display:block;margin-bottom:32px}.nutrition-card h3{font-size:1.8rem;margin-bottom:20px}.nutrition-card p{font-size:1rem;color:var(--muted)}.wide-card{grid-column:span 2;background:#deebe1;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-content:start}.wide-card .nutrition-number{grid-column:1/-1}.wide-card h3{font-size:2.3rem;max-width:440px}.safety-heading{margin:115px 0 35px}.safety-heading h3{font-size:3.6rem}.safety-heading>p:last-child{color:var(--muted);margin-top:20px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;padding:29px 0;font-size:1.25rem;font-weight:500;letter-spacing:-.02em}.faq-content{max-width:940px;padding-bottom:28px;font-size:1rem;color:#587966}.faq-content p{font-size:1rem;margin-bottom:14px}.faq-content h4{color:var(--ink);margin-top:20px}.faq-content li{margin:9px 0}.faq-content ul{margin-top:0}.faq-content .clarification{font-size:.85rem;color:var(--muted);padding-top:18px;border-top:1px solid #e3e9e4;margin-top:22px;line-height:1.7}.urgent-details summary{color:#795526}.closing{padding-bottom:35px;background:radial-gradient(ellipse at 50% 0%,#174b3c,#062f29 68%)}.closing-inner{text-align:center;padding-bottom:100px}.closing .section-title{font-size:clamp(3.4rem,6.9vw,6.5rem)}.closing-description{font-size:1.2rem;color:#bdd3c5;margin:32px auto}.closing-actions{display:flex;justify-content:center;gap:15px}.contact-email{font-size:.9rem;display:inline-block;margin-top:28px;color:#bdd3c5;text-underline-offset:5px}.closing footer{display:flex;gap:30px;justify-content:space-between;align-items:center;border-top:1px solid #ffffff25;padding-top:30px}.closing footer p{font-size:.75rem;color:#92ad9e;line-height:1.7;max-width:500px}.closing footer>a:last-child{font-size:.8rem;color:#c4d7c9;text-decoration:none}.motion-toggle{position:fixed;right:20px;bottom:18px;z-index:90;background:#ffffffea;backdrop-filter:blur(15px);color:var(--dark);border:1px solid #c8d8cc;border-radius:30px;font-size:.75rem;padding:9px 14px;box-shadow:0 3px 15px #0000000c}.motion-toggle:hover{background:#fff}
}
@layer motion{
@keyframes scroll-indicator{0%{transform:translateY(-18px)}70%,100%{transform:translateY(34px)}}@keyframes appear{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-copy .eyebrow{animation:appear 1s .1s both}.hero-copy h1{animation:appear 1s .25s both}.hero-description{animation:appear 1s .4s both}.hero-copy .button{animation:appear 1s .55s both}.hero-caption{animation:appear 1s .7s both}.js.motion-enabled .reveal{opacity:0;transform:translateY(38px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}.js.motion-enabled .reveal.visible{opacity:1;transform:translateY(0)}.js.motion-enabled .nutrition-card:nth-child(2),.js.motion-enabled .storage-card:nth-child(2){transition-delay:.1s}.js.motion-enabled .nutrition-card:nth-child(3),.js.motion-enabled .storage-card:nth-child(3){transition-delay:.2s}.motion-reduced{scroll-behavior:auto}.motion-reduced *,.motion-reduced *:before,.motion-reduced *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-reduced .hero{height:auto;min-height:0}.motion-reduced .hero-sticky{position:relative}.motion-reduced .hero-copy,.motion-reduced .hero-product,.motion-reduced .kit-bottles,.motion-reduced .kit-syringe{transform:none}.motion-reduced .reveal{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero{height:auto;min-height:0}.hero-sticky{position:relative}.hero-copy,.hero-product,.kit-bottles,.kit-syringe{transform:none}.reveal{opacity:1!important;transform:none!important}}
}
@layer responsive{
@media(min-width:1600px){.wrap{width:min(1360px,calc(100% - 160px))}.hero h1{font-size:7.4rem}.hero-product>img{height:min(73svh,710px)}.hero-inner{padding-top:40px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.site-header{padding-inline:32px;gap:22px}.brand small,.brand-divider{display:none!important}.desktop-nav{gap:19px}.hero h1{font-size:6.8vw}.product-label{right:-2%;bottom:15%}.hero-product>img{height:min(64svh,550px)}.mechanism-grid{gap:60px}.kit-grid{gap:35px}.kit-art{min-height:490px}.step-story{gap:70px}.section-heading>p{max-width:300px}.dose-tab{padding:22px 17px}.dose-tab small{font-size:.75rem}.dose-panel{padding:38px}.dose-equivalence{padding-left:32px}.application-sites{gap:45px}.apply-text{padding:32px}.apply-text h3{font-size:2.25rem}.apply-text>p{font-size:1rem}.nutrition-card{padding:27px}.wide-card{gap:25px}.wide-card h3{font-size:2rem}.closing footer{gap:25px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.section-pad{padding:85px 0}.site-header{height:72px;padding:0 24px}.desktop-nav{display:none}.header-button{margin-left:auto}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;width:32px;height:40px;padding:5px}.menu-toggle span{height:1px;background:#fff;display:block;width:22px;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-nav{top:72px}.hero{min-height:0;height:135svh}.hero-sticky{min-height:700px}.hero h1{font-size:7.6vw}.hero-inner{grid-template-columns:1.2fr 1fr;gap:0}.hero-product>img{height:490px;max-width:110%;max-height:63svh}.hero-description{font-size:1.1rem}.product-label{display:none}.hero-footer>span{max-width:310px;line-height:1.5}.hero-background-word{left:33%;font-size:37vw}.intro-bottom{gap:35px;margin:38px 0 65px}.intro-bottom>p{font-size:1rem}.receptor-pills{gap:9px}.receptor-pills span{font-size:1.15rem;padding:14px 20px}.mechanism-grid{gap:40px}.anatomy-sticky{height:430px;top:140px}.anatomy-sticky>img{height:370px;max-width:110%}.mechanism{gap:18px;padding:26px 0 35px}.mechanism h3{font-size:1.7rem}.mechanism p{font-size:1rem}.editorial-note{gap:40px;margin-top:50px}.editorial-note strong{font-size:1.25rem}.kit-grid{grid-template-columns:1fr 1fr;gap:30px}.kit-art{min-height:420px}.kit-item{gap:20px;padding:23px 0}.kit-item>span{font-size:2.4rem}.kit-item h3{font-size:1.25rem}.kit-item p{font-size:.92rem}.kit-footnote{gap:30px}.section-heading{display:block;margin-bottom:40px}.section-heading>p{max-width:530px;margin-top:27px}.step-story{gap:45px;margin-top:50px}.step-media{top:170px}.steps-list h3{font-size:2rem}.steps-list p{font-size:1rem}.steps-list>li{min-height:350px}.concentration-note{padding:27px;gap:30px}.concentration-note>strong{font-size:1.8rem}.dose-panel{padding:30px;gap:25px}.dose-big{font-size:6.1rem}.dose-equivalence{padding-left:26px}.dose-tab{padding:20px 15px}.dose-tab strong{font-size:2rem}.dose-tab small{min-height:36px;font-size:.75rem}.dose-equivalence strong{font-size:1.65rem}.application-sites{margin:48px 0 75px;gap:35px}.sites-visual{padding:22px 14px}.sites-copy h3{font-size:1.75rem}.sites-copy p{font-size:.95rem}.apply-text h3{font-size:1.9rem}.apply-text{padding:27px}.apply-panel>img{min-height:400px}.guide-controls{gap:7px}.guide-controls button{padding:9px 12px}.storage-grid{gap:25px;margin-top:55px}.storage-card h3{font-size:1.6rem}.storage-card p{font-size:.95rem}.nutrition-grid{grid-template-columns:repeat(2,1fr)}.wide-card{display:block}.wide-card .nutrition-number{margin-bottom:25px}.wide-card p{max-width:530px}.safety-heading{margin-top:85px}.closing-inner{padding-bottom:75px}.closing footer{flex-wrap:wrap}.closing footer p{order:3;flex-basis:100%}}
@media(max-width:560px){html{scroll-padding-top:92px}.wrap{width:calc(100% - 40px)}.section-pad{padding:72px 0}.eyebrow{font-size:.75rem;letter-spacing:.115em;margin-bottom:23px}.section-title{font-size:clamp(2.55rem,10.6vw,3.7rem);line-height:1.06;letter-spacing:-.055em}.site-header{padding:0 20px;gap:14px;height:68px}.brand{font-size:1.12rem}.header-button{padding:9px 13px;font-size:.75rem}.menu-toggle{width:27px;padding:3px}.mobile-nav{top:68px}.hero{height:130svh}.hero-sticky{height:100svh;min-height:790px}.hero-inner{display:flex;flex-direction:column;align-items:flex-start;padding-top:115px;padding-bottom:100px;justify-content:flex-start}.hero-copy{width:100%;z-index:3;pointer-events:none}.hero-copy a{pointer-events:auto}.hero h1{font-size:clamp(3.2rem,12.9vw,4.9rem);letter-spacing:-.065em}.hero .eyebrow{margin-bottom:19px}.hero-description{font-size:1rem;margin:18px 0 22px}.hero .button{font-size:.82rem;min-height:46px;padding:13px 20px}.hero-caption{font-size:.75rem;margin-top:18px;max-width:180px}.hero-product{position:absolute;width:235px;height:392px;right:0;bottom:65px;max-height:none;justify-content:center;z-index:1;transform:translateY(calc(var(--hero-progress) * -15px)) rotate(calc(var(--hero-progress) * 9deg)) scale(calc(1 + var(--hero-progress) * .05));transform-origin:center}.hero-product>img{height:365px;max-height:none;width:auto;max-width:none;transform:rotate(-8deg)}.product-orbit{width:280px;right:-40px}.hero-background-word{left:3%;top:auto;bottom:190px;font-size:40vw;transform:translateX(calc(var(--hero-progress) * -30px));color:#b8ddb80c}.hero-glow{left:15%;top:35%;height:60%;width:110%}.hero-footer{bottom:25px;align-items:flex-end;gap:15px}.hero-footer>span{font-size:.75rem;max-width:178px;line-height:1.9;letter-spacing:.07em}.scroll-cue{font-size:.75rem;gap:9px;max-width:110px;line-height:1.5}.scroll-line{flex-shrink:0}.intro{padding-top:80px}.statement{font-size:clamp(2.8rem,11.5vw,4.5rem);letter-spacing:-.06em}.intro-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:25px;margin:30px 0 45px}.intro-bottom>p{font-size:1.07rem}.mechanism-grid{display:block}.anatomy-sticky{position:relative;top:auto;height:385px;margin-bottom:25px}.anatomy-sticky>img{height:335px;max-width:85%}.anatomy-halo{width:100%;max-width:360px}.anatomy-caption{margin-top:10px;font-size:.75rem}.mechanism{padding:28px 0 33px;gap:20px}.mechanism h3{font-size:1.95rem}.mechanism h3 br{display:none}.mechanism p{font-size:1rem}.item-number{font-size:.75rem}.editorial-note{display:block;margin-top:30px;padding-top:30px}.editorial-note strong{font-size:1.4rem;display:block;margin-bottom:14px}.editorial-note p{font-size:.95rem}.kit-grid{display:flex;flex-direction:column;gap:20px;margin-top:30px}.kit-art{width:100%;min-height:0;height:405px;max-width:420px}.kit-bottles{width:100%;max-height:390px;object-fit:contain}.kit-syringe{width:95%;left:-2%;bottom:20px}.kit-ring{width:95%}.kit-list{width:100%}.kit-item{padding:24px 0;gap:23px}.kit-item>span{font-size:2.8rem}.kit-item h3{font-size:1.4rem}.kit-item p{font-size:1rem}.kit-footnote{display:block;margin-top:36px}.kit-footnote>span{display:block;margin-bottom:17px}.kit-footnote p{font-size:.94rem}.extra-material summary{font-size:.94rem}.step-story{display:block;margin-top:43px}.step-media{display:none}.steps-list>li{padding:0 0 40px;margin-bottom:32px;min-height:0!important;border-top:0;border-bottom:1px solid var(--line)}.mobile-step-image{display:block;width:100%;height:280px;object-fit:cover;border-radius:16px;margin-bottom:25px}.steps-list h3{font-size:2.15rem;margin-bottom:16px}.steps-list .step-number{margin-bottom:14px;font-size:.8rem}.steps-list p{font-size:1rem}.steps-list>li:last-child{border:0;padding-bottom:0;margin-bottom:0}.concentration-note{display:block;padding:28px;margin-top:42px}.concentration-note strong{font-size:2rem;display:block;margin-bottom:17px}.concentration-note p{font-size:.95rem}.dose-context{font-size:.95rem}.dose-tabs{grid-template-columns:1fr 1fr;gap:9px}.dose-tab{padding:18px 16px;border-radius:14px}.dose-tab small{min-height:20px;font-size:.75rem}.dose-tab strong{font-size:2.1rem}.dose-tab strong span{font-size:1rem}.dose-panel{display:block;padding:30px 25px;margin-top:16px;border-radius:16px}.dose-figure .eyebrow{font-size:.75rem}.dose-big{font-size:6.3rem;margin:20px 0 12px}.dose-big small{font-size:2rem}.dose-figure>p:last-child{font-size:1rem}.dose-equivalence{border-left:0;border-top:1px solid var(--line);padding:26px 0 0;margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.dose-equivalence>div+div{margin-top:0}.dose-equivalence>div>span{font-size:.75rem;line-height:1.7;min-height:32px;margin-bottom:8px}.dose-equivalence strong{font-size:1.6rem}.dose-equivalence p{grid-column:1/-1;margin-top:0;font-size:.8rem}.dose-note{gap:13px}.dose-note p{font-size:.86rem}.dose-full-table summary{font-size:.94rem}.application-sites{display:flex;flex-direction:column;gap:30px;margin:40px 0 65px}.sites-visual{width:100%;padding:25px 18px}.sites-copy h3{font-size:2.05rem}.sites-copy p{font-size:1rem}.guide-top{align-items:flex-start;gap:20px}.guide-top h3{font-size:1.65rem;max-width:200px}.guide-top>span{font-size:.75rem;text-align:right;line-height:1.7;max-width:86px}.apply-selector{margin-inline:-3px}.apply-selector button{font-size:.75rem;padding:12px 16px}.apply-panel{display:block;border-radius:16px}.apply-panel>img{min-height:0;max-height:340px;aspect-ratio:1.2;object-position:center}.apply-text{padding:26px}.apply-text h3{font-size:2.2rem}.apply-text>p{font-size:1rem;min-height:128px}.guide-controls{padding-top:25px}.apply-text .step-number{font-size:.8rem;margin-bottom:15px}.temperature{font-size:27vw;margin:42px 0 14px}.temperature-caption{font-size:.75rem;letter-spacing:.1em;line-height:1.7}.storage-grid{grid-template-columns:1fr;gap:32px;margin-top:48px}.storage-card{padding-top:28px}.storage-card .eyebrow{font-size:.75rem;margin-bottom:17px}.storage-card h3{font-size:2rem}.storage-card p{font-size:1rem}.storage-source{font-size:.76rem;line-height:1.7;margin-top:32px}.nutrition-grid{grid-template-columns:1fr;gap:14px;margin-top:40px}.nutrition-card{min-height:0;padding:28px}.nutrition-number{margin-bottom:24px}.nutrition-card h3{font-size:1.9rem;margin-bottom:17px}.nutrition-card h3 br{display:none}.nutrition-card p{font-size:1rem}.wide-card{grid-column:auto}.wide-card h3{font-size:2rem}.safety-heading{margin:67px 0 29px}.safety-heading h3{font-size:2.65rem}.safety-heading>p:last-child{font-size:1rem}.faq-list summary{font-size:1.08rem;line-height:1.5;padding:25px 0;letter-spacing:-.025em}.faq-content{font-size:.95rem}.faq-content p{font-size:.95rem}.faq-content .clarification{font-size:.8rem}.closing .section-title{font-size:clamp(2.75rem,11vw,4rem)}.closing .eyebrow{font-size:.75rem}.closing-description{font-size:1rem;margin:27px 0}.closing-actions{flex-direction:column;align-items:stretch;max-width:320px;margin:auto;gap:12px}.closing-actions .button{font-size:.85rem;min-height:50px}.contact-email{font-size:.85rem}.closing-inner{padding-bottom:65px}.closing footer{gap:24px;padding-bottom:35px}.closing footer p{font-size:.75rem;line-height:1.8}.closing footer>a:last-child{font-size:.75rem}.motion-toggle{bottom:12px;right:12px;font-size:.75rem;padding:8px 11px}.media-note{font-size:.75rem}.section-heading>p{font-size:1rem;margin-top:24px}}
@media(max-width:380px){.hero h1{font-size:12.7vw}.hero-product{right:-19px;width:210px;height:340px;bottom:68px}.hero-product>img{height:330px}.hero-caption{max-width:160px;font-size:.75rem}.header-button{font-size:.75rem;padding:9px 11px}.site-header{gap:10px}.mobile-step-image{height:245px}.dose-tab small{font-size:.75rem}}
@media(max-height:740px) and (min-width:801px){.hero-sticky{min-height:610px}.hero h1{font-size:5.8vw}.hero-inner{padding-top:90px}.hero-product>img{height:480px}.hero-description{margin-top:22px;margin-bottom:24px;font-size:1.1rem}.hero-caption{margin-top:20px}.hero-footer{bottom:25px}}
@media print{.site-header,.mobile-nav,.motion-toggle,.hero-footer,.closing-actions,.guide-controls{display:none!important}.hero{height:auto;min-height:0}.hero-sticky{position:relative;height:620px;min-height:0}.step-media{display:none}.step-story{display:block}.mobile-step-image{display:block;float:left;width:120px;height:120px;margin-right:25px}.steps-list>li{min-height:160px;padding:25px 0;break-inside:avoid}.section-pad{padding:45px 0}.reveal{opacity:1!important;transform:none!important}.wrap{width:90%}.dark{background:white;color:#123a32}.kit-grid,.application-sites{break-inside:avoid}.faq-content{display:block}.motion-reduced .hero-product,.hero-product{transform:none}.dose-full-table{display:block}}
}

/* Revision 2: keep source images proportional and strengthen the visual story. */
@layer responsive {
  .receptor-pills { flex:0 0 auto; flex-wrap:nowrap; white-space:nowrap; }
  .receptor-pills span,.receptor-pills b { flex-shrink:0; white-space:nowrap; }
  .intro-bottom>p { flex:1 1 auto; min-width:0; }
  .kit-bottles,.kit-syringe { height:auto; object-fit:contain; }
  .kit-art { isolation:isolate; }
  .kit-bottles { z-index:1; }
  .kit-syringe { z-index:2; }
  .mechanism-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr); gap:76px; }
  .anatomy-sticky { height:auto; top:112px; display:block; min-width:0; align-self:start; }
  .anatomy-scene { height:clamp(560px,74svh,720px); position:relative; border:1px solid #dce7df; border-radius:28px; overflow:hidden; background:radial-gradient(ellipse at 46% 43%,#fff 26%,#edf5ef 70%,#deece2 100%); box-shadow:0 24px 60px #174b3b0a; }
  .anatomy-scene-heading { position:absolute; inset:25px 26px auto; display:flex; justify-content:space-between; align-items:center; z-index:3; font-size:.75rem; letter-spacing:.12em; font-weight:600; color:#4a7360; }
  .anatomy-scene-heading>span:first-child { padding:9px 13px; border:1px solid #b7ccbd; border-radius:25px; background:#ffffff80; white-space:nowrap; }
  .anatomy-orbits { position:absolute; inset:0; pointer-events:none; display:grid; place-items:center; }
  .anatomy-orbits>span { position:absolute; width:112%; aspect-ratio:1; border:1px solid #7ba88a2b; border-radius:50%; transform:rotate(-28deg) scaleX(.8); }
  .anatomy-orbits>span:last-child { width:84%; border-color:#a89c5029; transform:rotate(25deg) scaleX(.82); }
  .anatomy-depth { position:absolute; inset:74px 10px 94px; z-index:1; display:flex; align-items:center; justify-content:center; transform:translateY(calc(-8px + var(--anatomy-progress,0) * 16px)) scale(calc(1 + var(--anatomy-progress,0) * .035)); transform-origin:50% 55%; will-change:transform; }
  .anatomy-figure { display:block; position:relative; width:100%; height:100%; min-width:0; max-width:none; object-fit:contain; opacity:1; visibility:visible; filter:drop-shadow(0 24px 22px #2e684318); animation:anatomy-float 7s ease-in-out infinite; }
  .anatomy-focus { position:absolute; left:24px; right:24px; bottom:27px; z-index:3; display:flex; align-items:center; gap:17px; padding:17px 20px; background:#063f32ee; color:#fff; border-radius:16px; box-shadow:0 8px 28px #123a3218; }
  .anatomy-focus>span { color:var(--gold); font-size:1.65rem; font-weight:350; letter-spacing:-.05em; }
  .anatomy-focus>strong { font-size:1rem; letter-spacing:-.015em; font-weight:500; line-height:1.35; }
  .anatomy-progress { position:absolute; left:0; right:0; bottom:0; height:4px; background:#cadbd0; }
  .anatomy-progress>span { display:block; width:100%; height:100%; background:var(--green); transform:scaleX(var(--mechanism-progress,.1667)); transform-origin:left; transition:transform .55s; }
  .anatomy-caption { justify-content:center; margin-top:18px; }
  .mechanism { transition:border-color .3s; }
  .mechanism.is-current { border-top-color:#438263; }
  .mechanism.is-current .item-number { color:var(--green); font-weight:700; }
  .step-image-frame { width:100%; aspect-ratio:1 / 1; }
  .step-image-frame>img { inset:0; object-fit:cover; object-position:center; pointer-events:none; }
  .step-image-frame>img[data-prep-image="0"],.steps-list>li[data-prep-step="0"]>.mobile-step-image { object-position:80% center; }
  .step-image-frame>img[data-prep-image="4"],.steps-list>li[data-prep-step="4"]>.mobile-step-image { object-position:right center; }
  .image-counter { align-items:center; flex-wrap:wrap; right:20px; width:fit-content; max-width:calc(100% - 44px); gap:9px; }
  .image-counter>strong { font-size:.8rem; font-weight:500; padding-left:9px; border-left:1px solid #ffffff40; line-height:1.45; }
  .storage-visual { position:relative; min-height:500px; margin-top:52px; border-radius:26px; overflow:hidden; isolation:isolate; background:#042a23; }
  .storage-visual>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; transform:scale(calc(1.035 + var(--fridge-progress,0) * .065)); transform-origin:35% 50%; will-change:transform; }
  .storage-visual:after { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,#032c2410 15%,#052f2940 37%,#062f29ed 66%,#052d27 100%); }
  .storage-readout { position:relative; z-index:2; width:53%; min-height:500px; margin-left:auto; padding:70px 38px; display:flex; flex-direction:column; justify-content:center; }
  .storage-readout .eyebrow { font-size:.75rem; margin-bottom:17px; text-align:center; }
  .storage-readout .temperature { font-size:clamp(8rem,14.6vw,14rem); margin:0; line-height:1.2; }
  .storage-readout .temperature-caption { font-size:.8rem; line-height:1.9; letter-spacing:.12em; margin-top:25px; }
  .closing-actions { flex-wrap:wrap; }
  .contact-email { overflow-wrap:anywhere; }
  .motion-reduced .anatomy-depth,.motion-reduced .storage-visual>img { transform:none; }
  @media(max-width:1100px) {
    .mechanism-grid { grid-template-columns:minmax(0,1.2fr) minmax(0,.88fr); gap:42px; }
    .anatomy-depth { inset:74px 10px 94px; }
    .anatomy-focus { left:17px; right:17px; padding:16px; gap:13px; }
    .anatomy-focus>strong { font-size:.925rem; }
    .anatomy-scene-heading { left:19px; right:19px; }
    .mechanism h3 { font-size:1.85rem; }
    .storage-visual,.storage-readout { min-height:440px; }
    .storage-readout { padding:50px 25px; width:55%; }
  }
  @media(max-width:800px) {
    .mechanism-grid { grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr); gap:30px; }
    .anatomy-scene { height:580px; }
    .anatomy-sticky { top:108px; }
    .anatomy-scene-heading { font-size:.75rem; letter-spacing:.06em; }
    .anatomy-scene-heading>span:first-child { padding:7px 10px; }
    .anatomy-focus { gap:10px; padding:14px; left:13px; right:13px; }
    .anatomy-focus>strong { font-size:.875rem; }
    .mechanism h3 { font-size:1.65rem; }
    .storage-visual,.storage-readout { min-height:400px; }
    .storage-readout .temperature { font-size:clamp(7rem,15vw,9rem); }
    .storage-readout .eyebrow { letter-spacing:.08em; }
  }
  @media(max-width:560px) {
    .mechanism-grid { display:block; }
    .anatomy-sticky { position:relative; top:auto; height:auto; margin:0 0 40px; }
    .anatomy-scene { height:540px; border-radius:22px; }
    .anatomy-depth { inset:68px 8px 93px; }
    .anatomy-scene-heading { inset:23px 23px auto; }
    .anatomy-focus { left:22px; right:22px; bottom:24px; padding:17px 18px; }
    .anatomy-focus>strong { font-size:1rem; }
    .anatomy-caption { margin-top:18px; }
    .mechanism h3 { font-size:1.95rem; }
    .kit-art { height:405px; }
    .kit-bottles { height:auto; max-height:390px; }
    .kit-syringe { height:auto; }
    .mobile-step-image { width:100%; height:auto; max-height:none; aspect-ratio:1 / 1; object-fit:cover; object-position:center; background:#eef0ed; }
    .storage-visual { margin-top:35px; border-radius:20px; min-height:0; }
    .storage-visual>img { position:relative; inset:auto; width:100%; height:250px; object-fit:cover; object-position:center; transform:none; }
    .storage-visual:after { display:none; }
    .storage-readout { width:100%; min-height:0; padding:32px 23px 38px; }
    .storage-readout .eyebrow { font-size:.75rem; margin-bottom:12px; }
    .storage-readout .temperature { font-size:27vw; }
    .storage-readout .temperature-caption { font-size:.75rem; margin-top:14px; }
    .closing-actions { flex-wrap:nowrap; }
  }
  @media(prefers-reduced-motion:reduce) {
    .anatomy-depth,.storage-visual>img { transform:none; }
  }
  @media print {
    .anatomy-sticky { position:relative; top:auto; }
    .anatomy-figure { animation:none; }
    .storage-visual { break-inside:avoid; }
  }
}
@layer motion {
  @keyframes anatomy-float {
    0%,100% { transform:translateY(7px) rotate(-1.1deg); }
    50% { transform:translateY(-9px) rotate(1.1deg); }
  }
}

/* Supplied transparent product assets. The frames hide only empty alpha margins. */
@layer responsive {
  .product-crop { position:relative; overflow:hidden; display:block; }
  .product-crop>img { position:absolute; display:block; max-width:none; object-fit:fill; }
  .product-crop--meta { aspect-ratio:770 / 1752; }
  .product-crop--meta>img { left:-2.207792%; top:-2.739726%; width:104.935065%; height:104.223744%; }
  .product-crop--water { aspect-ratio:687 / 1578; }
  .product-crop--water>img { left:-70.451237%; top:-17.997465%; width:240.029112%; height:129.784537%; }
  .product-crop--syringe { aspect-ratio:1097 / 1478; }
  .product-crop--syringe>img { left:-29.079307%; top:-18.470907%; width:150.319052%; height:138.565629%; }
  .hero-vial { z-index:1; height:min(73svh,660px); width:auto; flex-shrink:0; transform:rotate(-7deg); filter:drop-shadow(0 22px 36px #00150d55); }
  .kit-art[data-kit-composition=separate] { display:block; width:100%; height:auto; min-height:0; aspect-ratio:1 / 1.17; position:relative; overflow:visible; }
  .kit-art[data-kit-composition=separate] .kit-ring { width:103%; left:-1.5%; top:6%; }
  .kit-piece { position:absolute; opacity:1; visibility:visible; will-change:transform; filter:drop-shadow(0 24px 25px #001c1855); }
  .kit-piece>.product-crop { width:100%; animation:kit-hover 7s ease-in-out infinite; animation-play-state:paused; }
  .kit-art.is-visible .kit-piece>.product-crop { animation-play-state:running; }
  .kit-piece--meta { z-index:2; left:11%; top:4%; width:35%; transform:translate3d(0,calc((.5 - var(--kit-drift,.5)) * 42px),0) rotate(calc(-6deg + (.5 - var(--kit-drift,.5)) * 8deg)); }
  .kit-piece--water { z-index:1; left:56%; top:8%; width:32%; transform:translate3d(0,calc((var(--kit-drift,.5) - .5) * 36px),0) rotate(calc(6deg + (var(--kit-drift,.5) - .5) * 8deg)); }
  .kit-piece--water>.product-crop { animation-duration:8.5s; animation-delay:-3s; }
  .kit-piece--syringe { z-index:3; left:25%; top:47%; width:46%; transform:translate3d(calc((var(--kit-drift,.5) - .5) * 30px),calc((.5 - var(--kit-drift,.5)) * 18px),0) rotate(calc(-106deg - var(--kit-drift,.5) * 10deg)); transform-origin:center; }
  .kit-piece--syringe>.product-crop { animation-duration:9s; animation-delay:-5s; }
  .motion-reduced .kit-piece { opacity:1; }
  .motion-reduced .kit-piece--meta { transform:rotate(-6deg); }
  .motion-reduced .kit-piece--water { transform:rotate(6deg); }
  .motion-reduced .kit-piece--syringe { transform:rotate(-111deg); }
  @media(min-width:1600px) { .hero-vial { height:min(76svh,740px); } }
  @media(max-width:1100px) { .hero-vial { height:min(68svh,610px); } }
  @media(max-width:1000px) {
    .kit-grid { grid-template-columns:1fr; gap:40px; }
    .kit-art[data-kit-composition=separate] { width:min(100%,600px); margin-inline:auto; }
    .kit-list { width:100%; }
  }
  @media(max-width:800px) { .hero-vial { height:min(65svh,520px); } }
  @media(max-width:560px) {
    .hero-vial { height:390px; }
    .kit-grid { display:flex; gap:24px; }
    .kit-art[data-kit-composition=separate] { width:100%; max-width:460px; height:auto; flex:none; }
    .kit-piece--meta { left:11%; }
    .kit-piece--water { left:56%; }
    .kit-piece--syringe { width:46%; left:25%; }
  }
  @media(max-width:380px) { .hero-vial { height:345px; } }
  @media(max-height:740px) and (min-width:801px) { .hero-vial { height:480px; } }
  @media(prefers-reduced-motion:reduce) {
    .kit-piece { opacity:1; }
    .kit-piece--meta { transform:rotate(-6deg); }
    .kit-piece--water { transform:rotate(6deg); }
    .kit-piece--syringe { transform:rotate(-111deg); }
  }
  @media print {
    .kit-piece { opacity:1; }
    .kit-piece--meta { transform:rotate(-6deg); }
    .kit-piece--water { transform:rotate(6deg); }
    .kit-piece--syringe { transform:rotate(-111deg); }
  }
}
@layer motion {
  @keyframes kit-hover { 0%,100% { transform:translateY(4px); } 50% { transform:translateY(-5px); } }
}

/* One clear forward action for the application guide. */
@layer responsive {
  .guide-top { align-items:center; margin-bottom:16px; }
  .guide-top>#apply-count { white-space:nowrap; max-width:none; flex-shrink:0; font-weight:600; color:var(--green); }
  .guide-instruction { color:var(--muted); font-size:1rem; margin-bottom:22px; }
  .guide-instruction strong { color:var(--green); }
  .guide-progress { display:block; appearance:none; width:100%; height:5px; border:0; border-radius:8px; overflow:hidden; background:#d6e4dc; accent-color:var(--green); margin:0 0 26px; }
  .guide-progress::-webkit-progress-bar { background:#d6e4dc; }
  .guide-progress::-webkit-progress-value { background:var(--green); transition:width .35s; }
  .guide-progress::-moz-progress-bar { background:var(--green); }
  .guide-navigation { display:flex; align-items:center; justify-content:flex-end; gap:24px; margin-top:22px; }
  .guide-back { margin-right:auto; padding:12px 0; min-height:44px; border:0; background:none; color:var(--muted); font-size:.9rem; text-decoration:underline; text-underline-offset:4px; }
  .guide-back>span { display:inline-block; margin-right:7px; text-decoration:none; }
  .guide-back:hover { color:var(--green); }
  .guide-next { display:grid; grid-template-columns:minmax(0,1fr) 24px; align-items:center; gap:20px; width:min(100%,440px); min-height:84px; padding:17px 22px; border:0; border-radius:14px; background:var(--green); color:white; text-align:left; transition:background .2s,box-shadow .2s; }
  .guide-next:hover { background:#174f3b; box-shadow:0 8px 24px #063f321c; }
  .guide-next-copy>small { display:block; font-size:.75rem; font-weight:500; letter-spacing:.08em; line-height:1.4; text-transform:uppercase; color:#cde0d5; }
  .guide-next-copy>span { display:block; margin-top:5px; font-size:1.08rem; font-weight:600; line-height:1.4; }
  .guide-next>svg { transition:transform .2s; }
  .guide-next:hover>svg { transform:translateX(3px); }
  .apply-panel { scroll-margin-top:100px; }
  @media(max-width:560px) {
    .guide-top { align-items:flex-start; gap:16px; }
    .guide-top>#apply-count { padding-top:5px; font-size:.8rem; }
    .guide-instruction { font-size:.95rem; }
    .guide-navigation { flex-direction:column; align-items:stretch; gap:8px; margin-top:18px; }
    .guide-next { order:0; width:100%; }
    .guide-back { order:1; margin:0; align-self:center; }
  }
  @media print { .guide-navigation,.guide-progress,.guide-instruction { display:none; } }
}

/* Stage colors identify reference information, not a treatment state. */
@layer responsive {
  .dosage[data-dose-stage="0"],.dose-tab[data-dose="0"] { --dose-accent:#236346; --dose-soft:#e8f3ec; }
  .dosage[data-dose-stage="1"],.dose-tab[data-dose="1"] { --dose-accent:#285a86; --dose-soft:#eaf1fa; }
  .dosage[data-dose-stage="2"],.dose-tab[data-dose="2"] { --dose-accent:#715087; --dose-soft:#f2ecf7; }
  .dosage[data-dose-stage="3"],.dose-tab[data-dose="3"] { --dose-accent:#845c20; --dose-soft:#fbf2df; }
  .dose-context { margin-bottom:16px; }
  .dose-browse-hint { font-size:1rem; color:var(--muted); margin:0 0 26px; max-width:850px; }
  .dose-browse-hint strong { color:var(--green); }
  .dose-tab,.dose-tab.active { background:var(--dose-soft); color:#253c32; border:2px solid transparent; border-top:5px solid var(--dose-accent); }
  .dose-tab.active { border-color:var(--dose-accent); box-shadow:0 5px 18px #163d3012; }
  .dose-tab small,.dose-tab.active small { display:flex; align-items:center; min-height:44px; width:fit-content; max-width:100%; padding:5px 9px; margin-bottom:12px; border-radius:7px; background:#fff; color:#253c32; font-size:.7rem; line-height:1.4; letter-spacing:.045em; }
  .dose-tab strong { color:var(--dose-accent); font-weight:600; }
  .dose-tab-status { display:block; width:fit-content; margin-top:15px; padding:6px 10px; border-radius:20px; color:var(--dose-accent); font-size:.78rem; font-weight:600; line-height:1.4; }
  .dose-tab.active .dose-tab-status { background:var(--dose-accent); color:#fff; }
  .dose-reading-count { margin:22px 0 0; color:var(--dose-accent); font-size:.85rem; font-weight:600; }
  .dose-panel { margin-top:12px; border-top:5px solid var(--dose-accent); scroll-margin-top:20px; }
  .dose-big { color:var(--dose-accent); }
  .dose-figure .eyebrow { display:inline-block; color:#253c32; background:var(--dose-soft); border-radius:8px; padding:10px 13px; line-height:1.6; }
  .dose-navigation .dose-next,.dose-navigation .dose-next:hover { background:var(--dose-accent); }
  .dose-navigation .dose-next:hover { filter:brightness(.94); }
  .dose-next .guide-next-copy>small { color:#fff; }
  .dose-navigation .guide-back { color:var(--dose-accent); }
  .dose-full-table { scroll-margin-top:20px; }
  @media(max-width:560px) {
    .dose-browse-hint { font-size:.95rem; }
    .dose-tab { padding:16px 12px; }
    .dose-tab-status { padding-inline:8px; }
  }
  @media print { .dose-navigation,.dose-browse-hint { display:none; } }
}

/* Radar markers stay aligned with, and clipped to, the illustrated zones. */
@layer components {
  .sites-diagram { position:relative; overflow:hidden; border-radius:10px; }
  .sites-diagram-canvas { position:relative; width:151.2%; margin-left:-28%; }
  .sites-diagram-canvas>img { display:block; width:100%; max-width:none; height:auto; border-radius:0; }
  .sites-radar { position:absolute; inset:0; display:block; width:100%; height:100%; pointer-events:none; }
  .sites-zone-outline { fill:none; stroke:var(--green); stroke-width:1.35px; vector-effect:non-scaling-stroke; opacity:.8; }
  .sites-radar-wave { fill:none; stroke:var(--green); stroke-width:2px; vector-effect:non-scaling-stroke; transform-origin:0 0; transform:scale(.6); opacity:.5; animation:sites-radar-pulse 3.2s linear infinite; }
  .sites-radar-wave--1 { animation-delay:var(--radar-offset,0s); }
  .sites-radar-wave--2 { animation-delay:calc(var(--radar-offset,0s) - 1.067s); }
  .sites-radar-wave--3 { animation-delay:calc(var(--radar-offset,0s) - 2.133s); }
  .sites-radar-center { fill:#fff; stroke:var(--green); stroke-width:1.4px; vector-effect:non-scaling-stroke; }
}
@layer motion {
  @keyframes sites-radar-pulse {
    0% { transform:scale(.1); opacity:.95; }
    70% { opacity:.55; }
    100% { transform:scale(1); opacity:0; }
  }
  .motion-reduced .sites-radar-wave { animation:none; opacity:0; }
  @media(prefers-reduced-motion:reduce) { .sites-radar-wave { animation:none; opacity:0; } }
  @media print { .sites-radar-wave { animation:none; opacity:0; } }
}

/* Price follows the complete guide and immediately precedes the purchase CTA. */
@layer responsive {
  .closing-price { width:min(100%,640px); margin:20px auto 28px; }
  /* Enlarge by 30%; the viewport cap preserves the complete label on narrow screens. */
  .closing-price>img { display:block; width:min(130%,calc((100vw - 24px) * 1.136)); max-width:none; height:auto; margin-left:50%; transform:translateX(-50%); object-fit:contain; filter:drop-shadow(0 16px 22px #001b2440); }
  @media(max-width:560px) {
    .closing-price { margin:12px auto 26px; }
  }
}