:root{--blue:#0878f9;--ink:#091422;--muted:#6d7888;--line:#e3e8ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.top{height:30px;background:var(--blue);color:#fff;text-align:center;padding:7px;font-size:10px;letter-spacing:.1em;font-weight:700}header{height:78px;display:flex;align-items:center;gap:30px;padding:0 max(calc((100vw - 1180px)/2),24px);border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffffff3;backdrop-filter:blur(12px);z-index:20}.logo{display:flex;align-items:center;gap:10px;color:#fff;background:linear-gradient(145deg,var(--blue),#08b5ee);font-size:26px;font-weight:900;font-style:italic;padding:7px 10px}.logo span{color:var(--ink);font-size:17px;font-style:normal}.logo span b{color:var(--blue)}.logo small{display:block;font-size:6px;letter-spacing:.18em;color:#718095}header nav{display:flex;gap:25px;margin:auto;font-size:12px;font-weight:700}.ghost{border:1px solid #cbd2dc;padding:12px 18px;border-radius:4px;font-size:11px;font-weight:800}.dark{color:#fff;border-color:#47566a}.btn{display:inline-block;border:0;background:linear-gradient(90deg,#0878f9,#0a9eea);color:#fff;padding:14px 20px;font-weight:800;font-size:11px;border-radius:4px;cursor:pointer}.hero{min-height:590px;padding:72px max(calc((100vw - 1180px)/2),24px);display:grid;grid-template-columns:1fr 1fr;background:radial-gradient(circle at 75% 50%,#173a62,#07111e 62%);color:#fff}.kicker{color:#169dff;font-size:9px;font-weight:900;letter-spacing:.17em}.hero h1{font-size:clamp(54px,6vw,86px);line-height:.92;margin:22px 0;letter-spacing:-.05em}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #27a7ff}.hero p{color:#a8b4c4;max-width:550px;line-height:1.7;margin-bottom:30px}.pc{position:relative}.screen{position:absolute;width:68%;height:58%;left:4%;top:8%;border:8px solid #2c3949;background:#030914;display:grid;place-items:center;box-shadow:0 25px 60px #000}.screen b{font-size:100px;color:#0798ff;font-style:italic}.screen span{position:absolute;bottom:25%;font-weight:900}.screen span em{color:#129dff;font-style:normal}.tower{position:absolute;width:27%;height:80%;right:1%;background:#101b29;border:4px solid #2b394a}.tower i{display:block;width:76px;height:76px;border:3px solid #1fb9ff;border-radius:50%;margin:24px auto;box-shadow:0 0 24px #0878f9}.shortcuts{max-width:1180px;margin:-35px auto 0;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;box-shadow:0 16px 38px #07162a22;position:relative;z-index:2}.shortcuts a{padding:24px 18px;border-right:1px solid var(--line);color:var(--blue);font-size:22px;display:flex;gap:12px;align-items:center}.shortcuts span{color:#7b8796;font-size:9px;line-height:1.7}.shortcuts b{display:block;color:var(--ink);font-size:11px}.section{max-width:1180px;margin:auto;padding:90px 0}.section h2,.service h2,.rural h2,.three h2{font-size:38px;letter-spacing:-.04em;margin:10px 0 28px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.products article{border:1px solid var(--line);padding:14px}.art{height:160px;display:grid;place-items:center;background:linear-gradient(145deg,#edf2f7,#d7dee8);font-size:75px}.products small,.products p,.products span{display:block;color:#7e8997;font-size:9px}.products h3{font-size:14px}.products strong{font-size:20px;margin:12px 0 5px;display:block}.service{background:#f3f6f9;padding:88px max(calc((100vw - 1180px)/2),24px);display:grid;grid-template-columns:1fr 1fr;gap:90px}.service p,.rural p,.three p{color:var(--muted);line-height:1.7}.service li{margin:14px 0;font-size:12px}.ticket{background:#fff;padding:38px;box-shadow:0 18px 45px #0a1d3717}.ticket h3{font-size:26px}.ticket label{display:block;font-size:8px;font-weight:900;margin:20px 0 7px}.ticket form div{display:flex}.ticket input{flex:1;min-width:0;padding:14px;border:1px solid #ccd4de}.ticket button{border:0;background:var(--ink);color:#fff;padding:0 18px}.result{background:#edf8ff;border-left:3px solid var(--blue);padding:14px;margin-top:14px}.result strong{display:block;color:var(--blue);margin-top:8px}.rural{padding:88px max(calc((100vw - 1180px)/2),24px);display:grid;grid-template-columns:1.1fr .9fr;gap:80px;background:#eff7fc}.rural h2 em{color:var(--blue);font-style:normal}.features{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:25px 0}.features span{padding:16px;background:#fff;color:#7b8796;font-size:9px}.features b{display:block;color:var(--ink);font-size:11px;margin-bottom:5px}.land{min-height:350px;background:linear-gradient(#bce2fa 0 60%,#8db670 61%);border-radius:50% 50% 5px 5px;display:grid;place-items:center;font-size:110px;color:#fff;position:relative}.land span{position:absolute;top:20%;right:25%;color:var(--blue);font-size:55px;transform:rotate(-35deg)}.build-grid,.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.builder label,.contact label,.install label,.editor label,.settings label{display:block;font-size:10px;font-weight:800}.builder select,.contact input,.contact select,.contact textarea,.install input,.editor input,.editor select,.editor textarea,.settings input{width:100%;padding:12px;border:1px solid #cdd5df;background:#fff;margin:7px 0 14px}.builder #compat{padding:12px;background:#f1f4f7;margin:18px 0;font-size:11px}.builder #compat.ok{background:#e7faf3;color:#087653}.builder #compat.bad{background:#fff0ec;color:#ac351b}.three{background:#081320;color:#fff;padding:80px max(calc((100vw - 1180px)/2),24px);display:grid;grid-template-columns:1fr auto}.three>div{max-width:700px}.three>b{font-size:100px;text-shadow:10px 10px var(--blue)}.contact form{max-width:800px}.contact textarea{resize:vertical}footer{background:#040b14;color:#9aa7b9;padding:45px max(calc((100vw - 1180px)/2),24px);display:flex;align-items:center;gap:30px;font-size:10px}footer .logo span{color:#fff}footer p{margin-right:auto}.install{min-height:100vh;background:radial-gradient(circle,#123052,#06101c);display:grid;place-items:center;padding:20px}.install-card{width:min(720px,100%);background:#fff;padding:38px;box-shadow:0 25px 80px #0008}.install-card h1{font-size:30px}.install-card p{color:var(--muted)}hr{border:0;border-top:1px solid var(--line);margin:22px 0}.alert{background:#fff0ed;color:#a63820;border-left:3px solid #e05b3f;padding:12px;margin:15px 0}.success{background:#e7faf3;color:#087653;border-left:3px solid #11aa76;padding:12px;margin-bottom:15px}.admin{display:grid;grid-template-columns:230px 1fr;min-height:100vh;background:#f2f5f8}.admin aside{background:#07111f;color:#8492a5;padding:24px 18px;display:flex;flex-direction:column;gap:12px}.admin aside .logo{margin-bottom:20px}.admin aside nav{display:flex;flex-direction:column}.admin aside nav a,.admin aside>a{padding:13px;font-size:11px;font-weight:700}.admin aside nav a.active{background:var(--blue);color:#fff;border-radius:4px}.admin>main{padding:30px 36px}.admin-head{display:flex;justify-content:space-between;align-items:center}.admin-head h1{font-size:28px}.panel,.editor{background:#fff;border:1px solid var(--line);padding:22px;margin-top:18px}.editor{display:none}.editor.show{display:block}table{width:100%;border-collapse:collapse;font-size:10px}th{text-align:left;color:#8c97a5;font-size:8px;letter-spacing:.1em;padding:12px}td{padding:14px 12px;border-top:1px solid #ebeff3}td small{display:block;color:#8d98a5;margin-top:4px}.status{background:#fff3d6;color:#976600;padding:7px 10px;border-radius:14px}
@media(max-width:900px){header nav{display:none}.hero{grid-template-columns:1fr}.pc{display:none}.shortcuts{grid-template-columns:1fr 1fr;margin-top:0}.section{padding:65px 22px}.products{grid-template-columns:1fr 1fr}.service,.rural{grid-template-columns:1fr;padding:65px 22px}.admin{grid-template-columns:70px 1fr}.admin aside .logo span,.admin aside nav a,.admin aside>a{font-size:0}.admin aside nav a::first-letter,.admin aside>a::first-letter{font-size:16px}.admin>main{padding:25px 15px}}
@media(max-width:560px){header{height:65px;padding:0 14px}header .ghost{display:none}.hero{min-height:auto;padding:55px 22px}.hero h1{font-size:50px}.shortcuts,.products,.features,.build-grid,.grid{grid-template-columns:1fr}.ticket{padding:25px 18px}.ticket form div{flex-direction:column}.ticket button{padding:13px}.land{min-height:280px}.three{grid-template-columns:1fr;padding:60px 22px}.three>b{font-size:70px;margin-top:30px}footer{flex-direction:column;align-items:flex-start}.admin{display:block}.admin aside{display:none}.admin>main{padding:18px 10px}.table-wrap,table{overflow:auto}.install-card{padding:25px 18px}}