/* Landing page — introduction + section cards. */

.home-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:2.5rem 2rem 4rem;
}

/* ── Hero ── */
.home-hero{
  text-align:center;
  margin-bottom:3rem;
  padding:0 1rem;
}
.home-title{
  font-family:var(--cond);
  font-size:48px;
  font-weight:700;
  letter-spacing:.05em;
  color:var(--white);
  text-transform:uppercase;
  margin-bottom:.5rem;
}
.home-title span{color:var(--teal2);}
.home-tagline{
  font-family:var(--cond);
  font-size:18px;
  font-weight:500;
  letter-spacing:.04em;
  color:var(--text2);
  margin-bottom:1.5rem;
}
.home-intro{
  max-width:780px;
  margin:0 auto;
  color:var(--text);
  font-size:15px;
  line-height:1.65;
}

/* ── Section cards grid ── */
.home-sections{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));
  gap:1.25rem;
  margin-bottom:3rem;
}

.home-card{
  display:block;
  text-decoration:none;
  background:var(--navy2);
  border:1px solid var(--border);
  border-radius:10px;
  padding:1.5rem 1.5rem 1.25rem;
  transition:border-color .15s, background .15s, transform .15s;
  color:inherit;
}
.home-card:hover{
  border-color:var(--teal2);
  background:#19283e;
  transform:translateY(-1px);
}
.home-card-eyebrow{
  font-family:var(--cond);
  font-size:11px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--teal2);
  margin-bottom:.4rem;
}
.home-card-title{
  font-family:var(--cond);
  font-size:24px;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--white);
  margin-bottom:.6rem;
}
.home-card-desc{
  color:var(--text);
  font-size:13.5px;
  line-height:1.55;
  margin-bottom:1rem;
}
.home-card-list{
  list-style:none;
  padding:0;
  margin:0;
  border-top:1px solid var(--border);
  padding-top:.85rem;
}
.home-card-list li{
  font-size:12.5px;
  color:var(--text2);
  line-height:1.5;
  padding:.3rem 0;
}
.home-card-list li b{
  color:var(--text);
  font-weight:600;
}

/* ── Footer ── */
.home-footer{
  border-top:1px solid var(--border);
  padding-top:1.5rem;
  text-align:center;
}
.home-footer p{
  color:var(--text3);
  font-size:12px;
  line-height:1.7;
  max-width:760px;
  margin:0 auto;
}
.home-footer a{
  color:var(--text2);
  text-decoration:none;
  border-bottom:1px solid var(--border2);
}
.home-footer a:hover{color:var(--teal2);border-color:var(--teal2);}