/* AD SENSE MOBILE v4.3.9 — text containment + cross-page mobile QA */
@media (max-width:980px){
  html{
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  body,main,header,footer,section{max-width:100%!important;overflow-x:hidden!important}
  body *{min-width:0}

  .container{
    width:auto!important;
    max-width:none!important;
    margin-left:16px!important;
    margin-right:16px!important;
  }

  .hero .container,.page-hero .container,.hero-content,
  .section .container,.section-sm .container,.footer .container{
    min-width:0!important;
    max-width:none!important;
  }

  .hero .eyebrow,.page-hero .eyebrow,.section .eyebrow{
    display:flex!important;
    flex-wrap:wrap!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  .eyebrow::before{flex:0 0 27px!important}

  .hero h1,.page-hero h1,
  .hero .lead,.page-hero .lead,
  h1,h2,h3,h4,.h4-look,p,li,
  .lead,.lead-dark,.article-intro,.statement,
  .metric strong,.metric span,.result-item strong,.result-item p,
  .card,.card p,.offer-card,.offer-card p,.process-step,.process-step p,
  .seo-topic,.seo-topic strong,.seo-topic span,
  .knowledge-card,.knowledge-card strong,.contact-card,.contact-card a,.contact-card span,
  .footer a,.footer p,.footer span,.btn,.link{
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  .hero h1 span,.page-hero h1 span{
    display:inline!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  .hero-actions,.hero-proof,.metrics,.grid-2,.grid-3,.grid-4,.grid-5,
  .process-line,.result-band,.split,.contact-grid,.cta-band,
  .form-grid,.roi-result,.footer-main,.seo-topic-grid,.knowledge-grid,
  .kpi-grid,.target-grid,.case-metrics{
    max-width:100%!important;
    min-width:0!important;
  }

  .result-item{grid-template-columns:minmax(52px,auto) minmax(0,1fr)!important}

  /* Collaboration cards stay text-only across phone and tablet widths. */
  #modele .offer-card::before,#modele .offer-card:before{content:none!important;display:none!important;visibility:hidden!important}
  #modele .offer-card .icon-box{display:none!important;visibility:hidden!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
  .contact-form input,.contact-form select,.contact-form textarea,
  .field input,.field select,.field textarea{width:100%!important;min-width:0!important}

  /* keep the working independent menu from v4.3.8 */
  .site-header .nav{display:none!important}
  .menu-btn{display:grid!important;place-items:center!important;position:relative!important;z-index:2147483001!important;width:46px!important;height:46px!important;padding:0!important;pointer-events:auto!important;touch-action:manipulation!important}
  body.adsense-v439-menu-open{overflow:hidden!important}
  #adsense-mobile-menu-v439{position:fixed!important;top:68px!important;left:0!important;right:0!important;bottom:0!important;z-index:2147483000!important;display:none!important;overflow-y:auto!important;overscroll-behavior:contain!important;background:#081318!important;border-top:1px solid rgba(255,255,255,.08)!important;padding:8px 22px calc(28px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important}
  #adsense-mobile-menu-v439.is-open{display:block!important}
  #adsense-mobile-menu-v439 a{display:flex!important;align-items:center!important;width:100%!important;min-height:52px!important;margin:0!important;padding:13px 4px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;background:transparent!important;color:#e9f2f3!important;font-size:16px!important;line-height:1.25!important;font-weight:720!important;text-decoration:none!important;opacity:1!important;box-sizing:border-box!important}
  #adsense-mobile-menu-v439 a.active{color:#8de6ea!important}
  #adsense-mobile-menu-v439 a.nav-cta{justify-content:center!important;min-height:50px!important;margin-top:16px!important;padding:13px 16px!important;border-bottom:0!important;border-radius:999px!important;background:#25c4cc!important;color:#05282b!important;font-weight:850!important}
}

@media (max-width:680px){
  .container{margin-left:14px!important;margin-right:14px!important}
  .hero-content{padding:52px 0 64px!important;width:auto!important}
  .page-hero{padding:54px 0 48px!important}
  .hero h1,.page-hero h1{font-size:clamp(30px,8.8vw,36px)!important;line-height:1.10!important;letter-spacing:-.02em!important;width:100%!important}
  .hero .lead,.page-hero .lead{font-size:16px!important;line-height:1.55!important;width:100%!important}
  .hero .eyebrow,.page-hero .eyebrow{font-size:9.5px!important;line-height:1.5!important;letter-spacing:.095em!important}
  h2{font-size:clamp(26px,7.5vw,31px)!important;line-height:1.12!important}
  h3{line-height:1.18!important}

  .hero-actions .btn{font-size:15px!important;padding-left:14px!important;padding-right:14px!important}
  .hero-proof span{font-size:12.5px!important;line-height:1.45!important}

  /* Pure-text collaboration cards: both pseudo-circle and icon removed. */
  #modele .offer-card::before,#modele .offer-card:before{content:none!important;display:none!important;visibility:hidden!important}
  #modele .offer-card .icon-box{display:none!important;visibility:hidden!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
  #modele .grid-5{grid-template-columns:1fr!important;gap:12px!important}
  #modele .grid-5 .offer-card{display:block!important;grid-column:auto!important;grid-template-columns:none!important;grid-template-areas:none!important;min-height:0!important;padding:20px!important;overflow:hidden!important}
  #modele .offer-card h3{margin:0 0 10px!important;padding:0!important}
  #modele .offer-card p{margin:0!important;padding:0!important;text-align:left!important;text-align-last:auto!important}
  #modele .offer-card .link{display:inline-flex!important;margin-top:16px!important;padding-top:0!important}

  /* Long content sections on all service/article pages */
  .breadcrumbs{max-width:100%!important;overflow-x:auto!important}
  .article-shell{width:auto!important;max-width:100%!important}
  .article-shell img,.visual-card img{max-width:100%!important;height:auto}
  table{max-width:100%!important}

  /* Less intrusive chat launcher on phones */
  .chat-launch{
    right:12px!important;
    bottom:calc(12px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    min-width:64px!important;
    height:48px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    font-size:0!important;
    white-space:nowrap!important;
  }
  .chat-launch::after{content:'Chat';font-size:13px!important;font-weight:850!important;line-height:1!important}
}

@media (max-width:420px){
  .container{margin-left:12px!important;margin-right:12px!important}
  .hero h1,.page-hero h1{font-size:clamp(29px,8.5vw,35px)!important}
  .hero .lead,.page-hero .lead{font-size:15.5px!important}
}

@media (max-width:350px){
  .container{margin-left:10px!important;margin-right:10px!important}
  .hero h1,.page-hero h1{font-size:29px!important}
  .hero .eyebrow,.page-hero .eyebrow{font-size:9px!important}
}