/* DO Innovations — premium presentation layer for service pages.
   Loaded only on /services/ pages. Pure enhancement: no content,
   functionality or SEO changes. */
.service-hero{min-height:60vh;display:flex;align-items:center}
.service-hero .service-hero-inner,.service-hero .wrap{width:100%}
.service-hero h1{font-size:clamp(34px,4.8vw,60px)}
.prv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.16,.84,.44,1),transform .8s cubic-bezier(.16,.84,.44,1)}
.prv.in{opacity:1;transform:none}
.service-body .bullet-list li{transition:background .2s ease,padding-left .2s ease;border-radius:6px}
.service-body .bullet-list li:hover{background:var(--tint);padding-left:8px}
.ts-tool-card,.ts-offer{transition:box-shadow .25s ease,transform .25s ease}
.ts-tool-card:hover{box-shadow:var(--shadow)}
@media (prefers-reduced-motion:reduce){.prv{opacity:1;transform:none;transition:none}}

/* small screens: the 3D motif gets its own stage below the text */
@media (max-width: 999px) {
  .service-hero { padding-bottom: 215px; min-height: 0; }
  .service-hero .service-hero-inner { padding-top: clamp(40px, 7vw, 60px); padding-bottom: 10px; }
}
@media (max-width: 760px) {
  .service-hero .service-hero-inner { text-align: center; }
  .service-hero .service-hero-inner .btn { margin-left: auto; margin-right: auto; }
}