/* Responsive hero for phones and narrow tablets. */
@media(max-width:940px){
.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:24px 0 32px}
.hero>div{display:contents}
.hero .eyebrow{grid-row:1;margin:0 0 12px}
.hero h1{grid-row:2;font-size:clamp(32px,8.9vw,40px);line-height:1.08;margin:0 0 20px}
.hero .hero-photo{grid-row:3;justify-self:center;margin:0 0 20px;width:100%;max-width:440px;height:clamp(180px,52vw,240px);aspect-ratio:auto;border-radius:16px}
.hero-photo img{object-position:50% 0%}
.hero .lede{grid-row:4;font-size:17px;line-height:1.5;margin:0 0 18px}
.hero .hero-form{grid-row:5;max-width:none;min-width:0}
.signup-qualification{padding:11px 0;margin-bottom:14px}
.nav .wrap{min-height:64px;height:auto;padding-top:10px;padding-bottom:10px;gap:12px}
.nav .logo{font-size:clamp(21px,6vw,25px);white-space:nowrap}
.nav .btn{font:600 13px/1.3 system-ui;min-height:44px;padding:10px 12px;text-align:center;justify-content:center}
.hero-form input{font-size:17px;padding:12px;min-height:48px}
.hero-form button{padding:14px;min-height:48px}
.wrap{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
#signup{scroll-margin-top:90px}
}

@media(min-width:700px) and (max-width:940px){
.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:center;padding:38px 0}
.hero>div{display:block;min-width:0}
.hero h1{font-size:36px;margin-bottom:18px}
.hero .hero-photo{grid-row:auto;justify-self:stretch;max-width:none;height:auto;aspect-ratio:4/5;margin:0;border-radius:22px}
.hero .hero-photo img{object-position:center}
.hero .lede{font-size:17px}
.how-section{grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:center}
.how-section h2{font-size:32px}
.how-section .phone{width:280px;min-height:690px}
.how-steps li{padding-left:42px}.how-steps p{font-size:15px}
}

@media(max-width:699px){.hero h1{grid-row:1}.hero .hero-photo{grid-row:2}.hero .lede{grid-row:3}.hero .hero-form{grid-row:4}.hero .hero-photo img{object-position:50% 0%}}