*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#0f172a;line-height:1.6}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}.narrow{max-width:640px}
.nav{position:sticky;top:0;background:#0b1220;z-index:9}.nav .wrap{display:flex;justify-content:space-between;align-items:center;height:72px}.logo{height:52px}
.btn{display:inline-block;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;padding:12px 24px;border-radius:10px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font-size:1rem}
.btn.sm{padding:8px 16px}.btn.ghost{background:transparent;border:2px solid #7dd3fc;color:#e0f2fe}
.hero{background:radial-gradient(ellipse at 70% 20%,#1e3a8a 0,#0b1220 60%);color:#e2e8f0;padding:110px 0 120px}
.hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;margin:0 0 16px;color:#fff;max-width:780px}.hero p{font-size:1.15rem;max-width:640px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
section{padding:72px 0}h2{font-size:1.9rem;margin:0 0 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.card{border:1px solid #e2e8f0;border-radius:14px;padding:22px;box-shadow:0 2px 8px #0f172a0d}.card h3{margin:0 0 6px;color:#1d4ed8}
.alt{background:#f1f5f9}.two{display:grid;grid-template-columns:1fr 1fr;gap:40px}@media(max-width:760px){.two{grid-template-columns:1fr}}
.ticks{padding:0;list-style:none}.ticks li{padding-left:28px;position:relative;margin:8px 0}.ticks li:before{content:"✓";position:absolute;left:0;color:#0ea5e9;font-weight:900}
.form label{display:block;font-weight:600;margin:12px 0}.form input,.form textarea{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font:inherit;margin-top:4px}
.hp{position:absolute;left:-9999px}.status{font-weight:600;color:#1d4ed8}
footer{background:#0b1220;color:#94a3b8;padding:24px 0;font-size:.9rem}
.cap{display:flex;align-items:center;gap:12px;margin:6px 0}.cap img{border-radius:8px;border:1px solid #cbd5e1}