:root{ --brand:#0a5cff; --brand-2:#0e2a7b; }
body{ font-family: system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans'; }
.brand{ background:linear-gradient(90deg,var(--brand),#38b6ff); -webkit-background-clip:text; background-clip:text; color:transparent; }
.btn-brand{ background:var(--brand); color:#fff; border:0; }
.btn-brand:hover{ filter:brightness(.95); color:#fff; }
.badge-soft{ background:rgba(10,92,255,.12); color:var(--brand); }
.feature-icon{ width:3rem;height:3rem;display:grid;place-items:center;border-radius:.75rem;background:rgba(10,92,255,.08); }
.shadow-hover{ transition:.25s ease; }
.shadow-hover:hover{ transform:translateY(-3px); box-shadow:0 10px 28px rgba(0,0,0,.08); }
.hero-img{ aspect-ratio:16/10; object-fit:cover; border-radius:1rem; }
.step{ display:inline-block; padding:.25rem .6rem; border-radius:999px; background:rgba(10,92,255,.12); color:var(--brand); font-weight:600; }
.wa-fab{ position:fixed; right:1rem; bottom:1rem; z-index:1040; }
.skip-link{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; }
.skip-link:focus{ position:static; width:auto; height:auto; padding:.5rem 1rem; background:#000; color:#fff; z-index:1050; }