/* Short landing: hero, tariffs, three practical answers and final CTA. */
.hero{padding-top:60px}
.hero-copy{padding-bottom:30px}
.hero-description{max-width:420px;font-size:18px;line-height:1.65;margin-top:24px}
.hero-bottom{margin-top:12px}
.plans-section .section{padding-block:76px 42px}
.plans-section .section-heading{margin-bottom:28px}
.membership-includes{margin-top:0;padding-bottom:24px;gap:24px}
.plan .price{margin-top:20px}
.price-term{min-height:24px}
.pricing-notes{margin-top:22px}
.plans-section .wave-lane{display:none}
.faq-section{padding-block:68px;gap:60px}
.faq-section h2{font-size:clamp(38px,4.8vw,64px);line-height:1.15}
.faq-list summary{font-size:18px}
.faq-list summary>span{flex-shrink:0}
.faq-list p{max-width:560px;font-size:15px}
.faq-section>.peek-lane{display:none}
.closing{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;padding:42px 48px;min-height:0;margin-bottom:50px}
.closing h2{font-size:clamp(38px,4.5vw,62px);line-height:1.1;margin-bottom:24px}
.closing>.mascot-lane{height:220px;--cat-size:220px;margin:0;min-width:0}
.footer-main{padding-bottom:28px}
.footer-main>p{font-size:13px}
@media(max-width:900px){.faq-section{gap:32px}.closing{grid-template-columns:minmax(0,1fr) 190px;gap:16px;padding:34px}.closing>.mascot-lane{height:190px;--cat-size:190px}}
@media(max-width:760px){
 .hero{padding-top:32px}
 .hero-description{font-size:16px;margin-top:20px;max-width:390px}
 .hero-copy{padding-bottom:0}
 .hero-bottom{margin-top:8px}
 .plans-section .section{padding-block:48px 30px}
 .section h2{font-size:clamp(32px,7.5vw,48px);line-height:1.15}
 .membership-includes{font-size:12px;gap:12px 20px}
 .faq-section{grid-template-columns:1fr;padding-block:48px;gap:24px}
 .faq-list details{padding-block:20px}
 .faq-list summary{font-size:16px}
 .faq-list p{font-size:14px;line-height:1.7}
 .closing{grid-template-columns:1fr;gap:12px;padding:28px;margin-bottom:36px}
 .closing h2{font-size:clamp(38px,9vw,56px)}
 .closing>.mascot-lane{height:150px;--cat-size:150px}
 .footer-main>div{font-size:13px;gap:18px}
}
@media(max-width:540px){
 .plan{grid-template-columns:minmax(0,1fr) auto;column-gap:14px}
 .plan h3{font-size:clamp(24px,6vw,29px)}
 .plan .price{font-size:clamp(32px,8.2vw,40px);margin:0;justify-self:end;text-align:right}
 .price-term{min-height:0;max-width:none}
 .per-month{font-size:19px}
 .saving{font-size:11px;white-space:nowrap}
 .pricing-notes{font-size:12px;line-height:1.7}
}
@media(max-width:370px){.plan{padding:21px;column-gap:10px}.per-month{font-size:17px}.saving{font-size:10px}.closing{padding:24px}.hero-actions{align-items:flex-start}}
