:root{--bg:#05070b;--panel:#0b1019;--line:rgba(152,206,255,.17);--ink:#f3f8ff;--muted:#8d9aab;--cyan:#80e9ff;--blue:#3aa9ff;--violet:#b46cff;--mag:#ff5fce;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--ink);background:radial-gradient(circle at 80% 5%,rgba(91,46,178,.15),transparent 30%),radial-gradient(circle at 12% 18%,rgba(40,153,212,.11),transparent 34%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit}button,input,select{font:inherit}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
.topbar{max-width:var(--max);margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{display:block;width:min(320px,52vw);height:auto}.nav{display:flex;gap:8px;align-items:center}.nav a{text-decoration:none;color:var(--muted);padding:9px 12px;border-radius:999px;font-size:13px}.nav a:hover{color:var(--ink);background:rgba(255,255,255,.05)}.nav .nav-cta{color:var(--ink);border:1px solid var(--line);background:rgba(255,255,255,.04)}
.hero{min-height:calc(100vh - 88px);max-width:var(--max);margin:0 auto;padding:58px 24px 70px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);gap:54px;align-items:center}.eyebrow{margin:0 0 14px;color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:.19em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6vw,88px);line-height:.92;letter-spacing:-.055em;margin-bottom:25px}h1 span{color:transparent;background:linear-gradient(100deg,var(--cyan),#b9b7ff 48%,var(--mag));-webkit-background-clip:text;background-clip:text}.lede{max-width:650px;color:#b6c0ce;font-size:clamp(17px,2vw,22px);line-height:1.55}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:12px;border:1px solid var(--line);text-decoration:none;cursor:pointer;color:var(--ink)}.button.primary{background:linear-gradient(135deg,rgba(44,185,255,.24),rgba(171,75,255,.24));border-color:rgba(128,233,255,.42);box-shadow:0 0 28px rgba(68,171,255,.12)}.button.ghost{background:rgba(255,255,255,.035)}.button:hover{transform:translateY(-1px);border-color:rgba(128,233,255,.65)}
.quick-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#aab4c2;font-size:11px}.quick-flow span{padding:6px 9px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.025)}.quick-flow i{display:block;width:18px;height:1px;background:linear-gradient(90deg,var(--blue),var(--violet))}.account-note{margin:22px 0 0;max-width:620px;font-size:12px;line-height:1.5;color:#6f7c8d}
.experience{position:relative;min-height:690px;border:1px solid rgba(125,210,255,.22);border-radius:28px;overflow:hidden;background:linear-gradient(145deg,rgba(12,17,28,.97),rgba(5,8,14,.98));box-shadow:0 40px 120px rgba(0,0,0,.5),0 0 70px rgba(60,123,255,.08)}
.intro-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none;z-index:10;background:#000}.intro-film.on{display:block}.demo-stage{position:absolute;inset:0 0 48px;overflow:hidden;isolation:isolate}.demo-grid{position:absolute;inset:-20%;opacity:.34;background:radial-gradient(circle at center,rgba(103,218,255,.12),transparent 42%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,38px 38px,38px 38px;transform:perspective(700px) rotateX(61deg) translateY(33%);transform-origin:center 80%}
.camera-layer{position:absolute;inset:8% 11% 14%;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 50% 36%,rgba(255,214,184,.7),rgba(156,84,88,.4) 23%,transparent 24%),radial-gradient(circle at 50% 43%,#1a202d 0 21%,#0f1521 48%,#070a10 75%);opacity:.86;transform:scale(.94);transition:all 1s cubic-bezier(.2,.7,.2,1)}
.face{position:absolute;left:50%;top:46%;width:230px;height:310px;transform:translate(-50%,-50%);border-radius:46% 46% 48% 48% / 38% 38% 62% 62%;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(255,216,190,.21),rgba(137,76,93,.12));box-shadow:inset 0 -40px 80px rgba(0,0,0,.32)}.eye{position:absolute;top:42%;width:30px;height:7px;border-radius:999px;background:rgba(4,7,10,.7)}.eye-l{left:44px}.eye-r{right:44px}.mouth{position:absolute;left:50%;bottom:68px;width:44px;height:13px;transform:translateX(-50%);border-bottom:3px solid rgba(10,10,14,.65);border-radius:0 0 50% 50%}
.mesh-layer{position:absolute;inset:9% 10% 13%;width:80%;height:78%;z-index:4;opacity:0;filter:drop-shadow(0 0 8px rgba(103,226,255,.35));transition:opacity .9s ease,transform 1.2s ease}.mesh-layer path,.mesh-layer circle{fill:none;stroke:rgba(120,232,255,.76);stroke-width:1.4;vector-effect:non-scaling-stroke}.mesh-layer circle{fill:#d3f7ff;stroke:none}
.spindle-layer{position:absolute;left:50%;top:49%;width:360px;height:360px;transform:translate(-50%,-50%) scale(.72);z-index:5;opacity:0;transition:all 1.1s ease}.orbit{position:absolute;inset:12%;border:1px solid rgba(165,105,255,.5);border-radius:50%;box-shadow:0 0 20px rgba(115,82,255,.13)}.o1{transform:rotateX(66deg) rotateZ(14deg)}.o2{transform:rotateY(66deg) rotateZ(61deg);border-color:rgba(94,222,255,.52)}.o3{inset:26%;transform:rotate(45deg);border-radius:24%;border-color:rgba(255,92,211,.45)}.core{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#eaffff 0 5%,#6de5ff 20%,#7a45ff 55%,transparent 70%)}
.photo-layer{position:absolute;left:7%;bottom:9%;width:40%;height:29%;border-radius:18px;overflow:hidden;z-index:3;opacity:0;border:1px solid rgba(255,255,255,.15);transform:translate(-20px,18px) rotate(-5deg);transition:all 1s ease;background:linear-gradient(#4575ad,#df8d7d 58%,#151b27 59%)}.photo-sky{position:absolute;inset:0;background:radial-gradient(circle at 68% 32%,#ffe8ba 0 4%,transparent 5%)}.photo-hill{position:absolute;bottom:-20%;left:-18%;width:85%;height:65%;background:#172536;border-radius:50% 50% 0 0;transform:rotate(12deg)}.photo-hill.two{left:35%;bottom:-30%;width:90%;height:72%;background:#101a28;transform:rotate(-8deg)}
.demo-caption{position:absolute;left:22px;top:22px;z-index:7;display:grid;gap:4px}.demo-caption strong{font-size:12px;letter-spacing:.18em;color:var(--cyan)}.demo-caption span{font-size:11px;color:#8190a4}.layer-pills{position:absolute;left:20px;right:20px;bottom:18px;z-index:7;display:flex;gap:6px;flex-wrap:wrap}.layer-pills span{font:9px ui-monospace,monospace;letter-spacing:.1em;color:#677487;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:5px 7px;background:rgba(4,7,11,.72)}.layer-pills span.on{color:var(--cyan);border-color:rgba(128,233,255,.36);box-shadow:inset 0 0 12px rgba(78,198,255,.08)}
.experience-footer{position:absolute;left:0;right:0;bottom:0;height:48px;z-index:12;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-top:1px solid rgba(255,255,255,.07);background:rgba(6,9,14,.92)}.experience-footer span{font:9px ui-monospace,monospace;letter-spacing:.14em;color:#66778d}.experience-footer button{border:0;background:none;color:#95a8bd;cursor:pointer;font-size:11px}
.demo-stage.scene-mesh .mesh-layer{opacity:1;transform:scale(1.03)}.demo-stage.scene-mesh .camera-layer{opacity:.68;filter:saturate(.65) contrast(1.1)}.demo-stage.scene-image .photo-layer{opacity:1;transform:translate(0,0) rotate(-2deg)}.demo-stage.scene-image .camera-layer{opacity:.55;transform:scale(.9) translateX(15%)}.demo-stage.scene-geometry .mesh-layer{opacity:.78}.demo-stage.scene-geometry .spindle-layer{opacity:1;transform:translate(-50%,-50%) scale(1)}.demo-stage.scene-geometry .camera-layer{opacity:.43;filter:hue-rotate(12deg) saturate(1.2)}.demo-stage.scene-mix .mesh-layer{opacity:.56;transform:scale(1.07)}.demo-stage.scene-mix .spindle-layer{opacity:.94;transform:translate(-50%,-50%) scale(.9) rotate(18deg)}.demo-stage.scene-mix .photo-layer{opacity:.55;transform:translate(0,0) rotate(3deg);mix-blend-mode:screen}.demo-stage.scene-mix .camera-layer{opacity:.64;filter:saturate(1.35) contrast(1.08)}
.section{max-width:var(--max);margin:0 auto;padding:110px 24px}.section-head{max-width:760px;margin-bottom:38px}.section-head h2,.next-copy h2,.closing h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.04em;line-height:1.02;margin-bottom:16px}.section-head p:not(.eyebrow),.next-copy p:not(.eyebrow),.closing p{color:#92a0b2;line-height:1.6}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.level-card{position:relative;min-height:330px;padding:26px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:linear-gradient(150deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}.level-card.featured{border-color:rgba(93,217,255,.26);background:linear-gradient(150deg,rgba(71,184,255,.08),rgba(157,75,255,.035))}.level-num{font:10px ui-monospace,monospace;color:#637189}.level-card h3{font-size:27px;margin:22px 0 10px}.level-card p{color:#95a1b1;line-height:1.55}.level-card ul{margin:24px 0 0;padding:0;list-style:none;display:grid;gap:8px;color:#bdc6d1;font-size:13px}.level-card li::before{content:"—";margin-right:8px;color:var(--cyan)}
.save-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.save-grid article{display:grid;gap:8px;padding:22px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.024)}.save-grid strong{font-size:11px;letter-spacing:.14em;color:var(--cyan)}.save-grid b{font-size:48px;line-height:1}.save-grid span{font-size:12px;color:#7e8a9a}.memory-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden}.memory-strip div{display:grid;gap:7px;padding:18px;background:#080c13}.memory-strip strong{font-size:10px;letter-spacing:.12em;color:#a9b7c8}.memory-strip span{font-size:11px;color:#69788a;line-height:1.5}
.next-door{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}.roadmap{display:grid;gap:8px}.roadmap span{padding:15px 17px;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#6f7c8e;background:rgba(255,255,255,.018)}.roadmap span.active{color:var(--ink);border-color:rgba(128,233,255,.35);background:linear-gradient(90deg,rgba(56,179,255,.09),rgba(151,75,255,.05))}.closing{max-width:980px;margin:40px auto 130px;text-align:center;padding:80px 24px;border-top:1px solid rgba(255,255,255,.08)}.closing p{margin-left:auto;margin-right:auto;max-width:540px}.closing .button{margin-top:12px}footer{max-width:var(--max);margin:0 auto;padding:22px 24px 40px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;gap:16px;color:#556274;font-size:10px;letter-spacing:.09em}
@media(max-width:920px){.hero{grid-template-columns:1fr;gap:34px;padding-top:32px}.experience{min-height:610px}.level-grid{grid-template-columns:1fr}.level-card{min-height:0}.save-grid{grid-template-columns:repeat(2,1fr)}.memory-strip{grid-template-columns:1fr}.next-door{grid-template-columns:1fr;gap:30px}}
@media(max-width:620px){.topbar{padding:14px 16px}.brand img{width:min(230px,58vw)}.nav>a:not(.nav-cta){display:none}.hero,.section{padding-left:16px;padding-right:16px}.hero{padding-top:24px}.experience{min-height:540px;border-radius:20px}.face{width:180px;height:250px}.spindle-layer{width:270px;height:270px}.save-grid{grid-template-columns:1fr 1fr}.quick-flow i{display:none}footer{padding-left:16px;padding-right:16px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}