.hero{align-items:center;display:flex;justify-content:center;min-height:50vh;padding:40px var(--spacing-md);text-align:center}.hero h2{background:linear-gradient(90deg,var(--brand),#4facfe);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3.5rem);line-height:1.2;margin-bottom:16px;-webkit-text-fill-color:transparent}.lead{font-size:clamp(1.1rem,2vw,1.3rem);margin:0 auto 24px;max-width:600px}