:root{--brand:#1f6feb;--brand-d:#1857c4;--accent:#ff8a3d;--ink:#111827;--soft:#f5f8ff;}
*{scroll-behavior:smooth}
body{color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;}
a{text-decoration:none}
.navbar{backdrop-filter:saturate(1.1)}
.nav-link{font-weight:500;color:#374151}
.nav-link:hover{color:var(--brand)}
.btn-brand{background:var(--brand);border-color:var(--brand);color:#fff}
.btn-brand:hover{background:var(--brand-d);border-color:var(--brand-d);color:#fff}
.badge-soft{background:rgba(31,111,235,.1);color:var(--brand);font-weight:600;padding:.5rem .8rem;border-radius:999px;display:inline-block;white-space:normal;line-height:1.3}
.bg-soft{background:var(--soft)}
.hero{background:linear-gradient(180deg,#eef4ff 0%,#fff 100%);overflow:hidden}
.hero h1{letter-spacing:-.5px}
.hero-art{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center}
.hero-art .blob{position:absolute;border-radius:50%;filter:blur(6px);opacity:.55}
.blob.b1{width:220px;height:220px;background:#bcd4ff;top:10px;left:30px}
.blob.b2{width:160px;height:160px;background:#ffd9bf;bottom:20px;right:40px}
.blob.b3{width:120px;height:120px;background:#cdeccf;top:120px;right:120px}
.hero-card{position:relative;background:#fff;border-radius:22px;box-shadow:0 20px 50px rgba(31,111,235,.18);padding:2rem;max-width:320px;text-align:center}
.hero-card .emoji{font-size:2.4rem;margin-bottom:.5rem}
.card.feature{border:1px solid #eef1f6;border-radius:18px;transition:transform .15s,box-shadow .15s}
.card.feature:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(17,24,39,.08)}
.feature .ic,.mini .ic,.stat-card .ic{font-size:1.7rem}
.mini{background:#fff;border:1px solid #eef1f6;border-radius:16px;padding:1rem}
.stat-card{background:#fff;border:1px solid #eef1f6;border-radius:16px;padding:1.1rem;text-align:center;height:100%}
.page-head{background:var(--soft);padding:3rem 0;border-bottom:1px solid #e9eefb}
.ftr{background:#0f172a;color:#cbd5e1}
.ftr a{color:#cbd5e1}.ftr a:hover{color:#fff}
.ftr h6{letter-spacing:.06em}
.form-control{border-radius:10px}
@media(max-width:991px){.hero-art{min-height:240px;margin-top:1rem}}
img,svg{max-width:100%}