:root { --ink:#152b36; --ink-2:#25404b; --cream:#f8f5ec; --paper:#efeddf; --coral:#f27a38; --coral-deep:#bd5426; --sun:#f7c764; --sage:#a9c5b1; --line:rgba(21,43,54,.17); --serif:Iowan Old Style, Palatino Linotype, Georgia, serif; --sans:Avenir Next, Avenir, Inter, ui-sans-serif, system-ui, sans-serif; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);overflow-x:hidden} body.modal-open{overflow:hidden} img{display:block;max-width:100%} button,input{font:inherit} button{cursor:pointer} a{color:inherit} button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--sun);outline-offset:3px}.skip-link{position:fixed;top:-4rem;left:1rem;z-index:100;background:var(--ink);color:white;padding:.7rem;text-decoration:none}.skip-link:focus{top:0}.shell{width:min(1180px,calc(100% - 3rem));margin:auto}
.site-header{position:absolute;z-index:4;top:0;left:0;right:0;min-height:94px;display:flex;align-items:center;gap:2rem;color:white}.brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;font-size:1.25rem;font-weight:900;letter-spacing:-.07em}.brand-logo-wrap{width:27px;height:27px;display:inline-block;flex:0 0 auto;overflow:hidden;border-radius:50%;background:var(--cream)}.brand-logo{width:73px;max-width:none;height:auto;margin:-13px 0 0 -15px}.main-nav{display:flex;gap:clamp(1rem,2.4vw,2.4rem);margin-left:auto}.main-nav a{font-size:.7rem;font-weight:800;text-decoration:none}.main-nav a:hover{color:var(--sun)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid transparent;border-radius:999px;min-height:48px;padding:.78rem 1.15rem;font-size:.75rem;font-weight:900;letter-spacing:.01em;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(0,0,0,.18)}.button-small{min-height:40px;padding:.6rem .95rem}.button-light{background:var(--cream);color:var(--ink)}.button-coral{background:var(--coral);color:white}.button-dark{background:var(--ink);color:white}.button-full{width:100%}
.hero{position:relative;min-height:680px;display:grid;align-items:end;overflow:hidden;background:var(--ink);color:white}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,20,25,.92) 0%,rgba(9,20,25,.68) 37%,rgba(9,20,25,.1) 74%),linear-gradient(0deg,rgba(9,20,25,.48),transparent 42%)}.hero-content{position:relative;z-index:1;padding:160px 0 108px}.eyebrow{margin:0 0 1rem;color:var(--coral-deep);font-size:.63rem;font-weight:900;letter-spacing:.16em}.light-eyebrow{color:var(--sun)}h1,h2,h3,p{margin-top:0}.hero h1{max-width:630px;margin-bottom:1.2rem;font-family:var(--sans);font-size:clamp(3.55rem,7vw,6.7rem);font-weight:900;line-height:.86;letter-spacing:-.075em}.hero h1 em,h2 em{color:var(--coral);font-family:var(--serif);font-weight:500}.hero-lede{max-width:430px;margin-bottom:1.7rem;color:rgba(255,255,255,.87);font-size:.96rem;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:1.3rem}.hero-link{color:white;font-size:.74rem;font-weight:800;text-underline-offset:.35rem}.hero-alert{position:absolute;right:max(3rem,calc((100vw - 1180px)/2));bottom:78px;z-index:2;width:260px;padding:1rem;border-radius:.75rem;background:rgba(255,250,241,.96);color:var(--ink);box-shadow:0 18px 35px rgba(0,0,0,.24)}.hero-alert span,.hero-alert strong,.hero-alert small{display:block}.alert-kicker{margin-bottom:.45rem;color:var(--coral-deep);font-size:.55rem;font-weight:900;letter-spacing:.12em}.alert-kicker i,.camera-status i{display:inline-block;width:7px;height:7px;margin-right:.4rem;border-radius:50%;background:#62ab74}.hero-alert strong{font-size:.86rem}.hero-alert>span:not(.alert-kicker){margin-top:.25rem;font-size:.68rem;line-height:1.45}.hero-alert small{margin-top:.55rem;color:#75818a;font-size:.55rem}
.product-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,10vw,10rem);align-items:center;padding:8.5rem 0}.product-copy{max-width:500px}.product-copy h2,.safety-heading h2,.context-section h2,.privacy-title h2,.research-card h2{font-family:var(--sans);font-size:clamp(2.6rem,5vw,4.7rem);font-weight:900;line-height:.92;letter-spacing:-.07em}.product-copy>p:not(.eyebrow){color:var(--ink-2);font-size:.95rem;line-height:1.7}.feature-list{margin:2rem 0 0;border-top:1px solid var(--line)}.feature-list div{display:grid;grid-template-columns:145px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.feature-list dt{font-size:.7rem;font-weight:900}.feature-list dd{margin:0;color:var(--ink-2);font-size:.7rem;line-height:1.55}.camera-frame{position:relative;width:min(100%,480px);justify-self:end}.camera-orbit{position:absolute;inset:8% 1% auto auto;width:86%;aspect-ratio:1;border:1px solid rgba(242,122,56,.3);border-radius:50%;background:rgba(247,199,100,.19)}.camera-frame img{position:relative;width:80%;margin:0 auto;border-radius:1.2rem;box-shadow:0 22px 48px rgba(21,43,54,.16);transform:rotate(2.5deg)}.camera-status{position:absolute;right:-5%;bottom:10%;padding:.6rem .75rem;border-radius:.5rem;background:white;box-shadow:0 9px 22px rgba(21,43,54,.15);font-size:.55rem;font-weight:900;letter-spacing:.08em}
.safety-section{padding:7rem 0 8rem;background:#fbfaf4}.safety-heading{max-width:760px;margin-bottom:4rem;text-align:center}.safety-heading .eyebrow{margin-bottom:1.2rem}.safety-heading h2{margin-bottom:1.1rem}.safety-heading>p{max-width:500px;margin:auto;color:var(--ink-2);font-size:.9rem;line-height:1.65}.risk-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.risk-card{display:grid;grid-template-columns:1fr 1fr;min-height:315px;background:var(--paper);border-radius:.9rem;overflow:hidden}.risk-card-reverse .risk-photo{order:2}.risk-card-reverse .risk-copy{order:1}.risk-photo img{width:100%;height:100%;object-fit:cover}.risk-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:2rem}.risk-number{position:absolute;top:1.1rem;left:1.2rem;color:var(--coral-deep);font-size:.62rem;font-weight:900}.risk-copy h3{margin:.9rem 0;font-size:clamp(1.45rem,2.2vw,2.05rem);font-weight:900;line-height:.98;letter-spacing:-.055em}.risk-copy p{margin:0;color:var(--ink-2);font-size:.75rem;line-height:1.6}
.context-section{padding:7rem 0;background:#e9e7d8}.context-section .eyebrow,.context-section h2{text-align:center}.context-section h2{margin-bottom:3.5rem}.context-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.context-steps article{min-height:205px;padding:1.8rem 2rem;border-right:1px solid var(--line)}.context-steps article:last-child{border:0}.context-steps span{color:var(--coral-deep);font-size:.65rem;font-weight:900}.context-steps h3{margin:1.9rem 0 .7rem;font-size:1.1rem;letter-spacing:-.035em}.context-steps p{margin:0;color:var(--ink-2);font-size:.76rem;line-height:1.6}
.privacy-section{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(3rem,9vw,9rem);margin-top:6.5rem;padding:4.5rem;background:var(--paper);border-radius:1rem}.privacy-title h2{margin-bottom:0}.privacy-points{display:grid;gap:1.25rem}.privacy-points article{display:grid;grid-template-columns:34px 1fr;gap:.7rem;padding-bottom:1.2rem;border-bottom:1px solid var(--line)}.privacy-points article:last-child{padding-bottom:0;border:0}.privacy-points span{color:var(--coral-deep);font-size:1.1rem}.privacy-points h3{margin:0 0 .3rem;font-size:.87rem}.privacy-points p{margin:0;color:var(--ink-2);font-size:.75rem;line-height:1.6}.research-section{padding:5.5rem 0}.research-card{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:3.5rem;background:var(--coral);border-radius:1rem}.research-card h2{max-width:570px;margin-bottom:1rem;font-size:clamp(2.3rem,4vw,3.7rem)}.research-card .eyebrow{color:var(--ink)}.research-card p:not(.eyebrow){max-width:550px;margin-bottom:0;color:var(--ink);font-size:.86rem;line-height:1.65}.research-card .button{white-space:nowrap;background:var(--ink);color:white}.site-footer{display:grid;grid-template-columns:1fr auto auto;gap:1rem 2rem;align-items:center;padding:0 0 2.1rem;color:var(--ink-2);font-size:.65rem}.site-footer .brand{color:var(--ink)}.site-footer p{margin:0}
.modal-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:1rem;background:rgba(9,20,25,.68);backdrop-filter:blur(6px)}.modal-backdrop[hidden]{display:none}.waitlist-modal{position:relative;width:min(100%,620px);max-height:calc(100vh - 2rem);overflow:auto;padding:clamp(1.8rem,4vw,3.3rem);border-radius:1rem;background:var(--cream);box-shadow:0 26px 70px rgba(0,0,0,.35)}.modal-close{position:absolute;top:1rem;right:1rem;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:1.4rem}.modal-brand{display:flex;align-items:center;gap:.45rem;margin-bottom:2.3rem;font-size:1rem;font-weight:900;letter-spacing:-.06em}.modal-brand .brand-logo-wrap{width:21px;height:21px}.modal-brand .brand-logo{width:58px;margin:-11px 0 0 -12px}.modal-step{margin:0 0 .8rem;color:var(--coral-deep);font-size:.63rem;font-weight:900;letter-spacing:.15em}.modal-panel h2{max-width:500px;margin-bottom:1rem;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:900;line-height:.92;letter-spacing:-.07em}.modal-panel>p:not(.modal-step):not(.form-error),.survey-intro{margin:0 0 1.6rem;color:var(--ink-2);font-size:.85rem;line-height:1.6}.modal-panel small{display:block;margin-top:.9rem;color:var(--ink-2);font-size:.62rem}.modal-panel label[for="email"]{display:block;margin-bottom:.4rem;font-size:.7rem;font-weight:900}.modal-panel input[type="email"]{width:100%;min-height:53px;padding:.8rem;border:1px solid var(--line);border-radius:.6rem;background:white}.form-error{min-height:1.05rem;margin:.5rem 0 0;color:#a43e30;font-size:.7rem;font-weight:800}.survey-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.progress-label{color:var(--ink-2);font-size:.67rem}.modal-panel fieldset{margin:1.2rem 0;padding:0;border:0}.modal-panel legend{margin-bottom:.65rem;font-size:.78rem;font-weight:900}.modal-panel legend em{color:var(--coral-deep);font-size:.68rem;font-weight:600}.choice-row{display:flex;flex-wrap:wrap;gap:.45rem}.choice-pill input,.scenario-option input{position:absolute;opacity:0;pointer-events:none}.choice-pill span{display:inline-flex;align-items:center;min-height:37px;padding:.45rem .65rem;border:1px solid var(--line);border-radius:999px;background:white;color:var(--ink-2);font-size:.68rem;font-weight:800}.choice-pill input:checked+span{border-color:var(--ink);background:var(--ink);color:white}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.scenario-option{display:flex;align-items:center;gap:.5rem;min-height:52px;padding:.55rem .6rem;border:1px solid var(--line);border-radius:.6rem;background:white;color:var(--ink-2);font-size:.65rem;font-weight:800;line-height:1.3}.checkmark{display:grid;width:18px;height:18px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:.3rem;color:transparent}.scenario-option input:checked~.checkmark{border-color:var(--ink);background:var(--sun);color:var(--ink)}.scenario-option:has(input:checked){border-color:var(--ink);color:var(--ink)}.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem}.back-button{border:0;background:none;color:var(--ink-2);font-size:.75rem;font-weight:900}.success-panel{text-align:center}.success-panel h2{margin-inline:auto}.success-panel>p{max-width:470px;margin-inline:auto!important}.success-orbit{width:86px;height:86px;display:grid;place-items:center;margin:0 auto 1.5rem;border-radius:50%;background:var(--sun);font-size:2.6rem;color:var(--coral-deep)}
@media(max-width:900px){.main-nav{display:none}.hero{min-height:660px}.hero-alert{right:2rem}.product-section,.privacy-section{grid-template-columns:1fr}.camera-frame{justify-self:center}.risk-grid{grid-template-columns:1fr}.research-card{align-items:flex-start;flex-direction:column}.site-footer{grid-template-columns:1fr auto}.site-footer p:last-child{grid-column:1/-1}}
@media(max-width:600px){.shell{width:min(100% - 2rem,1180px)}.site-header{min-height:78px}.button-small{min-height:38px;font-size:.65rem}.hero{min-height:720px}.hero-content{padding:155px 0 190px}.hero h1{font-size:clamp(3.45rem,15vw,5.2rem)}.hero-alert{right:1rem;bottom:2.2rem;width:235px}.product-section{padding:5rem 0}.feature-list div{grid-template-columns:1fr;gap:.3rem}.safety-section{padding:5rem 0}.safety-heading{margin-bottom:2.6rem;text-align:left}.safety-heading .eyebrow,.safety-heading h2{text-align:left}.risk-card,.risk-card-reverse{grid-template-columns:1fr}.risk-card-reverse .risk-photo,.risk-card-reverse .risk-copy{order:initial}.risk-photo{min-height:220px}.risk-copy{min-height:230px}.context-section{padding:5rem 0}.context-section h2{text-align:left}.context-section .eyebrow{text-align:left}.context-steps{grid-template-columns:1fr}.context-steps article{min-height:auto;padding:1.5rem 0;border-right:0;border-bottom:1px solid var(--line)}.context-steps article:last-child{border-bottom:0}.context-steps h3{margin:1rem 0 .5rem}.privacy-section{margin-top:4rem;padding:2rem}.research-section{padding:4rem 0}.research-card{padding:2.2rem}.site-footer{grid-template-columns:1fr;gap:.6rem}.site-footer p:last-child{grid-column:auto}.scenario-grid{grid-template-columns:1fr}.modal-actions{align-items:stretch;flex-direction:column-reverse}.modal-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Product cue in the hero: keeps the camera visible before the first scroll. */
.hero-camera{position:absolute;z-index:2;right:calc(max(3rem,(100vw - 1180px)/2) + 260px);bottom:72px;width:clamp(112px,12vw,175px);padding:.38rem;border:4px solid rgba(255,255,255,.9);border-radius:.9rem;background:rgba(248,245,236,.95);box-shadow:0 16px 30px rgba(0,0,0,.28);transform:rotate(-3deg)}
.hero-camera{object-fit:cover;aspect-ratio:1.1}
@media(max-width:900px){.hero-camera{right:290px;bottom:56px;width:112px}}
@media(max-width:600px){.hero-camera{right:1.15rem;bottom:178px;width:94px;border-width:3px}}

/* Founding-family offer banner */
.offer-banner{position:absolute;z-index:8;top:0;left:0;right:0;min-height:52px;padding:.55rem 1rem;background:#2d2927;color:#f8f5ec}
.offer-banner-content{display:flex;align-items:center;justify-content:center;gap:.8rem;margin:auto;text-align:center}.offer-badge{display:inline-flex;align-items:center;min-height:23px;padding:.25rem .6rem;border-radius:999px;background:var(--sun);color:var(--ink);font-size:.57rem;font-weight:950;letter-spacing:.05em;white-space:nowrap}.offer-banner p{margin:0;font-size:.72rem;line-height:1.35}.offer-banner-link{padding:0;border:0;border-bottom:1px solid var(--sun);background:transparent;color:var(--sun);font-size:.72rem;font-weight:900;white-space:nowrap}.offer-banner-link:hover{color:white;border-color:white}.site-header{top:52px}.hero-content{padding-top:202px}
@media(max-width:600px){.offer-banner{min-height:68px;padding:.38rem .75rem}.offer-banner-content{gap:.35rem .6rem;flex-wrap:wrap}.offer-banner p{font-size:.58rem}.offer-badge{min-height:20px;font-size:.49rem}.offer-banner-link{font-size:.6rem}.site-header{top:68px}.hero-content{padding-top:190px}}
@media(max-width:390px){.offer-banner{min-height:88px}.offer-banner p{width:100%}.site-header{top:88px}.hero-content{padding-top:208px}}

/* Compact waitlist form: the complete second step stays above the fold on desktop. */
.waitlist-modal{width:min(100%,900px);max-height:min(760px,calc(100vh - 1.25rem));padding:1.35rem clamp(1.4rem,3vw,2.4rem)}
.modal-brand{margin-bottom:1.15rem}.modal-panel h2{max-width:720px;margin-bottom:.5rem;font-size:clamp(1.75rem,3.6vw,2.85rem);line-height:.94}.modal-panel>p:not(.modal-step):not(.form-error),.survey-intro{margin:0 0 .85rem;font-size:.78rem;line-height:1.45}.survey-heading{margin-bottom:.1rem}.modal-step{margin-bottom:.45rem}.modal-panel fieldset{margin:.65rem 0}.modal-panel legend{margin-bottom:.42rem;font-size:.73rem}.choice-row{gap:.36rem}.choice-pill span{min-height:33px;padding:.38rem .58rem;font-size:.63rem}.scenario-grid{gap:.42rem}.scenario-option{min-height:44px;padding:.42rem .52rem;font-size:.61rem;line-height:1.2}.checkmark{width:17px;height:17px}.modal-actions{margin-top:.55rem}.modal-actions .button{min-height:43px}
#surveyForm{display:grid;grid-template-columns:1fr 1fr;gap:.15rem 1rem;align-items:start}#surveyForm fieldset{margin:.45rem 0}#surveyForm fieldset:nth-of-type(3),#surveyForm .form-error,#surveyForm .modal-actions{grid-column:1/-1}#surveyForm .form-error{margin:.1rem 0;min-height:.5rem}
@media(max-width:600px){.waitlist-modal{max-height:calc(100vh - .6rem);padding:1.15rem 1rem}.modal-brand{margin-bottom:.75rem}.modal-panel h2{font-size:clamp(1.65rem,7.7vw,2.25rem)}#surveyForm{display:block}#surveyForm fieldset{margin:.6rem 0}.scenario-option{min-height:42px}.modal-actions{margin-top:.5rem}}
@media(min-width:601px) and (max-height:820px){.waitlist-modal{max-height:calc(100vh - .75rem);padding:1rem 2rem}.modal-brand{margin-bottom:.7rem}.modal-panel h2{font-size:clamp(1.6rem,3vw,2.35rem)}.modal-panel fieldset{margin:.4rem 0}.scenario-option{min-height:40px}.modal-actions{margin-top:.3rem}}
