@media(max-width:600px){html,body{max-width:100%;overflow-x:hidden}header .container{width:calc(100% - 20px)}nav{gap:8px}nav>a{min-width:0;flex:1}nav>div{flex:0 0 auto;gap:0}.brand-logo{width:min(178px,100%);max-height:48px;object-position:left center}nav .btn{width:auto!important;min-height:46px;padding:10px 12px;font-size:14px;white-space:nowrap}.hero .grid{gap:34px}.hero-plans{width:100%;min-width:0;overflow:hidden}.hero-plans-head{align-items:center}.hero-plans-head>div:first-child{min-width:0}.hero-plan-viewport,.hero-plan-track,.hero-plan-card{min-width:0;max-width:100%}.hero-plan-card{overflow:hidden}.hero-plan-card h3,.hero-plan-card p,.hero-plan-network span,.hero-plan-card>a,.hero-plans .quote-safe{max-width:100%;white-space:normal;overflow-wrap:anywhere}.hero-plan-card p{display:block}.hero-plan-price{flex-wrap:wrap}.hero-help-cta{min-height:52px;padding:12px 14px;white-space:normal;text-align:center;line-height:1.3}.hero-plans .quote-safe{padding:0 6px}.campaign-slider{aspect-ratio:1920/660;background:#008f59}.campaign-slide img{object-fit:contain}.campaign-arrow{top:50%}.campaign-dots{bottom:7px}.banner-offer{width:100%;max-width:100%}.banner-offer strong,.banner-offer small{overflow-wrap:anywhere}.banner-offer .btn{white-space:normal;text-align:center;line-height:1.3}.heading h2{overflow-wrap:anywhere}}
@media(max-width:380px){.brand-logo{width:158px}nav .btn{font-size:13px;padding-inline:10px}.hero-plans-head h2{font-size:21px}.hero-plan-controls button{width:36px;height:36px}.hero-plan-card{padding:18px}.hero-plan-price strong{font-size:23px}}