html,
body {
  margin: 0;
  min-height: 100%;
  background: #171c20;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

.landing-shell {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 48px 24px;
  background:
    radial-gradient(circle at 15% 5%, rgba(183, 243, 74, 0.16), transparent 32%),
    linear-gradient(145deg, #151a1e 0%, #20272c 100%);
  color: #f4f7f1;
}

.landing-card {
  width: min(940px, 100%);
  padding: clamp(32px, 6vw, 68px);
  border: 1px solid #3d474e;
  border-radius: 20px;
  background: rgba(31, 38, 43, 0.96);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.34);
}

.landing-logo {
  display: block;
  width: min(360px, 72vw);
  height: auto;
  margin-bottom: 18px;
  filter: invert(1) brightness(1.45);
}

.landing-kicker {
  margin: 0 0 22px;
  color: #b7f34a;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.landing-card h1 {
  max-width: 720px;
  margin: 0;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.03;
  letter-spacing: -0.035em;
}

.landing-intro {
  max-width: 700px;
  margin: 22px 0 34px;
  color: #b8c2bc;
  font-size: 18px;
  line-height: 1.55;
}

.landing-map-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.landing-map-card {
  min-height: 160px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 16px;
  align-items: start;
  padding: 22px;
  border: 1px solid #465159;
  border-radius: 14px;
  color: #f4f7f1;
  background: #252d32;
  text-decoration: none;
  transition: transform 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}

.landing-map-card:hover,
.landing-map-card:focus-visible {
  transform: translateY(-2px);
  border-color: #84cc16;
  outline: none;
  background: #2b3439;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

.landing-map-number {
  color: #b7f34a;
  font-size: 13px;
  font-weight: 700;
}

.landing-map-copy {
  display: grid;
  gap: 8px;
}

.landing-map-copy strong {
  font-size: 20px;
}

.landing-map-copy span {
  color: #aeb9b1;
  font-size: 14px;
  line-height: 1.45;
}

.landing-arrow {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #b7f34a;
  color: #17210d;
  font-size: 19px;
  font-weight: 700;
}

.landing-footer {
  margin: 28px 0 0;
  padding-top: 20px;
  border-top: 1px solid #3d474e;
  color: #aeb9b1;
  font-size: 13px;
}

.map-shell {
  width: 100%;
  height: 100vh;
  min-height: 680px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.map-nav {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 0 12px;
  background: #171c20;
  border-bottom: 1px solid #3d474e;
}

.map-nav-link {
  color: #c5cec8;
  text-decoration: none;
  padding: 7px 10px;
  border-radius: 6px;
  font-size: 14px;
}

.map-nav-link:hover,
.map-nav-link:focus-visible {
  background: #2b3439;
  color: #e5ffb4;
}

.map-nav-link-active {
  color: #17210d;
  background: #b7f34a;
  font-weight: 600;
}

.map-frame {
  display: block;
  width: 100%;
  flex: 1;
  min-height: 0;
  border: 0;
}

@media (max-width: 760px) {
  .landing-shell {
    padding: 20px 14px;
  }

  .landing-card {
    padding: 30px 22px;
  }

  .landing-map-links {
    grid-template-columns: 1fr;
  }

  .map-shell {
    min-height: 760px;
  }

  .map-nav {
    overflow-x: auto;
  }
}

* { box-sizing: border-box; }
.landing-card { width:min(940px,100%); }
.holding-status{display:inline-flex;align-items:center;gap:10px;border:1px solid #526244;border-radius:30px;padding:9px 14px;background:#2a3526;color:#d8efb7;font-size:12px;font-weight:700;letter-spacing:.04em;margin:30px 0 0}.holding-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#b7f34a}.holding-message{margin:18px 0 28px;color:#b8c2bc;line-height:1.6;font-size:16px;max-width:660px}.landing-map-card{min-height:84px;grid-template-columns:auto 1fr;padding:20px;align-items:center}.landing-map-copy strong{font-size:16px}.landing-map-card:hover{transform:none;border-color:#465159;box-shadow:none;background:#252d32}.holding-access{font-size:13px;color:#aeb9b1;line-height:1.6;margin:25px 0 0}.consent{position:fixed;bottom:25px;left:16px;right:16px;max-width:540px;background:#252d32;color:#f4f7f1;border:1px solid #59634c;border-radius:12px;padding:20px;box-shadow:0 10px 40px #0008;font-size:13px;z-index:10}.consent p{line-height:1.6;margin:0 0 15px}.consent button{font:inherit;padding:10px 14px;margin:0 8px 6px 0;background:transparent;border:1px solid #89977b;color:#f4f7f1;border-radius:6px;cursor:pointer}.consent button:first-of-type{background:#b7f34a;border-color:#b7f34a;color:#17210d}.privacy-settings{position:fixed;bottom:3px;left:16px;background:#171c20;color:#aeb9b1;font:11px Arial,sans-serif;border:0;border-radius:3px;padding:4px 8px;cursor:pointer}button:focus-visible{outline:2px solid #b7f34a;outline-offset:3px}@media(max-width:760px){.landing-logo{width:min(280px,100%)}.landing-map-card{min-height:64px;padding:16px}.landing-map-links{gap:10px}.holding-status{margin-top:24px}.landing-intro{font-size:16px}}