/* One content boundary for packet, website and review-page identities. */
:root{--layout-width:1180px;--layout-gutter:clamp(20px,3vw,40px)}
.wrap,.hero-content{width:min(var(--layout-width),calc(100% - var(--layout-gutter)*2));margin-inline:auto}
.topbar,.site-header,.concept-banner{padding-inline:max(var(--layout-gutter),calc((100% - var(--layout-width))/2))}
.topbar{gap:24px;flex-wrap:nowrap;padding-block:24px;min-height:112px}
.topbar>.packet-branding{flex:0 1 auto;margin-right:auto;justify-content:flex-start;gap:24px}
.packet-branding{align-items:center;gap:20px;min-width:0;padding-top:13px}
.packet-provider,.packet-branding-compact .packet-provider,.topbar .packet-provider{padding:0;justify-content:flex-start;flex:0 0 auto}
.packet-provider img,.topbar .packet-provider img{width:142px;height:60px;max-width:100%;object-fit:contain;object-position:left center}
.packet-recipient,.topbar .packet-recipient{position:relative;flex-direction:row;align-items:center;justify-content:flex-start;gap:0;min-width:0;max-width:190px;height:60px;flex:0 1 170px}
.packet-recipient small,.topbar .packet-recipient small{position:absolute;left:0;top:-13px;font-size:9px;line-height:1;white-space:nowrap}
.packet-recipient img,.topbar .packet-recipient img{width:auto;max-width:170px;max-height:49px;height:auto;object-fit:contain;object-position:left center;padding:6px 9px;box-sizing:border-box}
.packet-recipient strong{text-align:left;overflow-wrap:anywhere}
.packet-brand-divider,.topbar .packet-brand-divider{height:38px;align-self:center}
.packet-branding-compact{gap:16px;padding-top:12px;justify-content:flex-start}
.packet-branding-compact .packet-provider img{width:100px;height:44px;object-position:left center}
.packet-branding-compact .packet-recipient{height:44px;max-width:145px;min-width:0;flex-basis:135px}
.packet-branding-compact .packet-recipient img{max-width:135px;max-height:37px;height:auto;padding:4px 7px}
.packet-branding-compact .packet-recipient small{top:-11px;font-size:8px}
.packet-branding-compact .packet-brand-divider{height:30px}
.topbar .top-contact{margin-left:0;flex-shrink:0}
.topbar>.button{flex-shrink:0}
.site-logo img,.footer-logo img{object-position:left center}
.site-header{gap:24px}
.hero-bottom{left:max(var(--layout-gutter),calc((100% - var(--layout-width))/2));right:max(var(--layout-gutter),calc((100% - var(--layout-width))/2))}
.website-hero{min-height:clamp(580px,46vw,760px)}
.hero-copy,.section-heading>*,.section-top>*,.company-grid>*,.contact-grid>*,.interest-section>*,.team-intro>*,.company-newsletters>*,.newsletter-grid>*{min-width:0}
.hero h1,.hero-content h1,.section-heading h2,.section-top h2,.company-grid h2{overflow-wrap:anywhere;text-wrap:balance}
input,select,textarea{max-width:100%;min-width:0}
.preview-dialog,.content-dialog,.policy-dialog,.photo-dialog{max-width:calc(100vw - 32px)}
@media(max-width:1100px){
 .topbar{gap:18px}.topbar>.packet-branding{gap:18px}
 .topbar .packet-provider img{width:125px;height:54px}
 .topbar .packet-recipient{flex-basis:145px;max-width:145px;height:54px}
 .topbar .packet-recipient img{max-width:145px;max-height:45px}
 .topbar .button.small{font-size:12px;padding:12px}
 .site-header nav{gap:22px}
}
@media(min-width:701px) and (max-width:950px){
 .hero{gap:30px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .hero h1{font-size:clamp(34px,4.8vw,46px)}
 .social-showcase{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px;padding:20px}
 .concept-choice{gap:10px;padding:10px}.concept-choice img{width:42px;height:42px}.concept-choice strong{font-size:16px}
 .platform-tabs button{padding:10px 7px;font-size:11px;gap:5px}
 .plan-grid{grid-template-columns:1fr}.plan-card{padding:28px}.plan-card .price{min-height:0}.plan-card>p{min-height:0}
 .interest-section{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:30px}
 .interest-section .form-row{grid-template-columns:1fr;gap:0}
 .interest-section h2{font-size:35px}
 .company-grid,.contact-grid{gap:35px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:800px){
 .topbar{flex-wrap:wrap;row-gap:16px;min-height:0;padding-block:20px}
 .topbar>.packet-branding{flex-basis:100%;margin:0;gap:20px;justify-content:flex-start}
 .topbar .packet-provider img{width:128px;height:54px}
 .topbar .packet-recipient{flex-basis:150px;height:54px;max-width:150px}
 .topbar .packet-recipient img{max-width:150px;max-height:45px}
 .topbar .top-contact{font-size:13px}
 .topbar>.button.small{display:inline-flex;margin-left:auto;font-size:12px;padding:11px 14px}
 .site-header nav{gap:14px}
}
@media(max-width:700px){
 .hero{grid-template-columns:minmax(0,1fr)}
 .hero h1{font-size:clamp(34px,8.5vw,43px)}
 .hero .actions{align-items:flex-start;gap:16px}
 .section-heading h2,.section-top h2{font-size:clamp(30px,7.5vw,39px)}
 .social-showcase{min-width:0}
 .platform-tabs button{font-size:clamp(10px,2.8vw,12px);padding:10px 5px}
 .platform-tabs svg{width:15px;height:15px;flex-shrink:0}
 .interest-section{grid-template-columns:minmax(0,1fr)}
 .packet-contact-identity{margin-bottom:30px}
 .packet-branding-compact .packet-provider img{width:94px;height:42px}
 .packet-branding-compact .packet-recipient{flex-basis:130px;max-width:130px;height:42px}
 .packet-branding-compact .packet-recipient img{max-width:130px;max-height:35px}
 .company-grid,.contact-grid{grid-template-columns:minmax(0,1fr)}
 .site-header{gap:6px}
 .website-hero{min-height:600px}
 .hero-content h1{font-size:clamp(36px,10vw,48px)}
 .hero-bottom{font-size:9px;gap:8px}.carousel-controls{gap:5px}.carousel-controls button{padding:8px;min-width:32px}
 .creative-photo{width:calc(100% - 14px)}
 .company-platforms button{font-size:clamp(9px,2.5vw,12px);padding:11px 6px}
 .location-buttons button{max-width:100%;overflow-wrap:anywhere;text-align:left}
 .footer-columns{gap:24px 18px}
 .footer-invite{font-size:clamp(23px,6.5vw,30px)}
 .website-value{grid-template-columns:minmax(0,1fr) auto;padding:20px;gap:14px}
 .website-value p{font-size:17px}.website-value>strong{font-size:38px;padding:8px 12px}
 .plan-card{padding:24px}
 .team-intro{min-width:0}.team-faces{flex-wrap:wrap}
}
@media(max-width:380px){
 :root{--layout-gutter:16px}
 .topbar>.packet-branding{gap:14px}
 .topbar .packet-provider img{width:112px;height:48px}
 .topbar .packet-recipient{height:48px;max-width:133px;flex-basis:133px}
 .topbar .packet-recipient img{max-width:133px;max-height:41px}
 .topbar .packet-brand-divider{height:32px}
 .topbar .top-contact{font-size:12px}
 .topbar>.button.small{font-size:10px;padding:10px}
 .site-logo,.site-logo img{max-width:120px}.site-header .nav-cta{font-size:10px}
 .site-header nav{gap:8px}.mega summary{font-size:11px}
 .newsletter-heading{padding:14px}.newsletter-heading h3{font-size:15px}
 .company-social-choices strong{font-size:12px}
 .packet-branding-compact{gap:12px}
 .packet-branding-compact .packet-recipient{flex-basis:120px;max-width:120px}
 .packet-branding-compact .packet-recipient img{max-width:120px}
}
/* Reserve room for the decorative frame, including its rotated corners. */
.company-grid>figure{width:calc(100% - 20px);max-width:100%;justify-self:center;margin-inline:0}
.company-section,.company-video-section{overflow:clip}
@media(max-width:700px){.company-grid>figure{width:calc(100% - 26px)}}
