/* ═══════════════════════════════════════
   Service Detail Pages — SiteDXP
═══════════════════════════════════════ */

/* ─── HERO ─── */
.svc-pg-hero{
  min-height:92vh;
  display:flex;align-items:center;
  position:relative;overflow:hidden;
  padding:68px 56px 80px;
  background:var(--bg);
}
.svc-pg-grid{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(196,220,210,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(196,220,210,.055) 1px,transparent 1px);
  background-size:64px 64px;
}
.svc-pg-glow{
  position:absolute;top:-200px;left:-200px;
  width:700px;height:700px;border-radius:50%;
  background:radial-gradient(circle,rgba(232,200,122,.1) 0%,transparent 65%);
  filter:blur(80px);pointer-events:none;
  animation:glowPulse 8s ease-in-out infinite;
}
@keyframes glowPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.15);}}

.svc-pg-inner{position:relative;z-index:2;max-width:780px;}

.svc-pg-icon-wrap{
  width:72px;height:72px;
  display:flex;align-items:center;justify-content:center;
  font-size:28px;
  background:rgba(232,200,122,.1);
  border:1px solid rgba(232,200,122,.25);
  margin-bottom:32px;
  box-shadow:0 0 28px rgba(232,200,122,.2);
}

.svc-pg-h{
  font-size:clamp(60px,9vw,140px);
  font-weight:900;line-height:.86;letter-spacing:-.03em;
  margin-bottom:28px;
  color:var(--txt);
  text-shadow:0 0 80px rgba(248,245,238,.12);
}

.svc-pg-sub{
  font-size:18px;color:var(--txt2);
  max-width:560px;line-height:1.9;
  margin-bottom:44px;font-weight:400;
}

.svc-pg-acts{display:flex;gap:14px;flex-wrap:wrap;}

.svc-pg-scroll{
  position:absolute;bottom:32px;left:56px;
  display:flex;flex-direction:column;align-items:flex-start;gap:8px;
  z-index:3;animation:fadeUp .5s .8s both;
}
.svc-pg-scroll span{font-size:8px;letter-spacing:.35em;text-transform:uppercase;color:var(--muted);font-weight:600;}
.svc-pg-line{
  width:1px;height:40px;
  background:linear-gradient(to bottom,var(--accent),transparent);
  animation:sAnim 2.2s ease-in-out infinite;
}

/* ─── INTRO SPLIT ─── */
.svc-pg-intro{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:start;
}
.svc-pg-intro-text{}
.svc-pg-features{
  display:flex;flex-direction:column;gap:0;
  border:1px solid var(--border);
  background:var(--card);
}
.svc-feat{
  display:flex;align-items:flex-start;gap:16px;
  padding:24px 28px;
  border-bottom:1px solid var(--border);
  transition:background .25s;
}
.svc-feat:last-child{border-bottom:none;}
.svc-feat:hover{background:var(--card2);}
.svc-feat-check{
  width:26px;height:26px;
  background:rgba(232,200,122,.12);
  border:1px solid rgba(232,200,122,.28);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:900;
  color:var(--accent);
  text-shadow:0 0 10px rgba(232,200,122,.4);
  flex-shrink:0;margin-top:1px;
}
.svc-feat-t{
  font-size:15px;font-weight:700;
  color:var(--txt);line-height:1.5;
}

/* ─── NEXT SERVICE ─── */
.svc-next{
  border-top:1px solid var(--border);
  background:var(--bg);
}
.svc-next-link{
  display:flex;
  justify-content:space-between;align-items:center;
  padding:56px 56px;
  transition:background .3s;
}
.svc-next-link:hover{background:var(--card);}
.svc-next-label{
  font-size:9px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;
  color:var(--muted);
}
.svc-next-title{
  font-size:clamp(24px,4vw,52px);font-weight:900;letter-spacing:-.02em;
  color:var(--txt);transition:color .2s;
  text-shadow:0 0 40px rgba(248,245,238,.08);
}
.svc-next-link:hover .svc-next-title{color:var(--accent);text-shadow:var(--glow-accent);}

/* ─── RESPONSIVE ─── */
@media(max-width:1024px){
  .svc-pg-hero{padding:68px 32px 80px;}
  .svc-pg-intro{grid-template-columns:1fr;gap:48px;}
  .svc-next-link{padding:48px 32px;}
}
@media(max-width:768px){
  .svc-pg-hero{padding:80px 20px 60px;min-height:auto;}
  .svc-pg-h{font-size:clamp(48px,12vw,80px);}
  .svc-pg-sub{font-size:15px;}
  .svc-pg-acts{flex-direction:column;align-items:flex-start;}
  .svc-pg-scroll{left:20px;}
  .svc-next-link{padding:40px 20px;flex-direction:column;align-items:flex-start;gap:12px;}
}