@font-face{font-family:Neadra;src:url('assets/fonts/NunitoSans-400.ttf')}@font-face{font-family:Neadra;src:url('assets/fonts/NunitoSans-700.ttf');font-weight:700}
:root{--paper:#faf9f6;--ink:#292925;--muted:#62645c;--sage:#e8ece2;--line:#d6d8ce;--accent:#465541}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 Neadra,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;height:auto;display:block}.shell{width:min(1220px,calc(100% - 96px));margin-inline:auto}.review-note{background:var(--sage);text-align:center;padding:7px 20px;font-size:12px;color:#424c3e;letter-spacing:.02em}.masthead{display:flex;align-items:center;justify-content:space-between;padding-block:24px}.brand{display:flex;align-items:center;gap:9px;font-size:28px;font-weight:700;letter-spacing:-1px}nav{display:flex;align-items:center;gap:34px;font-size:15px}nav>a:not(.button):hover,.text-link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--ink);color:var(--paper);padding:15px 24px;border:1px solid var(--ink);border-radius:9px;font-size:16px;font-weight:700;cursor:pointer;min-height:48px;transition:transform .15s,background .15s}.button:hover{background:var(--accent);transform:translateY(-1px)}.small{padding:10px 18px;font-size:14px}.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center;padding-block:65px 94px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:700;margin:0 0 22px;color:var(--accent)}h1,h2,h3{line-height:1.1;letter-spacing:-.045em;margin:0;font-weight:700}h1{font-size:clamp(52px,5.7vw,82px)}h1 em{font-style:normal;color:var(--accent)}h2{font-size:clamp(34px,4vw,52px)}h3{font-size:25px;letter-spacing:-.025em}p{margin:20px 0;color:var(--muted)}.lead{font-size:21px;line-height:1.5;color:var(--ink);max-width:450px}.hero-copy>p:not(.eyebrow){max-width:460px}.actions{display:flex;align-items:center;gap:24px;margin-top:30px;flex-wrap:wrap}.text-link{font-size:15px}.fine{font-size:13px;line-height:1.6}.hero-art{margin-right:-32px}.hero-art img,.benefits img{mix-blend-mode:multiply}.everyday{padding-block:64px 94px;border-top:1px solid var(--line)}.section-intro{max-width:590px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:64px;margin-top:38px}.benefits img{width:100%;max-width:280px;margin:0 auto 28px}.number{font-size:12px;color:var(--muted);display:block;margin-bottom:15px}.benefits p{font-size:16px;margin:16px 0 0}.inside{background:#edf0e9;padding:88px 0}.inside-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.inside-grid>div{max-width:480px}.preview-tabs{margin-top:34px;display:grid}.preview-tabs button{display:flex;justify-content:space-between;text-align:left;align-items:center;min-height:60px;background:transparent;border:0;border-bottom:1px solid #cad1c2;color:var(--muted);cursor:pointer;padding:16px 0;font-size:17px}.preview-tabs button[aria-pressed=true]{font-weight:700;color:var(--ink)}.preview-tabs button:hover{color:var(--accent)}.app-preview{max-width:310px;margin:0 auto}.app-preview>img{border-radius:24px;border:1px solid #d1d4ca;box-shadow:0 14px 40px #29292515}.app-preview figcaption{font-size:12px;text-align:center;margin-top:15px;color:var(--muted)}.belonging{text-align:center;padding-block:85px;max-width:740px}.belonging p{max-width:660px;margin-inline:auto}.belonging .leaf{width:60px;margin:0 auto 20px;transform-origin:86% 86%}.waitlist{background:#e5eadf;padding:80px 0}.waitlist-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.waitlist-grid>div>p{max-width:430px}.preview-label{font-size:14px;font-weight:700;color:var(--ink);margin:0}.form-panel label{display:block;font-size:14px;font-weight:700;margin-bottom:9px}input[type=email]{width:100%;border:1px solid #9aa58f;border-radius:7px;background:var(--paper);padding:13px 16px;min-height:50px}.form-panel .consent{display:flex;align-items:flex-start;gap:12px;font-weight:400;margin:18px 0;font-size:13px}.consent input{width:18px;height:18px;flex-shrink:0;accent-color:var(--accent);margin-top:2px}#form-status{font-size:14px;min-height:44px;line-height:1.5;margin-bottom:0}#form-status.error{color:#803b2a}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:32px;font-size:13px}.footer .brand{font-size:23px}.skip{position:absolute;top:-100px;left:20px;background:white;padding:12px;z-index:3}.skip:focus{top:16px}.enter{animation:enter .5s ease-out both}.leaf.sway{animation:sway 1.4s ease-in-out 1}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sway{0%,100%{transform:rotate(0)}35%{transform:rotate(-7deg)}70%{transform:rotate(4deg)}}
@media(max-width:1000px){.shell{width:calc(100% - 56px)}nav{gap:20px}.hero{padding-block:40px 65px}.hero-art{margin:0}.actions{gap:14px}.benefits{gap:28px}.inside-grid,.waitlist-grid{gap:60px}}
@media(max-width:760px){body{font-size:17px}.shell{width:calc(100% - 40px)}.review-note{font-size:10px}.masthead{padding-block:18px}.brand{font-size:25px}nav>a:not(.button){display:none}nav .button{font-size:12px;padding:9px 12px;gap:12px}.hero{grid-template-columns:1fr;padding-block:34px 45px;gap:22px}.hero h1{font-size:58px}.hero-copy>p{max-width:520px}.hero-art{max-width:600px;margin:0 auto}.lead{font-size:20px}.eyebrow{margin-bottom:16px}.everyday{padding-block:45px 50px}.benefits{grid-template-columns:1fr;gap:38px}.benefits article{display:grid;grid-template-columns:120px 1fr;gap:0 20px}.benefits img{grid-row:1/4;width:120px;margin:auto}.benefits h3{font-size:23px}.benefits p{font-size:15px;margin-top:10px}.number{margin-bottom:10px}.inside{padding-block:48px}.inside-grid,.waitlist-grid{grid-template-columns:1fr;gap:35px}.inside-grid>div{max-width:none}.app-preview{max-width:290px}.belonging{padding-block:52px}.waitlist{padding-block:50px}.footer{flex-wrap:wrap;padding-block:24px}.footer p{order:3;width:100%;margin:0}.actions .button{font-size:14px}.text-link{font-size:14px}}
@media(max-width:370px){.hero h1{font-size:49px}.brand img{width:34px}.brand{font-size:23px}.benefits article{grid-template-columns:95px 1fr;gap:0 15px}.benefits img{width:95px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}

/* Soften opaque illustration edges without changing the source artwork. */
.benefits img{mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);}

/* W002: one short reading-order entrance, then stable text. */
.hero-copy > *{animation:copy-enter .45s ease-out both}
.hero-copy > :nth-child(1){animation-delay:0ms}
.hero-copy > :nth-child(2){animation-delay:70ms}
.hero-copy > :nth-child(3){animation-delay:140ms}
.hero-copy > :nth-child(4){animation-delay:210ms}
.hero-copy > :nth-child(5){animation-delay:280ms}
.hero-copy > :nth-child(6){animation-delay:330ms}
@keyframes copy-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hero-copy > *{animation:none;transform:none;opacity:1}}

/* Alpha artwork now blends directly; no multiply tint or edge mask required. */
.hero-art img,.benefits img{mix-blend-mode:normal;mask-image:none}

/* Real simulator image; frame is presentation only, no invented UI. */
.app-preview{max-width:326px}
.iphone-frame{border:8px solid #252525;border-radius:43px;background:#252525;box-shadow:0 0 0 1px #777,0 20px 45px #29292525;overflow:hidden}
.iphone-frame img{width:100%;height:auto;border-radius:34px}
@media(max-width:760px){.app-preview{max-width:290px}}

.iphone-frame video{display:block;width:100%;height:auto;aspect-ratio:1206/2622;border-radius:34px;background:var(--paper)}
.replay{display:block;margin:18px auto 0;padding:10px 18px;min-height:44px;border:1px solid var(--accent);border-radius:8px;color:var(--accent);background:transparent;cursor:pointer;font-size:14px}
.replay[hidden]{display:none}
#video-status:empty{display:none}

#motion-toggle{border:0;padding:5px 8px;margin-top:10px;font-size:12px;min-height:44px;text-decoration:underline;text-underline-offset:3px}
.honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.document { max-width:800px; padding-top:4rem; padding-bottom:5rem; min-height:65vh; }
.document h1 { font-size:clamp(2.2rem,5vw,3.8rem); }
.document h2 { font-size:1.5rem; margin-top:2.5rem; }
.document p { line-height:1.7; }
.document .button { margin-top:1rem; }
.footer nav { display:flex; gap:1.5rem; }
button:disabled { opacity:.65; cursor:wait; }
[hidden] { display:none !important; }