:root{
  --brand:#277BB3;
  --brand-2:#1d5e88;
  --accent:#0ea5e9;
  --ink:#0f172a;
  --muted:#64748b;
  --bg:#ffffff;
  --bg-alt:#f8fafc;
  --success:#16a34a;
  --warning:#f59e0b;
  --error:#dc2626;
  --radius:14px;
  --shadow:0 8px 26px rgba(2, 6, 23, .06);
}
*{box-sizing:border-box}
html{font-size:100%}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;margin:0;color:var(--ink);background:var(--bg);line-height:1.5}
.container{max-width:1100px;margin:0 auto;padding:0 1rem}
.header{position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-bottom:1px solid #e2e8f0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}
.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--ink)}
.logo img{width:40px;height:40px;border-radius:10px;object-fit:contain;background:transparent}
.logo .wordmark{font-weight:800;letter-spacing:.2px}
.tagline{font-size:.9rem;color:var(--muted)}
.cta-btn{display:inline-block;background:var(--brand);color:#fff;padding:.75rem 1rem;border-radius:12px;text-decoration:none;box-shadow:var(--shadow);font-weight:700;border:1px solid rgba(0,0,0,.05)}
.cta-btn:hover{filter:brightness(1.04)}
.hero{background:linear-gradient(180deg,#ffffff,#f4f8fb 60%);padding:3rem 0 2rem 0;border-bottom:1px solid #e2e8f0}
.hero h1{font-size:clamp(1.8rem,2.5vw + 1rem,3rem);margin:.2rem 0 .6rem 0}
.hero p{max-width:60ch;color:var(--muted);font-size:1.05rem}
.grid{display:grid;gap:1.25rem}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width: 880px){ .grid-2{grid-template-columns:1fr} }
.card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius);box-shadow:var(--shadow)}
.card h3{margin:0 0 .5rem 0}
.card .pad{padding:1.2rem}
.lead-form{display:grid;gap:.9rem}
.label{font-weight:600;font-size:.95rem}
.input,.select,.textarea{width:100%;padding:.8rem;border:1px solid #cbd5e1;border-radius:12px;background:#fff;outline:none;transition:border .15s ease;font-size:1rem}
.input:focus,.select:focus,.textarea:focus{border-color:var(--brand)}
.hint{font-size:.85rem;color:var(--muted)}
.consent{display:flex;gap:.6rem;align-items:flex-start}
.small{font-size:.85rem;color:var(--muted)}
.badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}
.badge{background:var(--bg-alt);border:1px solid #e2e8f0;padding:.35rem .6rem;border-radius:999px;font-size:.8rem;color:#0f172a}
.footer{margin-top:3rem;padding:2rem 0;border-top:1px solid #e2e8f0;background:#fff;color:var(--muted)}
.footer a{color:var(--brand);text-decoration:none}
.footer a:hover{text-decoration:underline}
.kb-search{position:relative}
.kb-search input{width:100%;padding:.9rem 3rem .9rem .9rem;border:1px solid #cbd5e1;border-radius:12px}
.kb-search .icon{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);font-size:1.1rem;color:var(--muted)}
.kb-list{display:grid;gap:1rem;margin-top:1rem}
.kb-item{border:1px solid #e2e8f0;border-radius:12px;padding:1rem;background:#fff}
.kb-item h4{margin:.1rem 0 .4rem 0}
.kb-item p{margin:0;color:var(--muted)}
.trust-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}
.trust{flex:1 1 200px;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;background:#fff}
.trust strong{display:block;margin-bottom:.25rem}
.notice{background:#f1f5f9;border-left:4px solid var(--brand);padding:.9rem 1rem;border-radius:10px;margin:1rem 0;color:#0f172a}
.success{border-left-color:var(--success);background:#ecfdf5}
.warning{border-left-color:var(--warning);background:#fff7ed}
.error{border-left-color:var(--error);background:#fef2f2}