.nav-tools{display:flex;align-items:center;gap:18px;flex-shrink:0}
.language-picker{position:relative;display:flex;align-items:center;color:#56647a}
.language-picker>svg{position:absolute;left:11px;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;pointer-events:none;z-index:1}
.language-select{appearance:none;-webkit-appearance:none;border:1px solid #dfe5ef;border-radius:8px;color:var(--ink);background:#fff;padding:11px 24px 11px 34px;width:132px;font-family:var(--body);font-size:13px;cursor:pointer;line-height:1.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%23637083' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}
.language-select:focus-visible{outline:3px solid #6189ff;outline-offset:4px}
.header nav{gap:23px}.header nav a{white-space:nowrap}.nav-wrap{gap:22px}
html:not([lang=en]) h1{font-size:clamp(58px,6.2vw,87px);line-height:1.08}
html:not([lang=en]) .hero-description{max-width:485px}
html:not([lang=en]) .hero-actions{gap:20px;flex-wrap:wrap}
html:not([lang=en]) .button{white-space:normal;text-align:center}
html:not([lang=en]) .proof-point{grid-template-columns:1fr;gap:10px}
html:not([lang=en]) .proof-value,html:not([lang=en]) .proof-budget,html:not([lang=en]) .proof-verification{height:68px;padding-top:9px}
html:not([lang=en]) .proof-point:last-child .proof-value{padding-top:0}
html:not([lang=en]) .proof-point h2{overflow-wrap:anywhere;hyphens:auto}
html:not([lang=en]) .capacity-result-label{line-height:1.6}
html:not([lang=en]) .monthly-plans>div{min-width:0}
html:not([lang=en]) .cap-metrics strong{font-size:18px}
html:not([lang=en]) .ramp-top{gap:15px;align-items:flex-start}
html:not([lang=en]) .ramp-notice strong,html:not([lang=en]) .ramp-notice div>span{line-height:1.6}
html:not([lang=en]) .float-card{max-width:350px}
html:not([lang=en]) .comparison-number>span{line-height:1.5}
html:not([lang=en]) .connection-diagram .diagram-core>span{white-space:nowrap}
@media(max-width:1320px){.nav-tools .nav-cta{display:none}}
@media(max-width:1000px){.header nav{display:none;position:absolute;left:0;right:0;top:92px;padding:26px 28px;background:white;border-bottom:1px solid var(--line);flex-direction:column;gap:25px}.header.menu-open nav{display:flex}.menu-toggle{display:block}.nav-tools{gap:18px}.header nav a{white-space:normal}}
@media(max-width:760px){.nav-wrap{gap:12px}.nav-tools{gap:12px}.brand img{width:159px}.language-select{width:126px;padding:10px 22px 10px 29px;font-size:12px}.language-picker>svg{left:9px;width:14px;height:14px}.header nav{top:76px;padding:26px 20px}.header nav a{font-size:16px}html:not([lang=en]) h1{font-size:clamp(48px,12.3vw,76px);letter-spacing:-.055em;overflow-wrap:normal}html:not([lang=en]) .hero-visual{margin-top:25px}html:not([lang=en]) .hero-actions{align-items:flex-start;gap:18px}html:not([lang=en]) .float-card{max-width:calc(100% - 12px)}html:not([lang=en]) .float-card strong{line-height:1.5}html:not([lang=en]) .float-card div>span{line-height:1.5}html:not([lang=en]) .hero-coordinate{font-size:8px;letter-spacing:.07em;white-space:normal;width:100%;text-align:center}html:not([lang=en]) .provider{font-size:12px}html:not([lang=en]) .proof-value,html:not([lang=en]) .proof-budget,html:not([lang=en]) .proof-verification{height:60px;padding-top:5px}html:not([lang=en]) .proof-point:last-child .proof-value{padding-top:0}html:not([lang=en]) .demo-tabs button{font-size:12px;line-height:1.5;display:flex;align-items:center;justify-content:center}html:not([lang=en]) .demo-tabs button span{flex-shrink:0}html:not([lang=en]) .demo-bottom{gap:12px}html:not([lang=en]) .status{min-width:0;font-size:10px}html:not([lang=en]) .send-meta{gap:12px;line-height:1.5}html:not([lang=en]) .bounce-metrics small{display:block;margin-top:5px}html:not([lang=en]) .cap-metrics strong{font-size:16px}html:not([lang=en]) .monthly-plans{gap:8px}html:not([lang=en]) .ip-diagram-title{font-size:10px}html:not([lang=en]) .closing-card h2{font-size:40px}html:not([lang=en]) .faq-list summary{line-height:1.6}html:not([lang=en]) .sequence-step{gap:9px}html:not([lang=en]) .sequence-state{max-width:60px;line-height:1.4}html:not([lang=en]) .pool-campaign{flex-wrap:wrap}html:not([lang=en]) .provider-node{font-size:12px}}
@media(max-width:380px){.brand img{width:120px}.nav-tools{gap:9px}.language-select{width:122px}.nav-wrap{gap:8px}.menu-toggle{padding:0}html:not([lang=en]) .connection-strip .provider{font-size:11px}html:not([lang=en]) h1{font-size:45px}html:not([lang=en]) .capacity-number{flex-wrap:wrap}html:not([lang=en]) .workspace-toolbar{gap:10px;flex-wrap:wrap}}
html:not([lang=en]) .mailbox-lane strong,html:not([lang=en]) .lane-cap{white-space:normal;overflow-wrap:anywhere;hyphens:auto;line-height:1.5}
html:not([lang=en]) .closing-card h2{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:380px){.brand img{width:118px}html:not([lang=en]) .closing-card h2{font-size:34px}}
html:not([lang=en]) .reputation-copy{min-width:0}
@media(max-width:760px){html:not([lang=en]) .reputation-copy h2{overflow-wrap:anywhere;hyphens:auto}html:not([lang=en]) .email-address{min-width:0;overflow-wrap:anywhere}html:not([lang=en]) .status{max-width:90px;hyphens:auto}}
