/* ITSecureLabs – Modern white theme (Bootstrap-friendly) */
:root{
  --itsl-primary:#1d4ed8; /* blue */
  --itsl-primary-600:#1e40af;
  --itsl-accent:#06b6d4; /* cyan */
  --itsl-ink:#0f172a; /* slate-900 */
  --itsl-muted:#475569; /* slate-600 */
  --itsl-border:#e2e8f0; /* slate-200 */
  --itsl-bg:#ffffff;
  --itsl-bg-soft:#f8fafc; /* slate-50 */
  --itsl-shadow: 0 10px 25px rgba(2,6,23,.08);
}

html{scroll-behavior:smooth}
body{
  font-family: system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans","Liberation Sans",sans-serif;
  color:var(--itsl-ink);
  background:var(--itsl-bg);
}

.itsl-navbar{
  background:rgba(255,255,255,.9);
  backdrop-filter:saturate(180%) blur(10px);
  border-bottom:1px solid var(--itsl-border);
}
.itsl-brand{
  font-weight:800;
  letter-spacing:.2px;
}
.itsl-badge{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.35rem .7rem;
  border:1px solid var(--itsl-border);
  border-radius:999px;
  background:#fff;
  color:var(--itsl-muted);
  font-size:.9rem;
}

.itsl-hero{
  padding:5rem 0 3.5rem;
  background:
    radial-gradient(900px 420px at 15% 20%, rgba(29,78,216,.12), transparent 60%),
    radial-gradient(700px 350px at 85% 25%, rgba(6,182,212,.14), transparent 55%),
    linear-gradient(180deg, var(--itsl-bg-soft), #ffffff 55%);
  border-bottom:1px solid var(--itsl-border);
}
.itsl-hero h1{
  font-weight:900;
  letter-spacing:-.02em;
}
.itsl-lead{
  color:var(--itsl-muted);
  font-size:1.05rem;
  line-height:1.65;
}
.itsl-card{
  border:1px solid var(--itsl-border);
  border-radius:18px;
  box-shadow:none;
}
.itsl-card.soft{
  background:var(--itsl-bg-soft);
}
.itsl-shadow{
  box-shadow:var(--itsl-shadow);
}
.itsl-section{
  padding:4rem 0;
}
.itsl-section-title{
  font-weight:800;
  letter-spacing:-.01em;
}
.itsl-kicker{
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:700;
  font-size:.8rem;
  color:var(--itsl-primary);
}
.itsl-icon{
  width:44px;height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(29,78,216,.08);
  color:var(--itsl-primary);
}

.btn-primary{
  --bs-btn-bg: var(--itsl-primary);
  --bs-btn-border-color: var(--itsl-primary);
  --bs-btn-hover-bg: var(--itsl-primary-600);
  --bs-btn-hover-border-color: var(--itsl-primary-600);
  --bs-btn-active-bg: var(--itsl-primary-600);
  --bs-btn-active-border-color: var(--itsl-primary-600);
}
.btn-outline-primary{
  --bs-btn-color: var(--itsl-primary);
  --bs-btn-border-color: var(--itsl-primary);
  --bs-btn-hover-bg: var(--itsl-primary);
  --bs-btn-hover-border-color: var(--itsl-primary);
}
.itsl-link{
  color:var(--itsl-primary);
  text-decoration:none;
}
.itsl-link:hover{text-decoration:underline}

.itsl-footer{
  border-top:1px solid var(--itsl-border);
  background:linear-gradient(180deg, #ffffff, var(--itsl-bg-soft));
}
.itsl-footer a{color:inherit;text-decoration:none}
.itsl-footer a:hover{text-decoration:underline}

.itsl-list{
  padding-left:1.1rem;
  color:var(--itsl-muted);
}
.itsl-list li{margin:.4rem 0}

.itsl-mini{
  color:var(--itsl-muted);
  font-size:.92rem;
}

/* Simple, accessible focus */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible{
  outline:3px solid rgba(6,182,212,.35);
  outline-offset:2px;
  border-radius:10px;
}

/* Improve spacing on small screens */
@media (max-width: 991.98px){
  .itsl-hero{padding:4.2rem 0 3rem}
  .itsl-section{padding:3.2rem 0}
}