.service-hero{padding:154px 0 78px; color:var(--slate); background:var(--color-page); position:relative; overflow:hidden;}
.service-hero::before{content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size:44px 44px; opacity:.42;}
.hero-inner{position:relative; z-index:1; display:grid; grid-template-columns:1.05fr .95fr; gap:44px; align-items:center;}
.service-hero h1{font-size:clamp(38px,5vw,58px); line-height:1.04; margin:16px 0; letter-spacing:-.02em;}
.service-hero p{color:rgba(43,26,0,.74); font-size:16.5px; line-height:1.75; max-width:620px;}
.hero-actions{display:flex; flex-wrap:wrap; gap:14px; margin-top:28px;}
.service-panel{border:1px solid rgba(212,5,17,.08); border-radius:24px; background:rgba(255,255,255,.34); padding:28px; box-shadow:inset 0 1px 0 rgba(255,255,255,.32), 0 24px 50px rgba(74,0,5,.12);}
.service-panel h2{font-size:22px; color:var(--teal-deep); margin-bottom:16px;}
.service-panel ul{list-style:none; display:grid; gap:13px;}
.service-panel li{display:flex; gap:10px; color:rgba(43,26,0,.78); line-height:1.55;}
.service-panel li::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--teal); margin-top:8px; flex-shrink:0; box-shadow:0 0 0 4px rgba(212,5,17,.14);}
section{padding:84px 0;}
.content-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
.info-card{background:#fff; border:1px solid var(--line); border-radius:18px; padding:28px; box-shadow:0 14px 32px rgba(16,16,16,.05);}
.info-card h2{font-size:24px; color:var(--navy); margin-bottom:14px;}
.info-card p,.info-card li{color:var(--slate-soft); line-height:1.7; font-size:15px;}
.info-card ul{list-style:none; display:grid; gap:12px; margin-top:14px;}
.info-card li{padding-top:12px; border-top:1px solid var(--line);}
.process{background:var(--paper-dim);}
.steps{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:28px;}
.step{background:#fff; border:1px solid var(--line); border-radius:16px; padding:22px; box-shadow:0 12px 28px rgba(16,16,16,.04);}
.step span{font-family:var(--mono); font-size:11px; color:var(--teal-dark);}
.step h3{font-size:17px; color:var(--navy); margin:10px 0 8px;}
.step p{font-size:13.5px; color:var(--slate-soft); line-height:1.6;}
.cta-band{background:var(--color-surface); color:var(--navy-deep); padding:58px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.cta-band .wrap{display:flex; justify-content:space-between; align-items:center; gap:24px; flex-wrap:wrap;}
.cta-band h2{font-size:clamp(24px,3vw,34px); max-width:640px;}
.cta-band p{color:rgba(0,0,0,.72); margin-top:8px; max-width:560px;}
@media (max-width:980px){
  .hero-inner,.content-grid{grid-template-columns:1fr;}
  .steps{grid-template-columns:repeat(2,1fr);}
  .service-panel{max-width:640px;}
}
@media (max-width:680px){
  .service-hero{padding:124px 0 62px;}
  .service-hero h1{font-size:clamp(34px,12vw,44px); line-height:1.06;}
  .service-hero p{font-size:15px; line-height:1.65;}
  section{padding:64px 0;}
  .hero-actions,.cta-band .wrap{width:100%;}
  .service-panel,.info-card,.step{border-radius:16px; padding:22px;}
  .content-grid{gap:18px;}
  .steps{grid-template-columns:1fr;}
  .cta-band .wrap{flex-direction:column; align-items:flex-start;}
}
@media (max-width:420px){
  .service-panel li{font-size:14px;}
}

/* Current Qasim service page theme. */
.service-hero,
.process{
  background:#F6F7F9;
}

section,
.cta-band{
  background:#fff;
}

.service-panel,
.info-card,
.step{
  background:#fff;
  border-color:rgba(23,32,51,0.10);
  box-shadow:0 14px 34px rgba(23,32,51,0.06);
}

.service-panel h2,
.info-card h2,
.step h3,
.cta-band h2{
  color:var(--slate);
}

.service-hero p,
.service-panel li,
.info-card p,
.info-card li,
.step p,
.cta-band p{
  color:var(--slate-soft);
}

.service-panel li::before{
  background:var(--teal);
  box-shadow:0 0 0 4px rgba(184,0,18,.10);
}

.step span{
  color:var(--teal);
}

.cta-band{
  border-color:rgba(23,32,51,0.10);
}

.cta-band .btn-dark{
  background:var(--teal);
  color:#fff;
  border-color:var(--teal);
}

/* Dark blended service hero with readable glass content. */
.service-hero{color:#fff; background:radial-gradient(circle at 12% 8%,rgba(184,0,18,.32),transparent 27%),radial-gradient(circle at 88% 0%,rgba(255,204,0,.14),transparent 28%),linear-gradient(128deg,var(--color-footer),var(--color-nav) 48%,#2B1A21 100%);}
.service-hero::before{opacity:.55;}
.service-hero h1{color:#fff;}
.service-hero p{color:rgba(255,255,255,.74);}
.service-hero .eyebrow{color:#ffcc00;}
.service-hero .eyebrow::before{background:#ffcc00;}
.service-panel{background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045)); border-color:rgba(255,255,255,.15); box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 24px 50px rgba(0,0,0,.22); backdrop-filter:blur(12px);}
.service-panel h2{color:#fff;}
.service-panel li{color:rgba(255,255,255,.70);}