/* Approved conversion review, 09/11/2026. Prices and checkout routes stay unchanged. */
#hero{min-height:0;padding:64px 0}
#hero .hero__sub{font-size:17px;line-height:1.65;color:#d4d8c8;max-width:580px}
.hero-action{margin-top:28px}
.hero-action .btn{min-height:52px;white-space:normal;text-align:center}
.hero-price{font:400 14px/1.7 var(--f-sans);color:#d4d8c8;margin:16px 0 12px}
.hero-alternative{display:inline-block;color:#c7cdbb;font-size:13px;line-height:1.6;text-decoration:underline;text-underline-offset:4px}
.welcome-video{margin:auto;width:260px}
.welcome-sound{top:auto;bottom:48px;transform:translateX(-50%);min-height:48px;padding:12px;max-width:220px;width:calc(100% - 24px);flex-direction:row;gap:8px;font-size:13px;border-radius:14px}
.welcome-sound svg{width:22px;height:22px}
#price .membership-plan.preco__box{display:flex;grid-row:auto;flex-direction:column;padding:28px}
#price .membership-plans{gap:24px;align-items:stretch}
#price .membership-plan__title{min-height:0;font-size:32px}
#price .membership-plan__intro{min-height:0;font-size:15px;line-height:1.6}
#price .membership-plan .preco__obs{font-size:11px;min-height:0;line-height:1.6}
#price .membership-plan .preco__valor{font-size:68px}
#price .membership-plan .microcopy{font-size:13px;line-height:1.65}
#price .membership-plan .btn--solid{min-height:54px;font-size:12px;padding:16px}
#price .membership-plan__status{font-size:11px;min-height:38px}
.plan-essentials{list-style:none;padding:0;margin:8px 0 22px;font-size:15px;line-height:1.6;color:#e5e8da}
.plan-essentials li{padding:7px 0}
#price .membership-plan__details{margin-bottom:22px}
#price .membership-plan__details summary{font-size:14px;min-height:48px}
.theme-preview{text-align:center;font-size:17px;line-height:1.8;color:#d4d8c8}
.theme-details summary{cursor:pointer;text-align:center;padding:18px;color:var(--lime);min-height:48px}
@media(max-width:900px){
 #price .membership-plans{grid-template-columns:1fr;max-width:560px;margin:auto}
 #price .membership-plans--three .membership-plan--lifetime{grid-column:auto;justify-self:stretch;width:100%;margin:0}
}
@media(max-width:768px){
 #hero{padding:28px 0 40px}
 .hero__inner{gap:28px}
 #hero .hero__sub{font-size:16px;line-height:1.6}
 .hero-action{margin-top:22px}
 .hero-action .btn{display:flex;justify-content:center;width:100%;font-size:12px;padding:16px}
 .hero-welcome{max-width:300px}
 .welcome-video{width:230px}
 #price{padding-top:44px;padding-bottom:44px}
 #price>.wrap-xs{padding-left:20px;padding-right:20px}
 #price .membership-plan.preco__box{padding:26px 22px}
}