*{box-sizing:border-box;margin:0;padding:0}.hero img,.tile img,.clip video{max-width:100%;display:block}.hero{height:200vh}.hero-in{grid-template-rows:1fr auto;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:0 2vw;height:100svh;padding:88px 0 28px 6vw;display:grid;position:sticky;top:0;overflow:hidden}.hero-shot{aspect-ratio:960/800;margin-right:-2vw;position:relative;-webkit-mask-image:radial-gradient(closest-side,#000 84%,#0000 100%);mask-image:radial-gradient(closest-side,#000 84%,#0000 100%)}.hero-shot img,.hero-shot canvas{width:100%;height:100%;position:absolute;inset:0}.turn{opacity:0}.turn.on{opacity:1}.hero-shot:has(.turn.on) .turn-still{opacity:0}.clip{aspect-ratio:1;box-shadow:0 0 0 1px var(--line),0 30px 60px -40px #3c281473;background:#f2ede7;border-radius:28px;justify-self:center;position:relative;overflow:hidden}.clip video{object-fit:cover;width:100%;height:100%}.story .clip{width:min(78vh,44vw)}.clip-bar{display:contents}.finish .clip{width:min(56vh,52vw)}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}nav.top{z-index:10;justify-content:space-between;align-items:center;display:flex;position:fixed;top:14px;left:18px;right:18px}.logo{letter-spacing:-.02em;align-items:center;gap:9px;font-size:17px;font-weight:600;text-decoration:none;display:flex}.mark{width:22px;height:22px;color:var(--ink)}.links{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c1d1fe6;border-radius:999px;gap:2px;padding:4px;display:flex}.links a{color:#fff;opacity:.82;border-radius:999px;padding:7px 15px;font-size:13px;text-decoration:none}.links a:hover{opacity:1;background:#ffffff1a}.go{background:var(--acc);color:#fff;border-radius:999px;align-items:center;gap:8px;padding:5px 16px 5px 5px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.go i{background:#fff3;border-radius:999px;place-items:center;width:24px;height:24px;font-size:16px;font-style:normal;line-height:1;display:grid}section{position:relative}.kick{color:var(--muted)}h1{letter-spacing:-.04em;margin:20px 0 22px;font-size:clamp(44px,5.4vw,82px);font-weight:500;line-height:1}.sub{color:var(--muted);max-width:41ch;font-size:16.5px}.feats>span{white-space:nowrap}.feats{color:var(--muted);border-top:1px solid var(--line);grid-column:1/-1;justify-content:space-between;margin-top:10px;padding:16px 6vw 0 0;display:flex}.feats>span{align-items:center;gap:9px;display:flex}.feats svg{stroke:currentColor;fill:none;stroke-width:1.4px;width:15px;height:15px}.story{height:440vh}.sticky{height:100svh;position:sticky;top:0;overflow:hidden}.story .sticky{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:4vw;padding:0 6vw;display:grid}.panel{width:min(500px,100%)}.pager{color:var(--muted);gap:10px;margin-bottom:26px;display:flex}.pager span{align-items:center;gap:10px;display:flex}.pager span.on{color:var(--acc)}.pager span.on:after{content:"";background:currentColor;width:22px;height:1px}.stage{min-height:400px;position:relative}.step{opacity:0;pointer-events:none;transition:opacity .5s,transform .6s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0 0 auto;transform:translateY(18px)}.step.on{opacity:1;transform:none}.step h2{letter-spacing:-.03em;border-bottom:1px solid var(--line);margin:10px 0 18px;padding-bottom:18px;font-size:clamp(30px,3vw,42px);font-weight:500;line-height:1.05}.cols{grid-template-columns:1fr 1fr;gap:24px;font-size:13.5px;display:grid}.cols p:last-child{color:var(--muted)}.card{background:var(--card);box-shadow:0 0 0 1px var(--line),0 12px 30px -22px #3c28144d;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-top:28px;padding:18px 20px;display:flex}.card .lbl{color:var(--muted)}.card.two>div{flex-direction:column;flex:1;gap:6px;display:flex}.card.two>div+div{border-left:1px solid var(--line);padding-left:18px}.card b{letter-spacing:-.02em;font-size:22px;font-weight:500}.week{gap:7px;display:flex}.week i{background:var(--ink);border-radius:3px;width:14px;height:14px}.week .o{box-shadow:inset 0 0 0 1.4px var(--ink);background:0 0}.week .d{outline:1.4px dashed var(--acc);outline-offset:-1.4px;background:0 0}.kv{align-items:baseline;gap:8px;display:flex}.meter{background:#1c1d1f14;border-radius:9px;flex:1;height:6px;overflow:hidden}.meter i{height:100%;width:calc(var(--hold,0)*100%);background:var(--acc);border-radius:9px;display:block}.statement{height:240vh}.statement .sticky{place-items:center;padding:0 8vw;display:grid}.words{letter-spacing:-.03em;text-align:center;max-width:22ch;font-size:clamp(28px,3.6vw,52px);font-weight:500;line-height:1.18}.words span{opacity:.13;transition:opacity .35s}.words span.lit{opacity:1}.words .acc.lit{color:var(--acc)}.words em{font-style:normal}.bento{padding:40px 6vw 140px}.c{text-align:center}.bento h2{letter-spacing:-.035em;margin:12px 0 48px;font-size:clamp(34px,4vw,56px);font-weight:500;line-height:1.05}.grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(260px,auto);gap:14px;display:grid}.tile{background:var(--card);box-shadow:0 0 0 1px var(--line),0 18px 40px -32px #3c281459;border-radius:24px;flex-direction:column;justify-content:flex-end;padding:24px;display:flex;position:relative;overflow:hidden}.tile .cap{position:relative}.tile .cap .mono{color:var(--muted);margin-bottom:8px}.tile h3{letter-spacing:-.02em;font-size:21px;font-weight:500;line-height:1.15}.tile .cap p:not(.mono){color:var(--muted);max-width:34ch;margin-top:6px;font-size:13.5px}.big{grid-area:span 2/span 2}.wide{grid-column:span 2}#chapters{flex:1;width:100%;min-height:300px;margin-bottom:18px}.photo{background:#f6f3ee}.photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.photo.back img{object-fit:contain;height:58%;inset:16px 0 auto}.photo.back .cap{background:0 0;margin:0;padding:0}.photo.wide img{object-position:80% 38%}.ko{background:var(--acc);color:#fff}.ko b{letter-spacing:-.02em;font-size:34px;font-weight:600;line-height:1.05;position:absolute;top:22px;left:24px}.ko .cap .mono{color:#ffffffc7}.nfc .art{align-items:center;gap:14px;display:flex;position:absolute;top:28px;right:28px}.phone{border:2px solid var(--ink);border-radius:14px;width:58px;height:110px;position:relative}.phone:after{content:"";background:var(--ink);border-radius:4px;width:16px;height:4px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.waves{width:46px;height:60px;position:relative}.waves i{border:2px solid #0000;border-right-color:var(--acc);border-radius:50%;animation:2.4s infinite wave;position:absolute;inset:0}.waves i:nth-child(2){animation-delay:.4s}.waves i:nth-child(3){animation-delay:.8s}@keyframes wave{0%{opacity:0;transform:scale(.3)}30%{opacity:1}to{opacity:0;transform:scale(1.1)}}.mini{background:#2f2f31;border-radius:14px;width:62px;height:62px;position:relative}.mini:after{content:"";background:#121212;border-radius:3px;position:absolute;inset:14px 13px 10px;box-shadow:0 0 0 2px #6f6f73}.nfc .cap{max-width:52%}.chip{border:1.5px solid var(--ink);border-radius:999px;padding:6px 14px;font-weight:500;position:absolute;top:24px;left:24px}.plan ol{gap:6px;list-style:none;display:grid;position:absolute;top:22px;left:24px;right:24px}.plan li{align-items:center;gap:10px;font-weight:500;display:flex}.plan li:before{content:"";width:12px;height:12px;box-shadow:inset 0 0 0 1.4px var(--ink);border-radius:3px}.plan li.read:before{background:var(--ink)}.plan li.now:before{outline:1.4px dashed var(--acc);outline-offset:-1.4px;box-shadow:none}.photo .cap{background:linear-gradient(#0000,#fbf9f5eb 40%);margin:-24px;padding:60px 24px 24px}.motion .rise{opacity:0;transition:opacity .8s,transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(24px)}.motion .rise.in{opacity:1;transform:none}.finish{height:170vh}.finish .sticky{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0 6vw;display:flex}.fin{max-width:560px;margin-top:3vh;position:relative}.fin h2{letter-spacing:-.035em;margin:10px 0 12px;font-size:clamp(32px,3.6vw,50px);font-weight:500;line-height:1.05}.fin p:not(.mono){color:var(--muted)}.join{padding:60px 6vw 40px}.panel2{--err:#ff8f80;background:var(--dark);color:#fff;border-radius:32px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;gap:48px;padding:56px;display:grid}.panel2 .mono{color:#ffffff8c}.panel2 h2{letter-spacing:-.035em;margin:14px 0 16px;font-size:clamp(34px,4vw,58px);font-weight:500;line-height:1}.panel2 p{color:#ffffffa6;max-width:40ch}.panel2 .signup-box{margin:0}.panel2 .fine{color:#ffffff80}.panel2 .signup-error{color:var(--err)}.faq{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:48px;padding:90px 6vw 60px;display:grid}.faq h2{letter-spacing:-.035em;font-size:clamp(34px,4vw,56px);font-weight:500}details{background:var(--card);box-shadow:0 0 0 1px var(--line);border-radius:16px;margin-bottom:8px;padding:0 20px}summary{cursor:pointer;justify-content:space-between;align-items:center;padding:18px 0;font-weight:500;list-style:none;display:flex}summary::-webkit-details-marker{display:none}.pm{width:12px;height:12px;position:relative}.pm:before,.pm:after{content:"";background:currentColor;width:12px;height:1.4px;transition:transform .3s;position:absolute;top:5.5px;left:0}.pm:after{transform:rotate(90deg)}details[open] .pm:after{transform:rotate(0)}details p{color:var(--muted);max-width:60ch;padding:0 0 18px}.foot{color:var(--muted);justify-content:space-between;gap:24px;padding:28px 6vw 40px;font-size:13px;display:flex}@media (max-width:900px){.links{display:none}.hero-in{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:start;padding:96px 6vw 24px}.hero-shot{max-height:44vh;margin:0 -6vw}.feats{display:none}.story .sticky{grid-template-columns:minmax(0,1fr);align-content:center;gap:20px;padding:70px 6vw 0}.story .clip{width:min(42vh,88vw)}.finish .clip{width:min(46svh,80vw)}.stage{min-height:300px}.grid{grid-template-columns:1fr 1fr}.big,.wide{grid-column:span 2}.panel2,.faq{grid-template-columns:minmax(0,1fr)}.cols{grid-template-columns:1fr}}@media (max-width:600px){.grid{grid-template-columns:1fr}.big,.wide{grid-area:auto}.tile{min-height:250px}#chapters{min-height:240px}.nfc .cap{max-width:none;margin-top:130px}.bento h2{margin-bottom:32px}.card.two{flex-direction:column;align-items:stretch;gap:12px}.card.two>div{flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px}.card.two>div+div{border-left:0;border-top:1px solid var(--line);padding-top:12px;padding-left:0}.card b{white-space:nowrap}.join{padding:40px 12px 32px}.panel2{border-radius:26px;gap:28px;padding:36px 22px 30px}}@media (max-width:900px),(max-height:520px){.hero{height:auto}.hero-in{height:auto;position:static;overflow:visible}.hero-shot{max-height:none}.story{height:auto}.story .sticky{height:auto;padding:0 6vw 10svh;display:block;position:static;overflow:visible}.clip-bar{z-index:1;background:linear-gradient(var(--bg) calc(100% - 22px),#fbf9f500);margin:0 -6vw;padding:64px 6vw 28px;display:block;position:sticky;top:0}.story .clip{width:min(40svh,88vw);margin:0 auto}.panel{width:auto;max-width:560px;margin:0 auto}.pager{display:none}.stage{min-height:0}.step{opacity:1;pointer-events:auto;min-height:36svh;padding-top:28px;position:static;transform:none}}@media (max-height:520px){.statement,.finish{height:auto}.statement .sticky,.finish .sticky{height:auto;padding:72px 8vw;position:static;overflow:visible}.words span{opacity:1}.words .acc{color:var(--acc)}}@media (max-height:520px) and (min-width:560px){.story .sticky{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:5vw;display:grid}.clip-bar{background:0 0;margin:0;padding:64px 0 24px}.story .clip{width:min(100%,100svh - 88px)}.panel{margin:0}.step{min-height:80svh;padding-top:64px}}