:root { --primary:#0b1b3b; --accent:#1faa59; --muted:#f5f7fb; --gray:#6b7280; }
* { box-sizing:border-box }
html { scroll-behavior:smooth }
body { margin:0; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto; color:#0f172a; background:#fff; line-height:1.5 }
.container { max-width:1100px; margin:0 auto; padding:0 16px }
.header-inner { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 0 }
.brand { display:flex; gap:10px; align-items:center; color:var(--primary); text-decoration:none; font-weight:700 }
.nav { display:flex; gap:14px; list-style:none; margin:0; padding:0 }
.nav a { text-decoration:none; color:#111827; padding:8px 10px; border-radius:10px }
.nav a.active, .nav a:hover { background: var(--muted) }
.nav-toggle { display:none }
@media (max-width:860px) {
  .nav-toggle { display:inline-flex; border:1px solid #e5e7eb; background:#fff; padding:8px 10px; border-radius:10px }
  nav ul.nav { display:none; position:absolute; right:16px; top:58px; background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:10px }
  nav ul.nav.open { display:flex; flex-direction:column }
}
.btn { display:inline-flex; align-items:center; gap:8px; border-radius:12px; padding:10px 14px; text-decoration:none; border:1px solid #e5e7eb }
.btn-primary { background: var(--primary); color:#fff; border-color: var(--primary) }
.btn-primary:hover { filter: brightness(1.05) }
.btn-outline { background:#fff; color:#111827 }
.section { padding:24px 0 }
.grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:18px }
.grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:16px }
.card { background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:16px }
.table { width:100%; border-collapse:collapse }
.table th, .table td { border-bottom:1px solid #e5e7eb; padding:10px; text-align:left }
.map-wrap iframe { width:100%; height:360px; border:0; border-radius:16px }

/* === Sticky Navigation (per instructions) ================================ */
header, nav {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(255,255,255,0.9);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  transition: box-shadow 200ms ease, background-color 200ms ease;
}
header.is-scrolled, nav.is-scrolled {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  background: rgba(255,255,255,0.98);
}
section, [id] { scroll-margin-top: 72px; }