:root{
  --bg:#0f0f10; --card:#141417; --text:#e9eaee; --muted:#b6b8c1; --accent:#e74c3c;
  --ring: 24px; --wrap: 1080px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif}
body {
  background: url('hero.png') center center / cover no-repeat fixed;
  background-attachment: fixed;
  color: #fff; /* adjust text contrast if needed */
}

main.wrap {
  background: rgba(0, 0, 0, 0.65); /* semi-transparent layer to keep text readable */
  padding: 2rem;
  border-radius: 12px;
  margin: 2rem auto;
  max-width: 900px;
}
.wrap{max-width:var(--wrap);margin:auto;padding:0 20px}
.hero{background:transparent;}
.logo{width:72px;height:72px;display:block;margin:0 auto 12px;filter:drop-shadow(0 6px 24px rgba(0,0,0,.35))}
.hero .wrap{padding:72px 20px 56px;text-align:center}
h1{font-size:40px;margin:8px 0 6px;letter-spacing:.2px}
.tagline{color:#ffffff;margin:0 0 18px;text-shadow:0 2px 4px rgba(0,0,0,0.7)}
.cta{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:12px 18px;border-radius:12px;box-shadow:0 8px 24px rgba(231,76,60,.35);font-weight:600; transition: transform .15s ease, filter .2s ease }
.cta:hover{ transform: translateY(-1px); filter: brightness(1.05) }
.card{background:rgba(20, 20, 23, 0.75);border:1px solid rgba(36, 36, 42, 0.5);border-radius:24px;padding:22px;margin:18px 0;box-shadow:0 12px 40px rgba(0,0,0,.35)}
h2{margin:0 0 12px;font-size:22px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px 18px;padding-left:18px;margin:0}
.two-col{display:grid;gap:18px;grid-template-columns:1fr; }
@media (min-width:800px){ .two-col{grid-template-columns:1fr 1fr} }
a{color:#8ab4ff}
a.map{display:inline-block;margin-top:8px;background:#0d0d0f;color:#2c5aa0;padding:10px 12px;border-radius:10px;text-decoration:none}
.footer{padding:24px 20px 56px;color:var(--muted);text-align:center}
.logo {
  width: clamp(140px, 22vw, 280px);
  height: auto;
  display: block;
}

.logo-card {
  border-radius: 18px;
  padding: 16px 20px;
  backdrop-filter: blur(6px);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 6px 28px rgba(0,0,0,.35);
  display: inline-block;
  margin: 0 auto 14px;
}
.sr-only{
  position:absolute !important;
  width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
@media (prefers-color-scheme: light){
  :root{ --bg:#ffffff; --card:#f8f9fb; --text:#1a1a1b; --muted:#4b4f58; --accent:#c0392b; }
  .hero{ background: transparent; }
  a.map{ background:#f0f2f6; }
}
.sticky-call{
  position:fixed;left:0;right:0;bottom:0;display:none;
  text-align:center;background:#e74c3c;color:#fff;
  padding:14px 12px;font-weight:700;text-decoration:none
}
@media (max-width:760px){ .sticky-call{ display:block } }