/* ============================================================
   CSI — SERVICES pages (overview + detail) — depends on core.css
   ============================================================ */
/* Intro */
.svcp-intro{background:var(--white)}
.svcp-intro-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}
.svcp-intro-grid p{font-size:15px;line-height:1.95;color:var(--muted)}

/* Service grid */
.svcp{background:var(--light)}
.svcp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.svcp-card{position:relative;overflow:hidden;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;color:#fff;isolation:isolate;border:1px solid rgba(4,106,120,.2)}
.svcp-card .bg{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transform:scale(1.05);transition:transform .8s cubic-bezier(.19,1,.22,1);filter:grayscale(.35) brightness(.55)}
.svcp-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,20,26,.2),rgba(6,20,26,.6) 55%,rgba(6,20,26,.94))}
.svcp-card:hover .bg{transform:scale(1.13)}
.svcp-ic{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(62,207,223,.4);color:var(--cyan);font-size:20px;background:rgba(6,20,26,.4);margin-bottom:auto;transition:.4s}
.svcp-card:hover .svcp-ic{background:var(--teal);color:#fff;border-color:var(--teal)}
.svcp-card h3{font-size:17px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;margin:20px 0 10px;line-height:1.25}
.svcp-card p{font-size:12.5px;line-height:1.75;color:rgba(255,255,255,.66)}
.svcp-card .lnk{margin-top:16px;display:inline-flex;align-items:center;gap:8px;font-size:10.5px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan)}
.svcp-card .lnk i{transition:transform .4s}
.svcp-card:hover .lnk i{transform:translateX(6px)}
.svcp-card .edge{position:absolute;left:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,var(--teal),var(--cyan));transition:width .5s}
.svcp-card:hover .edge{width:100%}

/* SEO overview prose */
.svcp-prose{background:var(--white)}
.svcp-prose .wrap{max-width:900px;margin:0 auto}
.svcp-prose p{font-size:14.5px;line-height:1.95;color:#3a4a4f;margin-bottom:18px}
.svcp-prose p strong{color:var(--teal-dark)}

/* Detail page: feature list + highlight rail */
.svcd-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:start}
.svcd-body h2{font-size:clamp(24px,3vw,34px);font-weight:900;text-transform:uppercase;color:var(--teal-dark);letter-spacing:-.5px;margin:6px 0 18px}
.svcd-body p{font-size:14.5px;line-height:1.95;color:var(--muted);margin-bottom:18px}
.svcd-list{display:grid;gap:14px;margin:24px 0}
.svcd-li{display:flex;gap:14px;align-items:flex-start}
.svcd-li i{width:38px;height:38px;min-width:38px;display:grid;place-items:center;background:rgba(4,106,120,.1);color:var(--teal);font-size:15px}
.svcd-li b{display:block;font-size:14px;color:var(--teal-dark);font-weight:700;margin-bottom:2px}
.svcd-li span{font-size:13px;color:var(--muted);line-height:1.7}
.svcd-aside{position:sticky;top:100px;background:var(--teal-deep);color:#fff;padding:34px;border-top:3px solid var(--cyan)}
.svcd-aside h3{font-size:18px;font-weight:800;text-transform:uppercase;margin-bottom:14px}
.svcd-aside ul{display:grid;gap:12px;margin-bottom:24px}
.svcd-aside li{display:flex;align-items:center;gap:11px;font-size:13px;color:rgba(255,255,255,.75)}
.svcd-aside li i{color:var(--cyan)}
.svcd-aside .ph{font-size:22px;font-weight:900;color:var(--cyan);margin-bottom:16px}
.svcd-visual{overflow:hidden;aspect-ratio:4/3;border:1px solid rgba(4,106,120,.2);margin-bottom:22px}
.svcd-visual img{width:100%;height:100%;object-fit:cover}

@media(max-width:1024px){
  .svcp-intro-grid{grid-template-columns:1fr;gap:32px}
  .svcp-grid{grid-template-columns:1fr 1fr}
  .svcd-grid{grid-template-columns:1fr;gap:40px}
  .svcd-aside{position:static}
}
@media(max-width:560px){.svcp-grid{grid-template-columns:1fr}}