:root{
  --ink:#111827; --muted:#6b7280; --paper:#ffffff; --line:#e5e7eb;
  --brand:#0ea5e9; --brand-ink:#0369a1; --soft:#ecfeff;
  --radius:14px; --shadow:0 10px 28px rgba(17,24,39,.08)
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  line-height:1.7
}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block;border-radius:12px}

header{
  background:var(--brand-ink);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)
}
.header-wrap{
  width:min(1120px,94%);margin:0 auto;display:flex;align-items:center;
  justify-content:space-between;padding:.9rem 0
}
.header-wrap nav a{color:#fff;margin-left:.8rem;padding:.5rem .75rem;border-radius:10px}
.header-wrap nav a:hover{background:rgba(255,255,255,.1);text-decoration:none}

.tagline{
  background:linear-gradient(180deg,rgba(2,6,23,.06),transparent);
  border-bottom:1px solid var(--line)
}
.tagline .container{width:min(1120px,94%);margin:0 auto;padding:1.2rem 0}
.tagline h1{margin:0;font-size:2rem}
.tagline .lead{margin:.4rem 0 0 0;max-width:78ch;color:#334155}

main{min-height:100svh;display:flex;flex-direction:column}
.section{padding:1.6rem 0}
.container{width:min(1120px,94%);margin-inline:auto}
h2{font-size:1.5rem;margin:0 0 .6rem 0}

.band{padding:1.6rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.band.soft{background:var(--soft)}
.band.dark{background:#0b1220;color:#e2e8f0}
.band.dark a{color:#93c5fd}

.grid{display:grid;gap:1.1rem}
.two{grid-template-columns:1fr}
.cards{display:grid;grid-template-columns:1fr;gap:1rem}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem;box-shadow:var(--shadow)}
.card.dark{background:#0f172a;color:#e2e8f0;border-color:#1f2a44}

.kv{display:grid;grid-template-columns:1fr;gap:1rem;align-items:center}
dl.facts{display:grid;grid-template-columns:1fr;gap:.5rem}
dl.facts dt{font-weight:700}
dl.facts dd{margin:0;color:var(--muted)}

.form{display:grid;grid-template-columns:1fr;gap:.9rem}
label{display:grid;gap:.35rem;font-weight:600}
input,textarea{
  width:100%;padding:.75rem .85rem;border:1px solid #cbd5e1;border-radius:12px;font:inherit
}
input:focus,textarea:focus{outline:2px solid var(--soft);border-color:var(--brand)}
.btn{display:inline-block;padding:.75rem 1rem;border:1px solid #cbd5e1;border-radius:12px;background:#fff}
.btn:hover{box-shadow:var(--shadow)}
.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}

.map-embed iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px;box-shadow:var(--shadow)}
.small{font-size:.94rem;color:var(--muted)}

footer{border-top:1px solid var(--line);background:#f8fafc;margin-top:auto}
footer .grid{display:grid;grid-template-columns:1fr;gap:1rem;padding:1.3rem 0}

@media(min-width:920px){
  .two{grid-template-columns:1.25fr 1fr}
  .kv{grid-template-columns:1.1fr 1fr}
  .cards{grid-template-columns:repeat(3,1fr)}
}