/* Project 359 — group landing page (Pantone 7716 C teal) */
:root {
  --accent: #00857a;
  --accent-dark: #00655d;
  --accent-tint: #e3f3f1;
}

body.landing {
  background: var(--ink);
}

.landing-hero {
  background: var(--ink);
  color: #fff;
  padding: 48px 0 64px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.landing-hero::before {
  content: "";
  position: absolute;
  inset: -10% -10% auto -10%;
  height: 480px;
  background: radial-gradient(closest-side, rgba(0,133,122,0.32), transparent 70%);
  pointer-events: none;
}

.landing-hero__mark {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  position: relative;
}
/* soft glow behind the card only — feathers the white card into the dark
   background locally, instead of a hard edge (or a full-width band) */
.landing-hero__mark::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 380px;
  height: 300px;
  transform: translate(-50%, -50%);
  background: radial-gradient(closest-side, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.35) 45%, rgba(255,255,255,0) 75%);
  filter: blur(24px);
  pointer-events: none;
  z-index: 0;
}
.landing-hero__mark .logo-chip {
  position: relative;
  z-index: 1;
  padding: 14px 22px;
  box-shadow: 0 20px 60px -10px rgba(0,133,122,0.4), 0 10px 30px rgba(0,0,0,0.25);
}
.landing-hero__mark .logo-chip img {
  height: 120px;
  width: auto;
  display: block;
}

.landing-hero h1 {
  color: #fff;
  max-width: 800px;
  margin: 0 auto 14px;
  font-size: clamp(1.8rem, 3.2vw, 2.8rem);
}

.landing-hero .lede {
  max-width: 620px;
  margin: 0 auto;
  color: #b9b9b9;
}

.landing-hero__tagline {
  margin-top: 14px;
  margin-bottom: 4px;
  font-size: 0.78rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #7d7d7d;
}

.landing-divisions {
  padding: 48px 0 64px;
  background: var(--bg);
}

.logo-chip {
  display: inline-flex;
  align-items: center;
  background: #fff;
  border-radius: 10px;
  padding: 8px 14px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.18);
}
.logo-chip img,
.logo-chip svg {
  height: 46px;
  width: auto;
  display: block;
}
.footer-brand .logo-chip {
  margin-bottom: 14px;
  padding: 12px 20px;
}
.footer-brand .logo-chip img,
.logo-chip svg {
  height: 64px;
}

.landing-footer {
  background: var(--ink);
}