:root{--bg:#05070d;--bg2:#0a0f1c;--card:rgba(255,255,255,.035);--line:rgba(120,150,255,.14);--indigo:#5b4bff;--blue:#2f7bff;--cyan:#12c8ff;--text:#e8ecf6;--mute:#8a93ab;--ok:#20e3a2;--warn:#ffb547;--bad:#ff4d6d}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden;line-height:1.6}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.grad{background:linear-gradient(100deg,var(--indigo),var(--blue) 45%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.wrap{max-width:1200px;margin:0 auto;padding:0 28px}
#bgfx{position:fixed;inset:0;z-index:-2}
.grid-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 0%,#000 10%,transparent 70%);opacity:.5}
nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:.3s}
nav.scrolled,nav.open{background:rgba(5,7,13,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:74px;gap:16px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{height:40px}
.brand span{font-family:Orbitron;font-weight:700;letter-spacing:2px;font-size:15px}
.brand small{display:block;font-size:9px;letter-spacing:5px;color:var(--cyan);font-weight:500}
.links{display:flex;gap:34px;font-size:14px;color:var(--mute)}
.links a:hover{color:#fff}
.mob-cta{display:none}
.nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:10px;width:44px;height:44px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.nav-toggle span{display:block;width:20px;height:2px;background:#fff;transition:.25s}
nav.open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
nav.open .nav-toggle span:nth-child(2){opacity:0}
nav.open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border-radius:12px;font-weight:600;font-size:14px;transition:.25s;cursor:pointer;border:none;font-family:Inter,system-ui,sans-serif}
.btn-p{background:linear-gradient(100deg,var(--indigo),var(--blue),var(--cyan));color:#fff;box-shadow:0 8px 30px rgba(47,123,255,.35)}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(18,200,255,.5)}
.btn-g{border:1px solid var(--line);background:var(--card);color:#fff}
.btn-g:hover{border-color:var(--cyan)}
.hero{min-height:100vh;display:flex;align-items:center;padding-top:90px}
.hero-g{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--line);border-radius:30px;font-size:12px;color:var(--cyan);background:rgba(18,200,255,.06);font-family:'JetBrains Mono',monospace}
.dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok);animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.3}}
h1{font-family:Orbitron;font-size:clamp(38px,5.4vw,66px);line-height:1.08;margin:22px 0;font-weight:900}
.lead{font-size:18px;color:var(--mute);max-width:540px}
.cta{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.typed{font-family:'JetBrains Mono',monospace;color:var(--cyan);font-size:14px;margin-top:26px;min-height:22px}
.typed::after{content:'_';animation:pulse 1s infinite}
.logo-stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:560px}
.logo-stage img{position:relative;z-index:3;width:100%;max-width:470px;animation:float 6s ease-in-out infinite,glow 4s ease-in-out infinite}
@keyframes glow{0%,100%{filter:drop-shadow(0 0 22px rgba(47,123,255,.55)) drop-shadow(0 0 60px rgba(91,75,255,.25))}50%{filter:drop-shadow(0 0 34px rgba(18,200,255,.75)) drop-shadow(0 0 90px rgba(47,123,255,.4))}}
.aura{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(47,123,255,.38),rgba(91,75,255,.16) 45%,transparent 70%);filter:blur(30px);animation:breathe 5s ease-in-out infinite;z-index:0}
@keyframes breathe{50%{transform:scale(1.18);opacity:.65}}
.halo{position:absolute;width:470px;height:470px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 62%,rgba(18,200,255,.9) 78%,transparent 80%);-webkit-mask:radial-gradient(circle,transparent 66%,#000 67%,#000 68.5%,transparent 69.5%);mask:radial-gradient(circle,transparent 66%,#000 67%,#000 68.5%,transparent 69.5%);animation:spin 5s linear infinite;z-index:1}
.ring{position:absolute;border-radius:50%;border:1px solid rgba(18,200,255,.18);animation:spin 30s linear infinite;z-index:1}
.ring.r1{width:540px;height:540px;border-style:dashed}
.ring.r2{width:400px;height:400px;animation-duration:20s;animation-direction:reverse;border-color:rgba(91,75,255,.3)}
.ring::after{content:'';position:absolute;top:-5px;left:50%;width:9px;height:9px;margin-left:-4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px 4px rgba(18,200,255,.8)}
.ring.r2::after{background:#8b7dff;box-shadow:0 0 14px 4px rgba(139,125,255,.8);top:auto;bottom:-5px}
.wave{position:absolute;width:300px;height:340px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(135deg,rgba(91,75,255,.5),rgba(18,200,255,.5));-webkit-mask:radial-gradient(transparent 60%,#000 61%);animation:wave 4.5s ease-out infinite;opacity:0;z-index:1;top:50%;left:50%;margin:-200px 0 0 -150px}
.wave.w2{animation-delay:1.5s}.wave.w3{animation-delay:3s}
@keyframes wave{0%{transform:scale(.7);opacity:.55}100%{transform:scale(1.9);opacity:0}}
.scan{position:absolute;z-index:4;width:380px;height:2px;background:linear-gradient(90deg,transparent,rgba(18,200,255,.9),transparent);box-shadow:0 0 18px rgba(18,200,255,.8);animation:scan 3.6s ease-in-out infinite;pointer-events:none}
@keyframes scan{0%,100%{transform:translateY(-200px);opacity:0}10%,90%{opacity:.8}50%{transform:translateY(130px)}}
.chip{position:absolute;z-index:5;font-family:'JetBrains Mono',monospace;font-size:11px;padding:7px 12px;border-radius:10px;background:rgba(10,15,28,.75);border:1px solid rgba(18,200,255,.35);backdrop-filter:blur(8px);box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 18px rgba(47,123,255,.25);white-space:nowrap;animation:float 5s ease-in-out infinite}
.chip b{color:var(--ok);font-weight:600}
.chip.c1{top:8%;left:-2%}.chip.c2{top:22%;right:-4%;animation-delay:-1.5s}.chip.c3{bottom:16%;left:-4%;animation-delay:-3s}.chip.c4{bottom:6%;right:2%;animation-delay:-2s}
.spark{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px var(--cyan);z-index:2;animation:rise linear infinite;opacity:0}
@keyframes rise{0%{transform:translateY(0);opacity:0}15%{opacity:1}100%{transform:translateY(-260px);opacity:0}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{50%{transform:translateY(-14px)}}
section{padding:110px 0;position:relative}
.eyebrow{font-family:'JetBrains Mono',monospace;color:var(--cyan);font-size:13px;letter-spacing:3px;text-transform:uppercase}
h2{font-family:Orbitron;font-size:clamp(28px,3.6vw,44px);margin:12px 0 16px;line-height:1.15}
.sub{color:var(--mute);max-width:640px;font-size:17px}
.center{text-align:center}.center .sub{margin:0 auto}
.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:-40px}
.strip div{background:var(--bg2);padding:28px;text-align:center}
.strip b{font-family:Orbitron;font-size:28px;display:block}
.strip span{color:var(--mute);font-size:13px}
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px}
.card{position:relative;padding:30px;border-radius:20px;background:var(--card);border:1px solid var(--line);transition:.35s;overflow:hidden}
.card::before{content:'';position:absolute;inset:0;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%),rgba(18,200,255,.13),transparent 40%);opacity:0;transition:.3s}
.card:hover{transform:translateY(-6px);border-color:rgba(18,200,255,.4)}
.card:hover::before{opacity:1}
.ico{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(91,75,255,.25),rgba(18,200,255,.18));border:1px solid var(--line);margin-bottom:20px}
.ico svg{width:24px;height:24px;stroke:var(--cyan);fill:none;stroke-width:1.8}
.card h3{font-size:19px;margin-bottom:8px}
.card p{color:var(--mute);font-size:14.5px}
.tag{display:inline-block;margin-top:14px;font-family:'JetBrains Mono',monospace;font-size:11px;padding:4px 10px;border-radius:6px;background:rgba(47,123,255,.12);color:#8fb6ff}
.checks{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin:22px 0 0}
.checks li{padding-left:28px;position:relative;color:#c9d0e2;font-size:14.5px}
.checks li::before{content:'';position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,var(--indigo),var(--cyan));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat}
.app-wrap{position:relative;margin-top:56px}
.app-wrap::before{content:'';position:absolute;inset:-30px;background:radial-gradient(ellipse at 50% 40%,rgba(47,123,255,.28),transparent 65%);filter:blur(20px);z-index:-1}
.app{--abg:#050a18;--ap1:#0a1226;--ap2:#101e3c;--afg:#e8f4ff;--amu:#8badcd;--aac:#00e5ff;--aac2:#945dff;background:var(--abg);color:var(--afg);border:1px solid #1f2d4d;border-radius:10px;overflow:hidden;font-family:'Segoe UI',Inter,system-ui,sans-serif;font-size:11.5px;line-height:1.35;box-shadow:0 40px 100px rgba(0,0,0,.65),0 0 0 1px rgba(0,229,255,.06),0 0 80px rgba(47,123,255,.18)}
.a-title{display:flex;align-items:center;height:32px;background:#0b1224;border-bottom:1px solid #18233f;padding-left:10px;font-size:12px;color:#b9c6dc}
.a-title img{height:16px;margin-right:8px}
.a-title .sp{flex:1}
.a-title .wc{width:46px;height:32px;display:grid;place-items:center;color:#9fb0cc;font-size:13px}
.a-title .wc:hover{background:#1a2440}.a-title .wc.x:hover{background:#c42b1c;color:#fff}
.a-head{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid #121d38;position:relative}
.a-head .lg{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(47,123,255,.4))}
.a-head h4{font-family:'Segoe UI Semibold','Segoe UI',Inter;font-weight:600;font-size:22px;color:var(--aac);line-height:1.1}
.a-head .st{color:var(--amu);font-size:11.5px;margin-top:4px}
.a-ws{display:flex;align-items:center;gap:8px;margin-left:28px}
.a-ws input{background:#020617;border:1px solid #2b4170;color:var(--aac);font:700 13px Consolas,'JetBrains Mono',monospace;padding:5px 9px;width:170px;border-radius:2px}
.a-pw{margin-left:auto;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#183058,#0a1428);border:2px solid #2a5bb0;box-shadow:0 0 0 4px rgba(47,123,255,.12),0 0 22px rgba(47,123,255,.45);animation:pwr 2.4s ease-in-out infinite}
.a-pw svg{width:22px;height:22px;stroke:#6fb6ff;stroke-width:2.4;fill:none;stroke-linecap:round}
@keyframes pwr{50%{box-shadow:0 0 0 7px rgba(47,123,255,.08),0 0 34px rgba(47,123,255,.7)}}
.ab{display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:9px;padding:0 8px;height:34px;font:600 11px 'Segoe UI',Inter,sans-serif;color:#dce8f8;background:linear-gradient(180deg,#24344f,#16203a);border:1px solid #3a527c;box-shadow:0 4px 9px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .18s,box-shadow .18s,background .18s;cursor:pointer;user-select:none}
.ab:hover{transform:translateY(-2px);background:linear-gradient(180deg,#2c4068,#1c2a48);border-color:#4e76b0;box-shadow:0 8px 16px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1)}
.ab:active{transform:translateY(1px)}
.ab.on{border-color:#4e76b0;background:linear-gradient(180deg,#2c4068,#1c2a48)}
.a-body{display:grid;grid-template-columns:150px 1fr 300px;gap:6px;background:#0d1730;padding:6px;height:610px}
.a-col{background:var(--abg);border:1px solid #142041;overflow:hidden;display:flex;flex-direction:column}
.a-nav{padding:8px;gap:6px}
.a-nav .ab{width:100%;height:36px}
.gb{border:1px solid #1e2e52;border-radius:3px;margin:8px;position:relative;padding:14px 8px 8px;background:var(--ap1)}
.gb>i{position:absolute;top:-8px;left:8px;padding:0 5px;background:var(--ap1);color:var(--aac);font:600 11px 'Segoe UI',Inter;font-style:normal}
.a-mid{display:grid;grid-template-rows:1.15fr 1fr;gap:0}
.grid{width:100%;border-collapse:collapse;font-size:11px}
.grid th{background:#030712;color:var(--aac);text-align:left;font-weight:600;padding:6px 8px;position:sticky;top:0}
.grid td{padding:5px 8px;border-bottom:1px solid #12204a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.grid tr:nth-child(even) td{background:#0c1834}
.grid tr{opacity:0;transition:opacity .35s}
.grid tr.in,.grid thead tr{opacity:1}
.ind{display:inline-block;width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.04)}
.rail{border-left:3px solid transparent}
.g{background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.7)}.y{background:#f59e0b;box-shadow:0 0 8px rgba(245,158,11,.7)}.r{background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.7)}.b{background:#60a5fa;box-shadow:0 0 8px rgba(96,165,250,.7)}
.pillc{display:inline-block;padding:1px 9px;border-radius:10px;font-weight:600;font-size:10px}
.pg{background:rgba(34,197,94,.18);color:#4ade80;border:1px solid rgba(34,197,94,.55)}.py{background:rgba(245,158,11,.18);color:#fbbf24;border:1px solid rgba(245,158,11,.55)}.pr{background:rgba(239,68,68,.18);color:#f87171;border:1px solid rgba(239,68,68,.55)}.pb{background:rgba(96,165,250,.18);color:#93c5fd;border:1px solid rgba(96,165,250,.55)}
.scroll{overflow:hidden;flex:1;position:relative}
.log{font:11px Consolas,'JetBrains Mono',monospace;color:#7df9ff;background:#020617;padding:8px 10px;height:100%;overflow:hidden}
.log div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.log .t{color:#4f6a8f}.log .ok{color:#4ade80}.log .wn{color:#fbbf24}.log .fx{color:#c4b5fd}
.a-right{padding:0}
.kpis{display:flex;gap:4px;padding:8px}
.kpi{flex:1;background:#1f2937;border:1px solid #334155;border-left:5px solid;padding:3px 6px}
.kpi s{display:block;text-decoration:none;font:600 9px 'Segoe UI',Inter;color:#d1d5db}
.kpi b{font:600 17px 'Segoe UI',Inter}
.gauge-box{display:flex;flex-direction:column;align-items:center}
.gauge-box svg{width:100%;max-width:230px;height:auto}
.gst{font:700 10px 'Segoe UI',Inter;letter-spacing:2px;padding:2px 12px;border-radius:10px;margin-top:-6px}
.desc{color:#c7d6ea;font-size:11px;min-height:58px}
.desc b{color:var(--afg)}
.ops{display:flex;align-items:center;gap:8px;font-weight:600}
.lamp{width:18px;height:18px;border-radius:50%;background:#22c55e;box-shadow:0 0 12px rgba(34,197,94,.9);animation:pulse 2s infinite}
.ptxt{color:#c7d6ea;margin:8px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pbar{height:16px;border:1px solid #2b4170;background:#101e3c;position:relative;overflow:hidden}
.pbar span{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#0078d4,#40c4ff);box-shadow:0 0 12px rgba(64,196,255,.6)}
.pbar em{position:absolute;inset:0;display:grid;place-items:center;font:600 9px 'Segoe UI',Inter;color:#fff;font-style:normal;text-shadow:1px 1px 0 rgba(0,0,0,.6)}
.acts{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.a-foot{height:26px;display:flex;align-items:center;padding:0 12px;color:#8badcd;font-size:11px;border-top:1px solid #121d38;background:var(--abg)}
.a-foot .sp{flex:1}
.cursor{position:absolute;z-index:20;width:18px;height:18px;pointer-events:none;transition:left .9s cubic-bezier(.5,0,.2,1),top .9s cubic-bezier(.5,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:56px;counter-reset:s}
.step{padding:28px;border-radius:18px;border:1px solid var(--line);background:var(--card);position:relative}
.step::before{counter-increment:s;content:'0' counter(s);font-family:Orbitron;font-size:42px;font-weight:900;opacity:.15;position:absolute;right:18px;top:10px}
.step h4{margin:10px 0 6px;font-size:17px}
.step p{color:var(--mute);font-size:14px}
.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px;align-items:stretch}
.price{padding:34px;border-radius:22px;border:1px solid var(--line);background:var(--card);display:flex;flex-direction:column}
.price.hot{background:linear-gradient(180deg,rgba(47,123,255,.14),rgba(91,75,255,.06));border-color:rgba(18,200,255,.5);box-shadow:0 0 60px rgba(47,123,255,.2);transform:scale(1.03)}
.price h4{font-family:Orbitron;font-size:18px}
.price .amt{font-family:Orbitron;font-size:34px;margin:16px 0 4px}
.price .amt small{font-size:13px;color:var(--mute);font-family:Inter}
.price .pd{color:var(--mute);font-size:14px}
.price ul{list-style:none;margin:22px 0 28px;flex:1}
.price li{padding:7px 0;color:#c9d0e2;font-size:14px;border-bottom:1px dashed rgba(255,255,255,.06)}
.price li::before{content:'›  ';color:var(--cyan);font-weight:700}
.price .btn{justify-content:center}
.badge{align-self:flex-start;font-size:11px;font-family:'JetBrains Mono',monospace;padding:4px 10px;border-radius:20px;background:var(--cyan);color:#001;font-weight:600;margin-bottom:12px}
.final{border-radius:28px;padding:70px 40px;text-align:center;border:1px solid var(--line);background:radial-gradient(circle at 50% 0%,rgba(47,123,255,.3),transparent 60%),var(--bg2);position:relative;overflow:hidden}
.final img{width:120px;margin-bottom:14px}
form{display:flex;gap:12px;justify-content:center;margin-top:30px;flex-wrap:wrap}
.thanks{font-family:Orbitron;font-size:20px}
input.em{padding:14px 18px;border-radius:12px;border:1px solid var(--line);background:rgba(0,0,0,.4);color:#fff;font-size:14px;min-width:300px;font-family:Inter,system-ui,sans-serif}
input.em:focus{outline:none;border-color:var(--cyan)}
footer{padding:40px 0;border-top:1px solid var(--line);color:var(--mute);font-size:13px}
.foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.rv{opacity:0;transform:translateY(30px);transition:.8s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
@media(max-width:1100px){.a-body{grid-template-columns:120px 1fr 260px}.a-ws{margin-left:10px}.a-ws input{width:130px}}
@media(max-width:960px){.hero-g{grid-template-columns:1fr}.feats,.prices{grid-template-columns:1fr 1fr}.steps,.strip{grid-template-columns:1fr 1fr}.ring,.chip,.halo,.wave{display:none}.logo-stage{min-height:auto}.price.hot{transform:none}
 .links{display:none;position:absolute;top:74px;left:0;right:0;flex-direction:column;gap:0;background:rgba(5,7,13,.96);border-bottom:1px solid var(--line);padding:8px 28px 18px}
 nav.open .links{display:flex}
 .links a{padding:14px 0;border-bottom:1px solid var(--line);font-size:16px}
 .links .mob-cta{display:block;color:var(--cyan);border-bottom:none}
 .nav-cta{display:none}.nav-toggle{display:flex}
 .a-body{grid-template-columns:1fr;height:auto}.a-nav{flex-direction:row;flex-wrap:wrap}.a-nav .ab{width:auto;flex:1 1 30%}.a-mid{grid-template-rows:auto auto}.a-mid .scroll{max-height:240px}.a-ws,.a-head .st{display:none}.cursor{display:none}}
@media(max-width:620px){.feats,.prices,.steps,.strip{grid-template-columns:1fr}input.em{min-width:0;width:100%}section{padding:80px 0}.final{padding:50px 22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.rv{opacity:1;transform:none}}
/* Logo treatment: your uploaded logo files have black backgrounds; blend them into the dark page and crop the icon to the hexagon mark, as in the original design */
.logo-stage img{mix-blend-mode:normal}
.brand img,.a-title img,.a-head .lg,.final img{object-view-box:inset(10% 15% 9% 15%);mix-blend-mode:screen}
.brand img{width:35px;height:40px}
.a-title img{width:14px;height:16px}
.a-head .lg{width:55px;height:62px}
.final img{width:120px;height:136px}

.bill-toggle{display:inline-flex;margin:34px auto 0;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--card);position:relative;left:50%;transform:translateX(-50%)}
.bt{background:none;border:none;color:var(--mute);font:600 14px Inter,system-ui,sans-serif;padding:10px 22px;border-radius:9px;cursor:pointer;transition:.2s}
.bt.on{background:linear-gradient(100deg,var(--indigo),var(--blue),var(--cyan));color:#fff}
.price .dev{color:var(--cyan);font:12px 'JetBrains Mono',monospace;margin-top:10px}
.pnote{margin-top:28px;font-size:13px}
.prices{margin-top:34px}

/* Footer logo: CommandX wordmark, cropped to the lettering from its 1536x1024 canvas */
.foot .brand img.xlogo{width:210px;height:64px;object-view-box:inset(26% 1% 29% 1%);mix-blend-mode:normal}

/* Use more of wide screens: wider content column with proportional side gutters */
.wrap{max-width:1760px;padding:0 clamp(20px,4vw,72px)}
@media(min-width:1500px){.lead{font-size:20px;max-width:620px}.sub{max-width:760px;font-size:18px}.feats,.prices,.steps{gap:28px}.card{padding:36px}.price{padding:40px}}

/* Online indicators: true circles with an expanding pulse ring */
@keyframes ecPing{0%{box-shadow:0 0 0 0 rgba(34,197,94,.75),0 0 10px rgba(34,197,94,.8);transform:scale(1)}50%{transform:scale(1.12)}100%{box-shadow:0 0 0 14px rgba(34,197,94,0),0 0 10px rgba(34,197,94,.8);transform:scale(1)}}
.lamp,.dot{flex:none;aspect-ratio:1/1;border-radius:50%!important;background:#22c55e;animation:ecPing 1.8s ease-out infinite!important}
.lamp{width:16px;height:16px}
.dot{width:9px;height:9px}
@media(prefers-reduced-motion:reduce){.lamp,.dot{animation:none!important}}

/* Pricing note: centered under the plans */
.sub.pnote{max-width:760px;margin:28px auto 0;text-align:center}