.hero{
  padding:88px 0 54px;
  background:linear-gradient(180deg,#fff 0%,#f5f5f7 100%);
}
.eyebrow{
  font-size:14px;font-weight:760;letter-spacing:.09em;
  text-transform:uppercase;color:var(--muted)
}
h1{
  font-size:clamp(42px,6vw,76px);
  line-height:1.03;letter-spacing:-.05em;margin:14px 0 20px
}
.subtitle{
  font-size:clamp(19px,2.1vw,28px);line-height:1.43;
  color:var(--muted);max-width:1000px
}
.meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.pill{
  padding:8px 13px;border:1px solid var(--line);
  background:#fff;border-radius:999px;font-size:14px
}
nav{
  position:sticky;top:0;z-index:30;
  background:rgba(255,255,255,.87);
  backdrop-filter:saturate(180%) blur(18px);
  border-top:1px solid rgba(0,0,0,.05);
  border-bottom:1px solid rgba(0,0,0,.08)
}
nav .wrap{
  display:flex;gap:23px;overflow:auto;white-space:nowrap;
  padding-top:13px;padding-bottom:13px;font-size:14px
}
section{padding:68px 0}
section+section{border-top:1px solid rgba(0,0,0,.07)}
h2{
  font-size:clamp(31px,4vw,50px);line-height:1.11;
  letter-spacing:-.035em;margin:0 0 25px
}
h3{
  font-size:25px;line-height:1.28;letter-spacing:-.02em;
  margin:34px 0 13px
}
h4{font-size:18px;margin:24px 0 8px}
p{margin:11px 0}
.lead{font-size:21px;line-height:1.62;color:#3a3a3c;max-width:1000px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}
.card{
  grid-column:span 6;background:var(--panel);
  border:1px solid rgba(0,0,0,.06);
  border-radius:var(--radius);padding:28px;
  box-shadow:0 12px 42px rgba(0,0,0,.035)
}