.hero{gap:52px;align-items:center;padding-top:40px;padding-bottom:44px}
.hero-copy .eyebrow{margin-bottom:22px}
h1.promotion-headline{font-size:58px;line-height:1.04;letter-spacing:-2.4px;margin:0 0 24px;color:#004388}
h1.promotion-headline span{display:block;color:#004388}
h1.promotion-headline .promotion-first{white-space:nowrap}
h1.promotion-headline em{font-style:normal;color:#f78d1e;font-size:1.23em;font-weight:800}
h1.promotion-headline .promotion-duration{font-size:.75em;letter-spacing:-1.5px;margin-top:10px}
.hero-copy .intro{font-size:17px;line-height:1.65;margin:0 0 14px;max-width:460px}
.promotion-flexibility{font-size:13px;font-weight:600;color:#004388;margin:0 0 25px}.promotion-flexibility span{padding:0 8px;color:#f78d1e}
.hero-copy .primary{max-width:440px;width:100%;color:white}
.promotion-terms{font-size:11px;line-height:1.55;color:#64748b;max-width:420px;margin:12px 0 0}
.hero-copy .text-link{margin-top:16px}
@media(max-width:760px){
.hero{display:flex;flex-direction:column;gap:26px;padding-top:24px;padding-bottom:28px}
.hero .hero-copy{order:0;width:100%}.hero .hero-image{order:1;width:100%;height:290px;min-height:290px}
.hero-copy .eyebrow{font-size:11px;letter-spacing:1.1px;margin-bottom:17px}
h1.promotion-headline{font-size:clamp(37px,10.5vw,62px);letter-spacing:-1.8px;margin-bottom:19px;line-height:1.05}
h1.promotion-headline .promotion-duration{font-size:.77em;margin-top:9px;letter-spacing:-1px}
.hero-copy .intro{font-size:14px;line-height:1.6;margin-bottom:12px}
.promotion-flexibility{font-size:12px;margin-bottom:20px}.promotion-terms{font-size:10px;line-height:1.55;margin-top:10px;max-width:330px}
.hero-copy .text-link{margin-top:13px;font-size:12px}.hero-copy .primary{max-width:none;min-height:54px;font-size:14px}
}

.more-formats{text-align:center;padding:28px 0 8px}.show-more-sizes{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:#fff;border:1.5px solid #004388;border-radius:9px;padding:15px 26px;color:#004388;font:600 14px Poppins,sans-serif;cursor:pointer;min-height:50px}.show-more-sizes:hover{background:#edf5fc}.show-more-sizes:focus-visible{outline:3px solid #f78d1e;outline-offset:3px}.show-more-sizes[aria-expanded=true] svg{transform:rotate(180deg)}.more-hint{font-size:12px;color:#68788a;margin:9px 0 0}
#more-sizes[hidden]{display:none}.expanded-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0 18px}.expanded-heading h3{font-size:21px;color:#004388;margin:0}.expanded-heading>span{font-size:11px;font-weight:600;background:#fff0dd;color:#004388;padding:8px 12px;border-radius:20px}
.compact-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.compact-unit{grid-column:span 2;border:1px solid #dae4ed;border-radius:12px;background:#fff;padding:12px 10px;display:flex;align-items:center;flex-direction:column;min-width:0;transition:border-color .15s}.compact-unit:hover{border-color:#004388}.compact-unit:nth-child(7){grid-column:2/span 2}.compact-unit>img{width:100%;height:140px;object-fit:contain}.compact-unit h3{font-size:17px;font-weight:700;letter-spacing:-.5px;white-space:nowrap;margin:6px 0 0;color:#004388}.compact-unit h3 small{font-size:10px;font-weight:500}.compact-floor{font-size:10px;color:#6d7885;margin:4px 0 13px}.compact-price{display:flex;gap:7px;align-items:baseline;justify-content:center;flex-wrap:wrap;min-height:28px}.compact-price del{font-size:11px;color:#78838d}.compact-price strong{font-size:21px;color:#004388;letter-spacing:-.6px}.compact-month{font-size:9px;color:#637587;white-space:nowrap;margin:3px 0 14px}.compact-unit .button{background:#004388;color:white;border:0;font-size:10px;min-height:41px;width:100%;padding:9px 7px;gap:4px;justify-content:center;border-radius:7px}.compact-unit .button span{font-size:13px}.unit-icon.vector-unit{object-fit:contain}
@media(min-width:761px) and (max-width:1050px){.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-unit,.compact-unit:nth-child(7){grid-column:auto}.compact-unit .button{font-size:12px}}
@media(max-width:760px){.more-formats{padding-top:22px}.show-more-sizes{width:100%;font-size:13px}.expanded-heading{display:block;margin-top:22px}.expanded-heading h3{font-size:21px;margin-bottom:10px}.expanded-heading>span{display:inline-block}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact-unit,.compact-unit:nth-child(7){grid-column:auto}.compact-unit{padding:10px 8px 12px}.compact-unit>img{height:139px}.compact-unit h3{font-size:17px}.compact-price{gap:5px}.compact-price strong{font-size:21px}.compact-unit .button{font-size:10px}.compact-month{font-size:9px}.compact-floor{margin-bottom:10px}.unit-icon.vector-unit{width:100px;height:108px}}

/* Contain heading margins so the whole expanded section animates together. */
#more-sizes{display:flow-root;overflow:hidden}
#more-sizes[hidden]{display:none}
.show-more-sizes svg{transition:transform 300ms ease}
@media(prefers-reduced-motion:reduce){.show-more-sizes svg{transition:none}}

/* Larger featured illustrations and centered dimensions. */

.unit .unit-heading{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:12px;min-height:190px;margin:10px 0 14px}
.unit .unit-heading .unit-icon.vector-unit{grid-column:1;grid-row:1;width:100%;height:190px;object-fit:contain;order:0}
.unit .unit-heading h3{grid-column:2;grid-row:1;margin:0;font-size:26px;white-space:nowrap;letter-spacing:-.8px}
.unit .unit-heading h3 small{display:inline;font-size:14px;margin:0 0 0 3px;vertical-align:baseline;font-weight:500;letter-spacing:0}
@media(max-width:760px){
.unit .unit-heading{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:10px;min-height:180px;margin:8px 0 12px}
.unit .unit-heading .unit-icon.vector-unit{width:100%;height:180px}
.unit .unit-heading h3{font-size:clamp(20px,6vw,28px);letter-spacing:-.6px}
.unit .unit-heading h3 small{font-size:12px;margin-left:2px}
}
@media(min-width:761px) and (max-width:1050px){.unit .unit-heading{gap:6px;min-height:155px}.unit .unit-heading .unit-icon.vector-unit{height:155px}.unit .unit-heading h3{font-size:20px}.unit .unit-heading h3 small{font-size:11px}}

/* Center dimensions in the remaining space beside each featured icon. */
.unit .unit-heading h3{width:100%;text-align:center;justify-self:stretch}