:root{--bg:#070b14;--bg2:#0c1322;--card:#111a2e;--line:#1f2c47;--tx:#e6ecf8;--mu:#93a3c0;--blue:#2b6bff;--cy:#22d3ee;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--cy)}h1,h2,h3{line-height:1.15;margin:0 0 .6em;letter-spacing:-.02em}
h1{font-size:clamp(2.4rem,6vw,4.4rem);font-weight:800;max-width:14ch}h2{font-size:clamp(1.6rem,3.5vw,2.4rem)}h3{font-size:1.15rem}
.wrap{max-width:1140px;margin:0 auto;padding:0 20px}.narrow{max-width:760px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;color:#000;padding:8px;z-index:99}
:focus-visible{outline:2px solid var(--cy);outline-offset:3px}
.hdr{position:sticky;top:0;z-index:20;background:rgba(7,11,20,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;gap:8px;align-items:center;color:var(--tx);text-decoration:none;font-weight:700;font-size:1.2rem}.logo b{color:var(--cy)}
nav{display:flex;gap:20px;align-items:center}nav a:not(.btn){color:var(--mu);text-decoration:none;font-size:.95rem}nav a:not(.btn):hover{color:var(--tx)}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer}.burger span{display:block;width:24px;height:2px;background:var(--tx);margin:5px 0}
.btn{display:inline-block;padding:11px 20px;border-radius:10px;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;font:inherit;font-weight:600;transition:transform .15s,box-shadow .2s,background .2s}
.btn-p{background:linear-gradient(135deg,var(--blue),var(--cy));color:#03101f}.btn-p:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(34,211,238,.28)}
.btn-g{border-color:var(--line);color:var(--tx);background:transparent}.btn-g:hover{border-color:var(--cy);color:var(--cy)}
.hero{padding:80px 0 60px;background:radial-gradient(900px 500px at 85% 10%,rgba(43,107,255,.22),transparent 60%),var(--bg)}
.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.lead{font-size:1.2rem;color:var(--mu);max-width:44ch}.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.net{width:100%;height:auto}.pulse{animation:p 3s ease-in-out infinite;transform-origin:200px 180px}
@keyframes p{50%{transform:scale(1.12)}}.lines{stroke-dasharray:6 6;animation:d 20s linear infinite}@keyframes d{to{stroke-dashoffset:-240}}
.sec{padding:76px 0}.alt{background:var(--bg2)}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card,.why,.plan{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;transition:border-color .2s,transform .2s}
.card:hover,.plan:hover{border-color:var(--blue);transform:translateY(-3px)}.card p,.why p{color:var(--mu)}
.why{background:none;border-style:dashed}
.warn{background:rgba(250,204,21,.08);border:1px solid rgba(250,204,21,.4);color:#fde68a;padding:12px 16px;border-radius:10px}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:36px}
.plan .price{font-size:1.7rem;font-weight:800;margin:6px 0}.plan ul{padding-left:18px;color:var(--mu);margin:0 0 18px}.plan .tag{font-size:.8rem;color:var(--cy)}
.steps{list-style:none;counter-reset:s;padding:0;display:grid;gap:14px;max-width:700px}
.steps li{counter-increment:s;padding-left:54px;position:relative;color:var(--mu)}.steps li strong{display:block;color:var(--tx)}
.steps li:before{content:counter(s);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;border:1px solid var(--cy);color:var(--cy);display:grid;place-items:center;font-weight:700}
.qa{border-bottom:1px solid var(--line)}.qa h3{margin:0}.qa button{all:unset;box-sizing:border-box;width:100%;padding:18px 28px 18px 0;cursor:pointer;font-weight:600;position:relative}
.qa button:after{content:"+";position:absolute;right:4px;color:var(--cy);font-size:1.4rem}.qa button[aria-expanded=true]:after{content:"–"}
.qa button:focus-visible{outline:2px solid var(--cy)}.qa p{margin:0 0 18px;color:var(--mu)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:40px}
form{display:grid;gap:8px}label{font-size:.9rem;color:var(--mu)}
input,textarea{background:var(--bg);color:var(--tx);border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit}
input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#f87171}
#fs{min-height:1.4em;margin:0;color:#f87171}#fs.ok{color:var(--cy)}.small{font-size:.85rem;color:var(--mu)}
.ftr{border-top:1px solid var(--line);padding:44px 0;background:#050810}
.ftr-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:24px}.ftr-in a{display:block;color:var(--mu);text-decoration:none;padding:3px 0}.ftr-in a:hover{color:var(--cy)}
.legal{max-width:720px;margin:60px auto;padding:0 20px}
@media(max-width:860px){.hero-in,.grid2{grid-template-columns:1fr}.net{max-width:340px}
.burger{display:block}nav{position:absolute;top:68px;left:0;right:0;background:var(--bg2);flex-direction:column;align-items:flex-start;padding:20px;gap:14px;display:none;border-bottom:1px solid var(--line)}nav.open{display:flex}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
