/* ---- Mobile/Tablet "Services" — Scroll Stack Redesign ---- */
.svcm{
  display:none; /* only appears on mobile/tablet — see media query below */
  --primary:#2454ff;
  --dark:#0b132b;
  --darkmid:#12244f;
  --cyan:#00c8ff;
  --muted:#5b6478;
  --border:#e2e8f8;
  background:#fff;
  padding:44px 0 36px;
  position:relative;
}

.svcm__head{
  padding:0 20px;
  margin-bottom:22px;
}
.svcm__eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;font-weight:600;
  letter-spacing:0.16em;text-transform:uppercase;color:var(--primary);
  margin-bottom:10px;
}
.svcm__eyebrow::before{content:"";width:20px;height:1.5px;background:currentColor;display:inline-block;}
.svcm__title{
  font-family:'Inter',sans-serif;font-weight:800;font-size:clamp(21px,5.6vw,26px);
  line-height:1.22;letter-spacing:-0.02em;color:#0b132b !important;margin:0 0 8px;
}
.svcm__title em{font-style:normal;color:var(--primary);}
.svcm__sub{
  font-size:13.5px;line-height:1.65;color:var(--muted);margin:0;max-width:46ch;
}

/* progress rail: fixed count dots + fraction label */
.svcm__rail{
  display:flex;align-items:center;gap:10px;
  padding:0 20px;margin-bottom:16px;
}
.svcm__dots{display:flex;gap:6px;}
.svcm__dot{
  width:18px;height:4px;border-radius:3px;background:#dfe6f7;
  transition:background .35s ease, width .35s ease;
}
.svcm__dot.on{background:var(--primary);width:26px;}
.svcm__frac{
  font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;
  color:var(--muted);margin-left:auto;letter-spacing:.04em;
}
.svcm__frac b{color:var(--dark);}

/* horizontal scroll-snap deck */
.svcm__deck{
  display:flex;
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  padding:4px 20px 20px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.svcm__deck::-webkit-scrollbar{display:none;}

.svcm__card{
  flex:0 0 86%;
  scroll-snap-align:center;
  border-radius:20px;
  position:relative;
  overflow:hidden;
  background:linear-gradient(150deg,var(--dark) 0%,var(--darkmid) 100%);
  color:#fff;
  padding:24px 22px 22px;
  opacity:0;
  transform:translateY(26px) scale(.96);
  transition:opacity .6s cubic-bezier(.16,.8,.4,1), transform .6s cubic-bezier(.16,.8,.4,1);
}
.svcm__card.in{opacity:1;transform:translateY(0) scale(1);}
.svcm__card::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(340px 180px at 100% 0%, rgba(0,200,255,0.22), transparent 65%);
}
.svcm__card > *{position:relative;z-index:1;}

.svcm__cardtop{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.svcm__ico{
  width:42px;height:42px;border-radius:12px;
  background:rgba(0,200,255,0.14);color:#00c8ff;
  display:flex;align-items:center;justify-content:center;font-size:17px;
}
.svcm__num{
  font-family:'IBM Plex Mono',monospace;font-size:10.5px;font-weight:600;
  letter-spacing:.16em;color:rgba(255,255,255,0.38);
}
/* AFTER */
.svcm__kicker{
     font-family: 'IBM Plex Mono', monospace;
    font-size: 9px;font-weight:600;
      text-transform: uppercase;
    color: #67f7e5 !important;
    margin-bottom: 8px;
}
.svcm__cardtitle{
  font-family:'Inter',sans-serif;font-weight:800;font-size:18px;line-height:1.28;
  color:#fff;margin:0 0 10px;letter-spacing:-0.01em;
}
.svcm__carddesc{
  font-size:13px;line-height:1.68;color:#ffffff !important;margin:0 0 14px;
}
.svcm__points{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:7px;}
.svcm__points li{
  position:relative;padding-left:20px;font-size:12px;line-height:1.5;color:rgba(255,255,255,0.82);
}
.svcm__points li::before{
  content:"";position:absolute;left:0;top:5px;width:10px;height:10px;border-radius:50%;
  background:rgba(0,200,255,0.16);box-shadow:inset 0 0 0 1.4px #00c8ff;
}
.svcm__cardfoot{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding-top:14px;border-top:1px solid rgba(255,255,255,0.14);
}
.svcm__stat strong{display:block;font-family:'Inter',sans-serif;font-size:15px;font-weight:800;color:#fff;line-height:1;}
.svcm__stat small{font-family:'IBM Plex Mono',monospace;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,0.45);}
.svcm__cta{
  display:inline-flex;align-items:center;gap:7px;flex:none;
  background:#00c8ff;color:var(--dark);border:none;border-radius:999px;
  font-family:'Inter',sans-serif;font-weight:700;font-size:12px;
  padding:9px 15px;cursor:pointer;
}
.svcm__cta svg{width:12px;height:12px;}

/* swipe hint */
.svcm__hint{
  display:flex;align-items:center;gap:7px;justify-content:center;
  font-size:11px;color:#334155;;margin-top:2px;
  animation:svcmHintPulse 2.2s ease-in-out infinite;
}
.svcm__hint i{font-size:10px;color:#0057D9;}
@keyframes svcmHintPulse{0%,100%{opacity:.5;transform:translateX(0);}50%{opacity:1;transform:translateX(3px);}}

/* Show only on mobile & tablet; hide the desktop .wm-svc5 block at the same breakpoint */
@media (max-width:900px){
  .svcm{display:block;}
  .wm-svc5{display:none !important;}
}
@media (min-width:641px) and (max-width:900px){
  .svcm__card{flex:0 0 62%;}
}

/* Mobile-only fix: kicker label was rendering low-contrast on small screens */
@media (max-width:900px){
  .wm-svc5__kicker{ color:#ffffff !important; }
}