@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/Inter-var-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/Inter-var-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/JetBrainsMono-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/JetBrainsMono-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2C60-2C7F,U+A720-A7FF}
:root{--g:#61A44C;--a:#3B6CB9;--b:#2563eb;--bg:#060a14;--c:#0b1220;--t:#e5e7eb;--m:#94a3b8;--l:rgba(148,163,184,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--t);font:16px/1.6 Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}.wrap{max-width:1200px;margin:0 auto;padding:0 20px}.muted{color:var(--m)}
.nav{position:fixed;inset:0 0 auto;z-index:50;backdrop-filter:blur(14px);background:rgba(6,10,20,.6);border-bottom:1px solid var(--l)}
.row{display:flex;align-items:center;gap:24px;height:68px}.logo{font-weight:800;font-size:22px;display:flex;align-items:center;gap:8px}.logo b{color:var(--a)}
.dot{width:12px;height:12px;border-radius:4px;background:var(--a);box-shadow:0 0 14px var(--a)}
nav{display:flex;gap:26px;margin-left:auto}nav a{color:var(--m);font-weight:500}nav a:hover{color:#fff}.burger{display:none;background:none;border:0;color:#fff;font-size:24px}
.btn{display:inline-block;padding:12px 22px;border-radius:12px;font-weight:700;border:1px solid transparent;transition:.25s}.sm{padding:8px 16px}
.pri{background:linear-gradient(135deg,var(--a),#61A44C);color:#fff;box-shadow:0 8px 30px rgba(80,130,220,.35)}.pri:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(80,130,220,.5)}
.gh{border-color:var(--l);color:#e5e7eb}.gh:hover{border-color:var(--a)}
.hero{position:relative;min-height:min(100vh,860px);display:flex;align-items:center;overflow:hidden;padding-top:68px;background:radial-gradient(900px 500px at 80% 20%,rgba(37,99,235,.25),transparent),radial-gradient(700px 400px at 10% 90%,rgba(80,130,220,.18),transparent)}
#net{position:absolute;inset:0;width:100%;height:100%}.hgrid{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}
.pill{display:inline-block;padding:6px 14px;border-radius:99px;border:1px solid rgba(80,130,220,.4);color:#9cc0f5;font-size:13px;font-weight:600;background:rgba(80,130,220,.08)}
h1{font-size:clamp(40px,6vw,72px);line-height:1.05;margin:18px 0;letter-spacing:-.03em}.grad{background:linear-gradient(90deg,#5b8def,#7cc35e,#5b8def);-webkit-background-clip:text;color:transparent;background-size:200%;animation:g 6s linear infinite}@keyframes g{to{background-position:200%}}
.lead{font-size:19px;color:var(--m);max-width:560px}.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.term{background:rgba(11,18,32,.85);border:1px solid var(--l);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.5);overflow:hidden}
.tbar{display:flex;gap:7px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--l)}.tbar i{width:11px;height:11px;border-radius:50%;background:#ef4444}.tbar i:nth-child(2){background:#f59e0b}.tbar i:nth-child(3){background:#22c55e}.tbar span{margin-left:8px;color:var(--m);font:13px "JetBrains Mono"}
pre{margin:0;padding:18px;min-height:230px;font:14px/1.8 "JetBrains Mono",monospace;color:#cbd5e1;white-space:pre-wrap}pre .ok{color:#22c55e}
.sec{padding:100px 0}.alt{background:linear-gradient(180deg,transparent,rgba(37,99,235,.06),transparent)}h2{font-size:clamp(30px,4vw,44px);margin:10px 0 6px;letter-spacing:-.02em}
.grid{display:grid;gap:18px;margin-top:32px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}
.card,.feat2{position:relative;background:rgba(255,255,255,.03);border:1px solid var(--l);border-radius:18px;padding:24px;transition:.3s;overflow:hidden}
.glow:hover{transform:translateY(-4px);border-color:rgba(80,130,220,.5)}.glow::before{content:"";position:absolute;inset:0;background:radial-gradient(300px circle at var(--x,50%) var(--y,0),rgba(80,130,220,.12),transparent 60%);opacity:0;transition:.3s;pointer-events:none}.glow:hover::before{opacity:1}
.card h4,.card h3{margin:0;font-size:19px}.price{font-size:34px;font-weight:800;margin:10px 0}.big{font-size:44px}.price small{font-size:14px;color:var(--m);font-weight:600}
.card ul{list-style:none;padding:0;margin:0 0 20px;color:#cbd5e1;font-size:14px}.card li{padding:5px 0 5px 22px;position:relative}.card li::before{content:"✓";position:absolute;left:0;color:var(--a)}
.card .btn{width:100%;text-align:center}.hot{border-color:rgba(80,130,220,.5);background:rgba(80,130,220,.05)}.badge{position:absolute;top:16px;right:16px;background:var(--a);font-size:11px;font-weight:700;padding:3px 10px;border-radius:99px}
.tag{font-size:12px;color:#93c5fd;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.feat{display:flex;flex-direction:column}.feat .btn{margin-top:auto}
.ic{font-size:30px;width:56px;height:56px;display:grid;place-items:center;border-radius:14px;background:rgba(80,130,220,.1);margin-bottom:14px}.feat2 h3{margin:0 0 8px}.feat2 p{color:var(--m);margin:0;font-size:15px}
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.tab{background:rgba(255,255,255,.04);border:1px solid var(--l);color:var(--t);padding:10px 18px;border-radius:99px;font:600 14px Inter;cursor:pointer}.tab.on{background:var(--a);border-color:var(--a)}
.pane{display:none}.pane.on{display:block;animation:f .4s}@keyframes f{from{opacity:0;transform:translateY(10px)}}.pane>.muted{margin-top:20px}
.band{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:50px;border-radius:24px;border:1px solid rgba(80,130,220,.35);background:linear-gradient(135deg,rgba(80,130,220,.12),rgba(37,99,235,.12));position:relative}
footer{border-top:1px solid var(--l);padding:60px 0 20px}.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}footer h4{margin:0 0 12px}footer .fgrid a:not(.logo){display:block;color:var(--m);padding:3px 0}footer a:hover{color:#fff}.copy{margin-top:40px;color:var(--m);font-size:13px;border-top:1px solid var(--l);padding-top:20px}
.float{position:fixed;right:16px;bottom:16px;z-index:60;background:#10b981;color:#fff;box-shadow:0 8px 24px rgba(16,185,129,.4)}
.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.in{opacity:1;transform:none}
@media(max-width:960px){.hgrid,.three,.four,.fgrid{grid-template-columns:1fr}.band{flex-direction:column;text-align:center;padding:32px}nav{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;background:#060a14;padding:20px}nav.open{display:flex}.burger{display:block}.row .sm{margin-left:auto}.sec{padding:70px 0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.logo img{height:38px;width:auto;display:block}
.hero{background:linear-gradient(180deg,rgba(6,10,20,.72),rgba(6,10,20,.9) 70%,var(--bg)),url(../img/hero-bg.webp) center/cover}
.pill{border-color:rgba(97,164,76,.5);color:#9be07f;background:rgba(97,164,76,.1)}.card li::before{color:var(--g)}
.band{background:linear-gradient(135deg,rgba(6,10,20,.88),rgba(6,10,20,.6)),url(../img/server-room.webp) center/cover;border-color:rgba(97,164,76,.4)}
.ic{background:linear-gradient(135deg,rgba(59,108,185,.2),rgba(97,164,76,.2))}
.btn{white-space:nowrap}
#globe{position:absolute;right:-4%;top:50%;transform:translateY(-50%);width:min(56vw,720px);height:min(56vw,720px);pointer-events:none;opacity:0;transition:opacity 1.2s}.webgl #globe{opacity:1}.webgl #net{opacity:.35}
.hgrid{z-index:2}.term{backdrop-filter:blur(6px)}
.stats{padding:0;margin-top:-60px;position:relative;z-index:3}.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat{padding:26px;border-radius:18px;background:rgba(11,18,32,.75);backdrop-filter:blur(10px);border:1px solid var(--l);text-align:center}.stat b{display:block;font-size:40px;font-weight:800;background:linear-gradient(90deg,#7aa5ec,#8fd36f);-webkit-background-clip:text;color:transparent}.stat>span{color:var(--m);font-size:14px}
.gb{border:1px solid transparent!important;background:linear-gradient(#0c1424,#0c1424) padding-box,linear-gradient(135deg,rgba(91,141,239,.7),rgba(97,164,76,.15),rgba(124,195,94,.7)) border-box!important}
.shim::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.09) 50%,transparent 65%);background-size:250% 100%;animation:sh 3.2s infinite;pointer-events:none}@keyframes sh{from{background-position:150% 0}to{background-position:-100% 0}}
.igrid{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center}.chk{list-style:none;padding:0}.chk li{padding:6px 0 6px 26px;position:relative}.chk li::before{content:"✓";position:absolute;left:0;color:var(--g);font-weight:800}
.topo svg{width:100%;height:auto}.links path{stroke:url(#lg);stroke-width:2;fill:none;stroke-dasharray:6 8;animation:dash 1.6s linear infinite;opacity:.8}@keyframes dash{to{stroke-dashoffset:-28}}
.nodes circle{fill:#0c1424;stroke:#5b8def;stroke-width:2}.nodes g:nth-child(odd) circle{stroke:#7cc35e}.nodes text{fill:#e5e7eb;font:600 11px Inter;text-anchor:middle;dominant-baseline:middle}.nodes g{animation:pulse 3s ease-in-out infinite}.cap{font-size:12px;color:var(--m);text-align:center}
@keyframes pulse{50%{filter:drop-shadow(0 0 8px #5b8def)}}
.calc{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;padding:32px;border-radius:22px;margin-top:30px}.calc label{display:block;margin-bottom:16px;font-weight:600;font-size:14px}.calc select{display:block;width:100%;margin-top:6px;padding:12px;border-radius:10px;background:#0b1220;color:#fff;border:1px solid var(--l);font:15px Inter}
.cb{display:flex!important;gap:10px;align-items:center}.cr{display:flex;flex-direction:column;justify-content:center;padding:24px;border-radius:16px;background:rgba(59,108,185,.08)}.sm2{font-size:13px}
.narrow{max-width:820px}details{border:1px solid var(--l);border-radius:14px;margin-top:12px;background:rgba(255,255,255,.03);overflow:hidden}summary{cursor:pointer;padding:18px 20px;font-weight:600;list-style:none;display:flex;justify-content:space-between}summary::after{content:"+";color:var(--g);font-size:22px;transition:.3s}details[open] summary::after{transform:rotate(45deg)}details p{margin:0;padding:0 20px 18px;color:var(--m);animation:f .35s}
.mag{transition:transform .2s,box-shadow .25s}
@media(max-width:960px){#globe{position:absolute;left:50%;right:auto;top:auto;bottom:-60px;transform:translateX(-50%);width:110vw;height:110vw;opacity:.0}.webgl #globe{opacity:.35}.sgrid{grid-template-columns:1fr 1fr}.stats{margin-top:0}.igrid,.calc{grid-template-columns:1fr}}
.topo .term{margin-bottom:24px}#globe{right:2%;width:min(48vw,640px);height:min(48vw,640px)}
@media(max-width:960px){.hspace{display:none}}
.shot #globe{transition:none}
.fgrid{grid-template-columns:2fr 1fr 1fr 1fr}.ctabox{text-align:center;padding:50px;border-radius:24px}.copy a{color:var(--m)}.copy a:hover{color:#fff}
.legal{padding:130px 0 80px}.legal h1{font-size:clamp(32px,4.5vw,48px)}.legal h2{font-size:22px;margin:34px 0 8px}.legal p,.legal li{color:#cbd5e1}.legal a{color:#9cc0f5;text-decoration:underline}.ph{background:rgba(245,158,11,.15);color:#fbbf24;border:1px dashed rgba(245,158,11,.6);border-radius:6px;padding:0 6px;font-weight:600}.legal table{width:100%;border-collapse:collapse;margin:12px 0}.legal td,.legal th{border:1px solid var(--l);padding:10px;text-align:left;font-size:14px}.upd{color:var(--m);font-size:14px}
@media(max-width:960px){.fgrid{grid-template-columns:1fr 1fr}}