:root{--red:#e50914;--navy:#102033;--dark:#071521;--muted:#6b7682;--light:#f5f7fa;--white:#fff;--line:#e7ebef;--shadow:0 22px 60px rgba(8,24,44,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:#fff;line-height:1.6}.container{width:min(1180px,92%);margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:82px;display:flex;align-items:center;gap:26px}.brand img{width:235px;display:block}.menu{display:flex;gap:22px;margin-left:auto}.menu a{font-size:13px;font-weight:800;text-transform:uppercase;text-decoration:none;color:var(--navy)}.menu a:hover{color:var(--red)}.call{background:var(--red);color:white;text-decoration:none;padding:11px 16px;border-radius:10px;font-weight:800;white-space:nowrap}.menu-btn{display:none;border:0;background:var(--navy);color:#fff;border-radius:8px;padding:9px 12px}.hero{overflow:hidden;background:radial-gradient(circle at 70% 10%,#e9f4ff 0,#fff 36%,#f7f9fc 100%);padding:78px 0 64px}.hero-grid{display:grid;grid-template-columns:1fr 1.28fr;gap:48px;align-items:center}.badge{display:inline-flex;background:#eef3f8;color:var(--navy);padding:8px 14px;border-radius:999px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.badge.red{background:#fff1f2;color:var(--red)}h1{font-size:58px;line-height:1.02;margin:18px 0 20px;text-transform:uppercase;letter-spacing:-2px}h2{font-size:38px;line-height:1.12;margin:12px 0 16px}h3{margin:10px 0;font-size:21px}p{color:#405066}.hero-text p{font-size:18px;max-width:580px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:14px 20px;text-decoration:none;font-weight:900;text-transform:uppercase;font-size:13px;border:1px solid transparent}.primary{background:var(--red);color:#fff}.secondary{background:#fff;color:var(--navy);border-color:#ccd4dd}.hero-visual{position:relative}.hero-visual .screen{width:100%;border-radius:24px;box-shadow:var(--shadow);border:8px solid #fff}.device{position:absolute;right:8%;bottom:-40px;width:270px;border-radius:18px;box-shadow:0 18px 40px rgba(0,0,0,.25);background:#fff;padding:10px}.stats{background:var(--dark);color:white}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat-grid div{padding:26px 20px;border-right:1px solid rgba(255,255,255,.13)}.stat-grid strong{display:block;font-size:34px;color:#fff}.stat-grid span{color:#c8d2dc}.section{padding:80px 0}.section-title{text-align:center;max-width:780px;margin:0 auto 38px}.section-title span{color:var(--red);font-weight:900;text-transform:uppercase}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.cards article,.sector-grid article,.device-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 10px 30px rgba(16,32,51,.06);transition:.25s}.cards article:hover,.device-grid article:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.cards i{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#fff1f2;color:var(--red);font-style:normal;font-size:28px;font-weight:900}.showcase{padding:86px 0}.showcase.dark{background:linear-gradient(135deg,#061523,#112a42);color:#fff}.showcase.dark p,.showcase.dark li{color:#d8e2ec}.showcase.light{background:var(--light)}.two-col{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}.two-col.reverse{grid-template-columns:1.2fr 1fr}.two-col img{width:100%;border-radius:22px;box-shadow:var(--shadow);border:7px solid #fff}ul{padding-left:20px}.teltonika{background:#fff}.device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.device-grid img{height:240px;object-fit:contain;width:100%;background:#f7f8fa;border-radius:18px;padding:18px}.gmao{background:linear-gradient(180deg,#fff,#f7f9fc)}.mockup{background:#fff;border-radius:28px;box-shadow:var(--shadow);padding:24px;border:1px solid var(--line)}.mock-head{display:flex;justify-content:space-between;align-items:center;background:var(--red);color:#fff;border-radius:16px;padding:16px 18px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.kpis b{background:#f2f5f8;border-radius:16px;padding:18px;font-size:26px}.kpis small{font-size:12px;color:var(--muted)}.bars span{display:block;height:12px;border-radius:99px;background:linear-gradient(90deg,var(--red),#ff7a7a);width:var(--w);margin:12px 0}table{width:100%;border-collapse:collapse;margin-top:20px}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.sectors{background:#fff}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.sector-grid article{border-left:5px solid var(--red)}.contact{padding:86px 0;background:linear-gradient(135deg,#071521,#132b43);color:#fff}.contact p,.contact a{color:#dce8f2}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px}form{background:#fff;border-radius:24px;padding:28px;box-shadow:var(--shadow)}input,textarea{width:100%;border:1px solid #d8dee6;border-radius:12px;padding:14px 15px;margin-bottom:13px;font:inherit}button{cursor:pointer;width:100%;border:0}.whatsapp{position:fixed;right:18px;bottom:18px;z-index:60;background:#25d366;color:#fff;text-decoration:none;font-weight:900;padding:14px 18px;border-radius:999px;box-shadow:0 14px 30px rgba(0,0,0,.18)}footer{background:#050e17;color:#bdc7d3;padding:32px 0}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer img{width:220px;filter:brightness(1.15)}@media (max-width:900px){.menu{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:20px;box-shadow:var(--shadow);flex-direction:column}.menu.open{display:flex}.menu-btn{display:block;margin-left:auto}.call{display:none}.hero-grid,.two-col,.two-col.reverse,.contact-grid{grid-template-columns:1fr}.cards,.stat-grid{grid-template-columns:repeat(2,1fr)}h1{font-size:42px}.device{position:relative;right:auto;bottom:auto;margin:16px auto 0;display:block}.brand img{width:210px}}@media (max-width:620px){.cards,.stat-grid,.device-grid,.sector-grid{grid-template-columns:1fr}.section,.showcase,.contact{padding:58px 0}.nav{height:74px}.menu{top:74px}.brand img{width:185px}h1{font-size:34px}h2{font-size:28px}.hero{padding:46px 0}.footer{display:block}.footer img{margin-bottom:15px}}