@media(max-width:600px){
  main{width:min(100% - 20px,1120px);margin-bottom:55px}
  .pricing-hero h1{font-size:34px}.pricing-hero p{font-size:14px}
  .plan-card{padding:21px 17px;border-radius:19px}.plan-card button{min-height:48px}
  .modal-backdrop{align-items:end;padding:8px}
  .modal{width:100%;max-height:88dvh;overflow:auto;border-radius:23px 23px 12px 12px;padding:25px 18px calc(20px + env(safe-area-inset-bottom))}
  .modal .primary{position:sticky;bottom:0;min-height:50px}.account-box{margin-top:26px}
}