/* Small phone adjustments; card composition and type scale come from site.css. */
.mobile-copy,.mobile-only,.hero-points .mobile-only{display:none}

@media(max-width:639px){
  .hero-description .desktop-copy{display:none}
  .hero-description .mobile-copy{display:inline}
  .site-header{padding-block:12px}
  .header-actions>.button{min-height:40px;line-height:20px}
  .menu-button{width:40px;height:40px;border:1px solid #dbe3ef;border-radius:12px;background:#f8faff}
  .hero-panel{padding:32px 0 56px;gap:32px}
  .hero-description{margin-top:20px;max-width:36ch;color:#475569}
  .hero-actions{margin-top:26px;gap:12px}
  .hero-actions>.button{min-height:56px;padding:16px 20px;font-size:15px;line-height:22px}
  .hero-actions>.button-secondary{background:#ffffffb3;border-color:#ccd9eb;color:#334155}
  .hero-points{font-size:14px;line-height:22px;gap:10px 14px}
  .connection-scene{min-height:0;padding-bottom:54px}
  .demo-disclaimer{margin-top:20px;font-size:12px;line-height:18px}
  .scene-note-devices{top:104px}
  .scene-note-security{display:none}
  .trial-banner>.button,.plan-card>.button{min-height:50px;font-size:15px;line-height:22px}
  .device-grid h3,.device-trial strong{font-size:15px}
  .device-grid p{font-size:13px;line-height:20px}
  .footer-bottom{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
  .footer-bottom>a{width:fit-content;font-size:14px;line-height:22px}
  .footer-bottom>span:first-child{grid-row:5;margin-top:4px}
}
@media(max-width:370px){
  .menu-button{width:36px}
  .hero-actions>.button{font-size:14px;padding-inline:14px}
  .scene-note small{display:none}
  .scene-note-devices{top:104px}
}