.nav-landing { max-width: 1240px; }
.nav-landing-hero { max-width: 950px; padding: 3rem 0 6rem; }
.nav-landing-hero h1 em { font-style: normal; color: transparent; background: linear-gradient(105deg,var(--purple-light),var(--purple) 52%,var(--orange)); background-clip: text; -webkit-background-clip: text; }
.nav-landing-actions { margin-top: 2rem; display: flex; flex-wrap: wrap; gap: .8rem; }
.nav-landing-section { padding: 2rem 0 6rem; border-top: 1px solid var(--line); }
.nav-landing-section h2,.nav-landing-callout h2 { max-width: 780px; font-size: clamp(2rem,4.5vw,3.5rem); line-height: 1.08; letter-spacing: -.045em; }
.nav-landing-grid { margin-top: 2.2rem; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.nav-landing-grid > * { min-height: 270px; padding: 1.7rem; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: .85rem; background: var(--black-soft); color: var(--white); text-decoration: none; }
.nav-landing-grid > :nth-child(3n + 1) { border-color: rgba(139,92,246,.34); background: radial-gradient(circle at 0 0,rgba(139,92,246,.2),transparent 65%),var(--black-soft); }
.nav-landing-grid > :nth-child(3n + 2) { border-color: rgba(249,115,22,.3); background: linear-gradient(155deg,rgba(249,115,22,.14),transparent 62%),var(--black-soft); }
.nav-landing-grid > :nth-child(3n) { border-color: rgba(139,92,246,.28); background: radial-gradient(circle at 100% 100%,rgba(139,92,246,.18),transparent 65%),linear-gradient(145deg,rgba(249,115,22,.06),transparent 55%),var(--black-soft); }
.nav-landing-grid > :nth-child(3n + 2) span,.nav-landing-grid > :nth-child(3n + 2) b { color: var(--orange); }
.nav-landing-grid > a:hover { border-color: var(--purple); transform: translateY(-2px); }
.nav-landing-grid span { color: var(--purple-light); font: .63rem var(--mono); letter-spacing: .1em; }
.nav-landing-grid h3 { min-height: 2.24em; margin-top: 2.2rem; font-size: 1.45rem; line-height: 1.12; }
.nav-landing-grid p { color: var(--muted); font-size: .84rem; }
.nav-landing-grid b { margin-top: auto; color: var(--purple-light); font-size: .76rem; }
@supports (grid-template-rows: subgrid) {
  .nav-landing-grid > * { display: grid; grid-template-rows: subgrid; grid-row: span 4; }
  .nav-landing-grid h3 { min-height: 0; }
}
.nav-landing-callout { padding: 2rem 0 0; display: flex; justify-content: space-between; align-items: end; gap: 2rem; border-top: 1px solid var(--line); }
.nav-landing-callout .button { flex: 0 0 auto; }
@media(max-width:760px) { .nav-landing-hero { padding: 1rem 0 4rem; } .nav-landing-grid { grid-template-columns: 1fr; } .nav-landing-grid > * { min-height: 220px; } .nav-landing-callout { display: block; } .nav-landing-callout .button { margin-top: 1.5rem; } }