:root{--brand:#0a64c8;--brand-dark:#002060;--accent:#c71f25;--text:#1a1f36;--muted:#5b6780;--bg:#ffffff;--card:#f7f9fc;--border:#e6eaf2}
@media (prefers-color-scheme: dark){:root{--text:#e6e9f2;--muted:#a9b3c7;--bg:#0f1424;--card:#151b2f;--border:#273053}}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family: "Gill Sans", "Optima", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color:var(--text); background:var(--bg); line-height:1.55}
.container{max-width:1080px;margin:0 auto;padding:24px}
header.site{display:flex;align-items:flex-start;gap:16px;justify-content:space-between;padding:8px 0 12px;border-bottom:1px solid var(--border)}
.site .title{display:flex;flex-direction:column;gap:4px}
.site h1{margin:0;font-size:clamp(20px,3.5vw,28px);letter-spacing:.02em;color:var(--brand-dark)}
.site .subtitle{margin:0;color:var(--muted);font-size:14px}
.site .logo{margin-left:auto;display:inline-block}
.site .logo img{display:block;width:clamp(200px,28vw,300px);height:auto;object-fit:contain}
nav.main{display:flex;gap:18px;margin-top:8px}
nav.main a{color:var(--brand-dark);text-decoration:none;font-weight:600}
nav.main a:hover{text-decoration:underline}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:18px 0}
@media(max-width:900px){.hero{grid-template-columns:1fr}}
.hero .card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px}
.btn{display:inline-block;background:var(--brand-dark);color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none}
.btn:hover{background:var(--brand)}
h2{color:var(--brand-dark);font-size:clamp(18px,2.4vw,24px);margin:24px 0 10px}
h3{color:var(--brand-dark);margin:18px 0 8px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}
@media(max-width:800px){.grid{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}
address{font-style:normal;white-space:pre-line}
footer.site{border-top:1px solid var(--border);margin-top:28px;padding-top:14px;color:var(--muted);font-size:14px}
.small{color:var(--muted);font-size:14px}
hr.sep{border:none;border-top:1px solid var(--border);margin:10px 0}
.badge{display:inline-block;background:#eef2fb;color:var(--brand-dark);padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}
