/* Final cross-page responsive safety layer. Loaded after component styles. */
html,body{max-width:100%;overflow-x:clip}*,*:before,*:after{box-sizing:border-box}img,video,svg{max-width:100%;height:auto}.main-header,.main-nav{max-width:100vw}
@media(max-width:1000px){
  .why-section,.benefit-panel{height:auto!important}.benefit-panel{grid-template-columns:1fr!important}
  .service-intro,.sub-stats,.other-services,.sub-expertise,.sub-journey,.sub-portfolio,.pricing-section,.pricing-faq,.contact-main,.about-story,.about-stats,.about-why,.about-faq,.services-catalog,.formats-section,.journey-section,.services-faq{height:auto!important}
  .main-nav.open{max-height:calc(100vh - 72px);overflow-y:auto!important;overscroll-behavior:contain}
  .nav-services,.nav-services>a{width:100%}.nav-services.menu-open .services-mega{position:static!important;display:block!important;width:100%!important;max-height:650px!important;transform:none!important}
}
@media(max-width:600px){
  .site-container,.footer-inner,.contact-inner,.contact-main-inner,.service-intro-inner,.other-services-inner,.pricing-faq-inner,.about-faq-inner,.story-grid,.services-faq-inner{max-width:calc(100% - 30px)!important}
  .why-section{padding:70px 0 90px!important;overflow:visible!important}.why-section:after{display:none!important}.benefit-panel{display:flex!important;flex-direction:column!important;width:calc(100% - 30px)!important;max-width:none!important;height:auto!important;min-height:0!important;padding:15px!important;gap:13px!important;margin:35px auto 0!important;background:#f3efed!important}
  .benefit{display:flex!important;flex:none!important;width:100%!important;height:auto!important;min-height:82px!important;max-height:none!important;align-items:stretch!important;overflow:hidden!important;background:#fff!important}
  .benefit>b{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:auto!important;min-height:82px!important;writing-mode:horizontal-tb!important;transform:none!important;font-size:14px!important}
  .benefit>b:after{display:none!important}.benefit span{display:flex!important;justify-content:center!important;min-width:0!important;flex:1!important;padding:14px 15px!important}.benefit strong{font-size:15px!important;line-height:1.3!important}.benefit small{font-size:11px!important;line-height:1.45!important;margin-top:5px!important}
  .benefit:hover{transform:none!important}.feature-ticker{margin-top:0!important}
  .stats-card,.services-cards,.service-grid,.format-grid,.pricing-cards,.other-grid,.review-grid,.footer-inner,.contact-inner,.contact-main-inner,.story-grid,.about-faq-inner,.services-faq-inner{min-width:0!important;width:calc(100% - 30px)!important;max-width:none!important}
  .stats-card{grid-template-columns:1fr 1fr!important}.services-cards,.service-grid,.format-grid,.pricing-cards,.other-grid,.review-grid,.footer-inner{grid-template-columns:1fr!important}
  .service-card,.price-card,.format-card,.other-card,.review-card{width:100%!important;max-width:100%!important}.contact-info-strip,.quote-fields,.form-grid{grid-template-columns:1fr!important}.quote-full,.form-grid .full{grid-column:1!important}
  .breadcrumbs{max-width:100%;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none}.breadcrumbs::-webkit-scrollbar{display:none}
  .main-nav{left:0!important;right:0!important;width:100%!important}.main-nav .mega-link{grid-template-columns:36px minmax(0,1fr) 18px!important}.mega-copy{min-width:0}.mega-copy b{white-space:normal}
  .ui-btn{max-width:100%;white-space:normal;text-align:center}.footer-about>img{width:min(280px,100%)!important}.copyright{width:calc(100% - 30px)!important}
}
@media(max-width:380px){.benefit-panel{width:calc(100% - 20px)!important;padding:10px!important}.benefit strong{font-size:14px!important}.benefit span{padding:12px!important}.stats-card,.services-cards,.service-grid,.format-grid,.pricing-cards,.other-grid,.review-grid,.footer-inner,.contact-inner,.contact-main-inner{width:calc(100% - 20px)!important}}