:root{
  --navy:#071a33; --blue:#0b4f8a; --cyan:#19b5d8; --ink:#132238;
  --muted:#5f6f82; --light:#f4f8fb; --white:#fff; --border:#dce6ef;
  --shadow:0 18px 45px rgba(7,26,51,.10); --radius:18px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block}.container{width:min(1160px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,230,239,.8)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.04em;color:var(--navy)}
.logo-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--navy),var(--blue) 60%,var(--cyan));display:grid;place-items:center;color:#fff;font-size:18px}
.logo small{display:block;font-size:10px;letter-spacing:.16em;color:var(--blue);margin-top:-3px}
.nav-links{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:650}.nav-links a:hover{color:var(--blue)}
.nav-cta{padding:11px 17px;border-radius:999px;background:var(--navy);color:#fff!important}
.menu{display:none;border:0;background:none;font-size:28px;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(25,181,216,.22),transparent 28%),linear-gradient(135deg,#06172e 0%,#0b3158 65%,#0a5a82 100%);color:#fff;padding:105px 0 95px}
.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-160px;top:-180px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:65px;align-items:center;position:relative;z-index:2}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800;color:#71e0f5;margin-bottom:18px}
h1{font-size:clamp(42px,6vw,72px);line-height:1.04;letter-spacing:-.045em;margin:0 0 24px}h2{font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-.03em;margin:0 0 15px}h3{line-height:1.25}
.hero p{font-size:18px;color:#d8e6f3;max-width:650px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;font-weight:800;border:1px solid transparent;transition:.2s}.btn-primary{background:#fff;color:var(--navy)}.btn-secondary{border-color:rgba(255,255,255,.35);color:#fff}.btn:hover{transform:translateY(-2px)}
.hero-visual{min-height:360px;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035));padding:25px;box-shadow:0 30px 80px rgba(0,0,0,.22)}
.network{height:100%;min-height:310px;display:grid;place-items:center;position:relative}.orb{width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9af4ff,#1ab4d7 45%,#07345b 72%);box-shadow:0 0 60px rgba(25,181,216,.35)}
.node{position:absolute;padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(6,23,46,.7);font-size:12px;font-weight:750}.n1{top:15%;left:8%}.n2{top:11%;right:6%}.n3{bottom:12%;left:12%}.n4{bottom:15%;right:10%}
.section{padding:92px 0}.section.alt{background:var(--light)}.section-head{max-width:760px;margin-bottom:38px}.section-head p,.muted{color:var(--muted)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:27px;box-shadow:0 7px 25px rgba(7,26,51,.045);transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.icon{width:46px;height:46px;border-radius:14px;background:#e7f7fb;color:var(--blue);display:grid;place-items:center;font-weight:900;margin-bottom:18px}.card h3{margin:0 0 9px}.card p{margin:0;color:var(--muted);font-size:14px}.list{padding:0;margin:18px 0 0;list-style:none}.list li{padding:7px 0;color:#415369;font-size:14px}.list li:before{content:"✓";color:var(--cyan);font-weight:900;margin-right:9px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:35px}.stat{padding:22px;border:1px solid var(--border);border-radius:16px}.stat strong{font-size:26px;color:var(--navy);display:block}.stat span{color:var(--muted);font-size:13px}
.banner{border-radius:26px;padding:55px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.banner p{color:#d9e7f4;margin:0;max-width:650px}
.page-hero{padding:72px 0;background:linear-gradient(135deg,#071a33,#0b4f8a);color:#fff}.page-hero p{max-width:750px;color:#d9e7f4}
.breadcrumb{font-size:12px;color:#9bdff0;margin-bottom:13px}.service-hero{display:grid;grid-template-columns:1fr .7fr;gap:45px;align-items:center}
.service-panel{border-radius:24px;background:var(--light);padding:30px;border:1px solid var(--border)}
.form{display:grid;gap:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font-size:13px;font-weight:750}input,select,textarea{width:100%;margin-top:6px;padding:13px 14px;border:1px solid #ccd9e4;border-radius:12px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(25,181,216,.12)}textarea{min-height:140px;resize:vertical}
.faq{border-top:1px solid var(--border)}details{border-bottom:1px solid var(--border);padding:18px 0}summary{cursor:pointer;font-weight:800}details p{color:var(--muted);margin:12px 0 0}
.footer{background:#051426;color:#d5e1ec;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer h3{color:#fff;font-size:14px}.footer a{color:#b9c9d7;font-size:14px;display:block;margin:7px 0}.footer a:hover{color:#fff}.footer p{color:#9eb0c0;font-size:13px}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:18px;color:#8da0b1;font-size:12px;display:flex;justify-content:space-between;gap:20px}
.notice{display:none;margin-top:10px;padding:12px;border-radius:10px;background:#eaf8f0;color:#17653b;font-size:13px}
@media(max-width:900px){.hero-grid,.service-hero{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.nav-links{display:none;position:absolute;left:4%;right:4%;top:70px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:15px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.menu{display:block}}
@media(max-width:600px){.hero{padding:75px 0}.section{padding:65px 0}.grid-4,.grid-3,.grid-2,.stats,.form-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.copyright{flex-direction:column}.banner{padding:32px;display:block}.banner .btn{margin-top:20px}h1{font-size:44px}}