/* ===== Home page ===== */

.hero{
  position:relative;
  padding:100px 0 80px;
  background:
    radial-gradient(ellipse 900px 500px at 75% 20%, rgba(63,216,232,.10), transparent 70%),
    var(--navy-900);
  overflow:hidden;
}
.hero-grid{
  position:absolute; inset:0;
  background-image:
    linear-gradient(var(--navy-800) 1px, transparent 1px),
    linear-gradient(90deg, var(--navy-800) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse 800px 500px at 70% 10%, black, transparent 75%);
  opacity:.5;
}
.hero-body{ position:relative; z-index:1; }
.hero-title{
  font-size:clamp(2.6rem,6.4vw,4.6rem);
  line-height:1.02;
  margin:18px 0 22px;
  text-transform:uppercase;
}
.hero-title .accent{ color:var(--cyan); }
.hero-sub{ color:var(--grey); font-size:1.08rem; max-width:52ch; }
.hero-ctas{ display:flex; gap:16px; flex-wrap:wrap; margin-top:8px; }

.value-strip{ border-bottom:1px solid var(--navy-700); }
.value-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.value-tile h3{
  font-size:clamp(1.6rem,3vw,2.2rem);
  color:var(--cyan);
  text-transform:uppercase;
}
@media (max-width:680px){ .value-grid{ grid-template-columns:1fr; } }

.section-head{
  font-size:clamp(2rem,4.4vw,2.8rem);
  text-transform:uppercase;
  margin-bottom:36px;
  position:relative; z-index:1;
}
.paths-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  position:relative; z-index:1;
}
@media (max-width:800px){ .paths-grid{ grid-template-columns:1fr; } }
.path-card{ padding:32px; }
.path-title{
  font-size:1.5rem;
  text-transform:uppercase;
  margin:10px 0 14px;
  line-height:1.15;
}
.path-link{
  font-family:var(--font-label);
  font-weight:600;
  color:var(--cyan);
  text-transform:uppercase;
  font-size:.82rem;
  letter-spacing:.05em;
}

.stats-band{ background:var(--navy-950); border-top:1px solid var(--navy-700); border-bottom:1px solid var(--navy-700); }
.stats-grid{
  display:grid;
  grid-template-columns:repeat(3,auto);
  gap:56px;
}
@media (max-width:600px){ .stats-grid{ grid-template-columns:1fr; gap:24px; } }

.closing-cta{ text-align:center; padding:96px 0; }
.closing-cta h2{
  font-size:clamp(2rem,5vw,3rem);
  text-transform:uppercase;
  margin-bottom:16px;
}
.closing-cta p{ color:var(--grey); margin:0 auto 28px; }