:root {
  --primary: #0f4c81;
  --primary-dark: #0b395f;
  --primary-soft: #e9f3fb;
  --accent: #0f766e;
  --text: #1f2937;
  --muted: #6b7280;
  --bg: #f7fafc;
  --white: #ffffff;
  --border: #dbe5ef;
  --shadow: 0 12px 40px rgba(15, 76, 129, 0.08);
  --radius: 22px;
  --container: 1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}
.container{width:min(92%,var(--container));margin:0 auto}
.narrow{max-width:780px}
.topbar{background:var(--primary-dark);color:#fff;font-size:.95rem}.topbar-inner{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:10px 0}.topbar a{color:#fff;font-weight:700}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px}
.brand{display:inline-flex;align-items:center;gap:14px;color:var(--text)}.brand:hover{text-decoration:none}
.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-weight:800;box-shadow:var(--shadow)}
.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text strong{color:var(--primary-dark);font-size:1.05rem}.brand-text small{color:var(--muted);font-size:.9rem}
.nav{display:flex;gap:18px;flex-wrap:wrap}.nav a{font-weight:700;color:var(--text)}
.hero{color:#fff;background:linear-gradient(135deg,#0f4c81,#0b395f 70%,#0b2c49);padding:86px 0 72px}
.hero-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:30px;align-items:center}
.eyebrow,.section-kicker{display:inline-block;padding:8px 14px;border-radius:999px;font-size:.88rem;font-weight:800}
.eyebrow{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);margin-bottom:18px}
.hero h1{margin:0 0 16px;font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.06}.hero p{margin:0 0 24px;color:rgba(255,255,255,.92);max-width:760px}
.hero-actions,.actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;font-weight:800;border:2px solid transparent;transition:.2s ease}.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn-primary{background:var(--white);color:var(--primary-dark)}.btn-primary:hover{background:#f0f7fc}
.btn-outline{background:transparent;border-color:var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary-soft)}
.btn-outline.light{border-color:rgba(255,255,255,.4);color:#fff}.btn-outline.light:hover{background:rgba(255,255,255,.08)}
.hero-card,.card{background:rgba(255,255,255,.96);color:var(--text);border-radius:24px;padding:26px;box-shadow:var(--shadow);border:1px solid var(--border)}
.hero-card h2,.card h3{margin-top:0;color:var(--primary-dark)}
.info-list{list-style:none;padding:0;margin:0}.info-list li{display:flex;flex-direction:column;gap:4px;padding:13px 0;border-bottom:1px solid var(--border)}.info-list li:last-child{border-bottom:none}.info-list span{color:var(--muted);font-size:.92rem}
.section{padding:76px 0}.section.alt{background:linear-gradient(180deg,#f0f7fc 0%,#f8fbfd 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.section-kicker{background:var(--primary-soft);color:var(--primary);margin-bottom:12px}
.section h2{margin:0 0 12px;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.12;color:var(--primary-dark)}
.section p{color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin-top:20px}
.site-footer{margin-top:34px;background:#0d2031;color:rgba(255,255,255,.9);padding:28px 0}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.site-footer a{color:#fff;font-weight:700}.site-footer p{margin:4px 0 0;color:rgba(255,255,255,.75)}
@media (max-width:900px){.hero-grid,.contact-grid,.footer-inner{grid-template-columns:1fr}.nav-wrap{flex-direction:column;align-items:flex-start;padding:14px 0}}
@media (max-width:640px){.topbar-inner{flex-direction:column;align-items:flex-start}.btn{width:100%}}