/* Center the content throughout the landing page. */
main,footer{text-align:center}
h1,h2,h3,p,.eyebrow,.benefit-value,.photo-caption,.life-tag,.form-status{text-align:center}
.button,.header-cta{justify-content:center;position:relative;text-align:center}
.button{padding-inline:52px}
.button>span{position:absolute;right:17px}
.hero .button,.hero .eyebrow,.hero .purchase-note,.hero .lead{margin-inline:auto}
.hero-specs,.hero-price,.hero-price>span{justify-content:center;text-align:center}
.hero-price{flex-wrap:wrap}
.hero .eyebrow{align-self:center}
.hero-specs>span{min-width:0}
.image-note{justify-content:center;text-align:center;padding-inline:58px}
.image-note>b{position:absolute;right:16px}
.image-label{left:50%;transform:translateX(-50%);white-space:nowrap}
.section-title{display:block;text-align:center}
.section-title>.eyebrow{margin:0 auto 18px}
.section-title h2,.story-heading h2,.story-heading>p:last-child:not(.eyebrow){margin-inline:auto}
.benefit-grid article p,.benefit-grid article h3{margin-inline:auto}
.benefit-number{margin-inline:auto}
.benefit-grid article:nth-child(2){padding-right:34px}
.benefit-grid article:nth-child(2) .benefit-value{position:static;margin-top:20px;font-size:60px}
.benefit-grid article:nth-child(2) .benefit-value small{margin-top:5px;font-size:12px}
.benefit-grid article:nth-child(3) .benefit-value small{display:block;max-width:none;margin:7px 0 0}
.plain-list li{justify-content:center}
.text-link{justify-content:center;text-align:center}
.model-label{justify-content:center;gap:12px}
.model-label span{margin-left:0}
.spec-panel dt,.spec-panel dd{text-align:center}
.how-copy>p.how-note{border-left:0;border-top:1px solid #c5d2f4;padding:14px 0 0}
.heat-facts,.life-card-copy,.spec-panel{text-align:center}
.value-strip{display:flex;flex-direction:column;gap:22px;text-align:center}
.value-strip p{margin-inline:auto}
.value-strip .button{margin-top:0;align-self:center}
.order-points{margin-inline:auto}
.order-points p{justify-content:center;align-items:center}
.order-form label,.order-form input{text-align:center}
.order-form h3,.order-form .eyebrow{text-align:center}
.faq summary{text-align:center;padding-inline:37px}
.faq details p{text-align:center}
footer .wordmark,footer>a,footer p{text-align:center}
@media(max-width:1050px){.benefit-grid article:nth-child(2){padding-right:25px}}
@media(max-width:760px){
 .hero .eyebrow{align-self:center}.hero .lead{margin-top:14px}.hero-price{justify-content:center;gap:17px}
 .hero-price strong{font-size:39px}.hero .purchase-note{margin-top:11px}
 .hero-specs{justify-content:center}.hero-specs>span{flex:1}
 .benefit-grid article:nth-child(2){padding-right:25px}.benefit-grid article:nth-child(2) h3{max-width:none}
 .benefit-grid article:nth-child(2) .benefit-value{font-size:52px}.benefit-grid article:nth-child(2) .benefit-value small{font-size:12px}
 .image-note{padding-inline:43px}.image-note>b{right:11px}.image-note>span{font-size:12px}
 .plain-list li{display:flex;flex-direction:column;gap:8px}
 .order-points p{display:flex;flex-direction:column;gap:9px}
 .value-strip .button{margin-top:0;min-width:0;padding-inline:42px}
 .order-form .button{padding-inline:43px;font-size:14px}
 .button>span{right:12px;width:25px;height:25px;font-size:17px}
 .section-title>.eyebrow{min-width:0}.model-label{gap:8px}
 footer{justify-content:center}
}
@media(max-width:380px){.benefit-grid article:nth-child(2){padding-right:22px}.button{font-size:14px;padding-inline:42px}.image-note>span{font-size:11px}}