:root{--bg:#FAF7F2;--surface:#fff;--alt:#F0EBE3;--primary:#3E7C4F;--soft:#DCEBDD;--accent:#D98E4A;--sleep:#5B6CA8;--feed:#C4707E;--ink:#1F1B16;--muted:#6E675C;--line:rgba(31,27,22,.14);--shadow:0 28px 70px rgba(48,53,43,.16);color-scheme:light}
[data-theme=dark]{--bg:#000;--surface:#1C1C1E;--alt:#2C2C2E;--primary:#7FBF8E;--soft:#1E3325;--accent:#E5A86B;--sleep:#8E9CCF;--feed:#DA93A0;--ink:#F2EFE9;--muted:#A9A398;--line:rgba(242,239,233,.16);--shadow:none;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;line-height:1.58;text-rendering:optimizeLegibility;overflow-x:clip}body,header,section,footer,form,input,textarea,select{transition:background-color .25s,color .25s,border-color .25s}a{color:inherit}img{display:block;max-width:100%;height:auto}button,input,textarea,select{font:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip{position:fixed;z-index:100;top:12px;left:12px;padding:.8rem 1rem;border-radius:14px;background:var(--ink);color:var(--bg);transform:translateY(-160%)}.skip:focus{transform:none}
.header{position:fixed;z-index:50;top:14px;left:clamp(12px,3vw,44px);right:clamp(12px,3vw,44px);height:70px;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:8px 10px 8px 14px;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--bg) 84%,transparent);box-shadow:0 8px 32px rgba(20,25,20,.08);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:.55rem;font-size:1.12rem;font-weight:900;letter-spacing:-.04em;text-decoration:none}.brand img{width:42px;height:42px;object-fit:contain}.header nav{display:flex;gap:clamp(.9rem,2.2vw,2rem)}.header nav a{color:var(--muted);font-size:.86rem;font-weight:800;text-decoration:none}.header nav a:hover{color:var(--ink)}.controls,.lang,.theme{display:flex;align-items:center}.controls{gap:.5rem}.lang,.theme{height:42px;padding:4px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 74%,transparent)}.lang button,.theme{border:0;color:var(--muted);font-weight:900;cursor:pointer}.lang button{min-width:34px;height:32px;border-radius:10px;background:transparent;font-size:.72rem}.lang span{color:var(--line)}.lang button[aria-pressed=true]{background:var(--primary);color:var(--bg)}[data-theme=dark] .lang button[aria-pressed=true]{color:#061008}.theme{gap:.35rem;padding:0 .7rem}.theme small{font-size:.7rem}
.kicker{margin:0 0 1.1rem;color:var(--primary);font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3{font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}h1,h2{margin:0;font-weight:740;letter-spacing:-.05em;line-height:.98}h1{font-size:clamp(3.8rem,8vw,8.7rem)}h2{font-size:clamp(2.8rem,5.7vw,6.4rem)}h3{margin:0;font-size:clamp(1.65rem,2.8vw,2.7rem);font-weight:720;letter-spacing:-.035em;line-height:1.08}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:.8rem 1.3rem;border:0;border-radius:14px;background:var(--primary);color:#fff;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-2px);filter:saturate(1.08)}.button:disabled{opacity:.58;cursor:wait;transform:none}.button.warm{background:var(--accent);color:#24170d}.quiet-link{font-weight:750;text-underline-offset:5px}
.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.68fr);align-items:center;gap:4vw;padding:120px max(6vw,22px) 70px;overflow:hidden}.hero-wash{position:absolute;inset:0;background:radial-gradient(circle at 78% 47%,color-mix(in srgb,var(--soft) 93%,transparent) 0 17%,transparent 45%),linear-gradient(145deg,transparent 35%,color-mix(in srgb,var(--accent) 6%,transparent));pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:980px}.hero h1 em{display:block;color:var(--primary);font-style:normal;font-weight:540}.intro{max-width:43rem;color:var(--muted);font-size:clamp(1.08rem,1.55vw,1.35rem)}.actions{display:flex;align-items:center;gap:1.5rem;margin-top:2rem}.hero-phone,.phone{margin:0;filter:drop-shadow(var(--shadow))}.hero-phone{position:relative;z-index:2;width:min(29vw,365px);justify-self:center;transform:rotate(3deg)}.hero-phone img,.phone img{border-radius:42px}.hero-mark{position:absolute;right:-4vw;bottom:-8vh;color:color-mix(in srgb,var(--primary) 8%,transparent);font-size:min(45vw,620px);font-weight:950;line-height:.7}
.chapter{position:relative}.chapter-day{background:var(--soft)}.chapter-choice{background:#eee4d7;color:#211d18}.sticky-scene{position:relative;padding:110px max(6vw,22px) 90px;overflow:hidden}.chapter-head{position:relative;z-index:4;display:flex;justify-content:space-between;gap:1rem}.counter{margin:0;color:var(--primary);font-size:.8rem;font-weight:900;letter-spacing:.15em}.slides{display:grid;gap:90px}.slide{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.68fr);align-items:center;gap:7vw;min-height:min(850px,92svh)}.slide-copy{max-width:790px}.slide-copy>p:not(.step),.slide-copy li{max-width:41rem;color:color-mix(in srgb,currentColor 72%,transparent);font-size:clamp(1.05rem,1.55vw,1.3rem)}.step{margin:0 0 1.1rem;color:var(--primary);font-size:.78rem;font-weight:900;letter-spacing:.15em}.slide-copy ul{padding-left:1.25rem}.phone{width:min(29vw,350px);justify-self:center}.dark-shot img{border:1px solid rgba(255,255,255,.12)}.chapter-word{position:absolute;left:-3vw;bottom:2vh;margin:0;color:rgba(255,255,255,.32);font-size:clamp(10rem,25vw,28rem);font-weight:950;letter-spacing:-.1em;line-height:.7;pointer-events:none}.chapter-word.right{right:-2vw;left:auto;color:rgba(47,78,56,.08)}.memory{position:relative;width:min(36vw,450px);margin:0;justify-self:center;transform:rotate(2deg)}.memory img{border-radius:32px;box-shadow:var(--shadow)}.memory figcaption{max-width:300px;margin:1rem auto 0;color:#5c554b;font-weight:700;text-align:center}.connection{position:relative;width:min(38vw,480px);aspect-ratio:1;display:grid;place-items:center;justify-self:center;border:1px solid rgba(62,124,79,.2);border-radius:50%;background:radial-gradient(circle,var(--soft),transparent 70%);color:#294f37}.connection span,.connection strong{position:absolute;display:grid;min-width:130px;min-height:70px;place-items:center;padding:1rem;border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(41,79,55,.15)}.connection span{left:0}.connection strong{right:0}.connection i{width:60%;height:2px;background:repeating-linear-gradient(90deg,var(--primary) 0 8px,transparent 8px 15px)}.connection small{position:absolute;bottom:18%;font-weight:900;letter-spacing:.15em}.android{position:relative}.android span{position:absolute;right:-20px;bottom:8%;padding:.55rem .8rem;border-radius:99px;background:var(--accent);color:#26190e;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.full-panel{min-height:100svh;display:grid;grid-template-columns:.75fr 1.15fr;align-items:center;gap:9vw;padding:clamp(100px,12vw,170px) max(6vw,22px)}.panel-copy{max-width:900px}.panel-copy>p:not(.kicker){max-width:44rem;color:var(--muted);font-size:1.15rem}.willow{background:var(--bg);overflow:hidden}.willow-mark{position:relative;width:min(37vw,480px);aspect-ratio:1;margin:0;display:grid;place-items:center;justify-self:center}.willow-mark span{position:absolute;inset:2%;border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);border-radius:48% 52% 45% 55%;transform:rotate(8deg)}.willow-mark img{position:relative;width:86%;border-radius:32%;box-shadow:var(--shadow);transform:rotate(-2deg)}.note{font-size:.92rem!important}.origin{position:relative;background:#202820;color:#f7f2e9;overflow:hidden}.origin::after{content:"";position:absolute;width:44vw;aspect-ratio:1;right:-19vw;bottom:-25vw;border:1px solid rgba(255,255,255,.1);border-radius:50%}.origin .kicker{color:#9fc7a6}.origin .panel-copy>p:not(.kicker){color:#c4c8c0}.origin h2{font-size:clamp(2.8rem,5.4vw,6rem)}.origin-keepsake{position:relative;width:min(36vw,430px);aspect-ratio:1.15;display:grid;align-content:center;justify-items:center;justify-self:center;border:1px solid rgba(255,255,255,.18);border-radius:46% 54% 48% 52%;background:radial-gradient(circle at 50% 42%,rgba(127,191,142,.2),transparent 60%);transform:rotate(-4deg)}.origin-keepsake span{font-family:ui-rounded,"SF Pro Rounded",sans-serif;font-size:clamp(4.5rem,10vw,8.5rem);font-weight:700;letter-spacing:-.07em;line-height:1}.origin-keepsake i{width:54%;height:1px;margin:.9rem 0;background:linear-gradient(90deg,transparent,#9fc7a6,transparent)}.origin-keepsake b{font-size:.75rem;letter-spacing:.18em;text-transform:uppercase}.story-lead{font-size:clamp(1.25rem,1.8vw,1.55rem)!important;color:#f7f2e9!important}.origin-signoff{margin-top:2rem;padding-top:1.35rem;border-top:1px solid rgba(255,255,255,.16);font-weight:750;color:#f7f2e9!important}.promise{background:var(--alt)}.moon{width:min(37vw,480px);margin:0;justify-self:center;transform:rotate(-3deg)}.moon img{border-radius:34px;box-shadow:var(--shadow)}
.forms{padding:clamp(100px,12vw,170px) max(6vw,22px);background:var(--bg)}.forms-intro{max-width:940px;margin-bottom:4rem}.forms-intro>p:last-child{max-width:42rem;color:var(--muted);font-size:1.15rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}form{position:relative;display:flex;flex-direction:column;padding:clamp(28px,4vw,52px);border:1px solid var(--line);border-radius:24px;background:var(--surface)}.form-number{margin:0 0 2rem;color:var(--primary);font-size:.78rem;font-weight:900;letter-spacing:.15em}label{margin:.78rem 0 .38rem;font-size:.86rem;font-weight:850}input,textarea,select{width:100%;padding:.9rem 1rem;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink)}textarea{resize:vertical}form .button{align-self:flex-start;margin-top:1.25rem}.trap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}.form-status{min-height:1.6em;margin:1rem 0 0;color:var(--primary);font-weight:850}.form-status.error{color:#B0483E}[data-theme=dark] .form-status.error{color:#ef9188}.spam-note{max-width:760px;margin:2rem 0 0;color:var(--muted);font-size:.82rem}.end-panel{min-height:92svh;display:grid;place-content:center;padding:100px 22px;background:var(--primary);color:#fff;text-align:center}.end-panel .kicker{color:#dcebdd}.end-panel h2{font-size:clamp(4rem,9vw,9.5rem)}.end-panel .button{margin:2.5rem auto 0}footer{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:2rem;padding:35px max(6vw,22px);background:#0e130f;color:#f2efe9}.footer-brand img{width:38px;height:38px}footer p,footer small{margin:0;color:#aaa49a}footer nav{display:flex;gap:1.25rem}
.js.motion [data-slide] .slide-copy,.js.motion [data-slide] figure,.js.motion [data-slide] .connection{will-change:transform,opacity}.js.motion .full-panel .panel-copy,.js.motion .full-panel>figure,.js.motion .full-panel>.origin-keepsake{opacity:0;transform:translateY(30px);transition:opacity .7s,transform .7s}.js.motion .full-panel.visible .panel-copy,.js.motion .full-panel.visible>figure,.js.motion .full-panel.visible>.origin-keepsake{opacity:1;transform:none}
@media (min-width:851px) and (min-height:560px) and (prefers-reduced-motion:no-preference){.pin-ready.chapter{height:calc(var(--count) * 108svh)}.pin-ready .sticky-scene{position:sticky;top:0;height:100svh;padding:104px max(6vw,22px) 40px;overflow:clip}.pin-ready .chapter-head{position:absolute;top:103px;left:max(6vw,22px);right:max(6vw,22px)}.pin-ready .slides{position:absolute;inset:0;display:block}.pin-ready .slide{position:static;display:block;min-height:0}.pin-ready .slide-copy,.pin-ready .slide>.phone,.pin-ready .slide>.memory,.pin-ready .slide>.connection{position:absolute;opacity:0}.pin-ready .slide-copy{left:max(6vw,22px);top:21%;width:min(53vw,790px);transform:translateY(5svh)}.pin-ready .slide>.phone,.pin-ready .slide>.memory,.pin-ready .slide>.connection{top:15%;left:76%;transform:translate(-50%,3svh) scale(1.05)}.pin-ready .slide>.phone{height:74svh}.pin-ready .slide>.phone img{height:100%;object-fit:contain}.pin-ready .slide>.memory{width:min(34vw,440px)}.pin-ready .slide>.connection{width:min(37vw,470px)}.pin-ready .chapter-word{display:block}}
@media (max-width:850px),(max-height:559px){.header nav{display:none}.hero{min-height:auto;grid-template-columns:1fr;padding:120px 18px 75px;text-align:center}.hero-copy{margin:auto}.actions{justify-content:center}.hero-phone{width:min(62vw,330px);margin-top:28px}.sticky-scene{padding:100px 18px 75px;overflow:visible}.slides{gap:75px}.slide{min-height:0;grid-template-columns:1fr;gap:32px;padding:25px 0}.slide-copy{max-height:none}.phone{width:min(68vw,320px)}.phone img{max-height:68svh;object-fit:contain}.memory,.connection{width:min(76vw,390px)}.chapter-word{display:none}.full-panel{min-height:auto;grid-template-columns:1fr;padding:100px 18px}.willow-mark,.origin-keepsake,.moon{width:min(72vw,390px)}.form-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr auto}footer p{display:none}}
@media (max-width:620px){.header{height:64px}.brand img{width:38px;height:38px}.brand span{display:none}.theme small{display:none}.theme{width:40px;justify-content:center;padding:0}.hero h1{font-size:clamp(3.7rem,17vw,5.7rem)}h2{font-size:clamp(2.9rem,13vw,4.8rem)}.actions{flex-direction:column;gap:1rem}.chapter-head{display:block}.counter{margin-bottom:2rem}.forms{padding-left:18px;padding-right:18px}footer nav{gap:.75rem;font-size:.82rem}footer small{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.01ms!important}.chapter{height:auto!important}.sticky-scene{position:relative!important;height:auto!important;overflow:visible!important}.slide-copy,.slide>.phone,.slide>.memory,.slide>.connection{position:relative!important;inset:auto!important;opacity:1!important;transform:none!important}.full-panel .panel-copy,.full-panel>figure,.full-panel>.origin-keepsake{opacity:1!important;transform:none!important}}
[data-theme=dark] .chapter-choice{background:#08100a;color:var(--ink)}[data-theme=dark] .memory figcaption{color:var(--muted)}[data-theme=dark] .connection{background:radial-gradient(circle,var(--soft),transparent 70%);color:var(--ink)}[data-theme=dark] .connection span,[data-theme=dark] .connection strong{background:var(--surface)}[data-theme=dark] .hero-phone,[data-theme=dark] .phone,[data-theme=dark] .memory img,[data-theme=dark] .moon img{filter:drop-shadow(0 30px 60px rgba(0,0,0,.48))}
.privacy-page main{max-width:900px;margin:auto;padding:150px 22px 100px}.privacy-page main h1{font-size:clamp(3.5rem,8vw,7rem)}.privacy-page main>p{color:var(--muted);font-size:1.15rem}.privacy-page main section{padding:2.2rem 0;border-top:1px solid var(--line)}.privacy-page main section h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em}.privacy-page main section p{color:var(--muted)}