:root{--bg:#070b15;--bg2:#0b1220;--card:#11192a;--line:#26324c;--text:#edf5ff;--muted:#9aaac1;--a:#5be5ef;--b:#a17cff;--ok:#68e5dd;--r:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'DM Sans',system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
body:before{content:'';position:fixed;top:-450px;left:30%;width:1000px;height:850px;pointer-events:none;background:radial-gradient(ellipse,#17316e80,transparent 65%);filter:blur(30px);z-index:-1}
a{color:var(--a);text-decoration:none}::selection{background:#5be5ef;color:#061020}
h1,h2,h3,.brand,.price{font-family:'Space Grotesk',sans-serif}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;height:76px;padding:0 28px;background:rgba(7,11,21,.82);backdrop-filter:blur(12px);border-bottom:1px solid #1a2438}
.brand{color:var(--text);font-weight:700;font-size:20px;letter-spacing:-.6px;display:flex;align-items:center;gap:12px}.brand b{color:var(--a)}.brand img{border-radius:10px}
.nav nav{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.nav nav a{color:#bbc9dc;font-size:14px}.nav nav a:hover,.nav nav a.on{color:var(--a)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 23px;border-radius:12px;background:linear-gradient(105deg,#70e9ec,#8bb4ff);color:#09101d!important;font-weight:700;font-size:14px;border:1px solid transparent;box-shadow:0 8px 35px #56bdd42b;transition:transform .2s,box-shadow .2s;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn.ghost{background:#0e1727;border-color:#40526c;color:#eaf4ff!important;box-shadow:none}.btn.ghost:hover{border-color:var(--a)}
.btn.small{padding:9px 16px;font-size:13px}.btn.full{display:flex;margin-top:auto}
.hero{padding:70px 0 100px}.hero.small{padding:70px 0 30px}
.herogrid{display:grid;grid-template-columns:1.13fr .87fr;align-items:center;gap:34px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #37516c;border-radius:40px;padding:7px 14px;color:#aeeef2;font-size:12px;letter-spacing:1.7px;text-transform:uppercase;font-weight:700;background:#112036b5;margin:0 0 6px}
.pulse{width:7px;height:7px;background:#67f4e8;border-radius:50%;box-shadow:0 0 14px #67f4e8}
h1{font-size:clamp(46px,6vw,80px);line-height:1.04;letter-spacing:-3.5px;margin:24px 0 22px}
h2{font-size:clamp(30px,4vw,46px);line-height:1.15;letter-spacing:-1.6px;margin:8px 0 10px}
h3{margin:0 0 8px;font-size:21px;line-height:1.3}
.grad{background:linear-gradient(95deg,#6ef2eb 6%,#83baff 40%,#be89ff 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:18px;color:var(--muted);max-width:560px;line-height:1.85}
.sub{color:var(--muted);max-width:620px;line-height:1.8;margin:0 0 34px}
.cta{display:flex;gap:13px;flex-wrap:wrap;margin:32px 0}
.ticks{list-style:none;padding:0;margin:8px 0 0;display:flex;gap:24px;flex-wrap:wrap;color:#9eafc7;font-size:13px}
.ticks li:before{content:"✓";color:#6cf0e7;margin-right:9px}
.visual{position:relative;min-height:440px;display:grid;place-items:center}
.orbit{width:min(100%,420px);aspect-ratio:1;position:relative;border:1px solid #35557b55;border-radius:50%;background:radial-gradient(circle,#1d39795c,transparent 61%);box-shadow:0 0 90px #4d74f122,inset 0 0 90px #3b82f622;display:grid;place-items:center}
.orbit:before,.orbit:after{content:'';position:absolute;border:1px solid #395d8c55;border-radius:50%;inset:37px}.orbit:after{inset:80px}
.orbglow{position:absolute;inset:25%;background:#548cff5e;filter:blur(95px)}
.mono{position:relative;width:46%;border-radius:22%;filter:drop-shadow(0 15px 35px #2559d9a0)}
.float{position:absolute;border:1px solid #385276;background:#101e35dd;backdrop-filter:blur(10px);padding:12px 17px;border-radius:13px;font-size:12px;color:#c2d4ea;box-shadow:0 15px 40px #0005}
.float strong{display:block;color:#f0f7ff;font-size:14px}
.float.one{right:-10px;top:55px}.float.two{left:-14px;bottom:70px}.float.three{right:0;bottom:30px}
section{padding:95px 0}.band{background:linear-gradient(#0d1423,#0a111e);border-top:1px solid #1a2438;border-bottom:1px solid #1a2438}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}
.card{position:relative;display:flex;flex-direction:column;background:linear-gradient(135deg,#152139,#101a2a);border:1px solid #26334b;border-radius:var(--r);padding:30px;color:var(--text);transition:border-color .2s,transform .2s}
.card:hover{border-color:#577fb4;transform:translateY(-4px)}
.card ul{list-style:none;padding:0;margin:14px 0 26px;flex:1}
.card li{margin:11px 0;font-size:14px;color:#b8c8db}.card li:before{content:"✓";margin-right:10px;color:var(--ok)}
.card.hot{border-color:#69c8f3;box-shadow:0 0 36px #3b8bd015;background:linear-gradient(150deg,#1a2944,#111b2d)}
.tag{position:absolute;top:-12px;right:20px;background:linear-gradient(105deg,#70e9ec,#8bb4ff);color:#09101d;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:4px 11px;border-radius:20px}
.spec{color:var(--a);font-size:13px;margin:0;font-weight:600}
.price{font-size:42px;font-weight:700;letter-spacing:-2px;margin:10px 0 0}.price span{font-size:14px;color:#98a9bf;font-weight:500;letter-spacing:0;font-family:'DM Sans',sans-serif}
.fine{color:#7f91a9;font-size:13px;margin-top:24px}
.vps{margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:linear-gradient(135deg,#152139,#101a2a);border:1px solid #26334b;border-radius:var(--r);padding:28px 30px}
.vps p{color:var(--muted);margin:0}.vps b{color:var(--text)}
.why p{color:var(--muted)}
.contact{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;flex-wrap:wrap;background:radial-gradient(ellipse at 80% 15%,#253d80,transparent 60%),linear-gradient(120deg,#142744,#101b2f);border:1px solid #365479;border-radius:28px;padding:52px}
.proj p{color:var(--muted);margin:6px 0}.proj .stack{font-size:13px;color:var(--b);margin-top:auto;padding-top:10px}
.status{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:4px 11px;border-radius:20px;border:1px solid var(--line);color:var(--muted);margin-bottom:14px}
.status.live{color:var(--ok);border-color:rgba(104,229,221,.4)}
.legal h2{font-size:24px;letter-spacing:-.5px;margin:34px 0 6px}.legal p,.legal li{color:var(--muted)}
footer{border-top:1px solid #213149;padding:40px 0;color:#8094ac;font-size:13px}
.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.foot a{color:#a9b9cf}.foot a:hover{color:var(--a)}
a:focus-visible,button:focus-visible{outline:3px solid #5be5ef;outline-offset:4px}
@media(max-width:940px){.herogrid{grid-template-columns:1fr}.visual{min-height:380px}}
@media(max-width:700px){.nav nav a:not(.btn){display:none}.hero{padding:50px 0 60px}h1{letter-spacing:-2px}.float.three{display:none}.float.one{right:0;top:0}.float.two{left:0;bottom:0}.contact{padding:28px}section{padding:65px 0}}
.quote{display:grid;gap:10px;flex:1;min-width:300px;max-width:520px}
.quote input,.quote select,.quote textarea{width:100%;background:#0b1426;border:1px solid #2b3b53;color:var(--text);border-radius:12px;padding:13px;font:inherit}
.quote input:focus,.quote select:focus,.quote textarea:focus{outline:none;border-color:var(--a)}
.contact>div{flex:1;min-width:280px}.hp{position:absolute;left:-9999px;height:0;opacity:0}
.qmsg{margin:0;color:var(--muted)}.qmsg.ok{color:var(--ok)}.qmsg.bad{color:#fb7185}