/* ==== Neon Dark Glass Cards (Services + Process) ==== */

/* ---------- SERVICES ---------- */
.svc{
  position:relative;border:1px solid transparent;border-radius:22px;padding:24px 26px;
  background:
    linear-gradient(180deg, rgba(11,18,32,.92), rgba(10,15,26,.88)) padding-box,
    linear-gradient(120deg,var(--accent-1),var(--accent-2),var(--accent-1)) border-box;
  background-size:100% 100%, 220% 220%;
  color:#e6edf7;box-shadow:0 12px 32px rgba(0,0,0,.35);
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
  animation:svcBorder 22s linear infinite;
}
@keyframes svcBorder{to{background-position:0 0,220% 0}}
.svc:hover{transform:translateY(-6px);box-shadow:0 24px 70px rgba(0,0,0,.55)}
.svc::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;z-index:0;pointer-events:none;
  background:
    radial-gradient(80% 60% at 10% 0%, color-mix(in oklab,var(--accent-1),transparent 80%) 0%, transparent 60%),
    radial-gradient(80% 70% at 90% 100%, color-mix(in oklab,var(--accent-2),transparent 82%) 0%, transparent 60%);
  filter:blur(36px);opacity:.45
}
.svc>*{position:relative;z-index:1}
.svc h3{color:#f8fafc;font-weight:800;font-size:1.25rem;line-height:1.25;text-shadow:0 1px 0 rgba(0,0,0,.35)}
@media (min-width:768px){.svc h3{font-size:1.35rem}}
.svc p{color:#cbd5e1}
.svc ul{list-style:none;padding-left:0;margin:.5rem 0 0}
.svc li{
  position:relative;padding-left:1.15rem;line-height:1.6;color:#cbd5e1
}
.svc li::before{
  content:"";position:absolute;left:0;top:.62rem;width:.48rem;height:.48rem;border-radius:999px;
  background:linear-gradient(135deg,var(--accent-1),var(--accent-2));
  box-shadow:0 0 0 3px rgba(148,163,184,.10),0 0 12px color-mix(in oklab,var(--accent-1),transparent 60%)
}

/* ---------- PROCESS ---------- */
.step{
  position:relative;border:1px solid rgba(148,163,184,.20);border-radius:18px;
  padding:22px 18px 20px;background:linear-gradient(180deg, rgba(11,18,32,.90), rgba(10,15,26,.86));
  box-shadow:0 10px 28px rgba(0,0,0,.35)
}
.step h4{color:#f8fafc;font-weight:800;margin:6px 0 6px;text-shadow:0 1px 0 rgba(0,0,0,.35)}
.step p{color:#cbd5e1}
.step span{
  position:absolute;top:-14px;left:-14px;width:42px;height:42px;display:grid;place-items:center;
  border-radius:12px;font-weight:900;font-size:.85rem;color:#0b1220;
  background:linear-gradient(135deg,var(--accent-1),var(--accent-2));
  box-shadow:0 10px 18px color-mix(in oklab,var(--accent-1),black 70%),0 0 28px color-mix(in oklab,var(--accent-2),transparent 60%)
}

/* Page section helpers */
.process-strip{background:linear-gradient(180deg,transparent,rgba(2,6,23,.05))}