:root{--blue:#0b5cff;--cyan:#00b8ff;--gold:#ffb21a;--dark:#061426;--ink:#102033;--muted:#637083;--card:#ffffff;--bg:#f5f8fc}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}a{text-decoration:none}.container{width:min(1120px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(6,20,38,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;gap:12px;align-items:center;color:white}.brand span{display:block;color:#b8c7d9;font-size:13px}.logo-mark{background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;font-weight:900;padding:10px 12px;border-radius:14px;box-shadow:0 12px 25px rgba(0,184,255,.25)}.nav-cta{color:#061426;background:var(--gold);padding:10px 14px;border-radius:999px;font-weight:700}.hero{background:radial-gradient(circle at 85% 20%,rgba(0,184,255,.28),transparent 35%),linear-gradient(135deg,#061426,#0b2548 55%,#07111f);color:white;padding:82px 0}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.eyebrow{color:var(--gold);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.hero h1{font-size:clamp(38px,7vw,68px);line-height:1.02;margin:12px 0}.lead{font-size:18px;color:#dbe7f6;max-width:680px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{padding:14px 18px;border-radius:14px;font-weight:800}.primary{background:var(--gold);color:#061426}.secondary{background:rgba(255,255,255,.12);color:white;border:1px solid rgba(255,255,255,.22)}.hero-card{min-height:360px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;box-shadow:0 30px 80px rgba(0,0,0,.25)}.screen{width:82%;height:230px;background:#eef6ff;border-radius:24px;padding:25px;position:relative;box-shadow:0 24px 60px rgba(0,0,0,.25)}.status{display:inline-block;width:12px;height:12px;border-radius:99px;margin-right:8px}.green{background:#21c55d}.yellow{background:#ffb21a}.blue{background:#0b5cff}.line{height:14px;background:#bfd3ec;border-radius:99px;margin-top:18px}.large{width:80%}.short{width:45%}.shield{position:absolute;right:28px;bottom:22px;font-size:52px}.section{padding:74px 0}.section-title{max-width:720px;margin-bottom:28px}.section h2,.contact h2{font-size:clamp(30px,5vw,46px);line-height:1.1;margin:0 0 16px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--card);border-radius:24px;padding:20px;box-shadow:0 12px 34px rgba(8,31,61,.08);border:1px solid #e7eef7}.card-img{height:160px;border-radius:18px;margin-bottom:18px;background-size:cover;background-position:center}.home{background:linear-gradient(135deg,rgba(11,92,255,.8),rgba(0,184,255,.5)),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="600" height="400"><rect width="600" height="400" fill="%23dcecff"/><circle cx="430" cy="120" r="85" fill="%23ffb21a"/><rect x="95" y="120" width="360" height="190" rx="22" fill="%23061426"/><rect x="120" y="145" width="310" height="130" rx="12" fill="%230b5cff"/></svg>')}.business{background:linear-gradient(135deg,rgba(6,20,38,.78),rgba(11,92,255,.45)),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="600" height="400"><rect width="600" height="400" fill="%23eef6ff"/><rect x="70" y="80" width="460" height="250" rx="26" fill="%23ffffff"/><rect x="105" y="125" width="160" height="120" rx="12" fill="%230b5cff"/><rect x="295" y="125" width="190" height="24" rx="12" fill="%23bfd3ec"/><rect x="295" y="170" width="150" height="24" rx="12" fill="%23bfd3ec"/><rect x="295" y="215" width="110" height="24" rx="12" fill="%23ffb21a"/></svg>')}.security{background:linear-gradient(135deg,rgba(255,178,26,.85),rgba(11,92,255,.55)),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="600" height="400"><rect width="600" height="400" fill="%23061426"/><path d="M300 70l150 65v85c0 88-63 137-150 165-87-28-150-77-150-165v-85z" fill="%23ffffff" opacity=".9"/><rect x="245" y="185" width="110" height="90" rx="18" fill="%230b5cff"/><path d="M270 185v-28a30 30 0 0160 0v28" fill="none" stroke="%23061426" stroke-width="18"/></svg>')}.dark{background:#061426;color:white}.dark p{color:#ccdae9}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}.reverse{grid-template-columns:1fr 1fr}.reasons{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.reasons div{background:rgba(255,255,255,.08);padding:20px;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.reasons span{font-size:26px}.reasons strong{display:block;margin:8px 0}.visual-panel{height:360px;border-radius:32px;background:radial-gradient(circle at 30% 30%,rgba(0,184,255,.35),transparent 30%),linear-gradient(135deg,#07111f,#0b5cff);position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(6,20,38,.22)}.visual-text{position:absolute;left:32px;bottom:30px;color:white;font-size:52px;font-weight:900;line-height:.9}.visual-text span{font-size:22px;color:var(--gold)}.network-node{position:absolute;width:70px;height:70px;border-radius:50%;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4)}.n1{top:55px;right:70px}.n2{top:170px;right:165px}.n3{bottom:55px;right:55px}.checklist{padding:0;list-style:none}.checklist li{margin:10px 0;padding-left:30px;position:relative}.checklist li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:900}.contact{padding:74px 0;background:linear-gradient(135deg,#0b5cff,#00b8ff);color:white}.contact-box{display:grid;grid-template-columns:1fr .85fr;gap:26px;align-items:center}.contact .eyebrow{color:#061426}.contact-card{background:white;border-radius:24px;padding:24px;display:grid;gap:14px;box-shadow:0 20px 50px rgba(0,0,0,.18)}.contact-card a{color:#061426;font-weight:800;font-size:18px}footer{background:#061426;color:#b8c7d9;padding:24px 0}.footer-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}@media(max-width:840px){.hero-grid,.split,.reverse,.contact-box{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.reasons{grid-template-columns:1fr}.hero{padding:58px 0}.nav-cta{display:none}.section{padding:56px 0}.hero-card{min-height:280px}.screen{height:210px}.footer-inner{display:block}.footer-inner span{display:block;margin:6px 0}}
