.hero{gap:var(--space-6);padding:var(--space-8) 0 var(--space-7);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.hero-text{gap:var(--space-5);flex-direction:column;grid-column:span 7;display:flex}.hero-text h1{font-size:48px;font-weight:800}.hero-text .lead{color:var(--ink-muted);max-width:560px;font-size:18px}.hero-card{gap:var(--space-4);flex-direction:column;grid-column:span 5;display:flex}.hero-points{gap:var(--space-5);color:var(--ink-muted);flex-wrap:wrap;font-size:14px;display:flex}.how{padding-bottom:var(--space-8)}.how h2{margin-bottom:var(--space-5)}.how-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.how-grid .card{gap:var(--space-2);flex-direction:column;display:flex}.how-grid .no{font:700 20px/1.3 var(--font-mono);color:var(--brand)}@media (width<=1024px){.hero-text,.hero-card{grid-column:span 12}.hero-text h1{font-size:36px}.how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.how-grid{grid-template-columns:1fr}.hero-text h1{font-size:30px}}