/* Shared complete-page rhythm. Approved hero/phone/closing styles are untouched. */
html #try.shopper-try{padding-block:80px;background:#F2F0EA;color:#10272B;border-top:1px solid #F2F0EA}
#try.shopper-try .editorial{display:block}
#try.shopper-try .copy{max-width:780px}
#try.shopper-try h2{max-width:none;margin-bottom:28px;font-size:64px;line-height:1.08}
#try.shopper-try .copy p{max-width:720px;font-size:16px;line-height:1.8}
html #fit.fit{padding-block:88px;background:#F2F0EA;color:#10272B}
#fit>.wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}
#fit .fit-intro{display:block;margin:0}
#fit .fit-intro h2{max-width:530px;font-size:64px;line-height:1.08;margin-bottom:28px}
#fit .fit-intro p{font-size:16px;line-height:1.8;max-width:540px}
/* Section 5 stays approved and unchanged; its own top padding separates its CTA. */
.review-strip>div a{white-space:nowrap}
@media(max-width:1100px){
 html #try.shopper-try{padding-block:64px}
 html #fit.fit{padding-block:72px}
 #fit>.wrap{gap:48px}
 #try.shopper-try h2,#fit .fit-intro h2{font-size:56px}
}
@media(max-width:800px){
 html #try.shopper-try{padding-block:48px}
 html #fit.fit{padding-block:56px}
 #fit>.wrap{grid-template-columns:1fr;gap:36px}
 #fit .fit-intro{max-width:560px}
 #try.shopper-try h2,#fit .fit-intro h2{font-size:48px}
 #try.shopper-try .copy{max-width:560px}
 #fit .fit-intro h2,#fit .fit-intro p{max-width:560px}
}
@media(max-width:760px){
 .review-strip{flex-wrap:wrap;justify-content:space-between}
 .review-strip>div{flex-wrap:wrap}
 .review-strip>div a{font-size:10px;padding:6px 10px;min-height:30px}
}
@media(max-width:480px){
 #try.shopper-try h2,#fit .fit-intro h2{font-size:43px;line-height:1.08;margin-bottom:24px}
}
html #fit.fit{border-bottom:1px solid #F2F0EA}