/* Base */
:root{
  --primary:#0D294F;
  --accent:#A8242A;
  --light:#F5F7FA;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--primary);background:#fff;line-height:1.55}
.container{max-width:1100px;margin:0 auto;padding:0 16px}

/* Header */
.header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #e6e8ef}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{display:flex;align-items:center;gap:12px}
.brand-logo{height:40px;width:auto}
.brand-text{display:flex;flex-direction:column;font-size:12px;color:#5a6b82}
.brand-text strong{font-size:16px;color:var(--primary)}
.nav a{margin:0 10px;text-decoration:none;color:var(--primary);font-weight:600}
.nav a:hover{opacity:.8}

/* Hero */
.hero{background:linear-gradient(180deg,var(--light),#fff);padding:72px 0}
.hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center}
.hero-logo{
  width:min(28vw,260px);
  height:auto;
  margin-bottom:16px;
  filter: drop-shadow(0 10px 24px rgba(13,41,79,.25));
  border-radius:14px;
  background:#fff;
  padding:8px;
}
h1{font-size:clamp(24px,4vw,40px);margin:8px 0 8px;color:var(--primary)}
.subtitle{color:#5a6b82;max-width:780px;margin:0 auto 18px}
.buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 18px;border-radius:28px;text-decoration:none;font-weight:700;border:2px solid var(--primary)}
.btn.primary{background:var(--primary);color:#fff}
.btn.secondary{color:var(--primary);background:transparent}
.btn:hover{opacity:.92}

/* Sections */
.section{padding:60px 0}
.section.light{background:var(--light)}
h2{text-align:center;margin:0 0 28px;font-size:28px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.card{background:#fff;border:1px solid #e6e8ef;border-radius:14px;padding:18px;text-align:center}
.card h3{margin:4px 0 8px}
.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}
.bullets{padding-left:18px;margin:14px 0}
.bullets li{margin:6px 0}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.fact{background:#fff;border:1px solid #e6e8ef;border-radius:12px;padding:16px;text-align:center}
.fact b{display:block;font-size:22px}
.fact span{color:#5a6b82}

/* Contacts */
.contacts{text-align:center;color:#2a3850}

/* Footer */
.footer{background:var(--primary);color:#fff;text-align:center;padding:18px 0;margin-top:24px}

/* Responsive */
@media (max-width:820px){
  .about-grid{grid-template-columns:1fr}
  .brand-text{display:none}
}