*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.7}.app{max-width:720px;margin:0 auto;padding:64px 24px}.hero{text-align:center;background:linear-gradient(160deg,#eef2ff 0%,#e0e7ff 45%,#f8fafc 100%);border-radius:16px;padding:64px 32px 72px}.hero h1{color:#1e3a8a;font-size:42px;font-weight:700}.tagline{color:#1e40af;margin-top:16px;font-size:20px;font-weight:600}.positioning{color:#64748b;max-width:520px;margin:16px auto 0;font-size:16px}.cta{color:#fff;background:#1e40af;border-radius:999px;margin-top:28px;padding:12px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s,transform .15s;display:inline-block}.cta:hover{background:#1e3a8a;transform:translateY(-1px)}section{margin:64px 0}h2{color:#1e3a8a;margin-bottom:16px;font-size:24px}.features-lead{color:#64748b;margin-bottom:24px;font-size:16px}.cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px;display:grid}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.card h3{color:#1e3a8a;margin-bottom:8px;font-size:18px}.card p{color:#64748b;font-size:15px}footer{text-align:center;color:#94a3b8;border-top:1px solid #e2e8f0;padding-top:32px}