:root{
  --service-premium-blue:#d9e6f2;
  --service-premium-taupe:#e7d7cf;
  --service-premium-ivory:#f7f3ee;
  --service-premium-stroke:#2c3136;
  --service-premium-border:rgba(233,225,216,0.36);
  --service-premium-shadow:0 22px 54px rgba(18,28,34,0.16);
  --service-premium-card-border:rgba(154,173,179,0.24);
  --service-premium-card-shadow:0 18px 42px rgba(58,72,80,0.08);
  --service-premium-card-shadow-hover:0 24px 54px rgba(58,72,80,0.12);
}

.service-page-grid--premium{
  gap:1.45rem;
}

.service-page-grid--premium .service-page-card--premium{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  border:1px solid var(--service-premium-card-border);
  background:
    radial-gradient(circle at top left, rgba(217,230,242,0.24), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,245,240,0.98) 100%);
  box-shadow:var(--service-premium-card-shadow);
  transition:transform .28s ease, box-shadow .28s ease;
}

.service-page-grid--premium .service-page-card--premium::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:8px;
  background:linear-gradient(90deg, rgba(217,230,242,0.95) 0%, rgba(187,201,205,0.98) 42%, rgba(215,196,186,0.95) 100%);
}

.service-page-grid--premium .service-page-card--premium:hover{
  transform:translateY(-3px);
  box-shadow:var(--service-premium-card-shadow-hover);
}

.service-page-grid--premium .service-page-card--premium h3{
  display:flex;
  align-items:center;
  gap:0.95rem;
  margin-bottom:1rem;
}

.service-page-grid--premium .service-page-card--premium h3 > span:last-child{
  flex:1;
}

.service-page-grid--premium .service-page-card--premium .service-card-mark{
  flex:0 0 64px;
  width:64px;
  height:64px;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--service-premium-blue);
  border:1px solid rgba(255,255,255,0.84);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.88), 0 10px 24px rgba(78,98,110,0.12);
  transition:transform .35s ease, box-shadow .35s ease, background .35s ease;
}

.service-page-grid--premium .service-page-card--premium:hover .service-card-mark{
  transform:scale(1.07) rotate(-4deg);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.92), 0 16px 28px rgba(78,98,110,0.18);
}

/* Per-section variation: rotation, scale, background tint cycle across up to 6 marks */
.service-page-grid--premium .service-page-card--premium:nth-child(1) .service-card-mark{ background:var(--service-premium-blue); transform:rotate(-3deg); }
.service-page-grid--premium .service-page-card--premium:nth-child(2) .service-card-mark{ background:var(--service-premium-taupe); transform:rotate(3deg); }
.service-page-grid--premium .service-page-card--premium:nth-child(3) .service-card-mark{ background:var(--service-premium-ivory); transform:rotate(-2deg) scale(1.04); }
.service-page-grid--premium .service-page-card--premium:nth-child(4) .service-card-mark{ background:var(--service-premium-blue); transform:rotate(2deg) scale(1.03); }
.service-page-grid--premium .service-page-card--premium:nth-child(5) .service-card-mark{ background:var(--service-premium-taupe); transform:rotate(-4deg) scale(1.05); }
.service-page-grid--premium .service-page-card--premium:nth-child(6) .service-card-mark{ background:var(--service-premium-ivory); transform:rotate(4deg) scale(1.02); }

.service-page-grid--premium .service-page-card--premium:hover .service-card-mark:nth-child(1){ transform:rotate(-3deg) scale(1.07); }
.service-page-grid--premium .service-page-card--premium:nth-child(1):hover .service-card-mark{ transform:rotate(-7deg) scale(1.10); }
.service-page-grid--premium .service-page-card--premium:nth-child(2):hover .service-card-mark{ transform:rotate(7deg) scale(1.10); }
.service-page-grid--premium .service-page-card--premium:nth-child(3):hover .service-card-mark{ transform:rotate(-6deg) scale(1.12); }
.service-page-grid--premium .service-page-card--premium:nth-child(4):hover .service-card-mark{ transform:rotate(6deg) scale(1.10); }
.service-page-grid--premium .service-page-card--premium:nth-child(5):hover .service-card-mark{ transform:rotate(-8deg) scale(1.12); }
.service-page-grid--premium .service-page-card--premium:nth-child(6):hover .service-card-mark{ transform:rotate(8deg) scale(1.08); }

/* Subtle accent via inset stroke that changes per card to make each icon visibly distinct */
.service-page-grid--premium .service-page-card--premium:nth-child(odd)  .service-card-mark svg{ stroke:var(--service-premium-stroke); }
.service-page-grid--premium .service-page-card--premium:nth-child(even) .service-card-mark svg{ stroke:#5d7872; }

/* FAQ anchor for service pages */
.service-page-grid--premium .service-page-card--premium ul{
  padding-left:1.15rem;
}

.service-page-grid--premium .service-page-card--premium li::marker{
  color:#8fa0a6;
}
.service-page-grid--premium .service-page-card--premium ul{
  padding-left:1.15rem;
}

.service-page-grid--premium .service-page-card--premium li::marker{
  color:#8fa0a6;
}

@media (max-width: 860px){
  }

@media (max-width: 640px){
  .service-page-grid--premium .service-page-card--premium{
    border-radius:22px;
  }

  .service-page-grid--premium .service-page-card--premium h3{
    align-items:flex-start;
  }

  .service-page-grid--premium .service-page-card--premium .service-card-mark{
    width:58px;
    height:58px;
    flex-basis:58px;
  }
}

@media (max-width: 640px){
  .service-page-grid--premium .service-page-card--premium{
    border-radius:22px;
  }
  .service-page-grid--premium .service-page-card--premium h3{
    align-items:flex-start;
  }
  .service-page-grid--premium .service-page-card--premium .service-card-mark{
    width:58px;
    height:58px;
    flex-basis:58px;
  }
  .service-page-grid--premium .service-page-card--premium .service-card-mark svg{
    width:48px;
    height:48px;
  }
}