/* Center the marketing page; mail keeps its native application layout. */
.hero-copy,.hero h1,.plan-top,.billing-note,.product-intro,.product-caption{text-align:center}
.hero-description{margin-inline:auto}
.hero-actions,.product-intro,.plan-price,.billing-switch{justify-content:center}
.hero-actions{gap:16px}
.nav-inner nav{text-align:center}
.section-heading{grid-template-columns:minmax(0,1fr);justify-items:center;align-items:center;text-align:center;gap:18px}
.section-heading>p:not(.eyebrow),.section-heading>div>p{justify-self:center;max-width:640px;margin-inline:auto}
.section-heading h2{max-width:800px;margin-inline:auto}
.pricing-heading>div:last-child{justify-self:center}
.pricing-preview{justify-content:center;text-align:center;max-width:620px;margin-inline:auto}
.elevator-pitch{padding-block:80px;margin-inline:auto}
.elevator-pitch h2{font-size:clamp(38px,4.5vw,58px)}
.example-intro{max-width:700px;margin-inline:auto;text-align:center}
.examples,.examples *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.examples .reveal-ready{opacity:1;translate:none}
#example-app-host{min-height:600px}
.inbox-source{justify-content:center;text-align:center}
.inbox-source>div{flex:0 1 auto}
.inbox-destination{text-align:center}
.inbox-destination>p{justify-content:center}
.cross-inbox-note{text-align:center;margin-inline:auto;max-width:640px}
.plan{text-align:center}
.plan-top{min-height:112px}
.plan>.button{justify-content:center}
.feature-list li{justify-content:center}
.capacity-controls{text-align:left}
.built-in-note{justify-content:center;text-align:center}
.built-in-note p{flex:0 1 auto}
.steps li{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.steps li>div{max-width:38ch}
.step-number{margin:0}
.providers{justify-content:center}
.faq{grid-template-columns:minmax(0,1fr);gap:32px;max-width:960px}
.faq-intro{text-align:center}
.faq-intro h2{margin-inline:auto}
.faq-items{width:100%}
.faq summary{position:relative;justify-content:center;padding-inline:40px;text-align:center}
.faq summary>svg{position:absolute;right:6px}
.faq details>p{padding-right:0;text-align:center;max-width:70ch;margin-inline:auto}
.faq a{text-decoration:underline;text-underline-offset:3px}
footer{flex-direction:column;justify-content:center;align-items:center;gap:14px;text-align:center}
#access-dialog{text-align:center}
#access-dialog .dialog-top{justify-content:space-between}
#access-dialog .plan-preview-details{text-align:center}
@media(min-width:901px){.nav-inner{display:grid;grid-template-columns:1fr auto 1fr}.nav-inner>.brand{justify-self:start}.nav-actions{justify-self:end}}
@media(max-width:700px){.elevator-pitch{padding-block:52px}.section-heading{gap:14px}.faq{gap:22px}}
@media(max-width:700px),(max-width:950px) and (max-height:520px){#example-app-host{min-height:542px}}