:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#121826;background:#f6f7fb;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#6366f129,#0000 32rem),radial-gradient(circle at 100% 100%,#10b98124,#0000 28rem),#f6f7fb;margin:0}.page{justify-content:center;align-items:center;min-height:100vh;padding:48px 20px;display:flex}.hero{background:#ffffffd1;border:1px solid #94a3b847;border-radius:32px;width:min(1080px,100%);padding:48px;box-shadow:0 24px 80px #0f172a14}.badge{color:#4338ca;background:#eef2ff;border-radius:999px;margin-bottom:24px;padding:8px 14px;font-weight:700;display:inline-flex}h1{letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(38px,6vw,72px);line-height:1}.hero>p{color:#475569;max-width:680px;margin:0 0 36px;font-size:22px;line-height:1.6}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:24px}.card h2{margin:0 0 10px;font-size:22px}.card p{color:#64748b;margin:0;line-height:1.6}@media (max-width:760px){.hero{padding:28px}.cards{grid-template-columns:1fr}}
