@media(max-width:480px){
  .container{width:calc(100% - 24px)}
  .nav-wrap{height:74px}
  .site-header nav{inset:74px 0 auto;padding:10px 18px 24px;gap:0;max-height:calc(100vh - 74px);overflow-y:auto;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 24px 50px rgba(0,0,0,.35)}
  .site-header nav>a{display:flex;width:100%;min-height:52px;align-items:center;padding:0 4px;border-bottom:1px solid rgba(255,255,255,.08);font-size:15px}
  .site-header nav .button-small{margin-top:16px;justify-content:center;border-bottom:0}
  .nav-toggle{width:44px;height:44px;padding:7px}
  .hero{padding-top:112px}
  .hero h1{font-size:clamp(37px,11vw,44px);line-height:1.06}
  .hero-lede{font-size:16px;line-height:1.55;margin:22px 0 28px}
  .hero-proof{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin-top:35px}
  .hero-proof div{padding-right:8px}
  .hero-proof div:last-child{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}
  .hero-product{height:280px;margin-top:8px}
  .product-orbit,.hero-symbol,.float-chip{display:none}
  .browser-frame{width:100%;right:0;top:28px;transform:none;border-width:5px;border-radius:10px}
  .browser-top{height:25px}
  .phone-frame{width:92px;left:-4px;bottom:2px;border-width:4px;border-radius:16px}
  .trust-line{flex-wrap:wrap;gap:8px 14px;margin-top:34px;line-height:1.8}
  .trust-line i{display:none}
  .section h2,.experience-intro h2,.showcase-grid h2{font-size:clamp(34px,10vw,39px)}
  .page-hero h1,.demo-page h1{font-size:clamp(36px,10.5vw,42px)}
  .page-hero p:not(.eyebrow),.demo-page>div>div>p{font-size:16px}
  .cta-box{gap:28px}
  .cta-box .button{width:100%}
  .contact-card .button{min-height:50px;padding:0 12px;gap:8px;font-size:12px;white-space:normal;overflow-wrap:anywhere;text-align:center}
  .footer-bottom{font-size:11px}
}