:root{
  --navy:#072B61;
  --navy2:#06162E;
  --blue:#1268D6;
  --red:#E31822;
  --silver:#AEB7C2;
  --light:#EEF2F6;
  --white:#fff;
  --ink:#0b1f3a;
  --muted:#5c6b7a;
  --max:1180px;
  --radius:18px;
  --shadow:0 12px 30px rgba(6,22,46,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{width:min(var(--max),calc(100% - 32px));margin:auto}
.topbar{background:var(--navy2);color:#fff;font-size:.9rem}
.topbar .container{display:flex;justify-content:space-between;gap:20px;padding:8px 0;flex-wrap:wrap}
.header{position:sticky;top:0;background:rgba(255,255,255,.98);backdrop-filter:blur(12px);z-index:40;border-bottom:1px solid #e5e9ee}
.nav{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:82px}
.brand img{width:230px;height:auto}
.navlinks{display:flex;align-items:center;gap:24px;font-weight:700;font-size:.95rem}
.navlinks a:hover,.navlinks a.active{color:var(--red)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border-radius:10px;font-weight:800;border:2px solid transparent;transition:.2s;cursor:pointer}
.btn.red{background:var(--red);color:#fff}
.btn.red:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(227,24,34,.25)}
.btn.outline{border-color:#fff;color:#fff;background:transparent}
.btn.navy{background:var(--navy);color:#fff}
.menu-btn{display:none;border:0;background:transparent;font-size:28px;color:var(--navy)}
.hero{
  background:
   radial-gradient(circle at 80% 20%, rgba(18,104,214,.7), transparent 28%),
   linear-gradient(115deg,var(--navy2) 0%,var(--navy) 48%,#0d5db7 100%);
  color:#fff;overflow:hidden;position:relative
}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center;min-height:560px;padding:52px 0}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#7ec2ff;font-size:.84rem}
.hero h1,.page-hero h1{font-size:clamp(2.7rem,5vw,4.9rem);line-height:.96;margin:10px 0 18px;letter-spacing:-.04em}
.hero h1 span,.page-hero h1 span{color:var(--red)}
.hero p{font-size:1.15rem;max-width:640px;color:#e7f0fb}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.hero-art{position:relative}
.hero-art:after{content:"";position:absolute;inset:14% 4% 5%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.24),transparent 62%);filter:blur(10px);z-index:0}
.hero-art img{position:relative;z-index:1;filter:drop-shadow(0 22px 26px rgba(0,0,0,.28))}
.trustbar{background:#082f63;color:#fff;border-top:1px solid rgba(255,255,255,.15)}
.trustgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:20px 0}
.trustitem{display:flex;align-items:center;gap:12px}
.icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#edf5ff;color:var(--navy);font-size:24px;flex:none}
.section{padding:72px 0}
.section.alt{background:var(--light)}
.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}
.section h2{font-size:clamp(2rem,3.2vw,3rem);line-height:1.05;margin:6px 0}
.section p.lead{color:var(--muted);max-width:720px}
.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.card{background:#fff;border:1px solid #dce5ee;border-radius:var(--radius);padding:24px;box-shadow:0 8px 25px rgba(6,22,46,.06)}
.card h3{margin:12px 0 8px;font-size:1.25rem}
.card p{color:var(--muted);font-size:.95rem}
.card .icon{background:#eaf3ff}
.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.panel{border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}
.panel.dark{background:linear-gradient(135deg,var(--navy2),var(--navy));color:#fff}
.panel.light{background:#fff;border:1px solid #dce5ee}
.route{background:
 linear-gradient(rgba(6,22,46,.58),rgba(6,22,46,.58)),
 radial-gradient(circle at 70% 30%,rgba(18,104,214,.8),transparent 30%),
 linear-gradient(135deg,#1268d6,#062b61);
 color:#fff}
.route h2{max-width:560px}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 0;padding:0;list-style:none}
.feature-list li:before{content:"✓";display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;margin-right:8px;font-weight:900}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stat{text-align:center;padding:22px;background:#fff;border:1px solid #dce5ee;border-radius:16px}
.stat b{font-size:1.45rem;color:var(--navy)}
.page-hero{background:linear-gradient(115deg,var(--navy2),var(--navy) 55%,#0e64c5);color:#fff;padding:70px 0}
.page-hero .inner{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.page-hero p{font-size:1.1rem;color:#e7f0fb;max-width:700px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.service-card{background:#fff;border:1px solid #dce5ee;border-radius:18px;padding:26px}
.service-card h3{font-size:1.4rem;margin:12px 0}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.step{position:relative;padding:22px;background:#fff;border:1px solid #dce5ee;border-radius:16px}
.step .num{width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:900}
form{display:grid;gap:14px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{font-weight:800;font-size:.92rem}
input,select,textarea{width:100%;padding:13px 14px;border:1px solid #cbd6e2;border-radius:9px;font:inherit;background:#fff}
textarea{min-height:130px;resize:vertical}
.notice{padding:14px 16px;border-radius:10px;background:#eef6ff;border:1px solid #cfe4fb;color:#17466f}
.hp-field{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden}
.form-error{padding:14px 16px;border-radius:10px;background:#fdecec;border:1px solid #f5c2c2;color:#8a1f1f;margin-top:12px}
.tracking-box{background:#fff;border:1px solid #dce5ee;border-radius:18px;padding:28px;box-shadow:var(--shadow)}
.trackline{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:26px 0}
.trackstep{text-align:center}
.trackdot{width:34px;height:34px;margin:auto;border-radius:50%;background:#dfe8f2;display:grid;place-items:center;font-weight:900}
.trackstep.active .trackdot{background:#17a05d;color:#fff}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.contact-card{padding:22px;background:#fff;border:1px solid #dce5ee;border-radius:16px}
.footer{background:var(--navy2);color:#fff;margin-top:0}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .9fr 1fr;gap:30px;padding:48px 0}
.footer img{width:220px}
.footer h4{margin:0 0 12px}
.footer a{display:block;color:#dce8f5;margin:6px 0}
.copyright{border-top:1px solid rgba(255,255,255,.12);padding:16px 0;color:#cbd6e2;font-size:.9rem}
.badge{display:inline-block;background:#edf5ff;color:var(--navy);font-weight:800;padding:7px 11px;border-radius:99px;margin:4px 6px 4px 0}
.cta{background:linear-gradient(100deg,var(--navy),#0e64c5 60%,var(--red));color:#fff}
.cta .container{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:34px 0}
.small{font-size:.9rem;color:var(--muted)}
@media (max-width:980px){
 .navlinks{display:none;position:absolute;left:0;right:0;top:82px;background:#fff;padding:22px 24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #ddd}
 .navlinks.open{display:flex}
 .menu-btn{display:block}
 .hero-grid,.page-hero .inner,.split,.contact-grid{grid-template-columns:1fr}
 .hero-grid{padding:42px 0}
 .cards{grid-template-columns:repeat(2,1fr)}
 .service-grid{grid-template-columns:repeat(2,1fr)}
 .steps{grid-template-columns:repeat(2,1fr)}
 .trustgrid,.stats{grid-template-columns:repeat(2,1fr)}
 .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
 .brand img{width:180px}
 .cards,.service-grid,.steps,.trustgrid,.stats,.contact-cards,.form-grid{grid-template-columns:1fr}
 .hero h1,.page-hero h1{font-size:2.65rem}
 .section{padding:52px 0}
 .footer-grid{grid-template-columns:1fr}
 .cta .container{flex-direction:column;align-items:flex-start}
}