/* Keep the four plans readable and the campaign compact. */
.shell { width:min(calc(100% - 48px),1120px); }
.shell > .banner:first-of-type { width:calc(100% - 64px); margin:0 auto; padding:18px 24px; border-radius:16px; gap:20px; }
.shell > .banner:first-of-type h2 { font-size:22px; line-height:1.4; letter-spacing:0; }
.shell > .banner:first-of-type h2 em { display:block; margin:0; font-size:15px; font-weight:500; }
.shell > .banner:first-of-type p { margin-top:6px; font-size:12px; }
.shell > .banner[data-launch-active="true"]:first-of-type p { display:none; }
.shell > .banner[data-launch-active="true"]:first-of-type { flex-direction:row; align-items:center; text-align:left; gap:24px; padding:16px 24px; }
.shell > .banner[data-launch-active="true"]:first-of-type h2 em { display:block; margin:4px 0 0; }
.shell > .banner[data-launch-active="true"]:first-of-type .eyebrow { color:#fff; }
.shell > .banner:first-of-type .eyebrow { padding:0; border:0; border-radius:0; background:none; color:#e1d8f5; margin:0 0 5px; font-size:11px; }
.hero { padding:22px 0 20px; }
.hero h1 { font-size:28px; }
.hero p { font-size:14px; }
.plans { gap:14px; }
.plan { border-radius:16px; }
.plan-top { padding:18px 18px 0; }
.plan h2 { font-size:21px; }
.price { margin-top:16px; }
.amount { font-size:38px; }
.credit-box { padding:12px; }
.credit-box strong { font-size:26px; }
.choose { min-height:44px; font-size:14px; border-radius:10px; }
.benefits { margin:0 18px 20px; padding-top:14px; }
@media(min-width:1101px) {
 .shell > .banner:first-of-type h2 em { display:inline; margin-left:12px; }
}
@media(min-width:1800px) {
 .shell { width:min(calc(100% - 80px),clamp(1120px,55vw,1480px)); }
 .shell > .banner:first-of-type { width:calc(100% - 112px); padding:20px 28px; }
 .shell > .banner:first-of-type h2 { font-size:24px; }
 .plan-top { padding:20px 20px 0; }
 .benefits { margin-left:20px; margin-right:20px; }
}
@media(max-width:960px) {
 .shell > .banner:first-of-type { width:100%; }
 .plan-top { padding:20px 20px 0; }
 .benefits { margin-left:20px; margin-right:20px; }
}
@media(max-width:760px) {
 .shell { width:calc(100% - 32px); }
 .shell > .banner:first-of-type { padding:18px 20px; gap:16px; }
 .shell > .banner:first-of-type h2 { font-size:21px; }
 .shell > .banner[data-launch-active="true"]:first-of-type { flex-direction:column; text-align:center; gap:12px; padding:16px 20px; }
 .shell > .banner[data-launch-active="true"]:first-of-type .launch-countdown > div { width:44px; min-height:44px; border-radius:9px; }
 .shell > .banner[data-launch-active="true"]:first-of-type .launch-countdown b { font-size:28px; }
 .hero { padding:28px 0 24px; }
 .hero h1 { font-size:26px; }
}