/* One interactive demo leads directly to the plans. */
.home-page .launch-plans{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px;margin-inline:auto;gap:28px}
.home-page .launch-plans .annual-plan{grid-column:1/-1;width:100%;max-width:620px;justify-self:center}
.home-page .launch-plans .planned-price{font-size:13px;line-height:1.5;margin:18px 0 8px;color:var(--muted)}
.home-page .launch-plans .planned-price s{display:block;font-size:23px;text-decoration-thickness:2px}
.home-page .launch-plans .launch-price-label{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:12px 0 6px}
.home-page .launch-plans .monthly-equivalent span{display:block;margin-top:5px;font-size:12px}
@media(max-width:600px){.home-page .launch-plans{grid-template-columns:minmax(0,1fr)}.home-page .launch-plans .annual-plan{grid-column:auto}}
.home-page .hero-grid{min-height:0;padding-block:48px;align-items:center;gap:48px}
.home-page .hero .personality-demo{width:100%;max-width:480px;margin-inline:auto}
.home-page .demo-intro{font-size:18px;font-weight:700;text-align:center;margin:0 0 14px}
.home-page .hero .style-tabs{gap:8px}
.home-page .hero .style-tabs button{flex:1 1 42%;padding:11px 12px}
.home-page .hero .demo-context{margin:14px 0;font-size:13px}
.home-page .hero .personality-phone{height:560px;width:340px;max-width:calc(100% - 12px)}
.home-page .hero .phone-playback{margin-top:16px}
.home-page .hero .demo-caption{margin-top:12px;font-size:12px;line-height:1.5}
.home-page .pricing{padding-top:44px}
.home-page .pricing .section-heading{margin-bottom:30px}
@media(max-width:700px){
 .home-page .hero-grid{padding-block:28px;gap:26px}
 .home-page .hero .hero-lede{font-size:18px;line-height:1.5;margin-block:16px 10px}
 .home-page .hero .hero-sub{margin-block:10px 16px;font-size:15px}
 .home-page .hero .hero-actions{margin-top:18px}
 .home-page .hero .personality-phone{height:520px}
 .home-page .pricing{padding-top:30px}
}