:root{--bg: #060b0c;--bg2: #0a1213;--surface: rgba(16, 28, 30, .66);--surface-solid: #0e1819;--line: rgba(143, 216, 232, .15);--line-strong: rgba(143, 216, 232, .34);--fg: #e9f3f4;--mute: #93abae;--accent: #8fd8e8;--accent-ink: #04171b;--amber: #f0b45a;--ok: #6fe3b0;--font-display: "Unbounded", "Onest", system-ui, sans-serif;--font-body: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius: 22px;--ease: cubic-bezier(.2, .7, .2, 1);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg)}a{color:inherit}img{max-width:100%}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}.wrap{width:100%;max-width:1200px;margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.logo{display:inline-block;width:36px;height:36px;flex:none;background:url(/static/logo-72.png) center / contain no-repeat}.mono{font-family:var(--font-mono)}.eyebrow{font:500 12px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:22px;height:1px;background:var(--accent)}h2{font:600 clamp(26px,3.6vw,42px)/1.12 var(--font-display);letter-spacing:-.02em;text-wrap:balance}.lead{color:var(--mute);max-width:56ch}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 26px;border-radius:999px;font:600 16px/1 var(--font-body);text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .25s var(--ease),translate .2s var(--ease),box-shadow .25s var(--ease),background .25s}.btn-primary{background:linear-gradient(180deg,#b9ecf6,var(--accent));color:var(--accent-ink);box-shadow:0 0 0 1px #ffffff40 inset,0 10px 36px -10px #8fd8e8b3}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #ffffff59 inset,0 16px 44px -10px #8fd8e8e6}.btn-ghost{background:#ffffff08;color:var(--fg);border-color:var(--line-strong)}.btn-ghost:hover{background:#8fd8e81a;transform:translateY(-2px)}.btn svg{width:18px;height:18px}.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:linear-gradient(180deg,#060b0ce0,#060b0c99);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border-bottom:1px solid transparent;transition:border-color .3s}.top.scrolled{border-bottom-color:var(--line)}.top .wrap{display:flex;align-items:center;gap:28px;min-height:72px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:600 19px/1 var(--font-body);letter-spacing:-.01em}.brand b{font-weight:600;color:var(--accent)}.nav{display:flex;gap:6px;margin-left:auto}.nav a{text-decoration:none;color:var(--mute);padding:10px 14px;border-radius:999px;font-size:15px;transition:color .2s,background .2s}.nav a:hover{color:var(--fg);background:#8fd8e814}.top .btn{min-height:42px;padding:0 20px;font-size:15px}.hero{position:relative;isolation:isolate;overflow-x:clip}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(900px 600px at var(--sx, 72%) var(--sy, 30%),rgba(143,216,232,.13),transparent 60%),radial-gradient(700px 500px at 10% 100%,rgba(40,110,125,.18),transparent 70%)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.55;pointer-events:none;background-image:linear-gradient(45deg,rgba(255,255,255,.028) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.028) 75%),linear-gradient(45deg,rgba(255,255,255,.028) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.028) 75%);background-size:8px 8px;background-position:0 0,4px 4px;mask-image:radial-gradient(ellipse 80% 70% at 60% 40%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 60% 40%,#000 20%,transparent 75%)}.hero .wrap{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:24px;align-items:center;padding-block:100px 112px}.hero-copy{display:flex;flex-direction:column;gap:26px;align-items:flex-start}.hero h1{font:600 clamp(34px,5.1vw,62px)/1.04 var(--font-display);letter-spacing:-.03em;text-wrap:balance}.hero h1 .w{display:inline-block;opacity:0;transform:translateY(.5em) rotateX(-40deg);transform-origin:50% 100%;animation:rise .9s var(--ease) forwards;animation-delay:calc(.15s + var(--i) * .08s)}.hero h1 em{font-style:normal;color:var(--accent);text-shadow:0 0 40px rgba(143,216,232,.45)}@keyframes rise{to{opacity:1;transform:none}}.hero-copy>*{animation:fade .9s var(--ease) both}.hero-copy>.eyebrow{animation-delay:.05s}.hero-copy>.lead{animation-delay:.6s;font-size:18px}.hero-copy>.cta{animation-delay:.75s}.hero-copy>.chips{animation-delay:.9s}@keyframes fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.cta{display:flex;flex-wrap:wrap;gap:12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font:500 13px/1 var(--font-mono);color:var(--mute);border:1px solid var(--line);border-radius:999px;padding:9px 13px;background:#ffffff05;display:inline-flex;align-items:center;gap:8px}.chip i{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok)}.stage{position:relative;width:100%;max-width:580px;aspect-ratio:1;margin-inline:auto;touch-action:pan-y;cursor:grab}.stage:active{cursor:grabbing}.stage .halo{position:absolute;top:-9%;right:-9%;bottom:-9%;left:-9%;border-radius:50%;background:radial-gradient(circle,rgba(143,216,232,.12),rgba(143,216,232,.04) 55%,transparent 70%);box-shadow:0 0 120px #8fd8e81a;pointer-events:none}.stage .rim{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;border-radius:50%;border:1px solid var(--line);pointer-events:none}.stage .rim.r2{top:-17%;right:-17%;bottom:-17%;left:-17%;border-style:dashed;border-color:#8fd8e81a;animation:spin 90s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stage canvas{position:absolute;top:-24%;right:-24%;bottom:-24%;left:-24%;width:148%;height:148%;display:block;pointer-events:none}.gfallback{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;border-radius:50%;display:none;background:radial-gradient(circle at 35% 30%,#8fd8e847,#0f282ee6 62%);box-shadow:inset 0 0 60px #0009,0 0 80px #8fd8e826}.no-gl .gfallback{display:block}.glabel{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;opacity:0;will-change:transform,opacity}.glabel .lab{transition:transform .14s linear;position:absolute;font:500 12px/1 var(--font-mono);white-space:nowrap;padding:6px 10px 6px 8px;border:1px solid var(--line-strong);border-radius:999px;background:#060b0cbd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;gap:7px}.glabel .lab i{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok)}.glabel.you .lab i{background:var(--amber);box-shadow:0 0 8px var(--amber)}.glabel[data-dir=r] .lab{left:14px;top:-13px}.glabel[data-dir=l] .lab{right:14px;top:-13px}.glabel[data-dir=d] .lab{left:8px;top:10px}.glabel[data-dir=u] .lab{left:8px;bottom:10px}.floater{position:absolute;z-index:3;will-change:transform;transition:transform .25s linear}.floater>.inner{animation:bob 7s ease-in-out infinite;transform-style:preserve-3d}.f-card{left:-2%;bottom:7%;width:min(300px,62%);perspective:900px}.f-chip{right:0;top:12%;perspective:700px}@keyframes bob{0%,to{transform:translateY(0) rotateX(8deg) rotateY(-14deg)}50%{transform:translateY(-11px) rotateX(5deg) rotateY(-8deg)}}.glass{background:linear-gradient(160deg,#182a2dd1,#0a1416c7);border:1px solid var(--line-strong);border-radius:18px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 60px -24px #000c,0 0 0 1px #ffffff08 inset}.sub-card{padding:16px 18px;display:flex;flex-direction:column;gap:12px}.sub-card .row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.sub-card .row small{color:var(--mute);font-size:12px}.sub-card .head{display:flex;align-items:center;gap:10px;font-weight:600}.sub-card .head .logo{width:26px;height:26px}.pill{font:500 11px/1 var(--font-mono);color:var(--ok);border:1px solid rgba(111,227,176,.35);border-radius:999px;padding:5px 9px;background:#6fe3b012}.bar{height:5px;border-radius:99px;background:#8fd8e81f;overflow:hidden}.bar>span{display:block;height:100%;width:66%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#c9f3fa);box-shadow:0 0 14px var(--accent)}.demo-note{font:400 11px/1.3 var(--font-mono);color:var(--mute);opacity:.8}.chip-pill{padding:11px 15px;display:flex;align-items:center;gap:10px;font:500 13px/1 var(--font-mono);border-radius:999px}.chip-pill i{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok);animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.marquee{border-block:1px solid var(--line);background:linear-gradient(90deg,#070d0ec7,#0a1315b3,#070d0ec7);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:hidden;position:relative;z-index:1}.marquee-track{display:flex;width:max-content;animation:slide 44s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee span{padding:18px 28px;font:500 14px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);display:inline-flex;align-items:center;gap:56px;white-space:nowrap}.marquee span:after{content:"";width:5px;height:5px;background:var(--accent);border-radius:50%;opacity:.7}@keyframes slide{to{transform:translate(-50%)}}section.s{padding-block:clamp(64px,9vw,112px)}.s-head{display:flex;flex-direction:column;gap:16px;margin-bottom:44px;align-items:flex-start}.rv{opacity:.4;translate:0 22px;transition:opacity .9s var(--ease) var(--d, 0s),translate .9s var(--ease) var(--d, 0s)}.rv.in{opacity:1;translate:none}.tilt{--rx: 0deg;--ry: 0deg;--mx: 50%;--my: 0%;position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(160deg,#142225cc,#091113d1);transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .35s var(--ease),border-color .3s,opacity .9s var(--ease) var(--d, 0s),translate .9s var(--ease) var(--d, 0s)}.tilt.live{transition:transform .08s linear,border-color .3s,opacity .9s var(--ease) var(--d, 0s),translate .9s var(--ease) var(--d, 0s)}.tilt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(143,216,232,.16),transparent 60%)}.tilt:hover{border-color:var(--line-strong)}.tilt:hover:after{opacity:1}.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.b{padding:28px;display:flex;flex-direction:column;gap:14px;min-width:0}.b h3{font:600 22px/1.2 var(--font-display);letter-spacing:-.02em}.b p{color:var(--mute);font-size:16px}.b .ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;border:1px solid var(--line-strong);background:#8fd8e812;color:var(--accent)}.b .ico svg{width:22px;height:22px}.b1{grid-column:span 7}.b2{grid-column:span 5}.b3,.b4,.b5{grid-column:span 4}.servers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px}.srv{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#ffffff05}.srv .cc{font:500 11px/1 var(--font-mono);color:var(--accent);border:1px solid var(--line-strong);border-radius:6px;padding:4px 6px;grid-row:span 2}.srv b{font-weight:600;font-size:15px}.srv .bar{grid-column:2;margin-top:2px}.srv .bar>span{animation:load 3.6s ease-in-out infinite alternate;animation-delay:var(--d, 0s)}@keyframes load{0%{width:38%}to{width:88%}}.auto-row{display:flex;align-items:center;gap:10px;margin-top:4px;font:500 13px/1.3 var(--font-mono);color:var(--accent)}.auto-row:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 #8fd8e899;animation:ping 2.2s infinite;flex:none}@keyframes ping{70%{box-shadow:0 0 0 12px #8fd8e800}to{box-shadow:0 0 #8fd8e800}}.devs{display:flex;gap:12px;margin-top:auto;padding-top:10px;align-items:flex-end}.dev{flex:1;border:1px solid var(--line-strong);border-radius:14px;background:#8fd8e80d;display:grid;place-items:center;color:var(--accent);animation:lift 4s ease-in-out infinite;animation-delay:var(--d, 0s)}.dev svg{width:40%;height:auto;max-height:56px}.dev.ph{aspect-ratio:.66}.dev.lp{aspect-ratio:1.35}.dev.tb{aspect-ratio:.85}@keyframes lift{50%{transform:translateY(-8px);border-color:var(--accent)}}.mini-steps{display:flex;flex-direction:column;gap:8px;margin-top:6px}.mini-steps div{display:flex;align-items:center;gap:10px;font-size:14px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#ffffff05}.mini-steps div:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);opacity:.5;flex:none}.mini-steps div.on{border-color:var(--line-strong)}.mini-steps div.on:before{opacity:1;box-shadow:0 0 10px var(--accent)}.pay{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.pay span{font:500 12px/1 var(--font-mono);padding:8px 11px;border:1px solid var(--line);border-radius:8px;color:var(--mute);background:#ffffff05}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;position:relative;counter-reset:st}.steps:before{content:"";position:absolute;left:12%;right:12%;top:44px;height:1px;background:repeating-linear-gradient(90deg,var(--line-strong) 0 8px,transparent 8px 16px);z-index:0}.step{padding:28px;display:flex;flex-direction:column;gap:14px;position:relative;z-index:1}.step .n{counter-increment:st;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:500 13px/1 var(--font-mono);background:var(--accent);color:var(--accent-ink);box-shadow:0 0 24px #8fd8e880}.step .n:before{content:counter(st)}.step h3{font:600 20px/1.25 var(--font-display);letter-spacing:-.02em}.step p{color:var(--mute);font-size:16px}.plans{display:grid;grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));gap:16px;align-items:stretch}.plan{padding:28px 24px;display:flex;flex-direction:column;gap:18px}.plan .name{min-height:26px;font:500 13px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);display:flex;justify-content:space-between;align-items:center;gap:8px}.save{font:500 11px/1 var(--font-mono);letter-spacing:0;text-transform:none;color:var(--accent-ink);background:var(--accent);border-radius:999px;padding:5px 8px}.price{font:600 clamp(30px,3.1vw,38px)/1 var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.per{color:var(--mute);font-size:14px;margin-top:8px;font-variant-numeric:tabular-nums}.plan ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px;color:var(--fg)}.plan li{display:flex;gap:10px;align-items:flex-start}.plan li svg{width:18px;height:18px;flex:none;color:var(--accent);margin-top:3px}.plan .btn{margin-top:auto}.plan.hot{border-color:var(--line-strong);background:linear-gradient(160deg,#1e3a40d9,#0a1618e6);box-shadow:0 30px 80px -30px #8fd8e859}.plan.hot .name{color:var(--accent)}.plan.hot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--a),transparent 0 62%,var(--accent) 82%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:turn 6s linear infinite}.plans-note{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px 24px;color:var(--mute);font-size:15px}.plans-note b{color:var(--fg);font-weight:500}.faq{display:grid;grid-template-columns:minmax(0,1fr);max-width:820px;gap:10px}.faq details{border:1px solid var(--line);border-radius:18px;background:#ffffff05;transition:border-color .25s,background .25s}.faq details[open]{border-color:var(--line-strong);background:#8fd8e80a}.faq summary{list-style:none;cursor:pointer;padding:20px 24px;font:600 17px/1.35 var(--font-body);display:flex;justify-content:space-between;align-items:center;gap:16px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";width:22px;height:22px;flex:none;border-radius:50%;border:1px solid var(--line-strong);background:linear-gradient(var(--accent),var(--accent)) center / 10px 1.5px no-repeat,linear-gradient(var(--accent),var(--accent)) center / 1.5px 10px no-repeat;transition:transform .35s var(--ease)}.faq details[open] summary:after{transform:rotate(135deg)}.faq p{padding:0 24px 22px;color:var(--mute);max-width:64ch}.faq a{color:var(--accent)}@property --a{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.cta-band{position:relative;border-radius:30px;padding:2px;background:conic-gradient(from var(--a),rgba(143,216,232,.05),var(--accent),rgba(143,216,232,.05) 40%,rgba(143,216,232,.05));animation:turn 8s linear infinite}@keyframes turn{to{--a: 360deg}}.cta-in{border-radius:28px;padding:clamp(36px,6vw,72px);background:radial-gradient(700px 380px at 85% 0%,rgba(143,216,232,.16),transparent 65%),var(--surface-solid);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px}.cta-in h2{max-width:16ch}.logo3d{width:230px;height:230px;perspective:900px;flex:none;margin-inline:auto;position:relative}.logo3d:after{content:"";position:absolute;left:10%;right:10%;bottom:-26px;height:28px;border-radius:50%;background:radial-gradient(closest-side,rgba(143,216,232,.35),transparent);filter:blur(6px)}.l3-sway{width:100%;height:100%;transform-style:preserve-3d;animation:sway 9s ease-in-out infinite}.l3-stack{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(calc(var(--py, 0) * -16deg)) rotateY(calc(var(--px, 0) * 30deg));transition:transform .25s linear}.l3-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/static/logo-3d-side.png) center / contain no-repeat;transform:translateZ(calc(var(--z) * 1px));filter:brightness(var(--b))}.l3-front{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/static/logo-3d.png) center / contain no-repeat;transform:translateZ(17px)}@keyframes sway{0%,to{transform:rotateY(-38deg) rotateX(8deg)}50%{transform:rotateY(38deg) rotateX(-4deg)}}.cta-in p{color:var(--mute);margin-top:14px;max-width:44ch}.cta-text{flex:1 1 340px;min-width:0}footer{border-top:1px solid var(--line);padding-block:48px 56px;margin-top:clamp(64px,9vw,112px);color:var(--mute);font-size:15px}footer .wrap{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:32px}footer .col{display:flex;flex-direction:column;gap:10px}footer h4{margin:0 0 4px;font:500 12px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg)}footer a{text-decoration:none}footer a:hover{color:var(--accent)}.legal-line{grid-column:1 / -1;border-top:1px solid var(--line);padding-top:22px;font-size:13px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px}.placeholder{border:1px dashed var(--line-strong);border-radius:6px;padding:2px 8px;color:var(--amber);font-family:var(--font-mono)}#stars{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;display:block}.spot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(560px circle at var(--cx, 70%) var(--cy, 30%),rgba(143,216,232,.085),transparent 65%)}main,footer{position:relative;z-index:1}main{overflow-x:clip}.progress{position:fixed;left:0;top:env(safe-area-inset-top,0px);height:2px;width:100%;z-index:70;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--accent),#c9f3fa 60%,var(--amber));box-shadow:0 0 12px #8fd8e8b3;pointer-events:none}.scrollhint{position:absolute;left:50%;bottom:26px;translate:-50% 0;width:24px;height:38px;border:1px solid var(--line-strong);border-radius:13px;opacity:.85}.scrollhint:after{content:"";position:absolute;left:50%;top:8px;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:wheel 1.8s ease-in-out infinite}@keyframes wheel{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(13px)}}.hero h1{transform-style:preserve-3d;transition:transform .25s linear;will-change:transform}.hero h1 em{display:inline-block;text-align:left}.s-head h2,.cta-in h2{perspective:700px}.w2{display:inline-block;opacity:0;transform:translateY(.6em) rotateX(-60deg);transform-origin:50% 100%;transition:opacity .7s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i) * 70ms + .1s)}.s-head.in .w2,.cta-band.in .w2{opacity:1;transform:none}.cube3d{perspective:700px}.cube3d .box{width:var(--s);height:var(--s);position:relative;transform-style:preserve-3d;animation:cubespin var(--t, 16s) linear infinite}.cube3d .face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--accent);border:1px solid rgba(143,216,232,.55);background:linear-gradient(135deg,#8fd8e83d,#8fd8e80a);box-shadow:inset 0 0 18px #8fd8e847}.cube3d .face svg{width:46%;height:46%}.cube3d .f1{transform:translateZ(calc(var(--s) / 2))}.cube3d .f2{transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.cube3d .f3{transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.cube3d .f4{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.cube3d .f5{transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.cube3d .f6{transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}@keyframes cubespin{0%{transform:rotateX(-20deg) rotateY(0)}to{transform:rotateX(340deg) rotateY(360deg)}}.cube3d.c1{left:-3%;top:3%}.cube3d.c2{right:2%;bottom:6%}.cube3d.c3{left:4%;top:56%}.cube3d.c4{right:10%;top:-1%}.marquee-track.rev{animation-direction:reverse;animation-duration:58s}.marquee-track.rev span{padding-block:13px;color:transparent;-webkit-text-stroke:1px rgba(143,216,232,.38)}.marquee-track.rev span:after{opacity:.35}.mini-ui{display:flex;flex-direction:column;gap:8px;margin-top:6px}.mini-ui>div{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#ffffff05;font-size:14px;color:var(--mute)}.mini-ui b{color:var(--fg);font-weight:500}.card-stage{perspective:800px;height:140px;display:grid;place-items:center;margin-top:4px}.card3d{width:196px;height:122px;border-radius:16px;position:relative;transform-style:preserve-3d;animation:cardspin 7s ease-in-out infinite;background:linear-gradient(135deg,#1e3a40,#0d1c1f 55%,#264a52);border:1px solid var(--line-strong);box-shadow:0 24px 40px -18px #000c,inset 0 0 0 1px #ffffff0a;overflow:hidden}.card3d:before{content:"";position:absolute;left:16px;top:20px;width:30px;height:22px;border-radius:5px;background:linear-gradient(135deg,#f6d48a,var(--amber))}.card3d:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.16) 50%,transparent 65%);background-size:250% 100%;animation:shine 3.4s linear infinite}.card3d .dots{position:absolute;left:16px;bottom:18px;font:500 13px/1 var(--font-mono);letter-spacing:.16em;color:var(--mute)}@keyframes cardspin{0%,to{transform:rotateY(-34deg) rotateX(10deg)}50%{transform:rotateY(34deg) rotateX(-6deg)}}@keyframes shine{0%{background-position:120% 0}to{background-position:-120% 0}}.l3-orbit{position:absolute;left:-26%;right:-26%;top:-26%;bottom:-26%;border-radius:50%;border:1px dashed rgba(143,216,232,.32);transform:rotateX(74deg) rotateY(var(--oy, 0deg));transform-style:preserve-3d}.l3-orbit .spin{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;animation:spinz var(--ot, 5s) linear infinite}.l3-orbit i{position:absolute;left:50%;top:-6px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#dffaff;box-shadow:0 0 18px 5px #8fd8e8d9}.l3-orbit.o2{--oy: 52deg;--ot: 7.5s;left:-40%;right:-40%;top:-40%;bottom:-40%;border-color:#f0b45a47}.l3-orbit.o2 i{background:#ffe6bd;box-shadow:0 0 18px 5px #f0b45acc}@keyframes spinz{to{transform:rotate(360deg)}}section.s.scene{padding-block:0}.scene-track{position:relative;height:330vh}.scene-sticky{position:sticky;top:0;height:100vh;min-height:640px;display:flex;align-items:center;padding-top:72px}.scene-grid{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);grid-template-areas:"head phone" "list phone";grid-template-rows:auto auto;align-content:center;column-gap:40px;row-gap:18px}.scene .s-head{grid-area:head;margin-bottom:4px;align-self:end}.sc-list{grid-area:list;align-self:start}.phone-wrap{grid-area:phone;align-self:center;position:relative;width:100%;height:calc(650px * var(--ps, 1));display:grid;place-items:start center}.sc-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:sc}.sc-step{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:16px;padding:16px 20px;border-radius:20px;border:1px solid var(--line);background:#ffffff04;opacity:.5;transition:opacity .5s var(--ease),border-color .5s,background .5s,translate .5s var(--ease);cursor:default}.sc-step .n{counter-increment:sc;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:500 14px/1 var(--font-mono);border:1px solid var(--line-strong);color:var(--accent);transition:background .4s,color .4s,box-shadow .4s;grid-row:span 2}.sc-step .n:before{content:counter(sc)}.sc-step h3{font:600 19px/1.25 var(--font-display);letter-spacing:-.02em;align-self:center;min-height:40px;display:flex;align-items:center}.sc-step .more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease);grid-column:2}.sc-step .more>div{overflow:hidden;min-height:0}.sc-step .more p{padding-top:8px;color:var(--mute);font-size:16px}.sc-step.on{opacity:1;border-color:var(--line-strong);background:linear-gradient(160deg,#1e3a408c,#0a161899);translate:8px 0}.sc-step.on .n{background:var(--accent);color:var(--accent-ink);box-shadow:0 0 26px #8fd8e88c}.sc-step.on .more{grid-template-rows:1fr}.sc-prog{height:2px;background:var(--line);border-radius:2px;margin-top:18px;overflow:hidden}.sc-prog span{display:block;height:100%;transform-origin:0 50%;transform:scaleX(var(--p, 0));background:linear-gradient(90deg,var(--accent),var(--amber))}.phone-scale{position:relative;width:330px;height:650px;transform:scale(var(--ps, 1));transform-origin:50% 0;perspective:1500px}.phone-glow{position:absolute;left:50%;top:46%;width:540px;height:540px;margin:-270px 0 0 -270px;border-radius:50%;background:radial-gradient(circle,rgba(143,216,232,.24),rgba(143,216,232,.05) 55%,transparent 70%);animation:glowpulse 5s ease-in-out infinite;pointer-events:none}@keyframes glowpulse{50%{opacity:.55;transform:scale(1.08)}}.phone{position:absolute;left:20px;top:20px;width:290px;height:610px;transform-style:preserve-3d;transform:rotateX(var(--rx, 8deg)) rotateY(var(--ry, -28deg)) rotate(var(--rz, 0deg));will-change:transform}.ph-layer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:48px;background:linear-gradient(160deg,#3c565c,#121d20 55%,#2c454b);box-shadow:inset 0 0 0 1.5px #a0d2dc47;transform:translateZ(calc(var(--z) * 1px))}.ph-front{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:48px;background:#06090a;box-shadow:inset 0 0 0 1.5px #a0d2dc80,0 0 0 1px #0009;padding:10px;transform:translateZ(1px)}.ph-screen{position:relative;width:100%;height:100%;border-radius:38px;overflow:hidden;background:linear-gradient(180deg,#0b1517,#081012);display:flex;flex-direction:column;isolation:isolate}.ph-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.075) 46%,transparent 60%);background-size:260% 100%;background-position:var(--gx, 50%) 0}.ph-island{position:absolute;left:50%;top:10px;width:86px;height:24px;margin-left:-43px;border-radius:14px;background:#000;z-index:5}.ph-status{display:flex;justify-content:space-between;padding:15px 26px 0;font:600 12px/1 var(--font-body);height:46px}.ph-head{display:flex;align-items:center;gap:10px;padding:8px 16px 12px;border-bottom:1px solid var(--line);background:#8fd8e80a}.ph-head .logo{width:30px;height:30px}.ph-head b{display:block;font-weight:600;font-size:15px;line-height:1.15}.ph-head small{color:var(--mute);font-size:11px}.chat{position:relative;flex:1}.sc{position:absolute;top:0;right:0;bottom:0;left:0;padding:14px 14px 18px;display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(16px) scale(.98);filter:blur(5px);transition:opacity .55s var(--ease),transform .55s var(--ease),filter .55s var(--ease);pointer-events:none}.sc.on{opacity:1;transform:none;filter:none}.sc>*{opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease);transition-delay:0s}.sc.on>*{opacity:1;transform:none;transition-delay:calc(var(--k, 0) * .16s + .12s)}.sc>:nth-child(2){--k: 1}.sc>:nth-child(3){--k: 2}.sc>:nth-child(4){--k: 3}.msg{max-width:88%;padding:10px 12px;border-radius:16px;font-size:13.5px;line-height:1.4}.msg.bot{background:#8fd8e817;border:1px solid var(--line);border-bottom-left-radius:5px;align-self:flex-start}.msg.me{background:linear-gradient(180deg,#b9ecf6,var(--accent));color:var(--accent-ink);border-bottom-right-radius:5px;align-self:flex-end;font-weight:500}.kbd{display:grid;gap:7px;margin-top:2px}.k{text-align:center;padding:11px 10px;border-radius:12px;border:1px solid var(--line-strong);background:#8fd8e812;font:500 13px/1 var(--font-body)}.k.hl{background:#8fd8e833;border-color:var(--accent);animation:tapglow 2s ease-in-out infinite}@keyframes tapglow{0%,to{box-shadow:0 0 20px -4px #8fd8e8b3}50%{box-shadow:0 0 4px #8fd8e833}}.card-mini{padding:12px 14px;border-radius:14px;border:1px solid var(--line-strong);background:#101c1ecc;display:flex;flex-direction:column;gap:10px;font-size:13px}.card-mini .row{display:flex;justify-content:space-between;align-items:center;gap:8px}.card-mini small{color:var(--mute);font-size:12px}.sc.s2{align-items:center;justify-content:center;text-align:center;gap:12px;padding-bottom:40px}.power{position:relative;width:124px;height:124px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#d6f7fc,var(--accent) 55%,#3d8da0);box-shadow:0 0 60px #8fd8e899,inset 0 -10px 24px #00000040;color:var(--accent-ink);margin-bottom:10px}.power svg{width:50px;height:50px}.power:before,.power:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid var(--accent);opacity:0}.sc.s2.on .power:before{animation:ripple 2.6s ease-out infinite}.sc.s2.on .power:after{animation:ripple 2.6s ease-out 1.3s infinite}@keyframes ripple{0%{transform:scale(1);opacity:.75}to{transform:scale(2.2);opacity:0}}.s2 .st{font:600 19px/1.2 var(--font-display)}.s2 .meta{color:var(--mute);font-size:13px}.s2 .timer{font:500 15px/1 var(--font-mono);color:var(--accent)}.pb{position:absolute;z-index:6;opacity:0;scale:.5;transition:opacity .5s var(--ease),scale .6s cubic-bezier(.3,1.6,.5,1);white-space:nowrap}.pb.show{opacity:1;scale:1}.pb.b0{left:-78px;top:138px;transform:translateZ(90px)}.pb.b1{right:-84px;top:96px;transform:translateZ(120px)}.pb.b2{left:-64px;bottom:150px;transform:translateZ(140px)}.pb .glass{padding:11px 15px;border-radius:999px;display:flex;align-items:center;gap:9px;font:500 13px/1 var(--font-mono)}.pb .glass i{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok)}.pb .glass svg{width:16px;height:16px;color:var(--accent)}.phone-note{position:absolute;left:0;right:0;bottom:-6px;text-align:center}.phone-floor{position:absolute;left:50%;bottom:6px;width:240px;height:34px;margin-left:-120px;border-radius:50%;background:radial-gradient(closest-side,rgba(143,216,232,.35),transparent);filter:blur(10px)}@media(max-width:960px){.scene-track{height:auto;padding-block:8px 24px}.scene-sticky{position:static;height:auto;min-height:0;padding-top:0;display:block}.scene-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "phone" "list";row-gap:12px}.scene .s-head{align-self:start}.phone-wrap{--ps: .82}.pb.b0{left:-40px}.pb.b1{right:-36px}.pb.b2{left:-30px}.cube3d.c1{left:0}.hero .wrap{padding-block:40px 90px}}@media(max-width:560px){.cube3d.c2,.cube3d.c3,.scrollhint{display:none}.phone-wrap{--ps: .74}.pb.b0{left:-10px}.pb.b1{right:-6px}.pb.b2{left:-4px}}@media(max-width:960px){.nav{display:none}.top .btn{margin-left:auto}.hero .wrap{grid-template-columns:minmax(0,1fr);padding-block:36px 48px}.stage{max-width:520px}.b1,.b2,.b3,.b4,.b5{grid-column:1 / -1}.steps{grid-template-columns:minmax(0,1fr)}.steps:before{display:none}.plans{grid-template-columns:repeat(2,minmax(0,1fr))}footer .wrap{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){body{font-size:16px}.plans,.servers{grid-template-columns:minmax(0,1fr)}.f-card{left:0;bottom:2%;width:70%}.f-chip{display:none}.b{padding:22px}.top .wrap{min-height:64px;gap:12px}.top .btn{padding:0 16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.hero h1 .w,.hero-copy>*{opacity:1;transform:none}.rv{opacity:1;translate:none}.marquee-track{animation:none}.scene-track{height:auto}.scene-sticky{position:static;height:auto;min-height:0;padding-top:0}.w2{opacity:1;transform:none}.progress{display:none}.sc>*{opacity:1;transform:none}}