/* ── SERVICE PAGE SHARED STYLES ── */

.sp-hero{
  padding:8rem 8vw 5.5rem;
  position:relative;overflow:hidden;
}
.sp-hero-sky{background:var(--sky-bg)}
.sp-hero-purple{background:#F5F3FF}
.sp-hero-mint{background:#F0FDF4}

.sp-blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}
.sp-blob-1{width:500px;height:500px;opacity:.35;top:-100px;right:-80px}
.sp-blob-2{width:350px;height:350px;opacity:.25;bottom:-60px;left:-80px}
.sp-hero-sky .sp-blob-1{background:var(--sky-l)}
.sp-hero-sky .sp-blob-2{background:#A5F3FC}
.sp-hero-purple .sp-blob-1{background:#DDD6FE}
.sp-hero-purple .sp-blob-2{background:#C4B5FD}
.sp-hero-mint .sp-blob-1{background:#A7F3D0}
.sp-hero-mint .sp-blob-2{background:#6EE7B7}

.sp-hero-inner{position:relative;z-index:1;max-width:680px}

.sp-tag{
  display:inline-flex;align-items:center;gap:.5rem;
  background:#fff;border:1.5px solid var(--border);
  font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--sky-dd);padding:.4rem 1rem .4rem .5rem;border-radius:100px;
  margin-bottom:1.75rem;box-shadow:0 2px 12px rgba(56,189,248,.12);
}
.sp-tag-dot{
  width:22px;height:22px;border-radius:50%;background:var(--sky-xl);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.sp-tag-dot span{
  width:8px;height:8px;border-radius:50%;background:var(--sky-d);
  animation:pulse 1.8s ease-in-out infinite;
}
.sp-hero-purple .sp-tag{color:#6D28D9;border-color:rgba(124,58,237,.2)}
.sp-hero-purple .sp-tag-dot{background:#EDE9FE}
.sp-hero-purple .sp-tag-dot span{background:#7C3AED}
.sp-hero-mint .sp-tag{color:#059669;border-color:rgba(5,150,105,.2)}
.sp-hero-mint .sp-tag-dot{background:#D1FAE5}
.sp-hero-mint .sp-tag-dot span{background:#059669}

.sp-hero-sub{
  font-size:1.05rem;color:var(--muted);line-height:1.8;
  max-width:560px;margin:1.25rem 0 2.5rem;
}
.sp-hero-btns{display:flex;gap:.875rem;flex-wrap:wrap;align-items:center}

/* ── FEATURE SECTION ── */
.sp-features{padding:7rem 8vw;background:#fff}
.sp-features-head,.sp-process-head{text-align:center;max-width:600px;margin:0 auto 4rem}
.sp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}

/* ── PROCESS ── */
.sp-process{padding:7rem 8vw;background:var(--cream)}

/* ── CTA ── */
.sp-cta{
  padding:6rem 8vw;text-align:center;
  background:var(--ink);color:#fff;position:relative;overflow:hidden;
}
.sp-cta::before{
  content:'';position:absolute;top:-80px;right:-80px;
  width:400px;height:400px;border-radius:50%;
  background:rgba(56,189,248,.08);pointer-events:none;
}
.sp-cta .section-label{color:var(--sky);border-color:transparent}
.sp-cta .section-label::before,.sp-cta .section-label::after{background:var(--sky);opacity:.4}
.sp-cta h2{color:#fff;margin-top:.75rem}
.sp-cta p{color:var(--muted-l);margin-top:.75rem;margin-bottom:2.5rem;font-size:1rem;line-height:1.8}
.sp-cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn-cta-white{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:13px 28px;border-radius:100px;
  font-weight:700;font-size:.95rem;color:var(--ink);
  background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.15);
  transition:all .2s;
}
.btn-cta-white:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.2)}
.btn-cta-outline{
  display:inline-flex;align-items:center;
  padding:13px 28px;border-radius:100px;
  font-weight:600;font-size:.95rem;color:#fff;
  border:1.5px solid rgba(255,255,255,.3);
  transition:all .2s;
}
.btn-cta-outline:hover{border-color:#fff;background:rgba(255,255,255,.08)}

@media(max-width:900px){
  .sp-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .sp-grid{grid-template-columns:1fr}
  .sp-hero{padding:7rem 6vw 4rem}
  .sp-features,.sp-process,.sp-cta{padding:5rem 6vw}
}