:root{--ink:#1c2740;--muted:#6a7690;--soft:#f5f6f9;--accent:#2f7cf6;--accent-2:#19c3e6;--night:#0b1222;--gutter:16px;--ease:cubic-bezier(.2, .7, .2, 1);--safe-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--ink);background:#fff;margin:0;font-family:Nunito,system-ui,-apple-system,sans-serif;font-weight:600;line-height:1.45;overflow-x:hidden}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:900;line-height:1.05}.ico{fill:currentColor;flex:none;width:1em;height:1em}.nav{z-index:50;padding:calc(10px + var(--safe-top)) max(var(--gutter), calc((100vw - 1120px) / 2)) 10px;justify-content:space-between;align-items:center;gap:12px;transition:background .4s,box-shadow .4s,color .4s;display:flex;position:fixed;inset:0 0 auto}.nav.scrolled{-webkit-backdrop-filter:saturate(180%)blur(18px);backdrop-filter:saturate(180%)blur(18px);background:#ffffffb8;box-shadow:0 1px #10182814}.nav.dark{color:#fff}.nav.dark.scrolled{background:#0b1222b3;box-shadow:0 1px #ffffff14}.nav.dark .soon-pill{color:#fff;background:#ffffff24}.brand{color:inherit;align-items:center;gap:10px;min-width:0;font-size:17px;font-weight:900;text-decoration:none;display:flex}.brand span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.soon-pill{color:var(--accent);background:#e5efff;border-radius:999px;flex:none;padding:6px 12px;font-size:13px;font-weight:800}.phone{--pw:300px;--u:calc(var(--pw) / 100);width:var(--pw);padding:calc(var(--u) * 3.2);border-radius:calc(var(--u) * 15);box-shadow:inset 0 0 0 calc(var(--u) * .6) #5a606c, inset 0 0 0 calc(var(--u) * 1.1) #0b0c0f, 0 calc(var(--u) * 12) calc(var(--u) * 24) #10182847, 0 calc(var(--u) * 3) calc(var(--u) * 6) #1018282e;background:linear-gradient(145deg,#3a3f4a,#121419 40%,#23262d);position:relative}.btn-side{right:calc(var(--u) * -.7);width:calc(var(--u) * 1);background:#2a2d34;border-radius:2px;height:12%;position:absolute;top:26%}.screen{border-radius:calc(var(--u) * 12);isolation:isolate;background:#1b2433;position:relative;overflow:hidden;transform:translateZ(0)}.statusbar{height:calc(var(--u) * 11);padding:0 calc(var(--u) * 9) 0 calc(var(--u) * 10);color:#fff;font-weight:800;font-size:calc(var(--u) * 4.4);justify-content:space-between;align-items:center;display:flex;position:relative}.island{left:50%;top:calc(var(--u) * 2.4);width:calc(var(--u) * 29);height:calc(var(--u) * 8.4);background:#000;border-radius:999px;position:absolute;transform:translate(-50%)}.sb-right{align-items:flex-end;gap:calc(var(--u) * .8);display:flex}.sb-right b{width:calc(var(--u) * 1.2);background:#fff;border-radius:1px}.sb-right b:first-child{height:calc(var(--u) * 1.6)}.sb-right b:nth-child(2){height:calc(var(--u) * 2.4)}.sb-right b:nth-child(3){height:calc(var(--u) * 3.2)}.shots{aspect-ratio:780/1600;background:#2f6a3a;position:relative}.shots img{object-fit:cover;object-position:top;opacity:0;width:100%;height:100%;transition:opacity .7s var(--ease), transform 1.2s var(--ease);position:absolute;inset:0;transform:scale(1.04)}.shots img.on{opacity:1;transform:none}.store-row{flex-wrap:wrap;gap:12px;display:flex}.store{color:#fff;cursor:not-allowed;-webkit-user-select:none;user-select:none;opacity:.4;filter:grayscale();background:#1c1f26;border-radius:14px;align-items:center;gap:10px;min-width:172px;padding:9px 18px 9px 14px;display:inline-flex;position:relative}.store .ico{width:28px;height:28px}.store small{opacity:.85;font-size:11px;font-weight:700;line-height:1.1;display:block}.store b{letter-spacing:-.01em;font-size:19px;font-weight:900;line-height:1.15;display:block}@media (width<=480px){.store-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.store{border-radius:12px;gap:8px;min-width:0;padding:8px 10px}.store .ico{width:22px;height:22px}.store small{font-size:10px}.store b{white-space:nowrap;font-size:15px}}.store-note{color:var(--muted);align-items:center;gap:6px;margin:14px 0 0;font-size:14px;display:flex}.hero{min-height:100svh;padding:calc(88px + var(--safe-top)) var(--gutter) 90px;background:linear-gradient(#bcdcff 0%,#def0ff 35%,#f4f9ff 70%,#fff 100%);grid-template-columns:1fr;align-items:center;gap:40px;display:grid;position:relative;overflow:hidden}.sky{pointer-events:none;position:absolute;inset:0}.cloud{opacity:.85;filter:blur(1px);background:#fff;border-radius:999px;height:60px;animation:60s linear infinite drift;position:absolute}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud:before{width:46%;height:150%;bottom:20%;left:14%}.cloud:after{width:34%;height:120%;bottom:25%;left:50%}.c1{width:220px;top:16%;left:-10%}.c2{opacity:.6;width:150px;height:40px;animation-duration:80s;animation-delay:-30s;top:42%;left:40%}.c3{opacity:.7;width:260px;animation-duration:95s;animation-delay:-60s;top:70%;left:70%}@keyframes drift{0%{transform:translate(-30vw)}to{transform:translate(110vw)}}.flyby{top:calc(66px + var(--safe-top));fill:#fff;filter:drop-shadow(0 6px 8px #1e3c7840);width:64px;animation:16s linear infinite flyby;position:absolute;left:0}@keyframes flyby{0%{opacity:0;transform:translate(-120px,14px)rotate(-4deg)}5%{opacity:1}60%{opacity:1;transform:translate(110vw,-10px)rotate(-4deg)}61%,to{opacity:0;transform:translate(110vw,-10px)rotate(-4deg)}}.hero-copy{z-index:2;will-change:transform, opacity;max-width:560px;position:relative}.hero-logo{border-radius:26px;width:min(100%,520px);height:auto;margin:0 0 22px;display:block;box-shadow:0 18px 40px #1e468c38,0 2px 6px #1e468c1f,inset 0 0 0 1px #ffffff80}.brand img{border-radius:8px}.final-icon{border-radius:26px;width:112px;height:112px;margin:0 auto 22px;display:block;box-shadow:0 18px 40px #00000073,0 0 0 1px #ffffff14}.eyebrow{color:var(--accent);letter-spacing:.02em;margin:0 0 12px;font-size:15px;font-weight:800}.hero h1{font-size:clamp(44px,11vw,84px)}.grad{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-2) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.lead{color:var(--muted);max-width:34em;margin:20px 0 28px;font-size:clamp(17px,2.2vw,21px)}.hero-phone-wrap{z-index:1;perspective:1400px;justify-content:center;display:flex;position:relative}.hero-phone{--pw:min(300px, 72vw);transform-origin:50% 80%;will-change:transform;transform:rotateX(16deg)scale(.94)}.hero-phone-wrap:after{content:"";z-index:-1;background:radial-gradient(closest-side,#10285040,#0000);width:70%;height:40px;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.scroll-hint{border:2px solid #1c274059;border-radius:14px;width:26px;height:40px;margin-left:-13px;position:absolute;bottom:22px;left:50%}.scroll-hint span{width:4px;height:8px;animation:hint 1.8s var(--ease) infinite;background:#1c274080;border-radius:2px;margin-left:-2px;position:absolute;top:8px;left:50%}@keyframes hint{0%{opacity:1;transform:translateY(0)}80%,to{opacity:0;transform:translateY(14px)}}.statement{padding:120px var(--gutter);justify-content:center;display:flex}.words{letter-spacing:-.02em;max-width:980px;margin:0;font-size:clamp(30px,5.4vw,60px);font-weight:900;line-height:1.15}.words span{color:#d3d9e3;transition:color .35s}.words span.lit{color:var(--ink)}.story{--story-bg:#f5f6f9;--story-ink:var(--ink);--story-muted:var(--muted);background:var(--story-bg);color:var(--story-ink);transition:background-color .8s var(--ease), color .8s var(--ease)}.story[data-theme=night]{--story-bg:var(--night);--story-ink:#f2f5fb;--story-muted:#9aa7c0}.story[data-theme=party]{--story-bg:#fff4e0}.story-inner{max-width:1120px;padding:0 var(--gutter);margin:0 auto;position:relative}.story-phone{top:calc(64px + var(--safe-top));z-index:0;justify-content:center;padding-top:8px;display:flex;position:sticky}.story-phone .phone{--pw:min(240px, 58vw, calc((100svh - 140px) * .43));transition:box-shadow .8s}.story[data-theme=night] .story-phone .phone{box-shadow:inset 0 0 0 calc(var(--u) * .6) #5a606c, inset 0 0 0 calc(var(--u) * 1.1) #0b0c0f, 0 0 calc(var(--u) * 30) #508cff59}.steps{z-index:1;margin-top:-32svh;padding-bottom:20svh;position:relative}.step{opacity:.3;max-width:460px;min-height:80svh;transition:opacity .6s var(--ease);flex-direction:column;justify-content:flex-end;margin:0 auto;display:flex}.step.active{opacity:1}@media (width<=899px){.step:not(.active){opacity:0}}.card{background:color-mix(in srgb, var(--story-bg) 80%, transparent);-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);transition:background-color .8s var(--ease);border-radius:26px;padding:20px;box-shadow:0 10px 30px #1018281f}.step-ico{background:var(--accent);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;font-size:24px;display:inline-flex}.step[data-theme=night] .step-ico{background:#5b6cff}.step[data-theme=party] .step-ico{background:#f5a300}.step h2{font-size:clamp(25px,4vw,44px)}.step p{color:var(--story-muted);margin:10px 0 0;font-size:clamp(16px,1.8vw,20px)}@media (width>=900px){.story-inner{grid-template-columns:1fr 1fr;gap:40px;display:grid}.story-phone{order:2;align-items:center;height:100svh;padding-top:30px;top:0}.story-phone .phone{--pw:min(320px, calc((100svh - 120px) * .43))}.steps{margin-top:0;padding:0}.step{justify-content:center;min-height:100svh;margin:0}.card{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;padding:0}}.features{padding:120px var(--gutter);background:#fff}.section-title{text-align:center;max-width:1120px;margin:0 auto 48px;font-size:clamp(34px,6vw,64px)}.grid{grid-template-columns:1fr;gap:16px;max-width:1120px;margin:0 auto;display:grid}.tile{background:var(--soft);transition-delay:var(--d,0s);border-radius:28px;padding:28px}.tile h3{margin-top:18px;font-size:24px}.tile p{color:var(--muted);margin:8px 0 0;font-size:17px}.tile.dark{color:#fff;background:linear-gradient(135deg,#1b2433,#0b1222)}.tile.dark p{color:#a9b4c9}.tile-ico{color:#fff;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;font-size:30px;display:inline-flex}.tile-ico.blue{background:linear-gradient(135deg,#4f8cff,#2f62e0)}.tile-ico.green{background:linear-gradient(135deg,#36c47f,#1a9258)}.tile-ico.amber{background:linear-gradient(135deg,#ffb340,#f08a00)}.tile-ico.cyan{background:linear-gradient(135deg,#5ccfee,#2a98d6)}.tile-ico.red{background:linear-gradient(135deg,#ff6b6b,#d93a3f)}.tile-ico.purple{background:linear-gradient(135deg,#b77cf0,#8346d1)}.tile-ico.gold{background:linear-gradient(135deg,#ffd34d,#f5a300)}@media (width>=640px){.grid{grid-template-columns:1fr 1fr}.tile.big{grid-column:span 2}}@media (width>=960px){.grid{grid-template-columns:repeat(3,1fr)}.tile{padding:34px}.tile.big h3{font-size:32px}}.levels{padding:120px var(--gutter);background:var(--soft)}.track{max-width:1120px;margin:0 auto;position:relative}.track ol{gap:26px;margin:0;padding:0;list-style:none;display:grid;position:relative}.track li{transition-delay:var(--d,0s);grid-template-rows:auto auto;grid-template-columns:56px 1fr;align-items:center;column-gap:16px;display:grid}.lvl-dot{width:56px;height:56px;color:var(--accent);background:#fff;border-radius:50%;grid-row:span 2;justify-content:center;align-items:center;font-size:26px;display:flex;box-shadow:0 4px 14px #1018281f}.track li:last-child .lvl-dot{color:#fff;background:linear-gradient(135deg,#ffd34d,#f5a300)}.track li b{align-self:end;font-size:20px;font-weight:900}.track li small{color:var(--muted);align-self:start;font-size:15px}.track-line{background:#dde3ec;border-radius:2px;width:3px;position:absolute;top:28px;bottom:28px;left:27px;overflow:hidden}.track-fill{background:linear-gradient(180deg, var(--accent), var(--accent-2));transform:scaleY(var(--p,0));transform-origin:top;position:absolute;inset:0}@media (width>=900px){.track ol{grid-template-columns:repeat(6,1fr);gap:12px}.track li{text-align:center;grid-template-columns:1fr;justify-items:center;row-gap:8px}.lvl-dot{grid-row:auto;width:72px;height:72px;margin-bottom:8px;font-size:32px}.track-line{width:auto;height:3px;inset:35px 8.33333% auto}.track-fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));transform:scaleX(var(--p,0));transform-origin:0}}.numbers{max-width:1120px;padding:100px var(--gutter);text-align:center;grid-template-columns:1fr 1fr;gap:36px 16px;margin:0 auto;display:grid}.num b{letter-spacing:-.03em;background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,7vw,72px);font-weight:900;line-height:1;display:block}.num span{color:var(--muted);margin-top:8px;font-size:16px;display:block}@media (width>=900px){.numbers{grid-template-columns:repeat(4,1fr)}}.final{padding:100px var(--gutter) 120px;text-align:center;background:radial-gradient(120% 70% at 50% 0%, #24365a 0%, var(--night) 70%);color:#fff;position:relative;overflow:hidden}.final h2{font-size:clamp(40px,8vw,80px)}.final .lead{color:#a9b4c9;margin:16px auto 32px}.final .store-row{justify-content:center}.final .store{color:#000;opacity:.45;background:#fff}.final .store-note{color:#8a96ad;justify-content:center}.fan{--fan:0;max-width:900px;height:calc(2.2*min(250px,46vw));margin:0 auto 56px;position:relative}.fan .phone{--pw:min(250px, 46vw);margin-left:calc(var(--pw) / -2);transform-origin:50% 100%;position:absolute;top:0;left:50%}.fan-c{z-index:2;box-shadow:inset 0 0 0 calc(var(--u) * .6) #5a606c, inset 0 0 0 calc(var(--u) * 1.1) #0b0c0f, 0 0 calc(var(--u) * 40) #508cff59!important}.fan-l{transform:translateX(calc(var(--fan) * -62%)) translateY(calc(var(--fan) * 6%)) rotate(calc(var(--fan) * -9deg)) scale(calc(1 - var(--fan) * .1))}.fan-r{transform:translateX(calc(var(--fan) * 62%)) translateY(calc(var(--fan) * 6%)) rotate(calc(var(--fan) * 9deg)) scale(calc(1 - var(--fan) * .1))}.foot{padding:32px var(--gutter) calc(32px + env(safe-area-inset-bottom,0px));text-align:center;color:var(--muted);background:#fff;font-size:14px}.foot p{margin:4px 0}.foot .fine{opacity:.8;font-size:12px}@media (width>=900px){.hero{grid-template-columns:1.1fr .9fr;padding-left:max(32px,50vw - 560px);padding-right:max(32px,50vw - 560px)}.hero-phone{--pw:min(320px, calc((100svh - 160px) * .44))}:root{--gutter:32px}}.js [data-reveal]{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transition-delay:var(--d,0s);transform:translateY(32px)}.js [data-reveal].in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cloud,.flyby,.scroll-hint span{animation:none}.flyby{display:none}.js [data-reveal]{opacity:1;transition:none;transform:none}.hero-phone{transform:none}}.foot .links a{color:var(--accent);font-weight:800;text-decoration:none}
