:root{--navy:#0f1d3b;--red:#b22828;--text:#0f1d3b;--muted:#2b3a55}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;font-family:-apple-system,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#1f2937}
.container{max-width:1024px;margin:0 auto;padding:20px}
header.site{padding:22px 0;border-bottom:1px solid #eef2f7}
.brand{display:flex;align-items:center;gap:14px}
.brand img{height:48px;width:auto}
.nav{margin-left:auto;display:flex;gap:24px;color:var(--navy);font-weight:600}
.nav a{text-decoration:none;color:var(--navy)}
.hero{padding:40px 0 10px}
.hero h1{font-size:44px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px 0;color:var(--navy)}
.hero p{max-width:720px;line-height:1.6;margin:0 0 20px 0}
.cta{display:inline-block;background:var(--red);color:#fff;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:12px 18px;border-radius:8px;text-decoration:none}
.section{padding:26px 0}
.title{font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:26px;color:var(--navy);margin:10px 0 20px}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:10px}
.card{text-align:left}
.card img{width:72px;height:72px;margin-bottom:10px}
.card h3{margin:0 0 6px 0;font-size:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--navy)}
.card p{margin:0;color:#334155;max-width:300px}
.about{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
.flag{justify-self:end}
.contact .phone{font-size:40px;font-weight:900;color:var(--navy);letter-spacing:.02em}
.btn-outline{display:inline-block;padding:10px 16px;border:2px solid var(--navy);border-radius:8px;text-decoration:none;color:var(--navy);font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.section-wrap{background:#fff;border:1px solid #eef2f7;border-radius:14px;padding:24px}
@media(max-width:900px){
  .services{grid-template-columns:1fr}
  .about{grid-template-columns:1fr}
  .flag{justify-self:start}
  .contact .phone{font-size:32px}
}