/* Editorial left column and a concrete side-by-side plan comparison. */
.pricing-layout{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,2fr);gap:64px;align-items:center;scroll-margin-top:100px}.pricing-copy{text-align:left;min-width:0}.pricing-copy h2{font-size:clamp(33px,2.7vw,42px);line-height:1.12;letter-spacing:-1.25px;margin-bottom:30px}.pricing-lead{font-size:18px;line-height:1.5;color:#655e64;margin:0 0 30px;max-width:360px}.pricing-copy .button{font-size:16px;padding:16px 23px;gap:22px}.pricing-layout .plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:none;margin:0;align-items:stretch;min-width:0}.pricing-layout .plan{border:1px solid #e5e4e2;border-radius:23px;padding:29px 26px 25px;background:#fff;min-width:0;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column}.pricing-layout .plan.plus{border:1px solid #FF8DBB;background:var(--feature-soft-fill)}.pricing-card-heading{min-height:100px}.pricing-layout .pricing-card-heading h3{font-size:28px;line-height:1.1;letter-spacing:-.8px;font-weight:650;margin:0 0 15px}.pricing-plus-sign{color:#FF8DBB}.pricing-card-heading p{font-size:14px;line-height:1.45;color:#746c72;margin:0;max-width:240px}.pricing-price{display:flex;flex-direction:column;gap:5px;min-height:84px;margin:20px 0 0}.pricing-price>strong{font-size:43px;line-height:1.1;letter-spacing:-1.3px;font-weight:600}.pricing-price>span{font-size:13px;color:#746c72}.pricing-layout .billing-toggle{display:inline-flex;align-self:flex-start;margin:8px 0 0;padding:3px;gap:3px;border:1px solid #e5e4e2;border-radius:30px;background:#fff}.pricing-layout .billing-toggle button{background:#fff;color:#655e64;font-size:12px;line-height:1.2;padding:7px 12px;border:1px solid transparent;border-radius:22px;white-space:nowrap;position:relative}.pricing-layout .billing-toggle button[aria-pressed=true]{background:var(--feature-soft-fill);border-color:#FF8DBB;color:#28282b}.pricing-layout .billing-toggle button[aria-pressed=false]:hover{background:var(--feature-soft-fill)}.pricing-layout .billing-toggle button:focus-visible{outline:2px solid #28282b;outline-offset:2px}.pricing-period-spacer{height:46px;flex:none}.pricing-layout .check-list{font-size:15px;line-height:1.45;gap:16px;margin:25px 0 30px;width:100%}.pricing-layout .check-list li{padding-left:22px}.pricing-layout .check-list li:before{font-size:15px;top:0}.pricing-card-note,.pricing-layout .plan-legal{font-size:12px;line-height:1.5;color:#817980;margin:auto 0 0;padding-top:16px;width:100%;text-align:left;border-top:1px solid #eeeaec}.pricing-layout .plan.plus .plan-legal{border-color:#eae5de}
@media(max-width:1150px){.pricing-layout{grid-template-columns:minmax(240px,.85fr) minmax(0,2fr);gap:34px}.pricing-layout .plan{padding:25px 20px 23px}.pricing-layout .plans{gap:14px}.pricing-copy h2{font-size:33px}.pricing-lead{font-size:17px}.pricing-layout .pricing-card-heading h3{font-size:25px}.pricing-layout .check-list{font-size:14px;gap:15px}.pricing-price>strong{font-size:39px}.pricing-layout .billing-toggle button{font-size:11px;padding:7px 10px}}
@media(max-width:950px){.pricing-layout{grid-template-columns:1fr;gap:35px}.pricing-copy{max-width:620px}.pricing-copy h2{font-size:38px}.pricing-lead{max-width:560px}.pricing-layout .plans{gap:20px}.pricing-layout .plan{padding:30px}.pricing-layout .check-list{font-size:16px;gap:17px}.pricing-layout .pricing-card-heading h3{font-size:29px}.pricing-card-heading{min-height:90px}.pricing-layout .billing-toggle button{font-size:12px;padding:7px 12px}}
@media(max-width:600px){.pricing-layout .plans{grid-template-columns:1fr;gap:20px}.pricing-copy h2{font-size:35px}.pricing-layout .plan{padding:28px 25px}.pricing-card-heading{min-height:0}.pricing-price{margin-top:25px;min-height:0}.pricing-price>strong{font-size:44px}.pricing-period-spacer{display:none}.pricing-layout .billing-toggle{margin-top:20px}.pricing-layout .check-list{margin-top:28px;font-size:16px}.pricing-layout .pricing-card-heading h3{font-size:30px}.pricing-card-heading p{max-width:none}.pricing-layout .plans .plan-legal,.pricing-card-note{margin-top:0}.pricing-copy .button{font-size:16px}}

/* Compact plans: fixed prices and a separate group for extra features. */
.pricing-layout{grid-template-columns:minmax(360px,1fr) minmax(0,1.8fr);gap:48px}
.pricing-copy h2{font-size:clamp(29px,2.5vw,36px)}
.pricing-title-line{display:block;white-space:nowrap}
.pricing-layout .plans{align-items:start;gap:16px}
.pricing-layout .plan{padding:23px 21px;border-radius:20px}
.pricing-card-heading{min-height:0}
.pricing-layout .pricing-card-heading h3{font-size:25px;margin:0}
.pricing-price{min-height:0;margin:18px 0 0;gap:3px}
.pricing-price>strong,.pricing-paid-price strong{font-size:33px;font-weight:600;line-height:1.15;letter-spacing:-.8px;white-space:nowrap}
.pricing-paid-price>div{white-space:nowrap;line-height:1.2}
.pricing-paid-price>div>span{font-size:13px;color:#746c72}
.pricing-paid-price .pricing-annual{font-size:13px;color:#746c72;margin-top:3px}
.pricing-annual b{font-weight:600;color:#393237}
.pricing-layout .check-list{font-size:14px;line-height:1.4;gap:10px;margin:22px 0 0}
.pricing-layout .check-list li{padding-left:20px}
.pricing-extra{border-top:1px solid #e5e4e2;margin-top:18px;padding-top:15px}
.pricing-extra-label{font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#746c72}
.pricing-layout .pricing-extra .check-list{margin-top:12px}
@media(min-width:951px) and (max-width:1150px){.pricing-layout{grid-template-columns:minmax(310px,1fr) minmax(0,1.8fr);gap:28px}.pricing-copy h2{font-size:29px}.pricing-layout .plan{padding:21px 17px}.pricing-layout .check-list{font-size:13px}}
@media(max-width:950px){.pricing-layout{grid-template-columns:1fr;gap:30px}.pricing-copy h2{font-size:36px}.pricing-layout .plan{padding:24px}.pricing-layout .check-list{font-size:15px}}
@media(max-width:600px){.pricing-copy h2{font-size:clamp(25px,8vw,32px)}.pricing-layout .plan{padding:23px}.pricing-layout .plans{gap:16px}.pricing-layout .check-list{font-size:15px}.pricing-price>strong,.pricing-paid-price strong{font-size:33px}}

/* A quiet full-width background separates the plan comparison. */
.pricing-band{background:#F9FAFB}
.pricing-band .pricing-layout .plan,.pricing-band .pricing-layout .plan.plus{background:#fff}
/* The colored band keeps its own balanced top and bottom space. */
.pricing-band .pricing-layout{padding-block:64px}
@media(max-width:800px){.pricing-band .pricing-layout{padding-block:38px}}