/* Mobile / tablet hardening. Loaded last. */
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--g);color:#03140b;padding:10px 16px;border-radius:10px;font-weight:700}
.skip:focus{left:8px}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--g);outline-offset:3px}
html{-webkit-text-size-adjust:100%}
body{padding-bottom:env(safe-area-inset-bottom)}
input,select,textarea{font-size:16px} /* stops iOS zoom on focus */
.btn,.burger,.ptabs button,.menu a{min-height:44px}
.tbl{-webkit-overflow-scrolling:touch}
.tbl table{min-width:560px}
.term pre,.mock,.dash{max-width:100%}

@media(max-width:920px){
  .nav{height:64px}
  .menu{top:64px;max-height:calc(100vh - 64px);overflow-y:auto;gap:2px;box-shadow:0 30px 40px -20px #000}
  .menu a,.dd>a{padding:13px 14px}
  .menu .btn{margin:8px 0 4px!important;justify-content:center}
  .dd>div a{padding:11px 14px}
  .subnav{top:64px}
  .hero{padding:56px 0 40px}
  .hero .grid{gap:40px}
  .hero .vis{padding-bottom:0}
  section{padding:56px 0}
  .head{margin-bottom:34px}
  .stats{gap:22px}
  .pagehero{padding:56px 0 24px}
}
@media(max-width:640px){
  .wrap{width:min(1180px,100% - 32px)}
  h1{font-size:clamp(2rem,9vw,2.6rem)}
  h2{font-size:clamp(1.55rem,7vw,2rem)}
  .hero h1,.phero h1{font-size:clamp(2.05rem,9.5vw,2.7rem)}
  .lead,.hero p.lead,.phero .lead{font-size:1.02rem!important}
  .row{flex-direction:column}.row .btn{justify-content:center;width:100%}
  .phero .row{align-items:stretch}
  .chips span{font-size:.74rem;padding:6px 11px}
  .card{padding:22px;border-radius:18px}
  .cta{padding:38px 20px;border-radius:24px}
  .cards,.cards.c4{grid-template-columns:1fr}
  .bignums{grid-template-columns:1fr 1fr;gap:12px}.bn{padding:22px 10px}
  .tiles{grid-template-columns:1fr 1fr 1fr;gap:8px}.tile{padding:9px}.tile b{font-size:1.05rem}
  .dash{grid-template-columns:42px 1fr;font-size:.72rem;border-radius:20px}.dash .main{padding:12px}
  .ev{grid-template-columns:auto 1fr}.ev small{display:none}
  .mock{padding:14px;border-radius:18px}.mockbody{padding:14px}
  .wgrid{grid-template-columns:repeat(3,1fr);gap:7px}.wgrid div{padding:10px 4px;font-size:.72rem}
  .chat{grid-template-columns:1fr}.chat .lst{display:none}
  .arch{gap:10px}.arr{display:none}
  .tl .n{left:20px}
  .steps .card{padding-left:74px}
  .tri,.vs,.tl,.flow,.facts{grid-template-columns:1fr}
  .fact{border-right:0!important;border-bottom:1px solid var(--line)}.fact:last-child{border-bottom:0}
  .bento{grid-template-columns:1fr}.bt.wide{grid-column:auto}
  .pf,.pf.rev{gap:26px;margin-bottom:56px}
  .price.hot{transform:none}
  .ptabs{gap:6px}.ptabs button{padding:10px 16px;font-size:.85rem}
  .fg{gap:26px}.copy{flex-direction:column;text-align:center}
  .faq details{padding:0 18px}.faq summary{padding:18px 0;font-size:.95rem}
  .two{grid-template-columns:1fr}
  .subnav .wrap{height:52px}
  .marq div{gap:30px}
  .term pre{font-size:.72rem;padding:16px}
  .gal{grid-template-columns:1fr}
  .hero-frame{margin-top:34px}
  .float{display:none}
  th,td{padding:12px 14px}
}
@media(max-width:380px){
  .bignums{grid-template-columns:1fr}
  .tiles{grid-template-columns:1fr 1fr}.tiles .tile:last-child{grid-column:span 2}
}