.hero{text-align:center;padding-block:var(--space-6) var(--space-5)}.hero h1{letter-spacing:-.02em;color:var(--color-fg);background:linear-gradient(135deg, var(--color-fg) 30%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-block-end:var(--space-3);font-size:clamp(2rem,1.5rem + 2vw,3rem);font-weight:800}.hero-lede{max-inline-size:38rem;color:var(--color-muted);margin-inline:auto;font-size:1.125rem}.hero-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;margin-block-start:var(--space-4);display:flex}.feature-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));margin-block-start:var(--space-6);display:grid}.feature-card{border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--color-raised);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);box-shadow:var(--glass-shadow);padding:var(--space-4);transition:transform .15s,box-shadow .15s}.feature-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.feature-card h2{margin-block:0 var(--space-1);font-size:1.1rem}.feature-card p{margin-block-end:0}