:root{
  --navy:#0b1a2a;
  --navy-2:#10243a;
  --ink:#0e1726;
  --white:#ffffff;
  --muted:#9fb3c8;
  --hr-red:#d03030;
  --blue:#1f6feb;
  --green:#16a34a;
  --card:#0f2034;
  --border: #20344a;
  --shadow: 0 8px 24px rgba(2,12,27,0.12);
  --radius: 14px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family: system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;background:#fff;color:#1a2433;scroll-behavior:smooth}

.container{max-width:1120px;margin:0 auto;padding:0 20px}

nav{position:sticky;top:0;z-index:50;background:var(--navy);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;gap:14px;height:64px}
nav img.logo{width:34px;height:34px;border-radius:8px;object-fit:contain;background:#fff;padding:4px}
.brand{font-weight:700;color:#fff}
.brand small{font-weight:600;color:#9fb3c8;margin-left:8px}
nav .links{margin-left:auto;display:flex;gap:24px;align-items:center}
nav .links a{color:#cfe3ff;text-decoration:none;font-weight:600}
nav .cta{display:flex;gap:10px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;border:1px solid transparent;text-decoration:none;font-weight:700;box-shadow:var(--shadow);}
.btn-blue{background:var(--blue);color:#fff}
.btn-green{background:var(--green);color:#fff}
.btn-outline{background:transparent;border-color:#33557a;color:#cfe3ff;box-shadow:none}
.btn:hover{transform:translateY(-1px)}

.hero{padding:48px 0}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:center}
.hero img{width:100%;height:auto;border-radius:16px;box-shadow:var(--shadow)}
.kickers{display:flex;gap:12px;margin:14px 0 20px;color:#375b80;font-weight:700}
.hero .bullets{margin-top:16px;color:#223a53}
.hero .bullets li{margin:8px 0}
.hero .actions{display:flex;gap:12px;margin:16px 0}

.strip{background:#fff;border-top:1px solid #e8eef5;border-bottom:1px solid #e8eef5}
.strip .container{padding:18px 20px;color:#1e2a3a}
.strip strong{color:#0e1726}

.about{background:var(--navy-2);padding:56px 0;margin-top:0}
.about h2{color:var(--white);font-size:32px;margin:0 0 12px}
.about p{color:var(--white);opacity:0.95;line-height:1.6;margin:8px 0}
.about .brand-accent{color:var(--hr-red);font-weight:800}

.services{padding:42px 0}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.card{background:#fff;border:1px solid #e6edf5;border-radius:16px;box-shadow:var(--shadow);padding:16px}
.card h3{margin:6px 0 8px;font-size:18px}
.card ul{margin:8px 0 2px 18px;color:#3a536b}
.card .icon{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eef6ff;border:1px solid #d8e7ff;color:#1e4db7}

.form{padding:56px 0;background:var(--navy);}
form{background:var(--navy-2);border:1px solid var(--border);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow)}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.grid .col-2{grid-column:span 2}
.grid .col-4{grid-column:span 4}
label{display:block;font-size:12px;color:#9fb3c8;margin:4px 2px}
input,textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #2a425e;background:#0e2136;color:#eaf3ff}
textarea{min-height:110px;resize:vertical}
.form .actions{display:flex;gap:12px;margin-top:12px}
.footer{background:var(--navy);color:#9fb3c8;padding:22px 0;border-top:1px solid var(--border)}
.footer a{color:#7cc0ff;text-decoration:none}

@media (max-width:960px){
  .hero-grid{grid-template-columns:1fr;gap:18px}
  .cards{grid-template-columns:repeat(2,1fr)}
  .grid{grid-template-columns:repeat(2,1fr)}
  .grid .col-4{grid-column:span 2}
}

@media (max-width:640px){
  .cards{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr}
  .grid .col-2,.grid .col-4{grid-column:span 1}
}