/* ============================================================
   Services Hub — shared hero + nav strip styles
   Used by: Services hub, Privacy, Terms
   ============================================================ */

.sh-hero{background:var(--white);padding:120px 40px 32px;text-align:center}
.sh-hero-inner{max-width:1000px;margin:0 auto}
.sh-hero-eyebrow{display:block;font-size:13px;font-weight:800;letter-spacing:0.35em;text-transform:uppercase;color:var(--electric-blue);margin-bottom:40px}
.sh-hero-h1{font-size:clamp(44px,8vw,100px);font-weight:900;line-height:0.9;letter-spacing:-0.04em;color:var(--black);margin-bottom:28px}
.sh-hero-h1 .h1-gold{color:var(--gold-dark);display:block}
.sh-hero-sub{font-size:clamp(16px,1.8vw,21px);font-weight:300;color:rgba(0,0,0,0.52);max-width:680px;margin:0 auto 40px;line-height:1.55}
.sh-hero-cta{display:flex;justify-content:center}

.s1-color{color:var(--gold-dark) !important;-webkit-text-fill-color:var(--gold-dark) !important}
.s1-bg{background:var(--gold-dark)}
.s2-color{background:linear-gradient(135deg,var(--electric-blue) 0%,var(--electric-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}
.s2-bg{background:linear-gradient(135deg,var(--electric-blue),var(--electric-purple))}
.s3-color{color:var(--electric-purple) !important;-webkit-text-fill-color:var(--electric-purple) !important}
.s3-bg{background:var(--electric-purple)}
.s4-color{background:linear-gradient(135deg,var(--gold-dark) 0%,var(--electric-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}
.s4-bg{background:linear-gradient(135deg,var(--gold-dark),var(--electric-purple))}
.s5-color{color:var(--electric-blue) !important;-webkit-text-fill-color:var(--electric-blue) !important}
.s5-bg{background:var(--electric-blue)}
.s6-color{background:linear-gradient(135deg,var(--electric-purple) 0%,var(--gold-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}
.s6-bg{background:linear-gradient(135deg,var(--electric-purple),var(--gold-dark))}

@media(max-width:768px){
  .sh-hero{padding-left:24px;padding-right:24px}
}