/* Shared public-page alignment, independent of the merchant app panel. */
.spz-public-page{--site-width:1200px;--site-gutter:clamp(20px,3vw,40px);--site-edge:max(var(--site-gutter),calc((100% - var(--site-width))/2));--site-space:clamp(56px,6vw,80px)}
.spz-public-page .spz-site-header{padding-inline:var(--site-edge);gap:24px}
.spz-public-page .spz-site-header nav{gap:clamp(14px,1.6vw,24px)}
.spz-public-page .spz-site-brand img[src*="horizontal-transparent"]{width:240px;height:57px;object-fit:contain;object-position:left center}
.spz-public-page .spz-unified-footer__inner{max-width:none;padding:64px var(--site-edge) 26px}
.spz-public-page main{min-width:0}
.spz-public-page main>section{scroll-margin-top:110px}
.spz-public-page .spz-dev-hero{max-width:none;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;padding:var(--site-space) var(--site-edge);align-items:center}
.spz-public-page .spz-dev-hero>*{min-width:0}
.spz-public-page .spz-dev-hero__copy h1{font-size:clamp(36px,3.8vw,56px);line-height:1.12}
.spz-public-page .spz-dev-hero__copy>p{line-height:1.7}
.spz-public-page .spz-dev-hero__actions{flex-wrap:wrap;gap:18px 24px}
.spz-public-page .spz-dev-hero__actions>.spz-button{flex-shrink:0}
.spz-public-page .spz-dev-summary,.spz-public-page .spz-dev-setup-videos,.spz-public-page .spz-dev-video{width:calc(100% - 2 * var(--site-gutter));max-width:var(--site-width);margin:0 auto 36px}
.spz-public-page .spz-dev-summary{margin-bottom:48px;grid-template-columns:repeat(4,minmax(0,1fr))}
.spz-public-page .spz-dev-summary>span{min-width:0;line-height:1.6}
.spz-public-page .spz-dev-setup-videos,.spz-public-page .spz-dev-video{padding:36px}
.spz-public-page .spz-dev-video{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px}
.spz-public-page .spz-dev-layout{max-width:none;grid-template-columns:250px minmax(0,1fr);gap:32px;padding:20px var(--site-edge) var(--site-space)}
.spz-public-page .spz-dev-content,.spz-public-page .spz-dev-content>section>div{min-width:0}
.spz-public-page .spz-dev-content>section{grid-template-columns:42px minmax(0,1fr);gap:18px;padding:28px}
.spz-public-page .spz-dev-content h2{font-size:28px;line-height:1.25}
.spz-public-page .spz-dev-content p,.spz-public-page .spz-dev-content li{line-height:1.7;overflow-wrap:anywhere}
.spz-public-page .spz-faq-hero,.spz-public-page .spz-pricing-hero{max-width:none;margin:0;padding:var(--site-space) var(--site-edge) 48px}
.spz-public-page .spz-faq-hero h1,.spz-public-page .spz-pricing-hero h1{max-width:900px;margin:14px auto;font-size:clamp(36px,4vw,56px);line-height:1.15}
.spz-public-page .spz-faq-hero>p,.spz-public-page .spz-pricing-hero>p{max-width:800px;margin-inline:auto;font-size:18px;line-height:1.7}
.spz-public-page .spz-faq-layout{max-width:none;grid-template-columns:250px minmax(0,1fr);gap:32px;padding:0 var(--site-edge) var(--site-space)}
.spz-public-page .spz-faq-groups{min-width:0;gap:40px}
.spz-public-page .spz-faq-groups>section{scroll-margin-top:110px}
.spz-public-page .spz-faq-groups summary{line-height:1.5}
.spz-public-page .spz-faq-groups details>div{padding-right:20px;overflow-wrap:anywhere;line-height:1.7}
.spz-public-page .spz-faq-groups summary:focus-visible,.spz-public-page aside a:focus-visible{outline:3px solid #087c99;outline-offset:3px}
.spz-public-page .spz-zoom-value-grid,.spz-public-page .spz-plan-details-grid,.spz-public-page .spz-comparison-section,.spz-public-page .spz-pricing-info{width:calc(100% - 2 * var(--site-gutter));max-width:var(--site-width);margin:0 auto 48px;padding:0}
.spz-public-page .spz-zoom-value-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.spz-public-page .spz-plan-details-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-top:16px;align-items:stretch}
.spz-public-page .spz-plan-details-grid>article{height:100%;padding:24px 20px;line-height:1.6}
.spz-public-page .spz-plan-details-grid>article.is-popular{transform:none}
.spz-public-page .spz-plan-details-grid h2{font-size:25px;line-height:1.2}
.spz-public-page .spz-plan-details-grid li{font-size:14px;line-height:1.6}
.spz-public-page .spz-plan-details-grid>article>.spz-button{min-height:48px;text-align:center;margin-top:auto}
.spz-public-page .spz-comparison-section .spz-section-heading{max-width:800px;margin:0 auto 30px}
.spz-public-page .spz-comparison-section h2{font-size:clamp(28px,3vw,40px);line-height:1.2}
.spz-public-page .spz-pricing-page>.spz-pricing-note{width:calc(100% - 2 * var(--site-gutter));max-width:var(--site-width);margin:0 auto 36px;line-height:1.7}
.spz-public-page .spz-pricing-info{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.spz-public-page .spz-faq-cta,.spz-public-page .spz-pricing-cta{width:calc(100% - 2 * var(--site-gutter));max-width:var(--site-width);margin:0 auto var(--site-space);padding:36px 40px;gap:32px}
.spz-public-page .spz-faq-cta>div,.spz-public-page .spz-pricing-cta>div{min-width:0}
.spz-public-page .spz-faq-cta>.spz-button{flex-shrink:0}
.spz-public-page .spz-blog-page{max-width:none;padding:var(--site-space) var(--site-edge)}
@media(max-width:1100px){
 .spz-public-page .spz-plan-details-grid,.spz-public-page .spz-zoom-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .spz-public-page .spz-dev-hero{gap:32px}
 .spz-public-page .spz-dev-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
 .spz-public-page .spz-dev-hero,.spz-public-page .spz-dev-video{grid-template-columns:minmax(0,1fr)}
 .spz-public-page .spz-dev-layout,.spz-public-page .spz-faq-layout{grid-template-columns:minmax(0,1fr);gap:28px}
 .spz-public-page .spz-dev-layout>aside,.spz-public-page .spz-faq-layout>aside{position:static}
 .spz-public-page .spz-dev-layout>aside{grid-template-columns:repeat(2,minmax(0,1fr))}
 .spz-public-page .spz-dev-layout>aside strong{grid-column:1/-1}
 .spz-public-page .spz-faq-cta,.spz-public-page .spz-pricing-cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
 .spz-public-page .spz-site-brand img[src*="horizontal-transparent"]{width:185px;height:44px}
 .spz-public-page .spz-dev-summary,.spz-public-page .spz-dev-setup-videos__grid,.spz-public-page .spz-plan-details-grid,.spz-public-page .spz-zoom-value-grid,.spz-public-page .spz-pricing-info{grid-template-columns:minmax(0,1fr)}
 .spz-public-page .spz-dev-setup-videos,.spz-public-page .spz-dev-video{padding:22px}
 .spz-public-page .spz-dev-content>section{grid-template-columns:minmax(0,1fr);padding:22px}
 .spz-public-page .spz-dev-content h2{font-size:24px}
 .spz-public-page .spz-dev-layout>aside{grid-template-columns:minmax(0,1fr)}
 .spz-public-page .spz-faq-hero,.spz-public-page .spz-pricing-hero{text-align:left}
 .spz-public-page .spz-faq-hero>div{justify-content:flex-start}
 .spz-public-page .spz-faq-hero>p,.spz-public-page .spz-pricing-hero>p{font-size:16px}
 .spz-public-page .spz-faq-cta,.spz-public-page .spz-pricing-cta{padding:26px;gap:24px}
}

/* Dark brand lettering stays readable on the light resource-page header. */
.spz-public-page .spz-public-brand{gap:10px;min-width:0;flex-shrink:0}
.spz-public-page .spz-public-brand img{width:46px;height:46px;object-fit:contain}
.spz-public-page .spz-public-brand-name{display:block;color:#102a43;font-size:17px;font-weight:800;line-height:1.2;white-space:nowrap}
.spz-public-page .spz-public-brand-name em{font-style:normal;color:#087c99}
.spz-public-page .spz-public-brand-name small{display:block;margin-top:5px;font-size:8px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#5d7083}
.spz-public-page .spz-legal-hero{max-width:none;padding:var(--site-space) var(--site-edge) 48px}
.spz-public-page .spz-legal-layout{max-width:none;grid-template-columns:250px minmax(0,1fr);gap:32px;padding:0 var(--site-edge) var(--site-space)}
.spz-public-page .spz-legal-content{min-width:0;padding:32px;line-height:1.7;overflow-wrap:anywhere}
@media(max-width:900px){.spz-public-page .spz-legal-layout{grid-template-columns:minmax(0,1fr)}.spz-public-page .spz-legal-layout>aside{position:static}}
@media(max-width:600px){.spz-public-page .spz-public-brand img{width:38px;height:38px}.spz-public-page .spz-public-brand-name{font-size:14px}.spz-public-page .spz-public-brand-name small{font-size:7px;letter-spacing:.1em}.spz-public-page .spz-legal-content{padding:22px}}

.spz-public-page .spz-public-brand img{border-radius:12px;clip-path:inset(0 round 12px);background:transparent}