@font-face{font-family:Display;src:url(/fonts/display-latin.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}@font-face{font-family:Display;src:url(/fonts/display-latin-ext.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}@font-face{font-family:Body;src:url(/fonts/body-latin.woff2) format("woff2");font-weight:300 800;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}@font-face{font-family:Body;src:url(/fonts/body-latin-ext.woff2) format("woff2");font-weight:300 800;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}:root{--bg: #0b0714;--surface: #151020;--surface-2: #1d152b;--line: #2b2240;--line-2: #3c3056;--ink: #f5f0ff;--ink-2: #b9adcf;--ink-3: #85799e;--gold: #f5be3c;--ok: #45dc95;--grad: linear-gradient(95deg, #ffb3f5 0%, #d58bff 35%, #9a6bff 70%, #7c4dff 100%);--ease: cubic-bezier(.16, 1, .3, 1);--wrap: min(1120px, 100%)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;scroll-padding-top:70px}body{min-height:100dvh;background:var(--bg);color:var(--ink);font:400 16px/1.55 Body,system-ui,sans-serif;overflow-x:clip}a{color:inherit}::selection{background:#b86dff55}img{display:block}.scrollbar{position:fixed;inset:0 0 auto;height:3px;z-index:50}.scrollbar i{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(0);background:var(--grad);box-shadow:0 0 12px #b86dff}.bg{position:fixed;inset:0;z-index:-1;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.45;will-change:transform}.orb-a{width:560px;height:560px;background:#6b3dff;top:-200px;left:-160px}.orb-b{width:460px;height:460px;background:#d06bf0;top:55vh;right:-160px;opacity:.28}.orb-c{width:320px;height:320px;background:#f5be3c;top:120vh;left:30%;opacity:.07}.grid{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1.3px,transparent 1.3px);background-size:38px 38px;mask-image:radial-gradient(ellipse 70% 60% at 50% 35%,#000 20%,transparent 75%)}.top{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(12px,env(safe-area-inset-top)) clamp(16px,4vw,36px) 12px;transition:background .3s,backdrop-filter .3s,box-shadow .3s}.top.scrolled{background:#0b0714cc;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 1px 0 var(--line)}.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none}.mark{width:30px;height:30px;flex:none}.brand-name{font:700 16px/1 Display,sans-serif;letter-spacing:-.02em}.beta{background:var(--gold);color:#1a1200;font:800 10px/1 Body,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:4px 7px;border-radius:999px}.lang{display:inline-flex;padding:3px;border-radius:11px;background:var(--surface);border:1px solid var(--line)}.lang button{border:0;background:none;color:var(--ink-3);font:700 12px Body,sans-serif;padding:6px 10px;border-radius:8px;cursor:pointer;transition:color .2s}.lang button[aria-pressed=true]{background:var(--grad);color:#160926}.mark .roof{stroke-dasharray:420;animation:roof 1s var(--ease) both .2s}.mark .bar{transform-box:fill-box;transform-origin:bottom;animation:bar .8s cubic-bezier(.2,1.4,.4,1) both}.mark .bar:nth-of-type(2){animation-delay:.5s}.mark .bar:nth-of-type(3){animation-delay:.6s}.mark .bar:nth-of-type(4){animation-delay:.7s}.mark .spark{transform-box:fill-box;transform-origin:center;animation:spark 2.8s ease-in-out 1s infinite}@keyframes roof{0%{stroke-dashoffset:420}}@keyframes bar{0%{transform:scaleY(.1)}}@keyframes spark{50%{transform:scale(1.35) rotate(45deg);opacity:.85}}main{width:100%}.h2{font:800 clamp(28px,4.2vw,44px)/1.02 Display,sans-serif;letter-spacing:-.035em;text-align:center}.sub{margin-top:10px;text-align:center;color:var(--ink-2);font-size:15px}.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero{position:relative;width:var(--wrap);margin:0 auto;min-height:calc(100svh - 60px);padding:24px clamp(16px,4vw,36px) 72px;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}.hero-copy{will-change:transform,opacity}.pill{display:inline-flex;align-items:center;gap:9px;padding:6px 14px;border-radius:999px;background:#ffffff0d;border:1px solid #ffffff22;font-weight:600;font-size:13px}.dot{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:ping 1.6s ease-out infinite}@keyframes ping{0%{box-shadow:0 0 #45dc9580}to{box-shadow:0 0 0 12px #45dc9500}}.title{margin-top:18px;font:800 clamp(40px,6.2vw,74px)/.98 Display,sans-serif;letter-spacing:-.045em}.title .line{display:block;overflow:hidden;padding-bottom:.06em}.title .w{display:inline-block;transform:translateY(105%) rotate(4deg);opacity:0;transition:transform 1s var(--ease),opacity 1s var(--ease)}.title.in .w{transform:none;opacity:1}.title .grad .w,.title .words.grad .w{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{margin-top:18px;max-width:30em;color:var(--ink-2);font-size:clamp(15px,1.5vw,17px)}.progress{margin-top:24px;max-width:400px;padding:14px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}.progress-top{display:flex;justify-content:space-between;font-weight:600;font-size:14px;color:var(--ink-2)}.progress-top strong{color:var(--ink);font:800 18px Display,sans-serif}.progress-bar{margin-top:10px;height:8px;border-radius:99px;background:#ffffff10;overflow:hidden}.progress-bar i{display:block;height:100%;width:0;border-radius:99px;background:var(--grad);box-shadow:0 0 18px #b86dff;transition:width 2.2s var(--ease)}.cta{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 20px;border-radius:14px;font-weight:700;font-size:15px;text-decoration:none;transition:transform .25s var(--ease),filter .2s,background .2s;will-change:transform}.btn:active{transform:scale(.97)}.btn.primary{background:var(--grad);color:#160926;box-shadow:0 14px 34px -14px #b86dffaa}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{border:1px solid var(--line-2);background:#ffffff08}.btn.ghost:hover{background:#ffffff12}.hero-visual{position:relative;display:grid;place-items:center;perspective:1400px;will-change:transform}.phone{position:relative;width:250px;aspect-ratio:9 / 19.4;border-radius:42px;padding:9px;background:#05030a;box-shadow:0 0 0 2px #3d3158,inset 0 0 0 2px #2a2140,0 50px 100px -30px #000c,0 0 100px -24px #7c4dff77}.phone.tilt{transform:rotateY(-12deg) rotateX(5deg);transition:transform .5s var(--ease)}.island{position:absolute;top:16px;left:50%;width:72px;height:20px;margin-left:-36px;border-radius:12px;background:#000;z-index:3}.screens{position:relative;width:100%;height:100%;border-radius:34px;overflow:hidden;background:#0c0914}.screens img{position:absolute;top:26px;left:0;width:100%;height:calc(100% - 26px);object-fit:cover;object-position:top;opacity:0;transform:translateY(30px) scale(.98);transition:opacity .7s var(--ease),transform .9s var(--ease)}.screens img.on{opacity:1;transform:none}.screens img.past{opacity:0;transform:translateY(-30px) scale(.98)}.float{position:absolute;display:flex;align-items:center;gap:8px;padding:7px 12px 7px 7px;border-radius:14px;background:#1c122ee0;border:1px solid #ffffff22;backdrop-filter:blur(12px);font-weight:600;font-size:12.5px;box-shadow:0 16px 34px -16px #000;animation:float 5s ease-in-out infinite;white-space:nowrap}.fi{display:grid;place-items:center;min-width:38px;height:30px;padding:0 6px;border-radius:10px;background:var(--grad);color:#160926;font:800 13px Display,sans-serif}.fi.ok{background:linear-gradient(135deg,#45dc95,#11a36a);color:#032313}.f1{top:16%;left:2%}.f2{top:50%;right:0;animation-delay:-1.6s}.f3{bottom:14%;left:6%;animation-delay:-3.2s}@keyframes float{50%{transform:translateY(-8px)}}.marquee{padding:18px 0 36px;display:flex;flex-direction:column;gap:10px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.row{display:flex;gap:10px;width:max-content;will-change:transform}.row span{flex:none;padding:9px 16px;border-radius:999px;border:1px solid var(--line-2);background:#ffffff07;font:600 14px Body,sans-serif;color:var(--ink-2)}.row.alt span{background:#b86dff14;color:#e6d6ff}.story{position:relative;height:520vh}.story-sticky{position:sticky;top:0;height:100svh;width:var(--wrap);margin:0 auto;padding:72px clamp(16px,4vw,36px) 32px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.kicker{font:700 12px Body,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#d9b8ff}.steps{position:relative;margin-top:14px;min-height:220px}.step{position:absolute;inset:0 0 auto;opacity:0;transform:translateY(40px);filter:blur(6px);transition:opacity .6s var(--ease),transform .7s var(--ease),filter .6s;pointer-events:none}.step.on{opacity:1;transform:none;filter:none}.step.past{opacity:0;transform:translateY(-40px);filter:blur(6px)}.num{font:800 14px Display,sans-serif;color:var(--ink-3)}.step h2{margin-top:6px;font:800 clamp(28px,3.6vw,42px)/1.02 Display,sans-serif;letter-spacing:-.035em}.step p{margin-top:12px;max-width:26em;color:var(--ink-2);font-size:16px}.dots{margin-top:18px;display:flex;gap:8px}.dots i{width:26px;height:4px;border-radius:4px;background:var(--line-2);transition:background .4s,width .4s var(--ease)}.dots i.on{width:46px;background:var(--grad)}.story-phone{position:relative;display:grid;place-items:center}.phone.big{width:min(280px,70vw);transition:transform .2s linear}.glow{position:absolute;inset:15% 20%;z-index:-1;border-radius:50%;background:radial-gradient(#9a6bff66,transparent 70%);filter:blur(40px)}.stats{width:var(--wrap);margin:0 auto;padding:72px clamp(16px,4vw,36px) 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:20px;border-radius:20px;background:var(--surface);border:1px solid var(--line);text-align:center}.stat strong{display:block;font:800 clamp(30px,4vw,42px)/1 Display,sans-serif;letter-spacing:-.03em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.stat span{display:block;margin-top:6px;color:var(--ink-2);font-size:13px}.features{width:var(--wrap);margin:0 auto;padding:72px clamp(16px,4vw,36px) 24px}.cards{margin-top:28px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.card{position:relative;padding:18px;border-radius:20px;background:var(--surface);border:1px solid var(--line);overflow:hidden;transition:transform .4s var(--ease),border-color .3s}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx, 50%) var(--my, 0%),#b86dff22,transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.card:hover{transform:translateY(-3px);border-color:var(--line-2)}.card:hover:before{opacity:1}.ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#b86dff22;font-size:20px}.card h3{margin-top:12px;font:700 17px Display,sans-serif;letter-spacing:-.02em}.card p{margin-top:4px;color:var(--ink-2);font-size:14px}.gallery{position:relative;height:260vh}.gallery-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;justify-content:center;gap:28px;overflow:hidden}.track{display:flex;gap:22px;padding:0 max(16px,calc((100vw - 1120px)/2 + 36px));width:max-content;will-change:transform}.shot{flex:none;width:210px;text-align:center}.shot img{width:100%;height:auto;border-radius:26px;border:6px solid #05030a;box-shadow:0 0 0 1px #3d3158,0 30px 60px -30px #000;transition:transform .5s var(--ease)}.shot:nth-child(2n) img{transform:translateY(26px)}.shot figcaption{margin-top:10px;color:var(--ink-2);font-weight:600;font-size:13px}.shot:nth-child(2n) figcaption{transform:translateY(26px)}.final{width:var(--wrap);margin:0 auto;padding:48px clamp(16px,4vw,36px) 32px}.final-inner{padding:40px 20px;border-radius:28px;text-align:center;background:radial-gradient(120% 120% at 50% 0%,#2a1748,#150f21 70%);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:14px;overflow:hidden}.mark-slot svg{width:64px;height:64px;filter:drop-shadow(0 16px 30px #7c4dff66)}.domain{font:800 clamp(30px,6vw,64px)/1 Display,sans-serif;letter-spacing:-.035em;will-change:transform}.foot{width:var(--wrap);margin:0 auto;padding:16px clamp(16px,4vw,36px) max(28px,env(safe-area-inset-bottom));color:var(--ink-3);font-size:13px;line-height:1.6}.foot-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:18px 0;border-top:1px solid var(--line)}.brand.small{gap:8px;color:var(--ink-2);font-size:15px}.brand.small strong{color:var(--ink)}.mark-slot-sm svg{width:26px;height:26px;display:block}.made{display:inline-flex;align-items:center;gap:8px}.author{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;border:1px solid var(--line-2);color:var(--ink);font-weight:700;text-decoration:none;background:#ffffff08;transition:background .2s,border-color .2s}.author:hover{background:#b86dff22;border-color:#b86dff66}.foot-links{display:flex;gap:16px}.foot-links a{color:var(--ink-2);text-decoration:none}.foot-links a:hover{color:var(--ink)}.notice{padding:12px 14px;border-radius:14px;background:#ffffff07;border:1px solid var(--line);font-size:12px}.notice strong{color:var(--ink-2)}.credits{margin-top:12px;font-size:12px;text-align:center}.reveal{opacity:0;transform:translateY(26px) scale(.98);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.in{opacity:1;transform:none}.lost{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:24px}.lost img{border-radius:22px}@media (max-width: 900px){.hero{grid-template-columns:1fr;text-align:center;gap:28px;min-height:auto;padding-top:18px}.hero-copy{display:flex;flex-direction:column;align-items:center}.progress{width:100%;text-align:left}.cta{justify-content:center}.phone.tilt{transform:none}.story-sticky{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:14px;padding-top:64px;text-align:center;align-content:start}.story-text{order:2}.story-phone{order:1}.phone.big{width:min(200px,52vw)}.steps{min-height:150px}.step p{margin-left:auto;margin-right:auto;font-size:14px}.dots{justify-content:center}.stats{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.cards{grid-template-columns:1fr}.btn{flex:1}.cta{width:100%}.phone{width:220px}.float{font-size:11px;padding:5px 10px 5px 5px}.fi{min-width:32px;height:26px;font-size:11.5px}.f1{left:0}.f2{right:0}.shot{width:170px}.foot-row{flex-direction:column;text-align:center}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal,.title .w{opacity:1;transform:none}.story,.gallery{height:auto}.story-sticky,.gallery-sticky{position:static;height:auto}.gallery-sticky{overflow-x:auto}}.cue{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));z-index:45;display:flex;align-items:center;gap:12px;padding:8px 16px 8px 10px;border-radius:999px;border:1px solid #ffffff26;background:#1a1129d9;color:var(--ink);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 20px 40px -18px #000,0 0 #b86dff55;font:inherit;cursor:pointer;transform:translate(-50%,140%);opacity:0;transition:transform .6s var(--ease),opacity .4s,box-shadow .4s}.cue.show{transform:translate(-50%);opacity:1}.cue.nudge{animation:nudge 1.6s var(--ease) infinite;box-shadow:0 20px 40px -18px #000,0 0 0 6px #b86dff33}@keyframes nudge{0%,to{translate:0 0}40%{translate:0 -10px}60%{translate:0 0}75%{translate:0 -4px}}.cue-mouse{position:relative;width:22px;height:34px;flex:none;border:2px solid #ffffff66;border-radius:12px}.cue-mouse i{position:absolute;top:6px;left:50%;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:wheel 1.4s ease-in-out infinite}@keyframes wheel{0%{transform:none;opacity:1}70%{transform:translateY(11px);opacity:0}to{transform:none;opacity:0}}.cue-text{white-space:nowrap;display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;text-align:left}.cue-text strong{font:700 14px Display,sans-serif;letter-spacing:-.01em}.cue-text small{color:var(--ink-2);font-size:12px}.cue-arrows{position:relative;width:14px;height:22px}.cue-arrows i{position:absolute;left:1px;width:10px;height:10px;border-right:2.5px solid #d9b8ff;border-bottom:2.5px solid #d9b8ff;transform:rotate(45deg);animation:chev 1.4s ease-in-out infinite}.cue-arrows i:nth-child(2){top:8px;animation-delay:.2s}@keyframes chev{0%{opacity:0;translate:0 -4px}50%{opacity:1}to{opacity:0;translate:0 6px}}.cursor-glow{position:fixed;z-index:-1;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;background:radial-gradient(#b86dff2e,transparent 65%);pointer-events:none;opacity:0;transition:opacity .4s;will-change:transform}.cursor-glow.on{opacity:1}.story-text{position:relative}.bignum{position:absolute;top:-120px;right:0;z-index:-1;font:800 clamp(120px,16vw,210px)/1 Display,sans-serif;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px #b86dff40;transition:transform .8s var(--ease),opacity .4s}.bignum.flip{transform:translateY(-24px) scale(.94);opacity:0;transition:none}.dots{align-items:center}.dots button{width:26px;height:4px;padding:0;border:0;border-radius:4px;background:var(--line-2);cursor:pointer;transition:background .4s,width .4s var(--ease)}.dots button.on{width:46px;background:var(--grad)}.dots button:hover{background:#b86dff88}.dots .count{margin-left:8px;color:var(--ink-3);font:600 13px Body,sans-serif}.dots .count b{color:var(--ink)}.screens.stack img{clip-path:inset(100% 0 0 0 round 0);transform:scale(1.06);opacity:1;transition:clip-path .8s var(--ease),transform 1.1s var(--ease)}.screens.stack img.on{clip-path:inset(0 0 0 0 round 0);transform:none;z-index:2}.screens.stack img.past{clip-path:inset(0 0 0 0 round 0);transform:scale(.92) translateY(-4%);filter:brightness(.5);z-index:1;transition:transform .9s var(--ease),filter .9s}.story-phone .glow{transition:background 1s}.shot img{will-change:transform}.h2.reveal{clip-path:inset(0 0 100% 0);transform:translateY(30px);transition:clip-path 1s var(--ease),transform 1s var(--ease),opacity .6s}.h2.reveal.in{clip-path:inset(0 0 -10% 0);transform:none}.card.reveal{transform:perspective(800px) rotateX(18deg) translateY(40px);transform-origin:top}.card.reveal.in{transform:none}@media (max-width: 900px){.bignum{display:none}.bignum.flip{transform:translate(-50%,-20px) scale(.94)}.cue{padding:7px 14px 7px 9px;gap:10px}}@media (prefers-reduced-motion: reduce){.cue{transform:translate(-50%)}.screens.stack img{clip-path:none;opacity:0}.screens.stack img.on{opacity:1}.h2.reveal{clip-path:none}}
