/* Homepage refinements for phone-sized screens. */
img{max-width:100%;height:auto}
@media (max-width:780px){
  .nav.open{background:rgba(5,9,18,.98);border-color:var(--line)}
  .nav.open nav{display:flex;position:absolute;top:64px;left:0;right:0;padding:20px 7vw 24px;flex-direction:column;align-items:stretch;gap:0;background:rgba(5,9,18,.98);border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(0,0,0,.3)}
  .nav.open nav a{padding:14px 0;border-bottom:1px solid rgba(143,197,255,.12);font-size:13px}
  .nav.open nav .nav-cta{margin-top:12px;padding:13px 16px;text-align:center;border-bottom:1px solid var(--blue)}
  .hero{min-height:730px;padding:112px 7vw 84px}
  .hero-art{right:8vw;width:78vw;height:500px;bottom:45px;opacity:.55;border-right:0;background:transparent}
  .hero-art img{object-fit:contain;object-position:center bottom}
  .hero-copy{max-width:100%;z-index:3}
  .hero h1{font-size:clamp(46px,13vw,68px);line-height:1;letter-spacing:-3px}
  .lede{font-size:15px;max-width:330px}
  .hero-proof{gap:17px;margin-top:36px}
  .hero-proof span{max-width:74px;line-height:1.35}
  .cursor-glow{display:none}
}
@media (max-width:440px){
  .nav{padding-inline:5vw}.brand{font-size:10px;letter-spacing:1px}
  .hero{min-height:740px;padding-inline:6vw}.hero-art{width:82vw;right:9vw;height:470px;bottom:38px;opacity:.48}
  .hero h1{font-size:46px}.actions{display:grid;grid-template-columns:1fr;width:100%;gap:9px}
  .actions .button{width:100%}.hero-proof{justify-content:space-between;gap:8px}
  .hero-proof strong{font-size:14px}.hero-proof span{font-size:9px}
  .section,.band{padding-inline:6vw}.section h2{letter-spacing:-1.8px}
  .price-card{padding:26px 20px}.quote{padding:28px 19px}footer{padding-inline:6vw}
}