:root{--bg:#050914;--panel:#0a1220;--panel2:#0d1929;--line:#17304b;--cyan:#19d7ff;--blue:#238bff;--orange:#ff8b2b;--text:#edf7ff;--muted:#91a8bc;--shadow:0 20px 60px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0%,#102542 0,#050914 38%,#03060d 100%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topline{height:4px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--orange),var(--blue))}.nav{position:sticky;top:0;z-index:50;background:rgba(4,9,18,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.navin{min-height:70px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.8px;white-space:nowrap}.brandmark{width:42px;height:42px;border:1px solid var(--cyan);display:grid;place-items:center;clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);color:var(--cyan);box-shadow:0 0 20px rgba(25,215,255,.18)}.brand b{font-size:20px}.menu{display:flex;align-items:center;gap:4px;margin-left:auto}.menu>a,.dropbtn{padding:12px 13px;border-radius:8px;color:#cfe2f0;font-size:14px;font-weight:700;cursor:pointer}.menu>a:hover,.dropbtn:hover{background:#0b1a2c;color:#fff}.dropdown{position:relative}.dropdown:hover .dropmenu,.dropdown:focus-within .dropmenu{opacity:1;pointer-events:auto;transform:translateY(0)}.dropmenu{position:absolute;top:100%;left:0;width:430px;padding:18px;background:#07111f;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:18px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.18s}.manager-link{border:1px solid var(--orange)!important;color:#fff!important;background:rgba(255,138,42,.08)}.manager-link:hover{border-color:var(--orange)!important;background:rgba(255,138,42,.16)!important;color:#fff!important}.telegram-label{color:#9fdfff;font-weight:700}.dropmenu h4{grid-column:1/-1;margin:0;color:var(--cyan);text-transform:uppercase;letter-spacing:1px}.dropmenu h5{margin:0 0 7px;color:#fff}.dropmenu a{display:block;padding:6px 0;color:var(--muted);font-size:13px}.dropmenu a:hover{color:var(--cyan)}.dropmenu p{font-size:12px;color:var(--muted);margin:0}.burger{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:#fff;padding:8px 10px;border-radius:8px}.hero{padding:0 0 24px}.hero img{display:block;width:100%;height:auto;border-bottom:1px solid var(--line)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;padding:18px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:linear-gradient(180deg,#102239,#081321);color:#fff;padding:11px 16px;border-radius:9px;font-weight:800;cursor:pointer;transition:.18s}.btn:hover{border-color:var(--cyan);box-shadow:0 0 24px rgba(25,215,255,.13);transform:translateY(-1px)}.btn.primary{border-color:var(--cyan);color:#dffbff}.btn.orange{border-color:var(--orange);color:#fff}.section{padding:68px 0}.section.alt{background:rgba(6,14,25,.7);border-top:1px solid rgba(23,48,75,.65);border-bottom:1px solid rgba(23,48,75,.65)}.kicker{color:var(--cyan);font-weight:900;letter-spacing:2px;text-transform:uppercase;font-size:12px}.title{font-size:clamp(30px,4vw,52px);line-height:1.08;margin:8px 0 18px}.lead{color:#b7c9d8;font-size:18px;max-width:850px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(145deg,rgba(12,28,45,.96),rgba(6,13,23,.96));border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.7}.card h3{margin:0 0 10px;font-size:20px}.card p,.card li{color:var(--muted)}.card ul{margin:12px 0 0;padding-left:19px}.num{font-size:12px;color:var(--orange);font-weight:900;letter-spacing:1px}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.highlight{font-size:34px;color:var(--orange);font-weight:900}.checklist{list-style:none;padding:0;margin:18px 0}.checklist li{padding:10px 0;border-bottom:1px solid #13273b;color:#c8d9e6}.checklist li:before{content:'✓';color:var(--cyan);font-weight:900;margin-right:10px}.price-table{width:100%;border-collapse:collapse;background:#07111e;border:1px solid var(--line);border-radius:12px;overflow:hidden}.price-table th,.price-table td{padding:13px 15px;border-bottom:1px solid #13283d;text-align:left}.price-table th{background:#0d1d30;color:#9fdfff;text-transform:uppercase;font-size:12px;letter-spacing:.7px}.price-table td:last-child{white-space:nowrap;color:#fff;font-weight:800}.notice{padding:16px 18px;border:1px solid #2b4b68;background:#081827;border-radius:10px;color:#b9cad8}.form{display:grid;gap:13px}.field{display:grid;gap:6px}.field label{font-size:13px;color:#9db4c7;font-weight:700}.field input,.field textarea{width:100%;background:#050c16;border:1px solid #1b3852;color:#fff;border-radius:9px;padding:12px 13px;outline:none}.field input:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(25,215,255,.08)}.field textarea{min-height:150px;resize:vertical}.calc{display:grid;grid-template-columns:1.3fr .7fr;gap:22px}.calc-list{display:grid;gap:10px}.calc-row{display:grid;grid-template-columns:1fr 112px;align-items:center;gap:15px;background:#07121f;border:1px solid var(--line);border-radius:10px;padding:12px 14px}.counter{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:5px}.counter button{height:34px;border:1px solid #1c405b;background:#0b1b2c;color:var(--cyan);border-radius:7px;font-weight:900;cursor:pointer}.counter input{text-align:center;width:100%;height:34px;border:1px solid #1c405b;background:#040a12;color:#fff;border-radius:7px}.total{position:sticky;top:92px}.totalbox{padding:26px;border:1px solid var(--cyan);border-radius:14px;background:radial-gradient(circle at 50% 0%,#0e2b42,#07111e 60%);box-shadow:0 0 35px rgba(25,215,255,.1)}.totalvalue{font-size:42px;font-weight:900;margin:5px 0 12px;color:#fff}.small{font-size:12px;color:var(--muted)}.footer{padding:38px 0;background:#03070e;border-top:1px solid var(--line)}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:25px}.footer a{color:#9eb3c4}.footer a:hover{color:var(--cyan)}.mobile-note{display:none}.pill{display:inline-block;padding:4px 8px;border:1px solid #27516f;border-radius:99px;color:#9fdfff;font-size:11px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{padding:20px;border-left:2px solid var(--cyan);background:#07111e}.step strong{display:block;color:#fff;font-size:18px;margin-bottom:5px}.contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.contact-card{padding:20px;background:#07111e;border:1px solid var(--line);border-radius:12px}.contact-card b{display:block;color:var(--cyan);margin-bottom:5px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;z-index:100}.modal.open{display:flex}.modalbox{width:min(520px,calc(100% - 30px));background:#07111e;border:1px solid var(--cyan);border-radius:14px;padding:25px}.close{float:right;background:none;border:0;color:#9eb3c4;font-size:24px;cursor:pointer}
@media(max-width:980px){.menu{display:none}.burger{display:block}.nav.open .menu{display:flex;position:absolute;left:0;right:0;top:74px;background:#050b14;padding:10px 16px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.nav.open .menu>a,.nav.open .dropbtn{display:block}.dropmenu{position:static;display:none;width:auto;opacity:1;pointer-events:auto;transform:none}.dropdown.open .dropmenu{display:grid}.grid,.contact-cards{grid-template-columns:repeat(2,1fr)}.grid3,.steps{grid-template-columns:1fr 1fr}.split,.calc{grid-template-columns:1fr}.total{position:static}.footergrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.container{width:min(100% - 22px,1180px)}.navin{min-height:62px}.hero-actions{padding:12px 0}.btn{flex:1 1 150px}.section{padding:46px 0}.grid,.grid3,.steps,.contact-cards,.footergrid{grid-template-columns:1fr}.dropmenu{grid-template-columns:1fr}.calc-row{grid-template-columns:1fr}.title{font-size:32px}.lead{font-size:16px}.mobile-note{display:block;color:var(--muted);font-size:12px}}