/* Service introductions follow their content instead of filling the viewport. */
body .page-hero.page-hero-full,
body .page-hero.svc-hero { min-height:0; padding:44px 0 64px; }
body .page-hero.page-hero-full h1 { font-size:clamp(1.9rem,3.4vw,2.7rem); margin-bottom:16px; }
body .page-hero.page-hero-full .lead { line-height:1.8; }
body .page-hero.page-hero-full .hero-ctas { margin-top:24px; }
body .page-hero.page-hero-full .hero-badges { margin-top:24px; }
body .page-hero.page-hero-full .hero-scroll { margin-top:26px; }
body .svc-hero-grid { gap:40px; }
body .svc-hero-copy .page-hero-tag { margin-bottom:14px; }
body .svc-hero-copy h1 { font-size:clamp(1.7rem,3.1vw,2.55rem); margin-bottom:16px; }
body .svc-hero-copy .lead { line-height:1.8; }
body .svc-hero-copy .hero-ctas { margin-top:22px; }
body .svc-hero .svc-trust { margin-top:24px; gap:10px 20px; }
body .svc-hero .mp-interface-stage { max-width:420px; margin:auto; }
body .svc-hero .studio-app-hero > img { max-height:390px; }
body .page-hero.svc-hero-center { padding:44px 0 54px; }
body .svc-hero-center .svc-pipe { margin-top:32px; }
@media(max-width:1000px) {
  body .svc-hero-grid { gap:32px; }
  body .svc-hero .svc-hero-visual { max-width:460px; }
}
@media(max-width:640px) {
  body .page-hero.page-hero-full,
  body .page-hero.svc-hero { padding:30px 0 40px; }
  body .page-hero.page-hero-full h1,
  body .svc-hero-copy h1 { font-size:1.7rem; line-height:1.3; }
  body .page-hero.page-hero-full .lead,
  body .svc-hero-copy .lead { font-size:.96rem; line-height:1.75; }
  body .svc-hero .svc-trust { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 12px; margin-top:20px; }
  body .svc-hero .svc-trust li { font-size:.82rem; padding-left:23px; }
  body .svc-hero-grid { gap:28px; }
  body .svc-hero .mp-interface-stage { max-width:300px; }
  body .svc-hero .studio-app-hero > img { max-height:280px; }
  body .page-hero.svc-hero-center { padding:30px 0 40px; }
  body .svc-hero-center .svc-trust { grid-template-columns:repeat(2,minmax(0,1fr)); }
}