*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#172033;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.topbar{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 14px rgba(0,0,0,.08)}.nav{height:74px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand-icon{font-size:32px;color:#1688ff}.brand b{display:block;font-size:23px}.brand small{display:block;color:#778196;margin-top:3px}.nav nav{display:flex;gap:26px}.nav nav a:hover{color:#1688ff}.btn{display:inline-block;background:#1688ff;color:#fff;padding:14px 22px;border-radius:8px;font-weight:700}.btn-small{padding:11px 17px}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.7)}.hero{min-height:480px;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('images/hero.jpg') center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,32,.94) 0%,rgba(5,18,32,.72) 45%,rgba(5,18,32,.18) 100%)}.hero-content{position:relative;padding:70px 0;max-width:1180px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:13px;color:#b8d8ff}.eyebrow.dark{color:#1688ff}.hero h1{font-size:54px;line-height:1.04;margin:14px 0 18px;max-width:700px}.hero h1 span{color:#1688ff}.hero p{font-size:19px;line-height:1.55;max-width:700px;color:#e2e8f0}.hero-actions{display:flex;gap:14px;margin-top:28px}.benefits{background:#f6f8fb;border-bottom:1px solid #e7ebf0}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:24px 0}.benefits b,.benefits span{display:block}.benefits b{font-size:17px;margin-bottom:5px}.benefits span{color:#697386;font-size:14px}.section{padding:70px 0}.section-head{text-align:center;margin-bottom:34px}.section-head h2,.mikrotik h2,.about h2,.contacts h2{font-size:36px;margin:10px 0}.section-head p{color:#697386}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid #e6eaf0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 8px 25px rgba(15,35,60,.06)}.card img{width:100%;height:170px;object-fit:cover;display:block}.card-body{padding:20px}.card h3{margin:0 0 10px;font-size:20px}.card p{margin:0;color:#5f6b7d;line-height:1.55}.mikrotik{padding:70px 0;background:#0d1c2d;color:#fff}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.mikrotik p{color:#c8d3df;line-height:1.65;font-size:18px}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checklist div{background:#132a43;padding:16px;border-radius:8px}.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about p{color:#667085;line-height:1.7;font-size:18px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stats div{padding:24px;border-radius:10px;background:#f5f8fc}.stats strong,.stats span{display:block}.stats strong{font-size:28px;color:#1688ff}.stats span{margin-top:5px;color:#667085}.contacts{padding:70px 0;background:#eef6ff;text-align:center}.contacts p{color:#5f6b7d}.contact-row{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:25px;font-weight:700}footer{background:#08131f;color:#cbd5e1;padding:24px 0}.footer{display:flex;justify-content:space-between}@media(max-width:900px){.nav nav{display:none}.hero h1{font-size:40px}.benefits-grid,.cards{grid-template-columns:1fr 1fr}.split,.about{grid-template-columns:1fr}.hero-overlay{background:rgba(5,18,32,.78)}}@media(max-width:600px){.btn-small{display:none}.hero h1{font-size:34px}.hero-actions{flex-direction:column;align-items:flex-start}.benefits-grid,.cards,.stats,.checklist{grid-template-columns:1fr}.card img{height:200px}.section-head h2,.mikrotik h2,.about h2,.contacts h2{font-size:29px}}