*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:#f8fafc;color:#0f172a}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.hero{padding:90px 24px;text-align:center}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;padding:40px 24px}.card{background:white;border-radius:16px;padding:28px;border:1px solid #e2e8f0}@media (max-width:768px){.card-grid{grid-template-columns:1fr}}