.service-page{max-width:1180px;margin:0 auto;padding:28px 20px 70px}.service-breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#667085;font-size:12px;margin-bottom:22px}.service-breadcrumb a{color:#5b21b6}
.service-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:32px;padding:46px;border-radius:28px;background:linear-gradient(135deg,#172554,#312e81 55%,#4c1d95);color:#fff;overflow:hidden}.service-hero h1{font-size:clamp(36px,5vw,58px);line-height:1.04;margin:10px 0 16px;color:#fff}.service-hero p{font-size:17px;line-height:1.65;color:rgba(255,255,255,.88);max-width:720px}.service-hero .eyebrow{color:#c4b5fd}.service-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.service-outcome-card{align-self:center;background:#fff;color:#101828;border-radius:20px;padding:22px;box-shadow:0 18px 50px rgba(15,23,42,.18)}.service-outcome-card .eyebrow{color:#6d28d9}.service-outcome-card ul{margin:14px 0 0;padding-left:20px}.service-outcome-card li{margin:10px 0;color:#475467;line-height:1.45}
.service-section{padding:64px 0 0}.service-section .section-head p{color:#667085}.service-example-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.service-example{display:flex;gap:10px;align-items:center;padding:18px;border:1px solid #e4e7ec;border-radius:16px;background:#fff}.service-example span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#ecfdf3;color:#087a55;font-weight:900}
.service-pro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.service-pro-card{display:flex;gap:12px;padding:18px;border:1px solid #e4e7ec;border-radius:18px;background:#fff;color:#101828;transition:.2s}.service-pro-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.08)}.service-pro-avatar{width:48px;height:48px;flex:0 0 48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#a78bfa,#4f46e5);color:#fff;font-weight:900}.service-pro-card h3{font-size:16px;margin:0}.service-pro-card p{font-size:12px;color:#667085;margin:5px 0 9px}.service-pro-meta{display:flex;gap:6px;flex-wrap:wrap;font-size:11px;color:#475467}.service-pro-meta span{padding:5px 7px;border-radius:8px;background:#f8fafc}.service-pro-meta .service-available{color:#087a55;background:#ecfdf3}
.service-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.service-related-grid a{display:flex;justify-content:space-between;gap:10px;padding:18px;border:1px solid #e4e7ec;border-radius:16px;background:#fff}.service-related-grid span{color:#6d28d9;font-size:12px;font-weight:800}.service-cta{margin-top:64px;padding:36px;text-align:center;border-radius:24px;background:linear-gradient(135deg,#1e1b4b,#6d28d9);color:#fff}.service-cta h2{color:#fff;margin-top:0}.service-cta p{color:rgba(255,255,255,.85)}
@media(max-width:900px){.service-hero{grid-template-columns:1fr;padding:36px}.service-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.service-page{padding:20px 16px 54px}.service-hero{padding:28px 20px;border-radius:22px}.service-hero h1{font-size:clamp(34px,10vw,46px)}.service-hero p{font-size:15px}.service-hero-actions{flex-direction:column}.service-hero-actions .btn{width:100%;box-sizing:border-box}.service-example-grid,.service-pro-grid,.service-related-grid{grid-template-columns:1fr}.service-pro-card{min-width:0}.service-pro-card>div:last-child{min-width:0}.service-pro-card h3,.service-pro-card p{overflow-wrap:anywhere}.service-cta{padding:28px 20px}}

/* V3.0.5b — definitive service hero secondary CTA styling.
   Uses its own class, so global .btn/.btn-light rules cannot hide the text. */
.service-hero .service-secondary-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 18px;
  border:1px solid #ffffff;
  border-radius:12px;
  background:#ffffff;
  color:#1e1b4b !important;
  -webkit-text-fill-color:#1e1b4b;
  font-weight:800;
  font-size:14px;
  line-height:1.2;
  text-decoration:none;
  opacity:1;
  visibility:visible;
  white-space:normal;
}
.service-hero .service-secondary-cta:visited{
  color:#1e1b4b !important;
  -webkit-text-fill-color:#1e1b4b;
}
.service-hero .service-secondary-cta:hover,
.service-hero .service-secondary-cta:focus{
  background:#f5f3ff;
  border-color:#f5f3ff;
  color:#4c1d95 !important;
  -webkit-text-fill-color:#4c1d95;
}
@media(max-width:620px){
  .service-hero .service-secondary-cta{
    width:100%;
    box-sizing:border-box;
  }
}