/* Final mobile containment layer for YONDA landing only. */
.landing-page,
.landing-page *{box-sizing:border-box;min-width:0}
.landing-page img,
.landing-page svg,
.landing-page canvas,
.landing-page pre{max-width:100%}
@media (max-width:820px){
  html,body,#root{width:100%;max-width:100%;min-width:0;overflow-x:hidden}
  .landing-page{width:100%;max-width:100%;overflow-x:clip}
  .landing-page .container{width:100%;max-width:100%;padding-left:16px!important;padding-right:16px!important}
  .landing-page .public-nav{width:100%;max-width:100%;height:64px!important}
  .landing-page .brand{white-space:nowrap;flex:0 0 auto}
  .landing-page .nav-actions{min-width:0}
  .landing-page .public-nav>nav{max-width:calc(100vw - 32px)!important}
  .landing-page .landing-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;min-height:0;padding-top:3.5rem;padding-bottom:3.5rem}
  .landing-page .landing-hero-copy{width:100%;max-width:100%}
  .landing-page .landing-hero h1{max-width:100%;font-size:clamp(2.55rem,12.5vw,4.2rem);line-height:.98;letter-spacing:-.065em;overflow-wrap:anywhere}
  .landing-page .landing-hero p{max-width:100%;font-size:1rem;line-height:1.6;overflow-wrap:anywhere}
  .landing-page .hero-trust{gap:.65rem .9rem;font-size:.78rem}
  .landing-page .hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;max-width:100%}
  .landing-page .hero-actions>*{max-width:100%}
  .landing-page .landing-code-card{width:100%;max-width:100%;padding:1rem;border-radius:16px;transform:none;overflow:hidden}
  .landing-page .landing-code-card pre{width:100%;overflow-x:auto;white-space:pre;font-size:.72rem;line-height:1.65}
  .landing-page .code-card-top,.landing-page .code-card-footer{max-width:100%;gap:.5rem;overflow:hidden}
  .landing-page .code-card-top>*,.landing-page .code-card-footer>*{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .landing-page .landing-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:1.5rem 0}
  .landing-page .landing-stats div{padding:1rem!important;border-left:0!important;min-width:0}
  .landing-page .landing-stats strong,.landing-page .landing-stats span{overflow-wrap:anywhere}
  .landing-page .landing-section{padding-top:4rem;padding-bottom:1rem}
  .landing-page .section-heading h2,.landing-page .landing-cta h2{font-size:clamp(2rem,10vw,3rem);overflow-wrap:anywhere}
  .landing-page .landing-feature-grid{grid-template-columns:minmax(0,1fr);gap:.8rem;margin-top:2rem}
  .landing-page .landing-feature{min-height:0;padding:1.25rem;overflow:hidden}
  .landing-page .landing-model-section{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}
  .landing-page .landing-models{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
  .landing-page .landing-models .model-chip{min-height:68px;padding:.8rem;overflow-wrap:anywhere}
  .landing-page .landing-cta{width:100%;max-width:100%;padding:3.5rem 1.1rem;margin-top:3rem;margin-bottom:3rem;overflow:hidden}
}
@media (max-width:480px){
  .landing-page .container{padding-left:14px!important;padding-right:14px!important}
  .landing-page .landing-stats{grid-template-columns:minmax(0,1fr)}
  .landing-page .landing-models{grid-template-columns:minmax(0,1fr)}
  .landing-page .hero-actions>*{width:100%;justify-content:center}
  .landing-page .public-nav>nav{max-width:calc(100vw - 28px)!important}
}
@media (prefers-reduced-motion:reduce){.landing-page *{scroll-behavior:auto!important}}
