:root{
  --navy:#0b1f3a;
  --blue:#0b5ed7;
  --teal:#12b3c7;
  --green:#1aa260;
  --red:#dc3545;
  --ink:#0f172a;
  --muted:#64748b;
  --bg:#f6f8fb;
  --card:#ffffff;
  --line:rgba(15,23,42,.10);
  --cream:#fbfaf6;
  --shadow: 0 10px 30px rgba(15,23,42,.10);
  --shadow2: 0 16px 50px rgba(15,23,42,.14);
}

html{scroll-behavior:smooth;}
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";
  color: var(--ink);
  background: var(--bg);
}

a{color: inherit;}
.small-muted{color: var(--muted);}

.navbar{
  background: rgba(11,31,58,.88);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.navbar .nav-link{
  color: rgba(255,255,255,.86);
}
.navbar .nav-link:hover{color:#fff;}
.brand-badge{
  display:inline-flex; align-items:center; gap:.6rem;
  color:#fff; text-decoration:none;
}
.brand-dot{
  width:12px;height:12px;border-radius:50%;
  background: linear-gradient(135deg, var(--teal), var(--green));
  box-shadow: 0 0 0 5px rgba(18,179,199,.15);
}
.brand-title{font-weight:800; letter-spacing:.3px;}
.brand-sub{font-size:.78rem; opacity:.85; margin-top:-3px;}

.btn-cta{
  background: linear-gradient(135deg, var(--teal), var(--green));
  border:0;
  color:#00131f;
  font-weight:800;
  box-shadow: 0 10px 25px rgba(18,179,199,.20);
}
.btn-cta:hover{filter:brightness(.97);}

.btn-outline-light2{
  border:1px solid rgba(255,255,255,.35);
  color:#fff;
}
.btn-outline-light2:hover{
  background: rgba(255,255,255,.08);
  color:#fff;
}

.hero{
  position:relative;
  padding: 92px 0 36px;
  background:
    radial-gradient(900px 320px at 15% 10%, rgba(18,179,199,.30), transparent 65%),
    radial-gradient(800px 320px at 90% 0%, rgba(26,162,96,.22), transparent 60%),
    linear-gradient(180deg, rgba(11,31,58,1), rgba(11,31,58,.92));
  color:#fff;
  overflow:hidden;
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.hero::after{
  content:"";
  position:absolute; inset:-2px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='400'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.08)' stroke-width='1'%3E%3Cpath d='M0 320 C240 200 360 460 600 320 C840 180 960 460 1200 320'/%3E%3Cpath d='M0 260 C240 140 360 400 600 260 C840 120 960 400 1200 260'/%3E%3Cpath d='M0 200 C240 80 360 340 600 200 C840 60 960 340 1200 200'/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat;
  opacity:.55;
  pointer-events:none;
}

.hero-card{
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,.22);
}
.hero-kpis{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.kpi{
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  padding: 14px 14px;
}
.kpi .v{font-weight:900; font-size:1.15rem;}
.kpi .l{font-size:.85rem; opacity:.88;}

.section{
  padding: 44px 0;
}
.section-title{
  font-weight:900;
  letter-spacing:.2px;
}
.section-lead{
  color: var(--muted);
  max-width: 860px;
}

.cardx{
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: var(--shadow);
}
.cardx:hover{box-shadow: var(--shadow2); transform: translateY(-2px); transition: .2s ease;}
.cardx .icon{
  width:44px;height:44px;
  border-radius: 14px;
  display:grid;place-items:center;
  background: linear-gradient(135deg, rgba(18,179,199,.18), rgba(26,162,96,.12));
  border:1px solid rgba(18,179,199,.28);
}

.badge-soft{
  background: rgba(18,179,199,.12);
  border:1px solid rgba(18,179,199,.24);
  color: #0b3b45;
  font-weight:700;
}
.badge-risk{
  background: rgba(220,53,69,.10);
  border:1px solid rgba(220,53,69,.22);
  color: #7a0b17;
  font-weight:800;
}
.notice{
  background: var(--cream);
  border:1px solid rgba(11,31,58,.10);
  border-left: 6px solid var(--teal);
  border-radius: 16px;
  padding: 14px 16px;
}
.notice strong{font-weight:900;}

.table thead th{
  background: rgba(11,31,58,.06);
}
.table td, .table th{vertical-align: middle;}

.footer{
  background: #071529;
  color: rgba(255,255,255,.86);
  border-top: 1px solid rgba(255,255,255,.08);
}
.footer a{color: rgba(255,255,255,.86); text-decoration:none;}
.footer a:hover{color:#fff; text-decoration: underline;}
.footer .mut{opacity:.78;}

.sticky-call{
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 9999;
  display: none;
}
.sticky-call a{
  display:flex;align-items:center;gap:10px;
  background: linear-gradient(135deg, var(--teal), var(--green));
  color:#00131f;
  border:0;
  border-radius: 999px;
  padding: 12px 14px;
  font-weight: 900;
  box-shadow: 0 18px 60px rgba(18,179,199,.25);
  text-decoration:none;
}
.sticky-call .sub{
  display:block;
  font-size:.78rem;
  font-weight:700;
  opacity:.85;
  margin-top:-2px;
}

.page-hero{
  padding: 98px 0 26px;
  background:
    radial-gradient(800px 260px at 10% 0%, rgba(18,179,199,.22), transparent 60%),
    radial-gradient(800px 260px at 90% 0%, rgba(26,162,96,.18), transparent 60%),
    linear-gradient(180deg, rgba(11,31,58,1), rgba(11,31,58,.92));
  color:#fff;
  border-bottom: 1px solid rgba(255,255,255,.10);
}

.breadcrumbx{
  color: rgba(255,255,255,.78);
  font-size: .9rem;
}
.breadcrumbx a{color: rgba(255,255,255,.86);}

hr.soft{
  border: 0;
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(15,23,42,.18), transparent);
}

.faq-q{
  cursor:pointer;
}
.faq-q:hover{
  background: rgba(11,31,58,.03);
}
.faq-icon{
  transition: transform .15s ease;
}
.faq-open .faq-icon{
  transform: rotate(180deg);
}

@media (max-width: 992px){
  .hero{padding-top: 86px;}
  .hero-kpis{grid-template-columns: 1fr;}
  .sticky-call a .sub{display:none;}
}

.carousel-caption{left:4%; right:4%; bottom:18px;}
@media (max-width: 576px){.carousel-caption{bottom:10px;}}