:root{
  --primary:#0B1736;
  --accent:#FDB813;
  --green:#1FA971;
}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;}
.navbar .btn-primary{background:var(--primary);border-color:var(--primary)}
.btn-primary{background:var(--primary);border-color:var(--primary)}
.btn-primary:hover{background:#0a1330;border-color:#0a1330}
.badge-accent{background:var(--accent);}
.hero{
  background:linear-gradient(180deg, rgba(11,23,54,.92), rgba(11,23,54,.75)), url('assets/img/hero.svg');
  background-size:cover;
  background-position:center;
  color:#fff;
  padding:88px 0;
}
.hero .lead{opacity:.95}
.kpi{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:18px;color:#fff}
.card-soft{border:1px solid #eef1f5;border-radius:12px}
.card-soft:hover{box-shadow:0 6px 30px rgba(11,23,54,.08)}
.section-title{font-weight:700}
.process-step{border-radius:12px;border:1px dashed #dfe5ef;padding:16px}
.cta-float{
  position:fixed;right:16px;bottom:16px;z-index:1050;
  background:var(--accent);color:#111;border:none;border-radius:999px;
  padding:12px 18px;font-weight:600;box-shadow:0 10px 20px rgba(0,0,0,.15);
}
.cta-float:hover{filter:brightness(.95)}
.form-control, .form-select{border-radius:10px}
footer{background:#fafbfc}


/* UX + Mobile */
img, .img-fluid { max-width:100%; height:auto; }
.card-img-top { aspect-ratio:16/9; object-fit:cover; }
.navbar-brand img { width:40px; height:40px; border-radius:8px; }
@media (max-width: 768px){
  .display-4, h1{ font-size:1.8rem; }
}
@media (max-width: 576px){
  .display-4, h1{ font-size:1.6rem; }
  .card-body{ padding:.75rem; }
}