/* Appearance controls: midnight, mist glass, warm packaging orange. */
html[data-theme=dark]{background:#080e19;color-scheme:dark}
html[data-theme=light]{background:#e9e9e9;color-scheme:light}
.theme-toggle{display:inline-flex;align-items:center;gap:8px;flex:none;padding:7px 19px;border-radius:99px;border:1px solid #131b2a24;background:#ffffff48;color:#283344;cursor:pointer;min-height:44px}
.theme-toggle-track{position:relative;display:flex;align-items:center;justify-content:space-between;width:60px;height:26px;padding:4px}
.theme-toggle-track svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;z-index:1;transition:transform .45s ease,color .3s ease}
.theme-toggle-thumb{position:absolute;left:1px;top:1px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 6px #0002;transition:transform .45s cubic-bezier(.22,1,.36,1),background .4s}
.theme-toggle-label{font-size:11px;min-width:29px;text-align:left}
.dark-preview .theme-toggle{background:#b6c8e314;border-color:#dce9ff30;color:#bdcada}
.dark-preview .theme-toggle-thumb{transform:translateX(34px);background:#cedcee}
.dark-preview .theme-moon{color:#172235;transform:rotate(-12deg)}
.theme-toggle:hover .theme-sun{transform:rotate(60deg)}
.theme-toggle:focus-visible{outline:2px solid #ffab70;outline-offset:4px}
.rounded-direction .site-header .header{gap:24px}
/* The supplied transparent products work in either palette. */
.rounded-direction .kit-gallery #kit-panel[data-view=kit] img{width:200%;max-width:none;height:auto;mix-blend-mode:normal}
.rounded-direction .formula-stick img{object-fit:contain;max-width:none;width:auto}
/* Give the segmented selector a stable dark surface on desktop and mobile. */
.rounded-direction.dark-preview .kit-gallery .gallery-tabs{background:#162132;background-image:none;border:1px solid #526278;isolation:isolate;backdrop-filter:none;-webkit-backdrop-filter:none}
.rounded-direction.dark-preview .kit-gallery .gallery-tabs button{background:transparent;color:#c4cedc;box-shadow:none;opacity:1}
.rounded-direction.dark-preview .kit-gallery .gallery-tabs button[aria-selected=true]{background:#3c4c62;color:#fff;box-shadow:inset 0 1px 0 #ffffff24}
.rounded-direction.dark-preview .kit-gallery .gallery-tabs button:hover{color:#fff;background:#2b394c}
/* A quiet glass edge separates the opening from the page. */
.rounded-direction.dark-preview .night-opening{background:linear-gradient(145deg,#26364c70,#0e1828cc);border:1px solid #cee0f322;box-shadow:inset 0 1px 0 #eff6ff12,0 24px 70px #0002}
.rounded-direction .kit-stage{position:relative;isolation:isolate}
.rounded-direction.dark-preview .faq{max-width:none;width:100%;padding:90px max(6vw,calc((100vw - 1120px)/2));background:#111c2c;border-top:1px solid #c8d9ee13;border-bottom:0}
.mechanisms-together{grid-column:1/-1;border-top:1px solid #ffffff24;padding:28px 0 4px;max-width:880px}
.mechanisms-together .eyebrow{color:#b9c8dc;font-size:12px;margin:0 0 12px}
.mechanisms-together .mechanisms-context{font-size:12px;color:#a8b6c9;margin-top:14px}
:is(.button,.header-cta) .icon-arrow{transition:transform .35s cubic-bezier(.22,1,.36,1)}
:is(.button,.header-cta):is(:hover,:focus-visible) .icon-arrow{animation:cta-arrow-nudge .7s ease both}
@keyframes cta-arrow-nudge{0%{transform:translate(0,0)}45%{transform:translate(5px,-5px)}100%{transform:translate(3px,-3px)}}
::view-transition-old(root){animation:theme-fade-out .45s ease both}
::view-transition-new(root){animation:theme-fade-in .45s ease both}
@keyframes theme-fade-out{to{opacity:0}}
@keyframes theme-fade-in{from{opacity:0}}
@supports not (view-transition-name:root){body,.site-header,.formula-surface,.kit-stage,.faq,.faq details,.founder-surface{transition:background-color .4s ease,color .4s ease,border-color .4s ease}}
@media(min-width:1000px){
 .rounded-direction .night-opening{width:100%;max-width:none;border-radius:0 0 36px 36px;border-inline:0}
 .rounded-direction .signup-hero{position:relative;isolation:isolate;aspect-ratio:auto;min-height:920px;padding:32px 0 36px}
 .signup-hero>.hero-launch{position:relative;z-index:2;width:calc(100% - 112px);max-width:1280px;margin-bottom:0}
 .signup-hero-photo{position:absolute;inset:0 0 auto;height:660px;min-height:0;max-height:none;width:100%;z-index:-1}
 .signup-hero-photo img{width:100%;max-width:none;height:100%;object-fit:cover;object-position:center 55%;mask-image:linear-gradient(#000 42%,#000b 60%,transparent 100%);-webkit-mask-image:linear-gradient(#000 42%,#000b 60%,transparent 100%)}
 .signup-hero-content{width:min(100% - 112px,900px);margin-top:365px}
 .rounded-direction .signup-hero h1{font-size:clamp(40px,3.3vw,54px);text-shadow:0 2px 26px #0008}
 .signup-hero-subtitle{margin-top:24px}
 .hero-capture{margin-top:30px}
}
@media(max-width:1050px){.rounded-direction .site-header .header{gap:14px}.theme-toggle-label{display:none}.theme-toggle{padding:5px 13px}}
@media(max-width:700px){
 .rounded-direction .site-header .header{gap:12px;width:calc(100% - 36px)}
 .site-header .wordmark{margin-right:auto;max-width:145px}
 .theme-toggle{min-height:40px;padding:4px 12px;border-radius:99px}
 .rounded-direction .formula-stick img{width:auto;height:100%;max-width:none}
 .rounded-direction.dark-preview .faq{padding:64px 20px}
}
@media(prefers-reduced-motion:reduce){
 .theme-toggle *,:is(.button,.header-cta) .icon-arrow{transition:none!important;animation:none!important}
 ::view-transition-old(root),::view-transition-new(root){animation:none!important}
}
.rounded-direction .kit-stage>.kit-visuals,.rounded-direction .kit-stage>.ritual-steps,.rounded-direction .kit-stage>.kit-faq-link{position:relative;z-index:1}
@media(min-width:1000px) and (max-height:850px){
 .rounded-direction .signup-hero{min-height:760px;padding-top:28px}
 .signup-hero-photo{height:520px}
 .signup-hero-content{margin-top:250px}
 .rounded-direction .signup-hero h1{font-size:40px}
 .signup-hero-subtitle{margin-top:18px}
 .hero-capture{margin-top:22px}
}
.rounded-direction.dark-preview .kit-section{position:relative;isolation:isolate}

/* One continuous closing surface, from the FAQ through the footer. */
.page-ending,.footer-surface{display:flow-root}
.dark-preview :is(.page-ending,.footer-surface){background:#111c2c}
.rounded-direction.dark-preview .page-ending .faq{background:transparent}
.rounded-direction.dark-preview .page-ending .founder{padding-top:24px}

/* Day palette: bright surfaces, ink typography and softly frosted cards. */
body.rounded-direction:not(.dark-preview) .night-opening{background:#eef0f3;border:1px solid #fff9;box-shadow:inset 0 1px 0 #fff,0 18px 55px #18263808}
body.rounded-direction:not(.dark-preview) .night-opening::after{display:none}
body.rounded-direction:not(.dark-preview) :is(.signup-hero,.evidence-journey,.research-section,.launch-journey,.signup-section){color:#172235}
body.rounded-direction:not(.dark-preview) .evidence-journey{background:#eef0f3}
body.rounded-direction:not(.dark-preview) .signup-hero h1{text-shadow:none}
body.rounded-direction:not(.dark-preview) :is(.hero-launch,.signup-hero-description,#hero-signup-form>label,#hero-signup-notice,.hero-preview,#hero-signup-success p){color:#566275}
body.rounded-direction:not(.dark-preview) :is(#hero-email,#signup-form input){color:#172235;background:#ffffff80;border-color:#7b8ba559;box-shadow:inset 0 1px 0 #fff8}
body.rounded-direction:not(.dark-preview) :is(#hero-email,#signup-form input)::placeholder{color:#647084}
body.rounded-direction:not(.dark-preview) :is(#hero-email,#signup-form input):focus-visible{outline-color:#526c8e}
body.rounded-direction:not(.dark-preview) :is(#hero-signup-form,#signup-form)>.button{background:linear-gradient(135deg,#ffffffed,#d5deebd9);border-color:#8a9cb654;box-shadow:inset 0 1px 0 #fff,0 5px 20px #0a122312}
body.rounded-direction:not(.dark-preview) .signup-hero-photo img{mask-image:linear-gradient(transparent,#000 22%,#000 62%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 62%,transparent)}
body.rounded-direction:not(.dark-preview) .evidence-journey :is(p,small,.expand-label,.study-body,.study-body dt,.pathway-preview,.mechanisms-together .eyebrow,.mechanisms-together .mechanisms-context){color:#566275}
body.rounded-direction:not(.dark-preview) .evidence-journey :is(h2,h3,.study-body strong,.study-body dd,.pathway-prompt,.research-dose,.eyebrow,label){color:#172235}
body.rounded-direction:not(.dark-preview) .evidence-journey :is(.studies details,.mechanisms){background:linear-gradient(135deg,#ffffff94,#d8e1ed66);border-color:#61748e30;box-shadow:inset 0 1px 0 #fff9,0 16px 48px #293c5908}
body.rounded-direction:not(.dark-preview) .evidence-journey .mechanisms:hover{background:linear-gradient(135deg,#ffffffbf,#d8e1ed88);border-color:#61748e60}
body.rounded-direction:not(.dark-preview) .evidence-journey :is(.study-body,.mechanism-grid article,.mechanisms-together,.pathway-graphic,.signup-layout,.study-body dl){border-color:#61748e30}
body.rounded-direction:not(.dark-preview) .study-body dl{background:#61748e0a}
body.rounded-direction:not(.dark-preview) .evidence-journey .journey-timeline li{border-color:#61748e40}
body.rounded-direction:not(.dark-preview) .evidence-journey .journey-timeline li:last-child{border-color:transparent}
body.rounded-direction:not(.dark-preview) .journey-dot{box-shadow:0 0 0 6px #eef0f3}
body.rounded-direction:not(.dark-preview) .evidence-journey .journey-now .journey-when{color:#a94c0c}
body.rounded-direction:not(.dark-preview) .journey-when span{color:#566275}
body.rounded-direction:not(.dark-preview) .diagram-line{stroke:#61748e}
body.rounded-direction:not(.dark-preview) .diagram-guide{stroke:#61748e;opacity:.35}
body.rounded-direction:not(.dark-preview) .diagram-grey{fill:#61748e}
body.rounded-direction:not(.dark-preview) .research-bridge::after{background:linear-gradient(to right,#eef0f3,transparent 12%,transparent 88%,#eef0f3)}
@media(min-width:1000px){
 body.rounded-direction:not(.dark-preview) .signup-hero-photo img{mask-image:linear-gradient(transparent,#000 15%,#000 35%,#0004 55%,transparent 75%);-webkit-mask-image:linear-gradient(transparent,#000 15%,#000 35%,#0004 55%,transparent 75%)}
}
body.rounded-direction:not(.dark-preview) :is(.research-dose>span,#signup-success p){color:#566275}
@media(min-width:1000px){
 body.rounded-direction:not(.dark-preview) .signup-hero>.hero-launch{color:#172235;text-shadow:0 1px 8px #fff,0 0 18px #fff}
}