:root{--brand:#043591;--brand-2:#0a58ca;--ink:#111827;--muted:#6b7280;--surface:#f8fafc;--card:#ffffff;--ring:rgba(13,110,253,.25)}body,html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;color:var(--ink)}.topbar{background:var(--brand);color:#fff;font-size:.9rem}.topbar .nav-link{color:#fff;opacity:.9}.topbar .nav-link:hover{opacity:1}.navbar-brand{font-weight:800;letter-spacing:.2px}.brand-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .6rem;border-radius:.6rem;background:#e7f1ff;color:var(--brand-2);font-weight:700}.hero{position:relative;background:linear-gradient(120deg,#f0f5ff,#ffffff)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(60rem 30rem at -5% -20%,rgba(13,110,253,.1),transparent 50%),radial-gradient(40rem 20rem at 120% 10%,rgba(13,110,253,.07),transparent 55%);pointer-events:none;z-index:0}.hero>*{position:relative;z-index:1}.section-title{font-weight:800;letter-spacing:.2px}.kicker{display:inline-flex;align-items:center;gap:.4rem;padding:.15rem .5rem;border-radius:.5rem;background:#eef6ff;color:#1452c9;font-weight:700;font-size:.8rem}.card{border:1px solid #eef2ff;box-shadow:0 .5rem 1.5rem rgba(17,24,39,.06)}.card:hover{transform:translateY(-2px);transition:transform .2s ease}.category-icon{width:52px;height:52px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#eff6ff;color:var(--brand)}.feature{background:linear-gradient(120deg,#0d6efd,#0b5ed7);color:#fff}.feature .icon{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15)}.stat{background:var(--card);border:1px solid #eef2ff;border-radius:14px;padding:1.25rem}.footer{background:#0b1220;color:#cbd5e1}.footer a{color:#cbd5e1;text-decoration:none}.footer a:hover{color:#fff}.rounded-2xl{border-radius:1rem}.shadow-soft{box-shadow:0 8px 30px rgba(0,0,0,.08)}.ring:focus{outline:none;box-shadow:0 0 0 .25rem var(--ring)}.demo-thumb{background:linear-gradient(180deg,#f8fafc,#eef2ff);border:1px dashed #dbeafe;height:150px;border-radius:12px}@media (min-width:992px){.nav-search{width:520px}}