.hero{padding:56px 0 0;}
.hero .eyebrow{font-family:var(--font-mono);font-size:0.78rem;letter-spacing:0.06em;color:var(--teal);text-transform:uppercase;margin-bottom:14px;}
.hero p.lead{font-size:1.15rem;color:var(--ink-soft);max-width:560px;margin:0;}

section{padding:48px 0;}
section.alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media (max-width:760px){.grid-3{grid-template-columns:1fr;}}

.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px;}
.card .icon{width:36px;height:36px;border-radius:8px;background:var(--teal-light);display:flex;align-items:center;justify-content:center;color:var(--teal);margin-bottom:14px;font-family:var(--font-mono);font-weight:500;}
.card h3{margin-bottom:8px;}
.card p{color:var(--ink-soft);font-size:0.94rem;margin:0;}

#match-form input, #match-form select{
  width:100%;padding:10px 12px;margin-bottom:16px;
  border:1px solid var(--border);border-radius:6px;
  font-family:var(--font-body);font-size:1rem;background:var(--bg);
}
#match-form label{display:block;font-size:0.88rem;margin-bottom:4px;color:var(--ink-soft);}