/* KSM theme: minimal, clean lines */
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}

/* Hero */
.hero .hero-slide{
  position:relative; min-height:70vh; background-size:cover; background-position:center;
}
.hero .overlay{position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.45))}

/* Cards & effects */
.hover-lift{transition:transform .2s ease, box-shadow .2s ease}
.hover-lift:hover{transform:translateY(-4px); box-shadow:0 10px 24px rgba(0,0,0,.12)}

/* Client logos */
.client-logo{background:#fff; border:1px solid #eee}
.skeleton{background:linear-gradient(90deg,#f2f2f2,#e9e9e9,#f2f2f2); background-size:200% 100%; animation:shimmer 1.2s infinite}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}





/* --- KSM navbar (black, like screenshot) --- */

/*

.ksm-nav{
  background:#000;   
}
.ksm-nav .navbar-brand { color:#fff; }
.ksm-nav .navbar-brand:hover { color:#f5f5f5; }
.ksm-nav .nav-link{
  color:#ddd;
  font-weight:600;
  letter-spacing:.2px;
}
.ksm-nav .nav-link:hover,
.ksm-nav .nav-link.active { color:#fff; }
.ksm-nav .dropdown-menu-dark{
  --bs-dropdown-bg:#121212;
  --bs-dropdown-link-color:#ddd;
  --bs-dropdown-link-hover-color:#fff;
  --bs-dropdown-link-hover-bg:#1f1f1f;
  --bs-dropdown-border-color:#222;
}
*/


/* Partner logos scroll effect */
.partner-slider {
  overflow: hidden;
  position: relative;
}

.partner-track {
  display: flex;
  width: max-content;
  animation: scroll-left 15s linear infinite;
}

.partner-logo {
  flex: 0 0 auto;
  padding: 0 20px;
}

@keyframes scroll-left {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}


/* ===== Footer (RMX-style) ===== */
.ksm-footer{
  background: linear-gradient(180deg,#111827,#0b1220 90%);
  color:#e5e7eb;
  padding:48px 0 24px;
  margin-top:64px
}
.ksm-footer a{color:#c7d2fe;text-decoration:none}
.ksm-footer a:hover{color:#fff;text-decoration:underline}

.ksm-footer__top{
  display:grid;
  grid-template-columns: 1.25fr 2fr;
  gap:40px;
  align-items:flex-start;
}
@media (max-width:992px){.ksm-footer__top{grid-template-columns:1fr}}

.ksm-footer__logo{height:40px;margin-bottom:16px;filter:brightness(1.15)}
.ksm-footer__tagline{color:#9ca3af;line-height:1.6;margin-bottom:16px}

.ksm-footer__stats{display:flex;gap:16px;margin-top:8px;flex-wrap:wrap}
.ksm-stat{background:#0f172a;border:1px solid #1f2937;border-radius:12px;
  padding:12px 16px;min-width:110px;text-align:center}
.ksm-stat__num{font-weight:800;font-size:20px;color:#a7f3d0}
.ksm-stat__label{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em}

.ksm-footer__cols{
  display:grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap:24px;
}
@media (max-width:992px){.ksm-footer__cols{grid-template-columns:repeat(2,1fr)}}
@media (max-width:576px){.ksm-footer__cols{grid-template-columns:1fr}}

.ksm-col__title{color:#fff;font-weight:700;margin-bottom:12px}
.ksm-col__links{list-style:none;padding:0;margin:0}
.ksm-col__links li{margin:8px 0}

.ksm-cta{
  display:inline-block;margin-top:12px;
  background:#10b981;color:#05150f;
  font-weight:700;border-radius:10px;padding:10px 16px
}
.ksm-cta:hover{background:#34d399;color:#072015;text-decoration:none}

.ksm-footer__bottom{
  border-top:1px solid #1f2937;
  margin-top:28px;padding-top:16px;
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px
}
.ksm-copy{color:#9ca3af}
.ksm-bottom-links{display:flex;gap:16px;align-items:center}
.ksm-bottom-links a{color:#c7d2fe}
.ksm-badge{
  background:#0b3;color:#021;padding:6px 10px;
  border-radius:999px;font-weight:700;font-size:12px
}

.ksm-develop-badge{
  background:rgb(139, 10, 199);color:rgb(20, 0, 34);padding:6px 10px;
  border-radius:100px;font-weight:700;font-size:12px
}





/* --- Navbar look & feel --- */
.ksm-nav{
  background: #0f172a; /* same dark tone as footer */
  min-height: 80px;
}

/* brand logo sizing */
.ksm-logo{
  height: 42px;
  width: auto;
  display: inline-block;
}

/* RMX-like pill for the current/hovered item */
.navbar .nav-link{
  color:#cbd5e1;
  padding: .5rem .9rem;
  border-radius: 999px;
  position: relative;
  transition: all .2s ease;
}
.navbar .nav-link:hover{ color:#fff; }

.ksm-pill.active{
  background: #1565d8; /* blue pill */
  color:#fff !important;
  box-shadow: 0 2px 4px rgba(21,101,216,.35);
}

/* underline tick for hovered/active (subtle) */
.navbar .nav-link:not(.ksm-pill)::after{
  content:"";
  position:absolute; left:50%; bottom:.2rem; transform:translateX(-50%);
  width:0; height:3px; background:#1565d8; border-radius:2px;
  transition:width .2s ease;
}
.navbar .nav-link:hover::after{ width:16px; }

/* Buttons (outline + apply) */
.ksm-btn-outline{
  color:#e2e8f0; border:1px solid #3b82f6; background:transparent;
}
.ksm-btn-outline:hover{
  color:#fff; background:#1e40af; border-color:#1e40af;
}


.ksm2-btn-outline{
  color:#e2e8f0; border:1px solid #b1f03c; background:transparent;
}
.ksm2-btn-outline:hover{
  color:#fff; background:#af1e9c; border-color:#af1e9c;
}


.ksm-btn-apply{
  color:#fff; background:#14854c; border:1px solid #14854c;
  box-shadow: 0 6px 16px rgba(20,133,76,.35);
}
.ksm-btn-apply:hover{ background:#0e6c3e; border-color:#0e6c3e; }

/* Dropdown darkness to match header */
.dropdown-menu-dark{
  --bs-dropdown-bg:#101827;
  --bs-dropdown-link-color:#cbd5e1;
  --bs-dropdown-link-hover-bg:#111827;
  --bs-dropdown-link-hover-color:#fff;
  --bs-dropdown-border-color:rgba(255,255,255,.08);
}