:root{--bg:#fff;--surface:#fff;--border:#e6dfd3;--text:#1c1414;--text-2:#75655f;--accent:#e24e42;--accent-2:#f4c53d;--header:#e94b44;--healthy:#1e9a4b;--radius-card:4px;--gutter:clamp(16px,5vw,64px);--spring:cubic-bezier(0.2,1.3,0.35,1);--ease-out:cubic-bezier(0.16,1,0.3,1);color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{overflow-x:clip}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit}.glow{--gx:50%;--gy:25%;position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(40vmax 40vmax at var(--gx) var(--gy),rgb(226 78 66/.07),transparent 70%),radial-gradient(50vmax 40vmax at 8% 75%,rgb(244 197 61/.1),transparent 70%),var(--bg)}.nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;padding:18px var(--gutter);background:var(--header);color:#fff}.brand,.nav{align-items:center}.brand{display:inline-flex;gap:10px;text-decoration:none}.brand-face{width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #fff;animation:face-pop .7s var(--spring) .15s both;transition:transform .4s var(--spring)}.brand:hover .brand-face{transform:rotate(-12deg) scale(1.08)}@keyframes face-pop{0%{transform:scale(.4) rotate(-30deg);opacity:0}to{transform:none;opacity:1}}.wordmark{font-family:ui-serif,New York,Georgia,serif;font-weight:700;font-size:28px;letter-spacing:-.01em;text-decoration:none}.wordmark-dot{display:inline-block;animation:dot-land .9s var(--spring) .3s both}@keyframes dot-land{0%{transform:translateY(-.9em) scale(.6);opacity:0}to{transform:none;opacity:1}}.lang{font:inherit;font-size:14px;font-weight:600;color:#fff;background:rgb(255 255 255/.16);border:1px solid rgb(255 255 255/.35);border-radius:999px;padding:8px 14px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s var(--spring)}.lang:hover{background:rgb(255 255 255/.26)}.lang:active{transform:scale(.96)}h1,h2{margin:0;font-weight:800;letter-spacing:-.03em;line-height:1.02;text-wrap:balance}h1{font-size:clamp(44px,7vw,88px)}h2{font-size:clamp(34px,4.6vw,60px)}p{line-height:1.55}.kicker{margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.feature-copy>p:not(.kicker),.lede{max-width:34rem;margin:22px 0 0;font-size:clamp(17px,1.6vw,20px);color:var(--text-2)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease-out),transform .9s var(--ease-out);transition-delay:calc(var(--d, 0) * 90ms)}.reveal.in{opacity:1;transform:none}.phone{position:relative;margin:0;width:min(300px,70vw);aspect-ratio:1260/2736;border-radius:46px;padding:10px;background:linear-gradient(145deg,#2a2a2e,#0e0e10 60%);box-shadow:0 0 0 1px rgb(0 0 0/.06),0 40px 80px -24px rgb(28 20 20/.35),0 0 90px -30px rgb(226 78 66/.35)}.phone img{width:100%;height:100%;object-fit:cover;border-radius:37px}main{padding:0 var(--gutter)}.feature,.hero{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(32px,6vw,96px)}.hero{min-height:calc(100svh - 80px);padding:40px 0 80px}.feature{padding:clamp(80px,12vw,160px) 0}.feature-flip .feature-copy{order:2}.feature-visual,.hero-visual{position:relative;display:flex;justify-content:center}.hero-phone{animation:rise 1.2s var(--ease-out) .2s both}@keyframes rise{0%{transform:translateY(60px) rotate(2deg);opacity:0}to{transform:none;opacity:1}}.hero-phone{z-index:1}.pop{position:absolute;z-index:2;pointer-events:none;filter:drop-shadow(0 18px 22px rgb(28 20 20/.22));transition:transform .6s var(--spring)}.pop-chimi{width:220px;top:52%;left:calc(50% - min(150px, 35vw) - 120px);animation:ride-left 1s var(--spring) 1.1s both}.pop-alf{width:190px;top:10%;right:calc(50% - min(150px, 35vw) - 110px);animation:ride-right 1s var(--spring) 1.35s both}@keyframes ride-left{0%{transform:translateX(150px) scale(.6);opacity:0}to{transform:none;opacity:1}}@keyframes ride-right{0%{transform:translateX(-150px) scale(.6);opacity:0}to{transform:none;opacity:1}}.hero:has(.store-badge:focus-visible) .pop-chimi,.hero:has(.store-badge:hover) .pop-chimi{transform:translateX(-16px) rotate(-4deg)}.hero:has(.store-badge:focus-visible) .pop-alf,.hero:has(.store-badge:hover) .pop-alf{transform:translateX(16px) rotate(4deg)}.store-badge{display:inline-block;margin-top:34px;border-radius:10px;transition:transform .3s var(--spring),box-shadow .3s}.store-badge img{height:54px;width:auto}.store-badge:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px rgb(226 78 66/.5)}.store-badge:active{transform:scale(.97)}.store-badge:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.beta-line{margin:14px 0 0;font-size:14px;color:var(--text-2)}.beta-line a{color:var(--accent);font-weight:700;text-decoration:none}.beta-line a:hover{text-decoration:underline}.pushes{position:absolute;top:12%;left:50%;width:min(340px,86vw);transform:translateX(-50%);margin:0;padding:0;list-style:none;display:grid;gap:10px;z-index:2}.push{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:22px;background:rgb(246 244 242/.92);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);box-shadow:0 0 0 1px rgb(0 0 0/.05),0 18px 40px -16px rgb(28 20 20/.35);opacity:0;transform:translateY(-28px) scale(.96)}.pushes-stage.in .push{animation:push-in .7s var(--spring) both;animation-delay:calc(.5s + var(--i) * .65s)}@keyframes push-in{0%{opacity:0;transform:translateY(-28px) scale(.96)}to{opacity:1;transform:none}}.push img{width:38px;height:38px;border-radius:9px;flex:none}.push p{margin:2px 0 0;font-size:14px;line-height:1.35;color:rgb(28 20 20/.8)}.push-head{display:flex;justify-content:space-between;gap:8px;font-size:15px}.push-head span{font-size:12px;color:rgb(28 20 20/.45)}.station-stage .phone:first-child{z-index:1}.station-stage .phone-back{position:absolute;z-index:0;transform:translateX(46%) translateY(8%) scale(.86) rotate(4deg);opacity:.7}.now-pulse{position:absolute;left:calc(10px + (100% - 20px) * .409);top:calc(10px + (100% - 20px) * .802);width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;pointer-events:none}.station-stage.in .now-pulse{animation:pulse 1.6s var(--ease-out) .7s 2 both}@keyframes pulse{0%{box-shadow:0 0 0 0 rgb(226 78 66/.6)}to{box-shadow:0 0 0 22px rgb(226 78 66/0)}}.chip{position:absolute;z-index:2;right:calc(50% + min(150px, 35vw) - 12px);top:70%;white-space:nowrap;padding:10px 16px;border-radius:var(--radius-card);font-weight:700;font-size:15px;color:var(--healthy);background:#e8f5ec;box-shadow:0 0 0 1px rgb(30 154 75/.25),0 16px 30px -12px rgb(28 20 20/.3);opacity:0;transform:scale(.8)}.station-stage.in .chip{animation:chip-pop .6s var(--spring) 1.1s both}@keyframes chip-pop{0%{opacity:0;transform:scale(.8) translateY(8px)}to{opacity:1;transform:none}}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:26px}.tile{display:grid;gap:6px;padding:12px;text-align:left;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;transition:border-color .25s,transform .3s var(--spring)}.tile:hover{transform:translateY(-3px)}.tile[aria-checked=true]{border-color:var(--accent)}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tile img{width:64px;height:64px;border-radius:15px}.tile-name{font-weight:700;margin-top:6px}.tile-line{font-size:13px;line-height:1.4;color:var(--text-2)}.poster-stage{perspective:1200px}.poster{--rx:0deg;--ry:0deg;margin:0;width:min(520px,100%);border-radius:var(--radius-card);overflow:hidden;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s var(--ease-out);box-shadow:0 40px 80px -30px rgb(28 20 20/.35),0 0 0 1px var(--border)}.poster img{width:100%;height:auto}.collab-feature{max-width:34rem;margin:18px 0 0;font-size:17px;color:var(--text)}.credit{color:var(--text-2)}.credit a{color:var(--accent);text-decoration:none;font-weight:700}.credit strong{color:var(--text)}.illustrator-ask{margin:28px 0 0;font-size:15px;color:var(--text-2)}.illustrator-ask a{color:var(--accent);font-weight:700;text-decoration:none;white-space:nowrap}.illustrator-ask a:hover{text-decoration:underline}.home-icon{position:absolute;z-index:2;left:-24px;bottom:-28px;display:grid;justify-items:center;gap:8px;perspective:600px}.home-icon img{width:120px;height:120px;border-radius:27px;box-shadow:0 24px 50px -16px rgb(28 20 20/.45),0 0 60px -20px rgb(226 78 66/.5);animation:icon-flip .65s var(--spring) both}@keyframes icon-flip{0%{transform:rotateY(-90deg) scale(.9)}to{transform:none}}.home-icon span{font-size:14px;font-weight:500;color:var(--text)}.closing{max-width:1120px;margin:0 auto;padding:clamp(80px,12vw,160px) 0;text-align:center}.closing h2{max-width:16ch;margin:0 auto}.footer{max-width:1120px;margin:0 auto;padding:40px var(--gutter) 60px;border-top:1px solid var(--border);color:var(--text-2);font-size:14px}.footer p{max-width:46rem;margin:0}.footer nav{display:flex;gap:22px;margin-top:18px}.footer nav a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--border)}.footer nav a:hover{border-color:var(--accent)}.footer .fine{margin-top:18px;font-size:12px;opacity:.7}@media (max-width:820px){.feature,.hero{grid-template-columns:1fr;text-align:left}.hero{min-height:auto;padding-top:24px}.feature-flip .feature-copy{order:0}.feature-visual,.hero-visual{margin-top:12px}.station-stage .phone-back{transform:translateX(34%) translateY(6%) scale(.8) rotate(4deg)}.chip{right:auto;left:0;top:74%}.home-icon{left:4px}.pop-chimi{width:140px;left:max(-8px,calc(50% - 35vw - 70px))}.pop-alf{width:120px;right:max(-8px,calc(50% - 35vw - 64px))}.home-icon img{width:92px;height:92px;border-radius:21px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0s!important}html{scroll-behavior:auto}.chip,.push,.reveal{opacity:1;transform:none}}