/* Final responsive containment layer: no component may widen the page. */
html,body{width:100%;max-width:100%;overflow-x:clip}body>*,main,header,footer,section{max-width:100%}img,video,canvas,svg{max-width:100%}.shell,.shell>*{min-width:0}.section-heading>*,.showcase>*,.visual-layout>*,.security-grid>*,.faq-layout>*,.company-heading>*,.testimonial-heading>*{min-width:0}h1,h2,h3,p,a,strong,span{overflow-wrap:break-word}.footer-grid a{overflow-wrap:anywhere}

/* The industry list is a contained grid on smaller screens, never a page-wide scroller. */
@media(max-width:900px){
  .industry-strip{overflow:hidden;padding:24px 0}
  .industry-strip .shell{display:grid;grid-template-columns:1fr;gap:14px;width:min(100% - 32px,1180px)}
  .industry-strip .shell>span{white-space:normal}
  .industry-strip .shell>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:100%;min-width:0;gap:9px;overflow:visible;padding:0}
  .industry-strip b{min-width:0;padding:11px 12px;border:1px solid #e1eaf3;border-radius:11px;background:#fff;white-space:normal;line-height:1.35}
  .industry-strip svg{flex:0 0 16px}
}

@media(max-width:700px){
  .site-header,.nav-wrap{max-width:100%}
  .nav-wrap nav{max-height:calc(100dvh - 96px);overflow-y:auto}
  .hero{height:auto;min-height:680px}
  .hero-content,.hero-content>*{width:100%;max-width:100%}
  .hero h1{font-size:clamp(2.45rem,12vw,3.25rem)}
  .hero-actions,.hero-actions .button{width:100%}
  .hero-actions .button{white-space:normal;text-align:center}
  .trust-row{width:100%}
  .industry-strip .shell>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .proof-grid strong{font-size:1.25rem}
  .proof-grid span{font-size:.6rem}
  .screen-shell,.mini-screen,.security-art,.price-card,.company-showcase,.testimonial-card{max-width:100%}
  .company-heading h2,.testimonial-heading h2{font-size:clamp(2rem,10vw,2.8rem)}
  .customer-chip>div,.testimonial-person>div{min-width:0}
  .customer-chip strong,.testimonial-person b{overflow-wrap:anywhere}
  .price{align-items:flex-start;flex-wrap:wrap;row-gap:8px}
  .price strong{font-size:clamp(3rem,17vw,4rem)}
  .price>span{margin-left:8px}
  .article-grid,.pricing-grid{width:100%;min-width:0}
  .android-promo-content{width:min(100% - 28px,1180px)}
  .android-button{max-width:100%}
  .footer-grid{gap:34px}
  .support-float{right:12px;bottom:12px}
}

@media(max-width:420px){
  .shell{width:calc(100% - 24px)}
  .industry-strip .shell{width:calc(100% - 24px)}
  .industry-strip .shell>div{grid-template-columns:1fr}
  .industry-strip b{min-height:45px}
  .proof-grid{grid-template-columns:1fr 1fr}
  .proof-grid div{min-width:0;flex-direction:column;gap:2px;text-align:center}
  .company-showcase{padding-inline:18px}
  .cta h2{font-size:2.15rem}
  .android-promo h2{font-size:2.55rem}
}

/* Mobile polish: make the public site feel intentionally designed for phones. */
@media(max-width:700px){
  body{font-size:15px;line-height:1.55;background:#fff}
  .shell{width:calc(100% - 32px)}
  .site-header{height:64px}
  .nav-wrap{height:64px}
  .brand-lockup img{width:142px!important;height:auto!important}
  .menu-toggle{width:42px!important;height:42px!important;border-radius:12px!important}

  .hero{margin-top:64px;min-height:calc(100svh - 64px);padding:72px 0 42px;align-items:flex-end}
  .hero-photo{object-position:67% center}
  .hero-overlay{background:linear-gradient(180deg,rgba(5,17,37,.22) 0%,rgba(5,17,37,.76) 42%,rgba(5,17,37,.98) 100%)}
  .hero-content{padding-bottom:4px}
  .hero-content>*{max-width:100%}
  .eyebrow,.kicker{font-size:.62rem;letter-spacing:.1em;line-height:1.35}
  .eyebrow span{width:18px}
  .hero h1{font-size:clamp(2.2rem,10.8vw,3.05rem);line-height:1.03;letter-spacing:-.025em;margin:16px 0 14px}
  .hero p{font-size:.96rem;line-height:1.7;color:#d7e4f2}
  .hero-actions{display:grid;gap:10px;margin-top:22px}
  .button{width:100%;min-height:48px;padding:13px 16px;border-radius:12px;font-size:.82rem;line-height:1.25}
  .button svg{width:16px;flex:0 0 16px}
  .trust-row{display:grid;grid-template-columns:1fr;gap:8px;margin-top:18px;font-size:.72rem}
  .trust-row span{padding:9px 11px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(255,255,255,.07)}

  .proof-grid{padding:0}
  .proof-grid div{min-height:76px;padding:12px 8px;border-right:1px solid var(--line)}
  .proof-grid strong{font-size:1.35rem;line-height:1}
  .proof-grid span{font-size:.64rem;line-height:1.25}

  .section{padding:64px 0}
  .section-heading,.center-heading{margin-bottom:28px}
  .section-heading{gap:12px}
  .section-heading h2,.center-heading h2,.visual-layout h2,.security h2,.faq h2{font-size:clamp(1.85rem,8.7vw,2.45rem);line-height:1.12;letter-spacing:-.02em;margin-top:8px}
  .section-heading p,.center-heading p,.visual-layout p,.faq-layout>div:first-child>p{font-size:.9rem;line-height:1.7}

  .showcase,.visual-layout,.security-grid,.faq-layout{gap:28px}
  .screen-shell{border-radius:14px;padding:7px;aspect-ratio:1.12}
  .screen-shell>img{inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);border-radius:10px}
  .showcase-copy .number{font-size:2.8rem}
  .showcase-copy h3{font-size:1.55rem;margin-top:-10px}
  .showcase-copy p{font-size:.9rem;line-height:1.7}
  .showcase-copy li{font-size:.78rem;align-items:flex-start}

  .workflow-grid{gap:10px}
  .workflow-grid article{padding:20px;border-radius:14px}
  .workflow-grid h3{font-size:1.08rem;margin:12px 0 5px}
  .workflow-grid p{font-size:.78rem;line-height:1.55}

  .feature-grid{gap:10px}
  .feature-card{min-height:0;padding:20px;border-radius:14px}
  .feature-card>span{width:42px;height:42px;border-radius:11px}
  .feature-card h3{font-size:1rem;margin:14px 0 7px}
  .feature-card p{font-size:.78rem;line-height:1.65}

  .visual-band{padding:62px 0}
  .mini-screen{height:auto;min-height:260px;border-radius:15px;padding:10px}
  .security-art{height:250px;border-radius:22px}
  .security-art>svg{width:86px;height:86px}
  .security-list{gap:10px}
  .security-list>div{padding:14px;border-radius:12px}
  .security-list strong{font-size:.82rem}
  .security-list span{font-size:.72rem;line-height:1.5}

  .company-showcase{padding:30px 20px;border-radius:20px}
  .company-heading,.testimonial-heading{gap:12px;margin-bottom:24px}
  .section-index{font-size:.52rem;letter-spacing:.14em;margin-bottom:11px}
  .company-heading h2,.testimonial-heading h2{font-size:clamp(1.85rem,8.5vw,2.45rem);letter-spacing:-.02em}
  .company-heading p,.testimonial-heading p{font-size:.78rem;line-height:1.65}
  .customer-wall,.testimonial-grid{gap:10px}
  .customer-chip{min-height:68px;padding:12px;border-radius:13px}
  .testimonial-card{min-height:0;padding:22px;border-radius:16px}
  .testimonial-card>p{font-size:.84rem;line-height:1.75;margin:28px 0 24px}

  .price-card{padding:24px 18px;border-radius:18px}
  .price-intro h3{font-size:1.08rem}
  .price-intro p{font-size:.74rem}
  .price{margin:20px 0}
  .price strong{font-size:clamp(3rem,15vw,3.7rem)}
  .daily-price{font-size:.74rem}
  .price-features{gap:10px;padding:20px 0}
  .price-features span{font-size:.76rem;align-items:flex-start}

  .article-grid{gap:10px}
  .article-grid article{border-radius:14px;padding:20px}
  .accordion details{padding:17px 0}
  .accordion summary{font-size:.86rem;gap:12px}
  .accordion details p{max-width:100%;font-size:.78rem;line-height:1.7}

  .android-promo{min-height:auto;padding:74px 0}
  .android-promo-bg img{object-position:64% center}
  .android-promo h2{font-size:clamp(2.1rem,10vw,2.8rem);line-height:1.05}
  .android-promo p{font-size:.92rem;line-height:1.65}
  .android-button{width:100%;min-height:50px;justify-content:center}

  .cta{padding:62px 0}
  .cta h2{font-size:clamp(2rem,9vw,2.55rem);line-height:1.08}
  .cta p{font-size:.9rem;line-height:1.65}
  .footer-grid{gap:26px}
  footer{padding:46px 0 20px}
}

@media(max-width:420px){
  .shell{width:calc(100% - 26px)}
  .hero{padding-top:58px}
  .hero h1{font-size:clamp(2.02rem,10.2vw,2.55rem)}
  .hero p{font-size:.9rem}
  .button{min-height:46px;font-size:.78rem}
  .section{padding:56px 0}
  .section-heading h2,.center-heading h2,.visual-layout h2,.security h2,.faq h2{font-size:clamp(1.72rem,8.4vw,2.18rem)}
  .proof-grid div{min-height:72px}
  .industry-strip b{font-size:.72rem;padding:10px 11px}
  .support-float{width:48px;height:48px;justify-content:center;padding:0;border-radius:50%}
}