/* Visible, server-delivered service content independent of the 3D scene. */
.phone-hero{display:none}
@media(max-width:700px){
 .phone-hero{display:block;padding:108px 7vw 34px;background:radial-gradient(ellipse at 65% 45%,#fff,#f5f6f8 65%,#edf0f3)}
 .phone-hero .hero-copy{position:static;width:100%;max-width:none;padding:0;margin:0;opacity:1!important;visibility:visible!important;transform:none!important;will-change:auto;pointer-events:auto}
 .phone-hero .hero-description{max-width:100%}
 .phone-hero .scroll-hint{display:none}
}
.service-details{background:#edf3ef;color:#18271f}
.service-details h2{font-size:clamp(28px,3.3vw,44px);letter-spacing:-1.2px;margin:0 0 20px}
.service-details>p:not(.eyebrow){max-width:850px;line-height:1.75;color:#53665a}
.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:30px 0}
.expertise-grid h3{font-size:20px;color:#0a4b31;line-height:1.4}
.expertise-grid p{font-size:15px;line-height:1.75;color:#53665a}
.expertise-contact{display:inline-block;color:#0a4b31;font-weight:600;text-decoration:underline;text-underline-offset:5px;padding:12px 0}
@media(max-width:700px){.expertise-grid{grid-template-columns:1fr;gap:10px;margin:20px 0}.service-details h2{font-size:28px}.expertise-grid h3{font-size:18px}}