/* Public landing-page navigation and company section. */
.cobalt-chrome .editorial-header .editorial-wrap{justify-content:space-between}
.cobalt-chrome .editorial-nav-actions{gap:24px}
.commercial-signin{color:var(--ivory-dim);font-size:13px;text-decoration:none;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.commercial-signin:hover{color:var(--ivory)}
.nav-demo{white-space:nowrap}
.commercial-about{padding-block:84px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:80px;scroll-margin-top:32px}
.commercial-about h2{font-size:clamp(30px,3.4vw,46px);line-height:1.2;letter-spacing:-.035em;margin:18px 0 0}
.commercial-about-copy{padding-top:10px}
.commercial-about-copy p{color:var(--ivory-faint);font-size:16px;line-height:1.9;margin:0 0 20px;max-width:49ch}
.commercial-about-copy .cobalt-text-link{display:inline-flex;margin-top:6px}
.preview-footer.commercial-footer{display:grid;grid-template-columns:1fr auto;align-items:start;gap:32px 48px;padding-block:48px 28px}
.commercial-footer-brand>a{display:inline-block}
.commercial-footer-brand .x-wordmark{font-size:26px}
.commercial-footer-links{display:flex;flex-wrap:wrap;gap:4px 24px;justify-content:flex-end;max-width:560px}
.commercial-footer-links a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.commercial-footer-links a:hover{color:var(--ivory)}
.commercial-copyright{grid-column:1/-1;margin:0!important;padding-top:20px;border-top:1px solid var(--line)}
[dir="rtl"] .commercial-about h2{line-height:1.5;letter-spacing:0}
@media(max-width:767px){
.cobalt-chrome .editorial-nav-actions{gap:16px}
.commercial-about{grid-template-columns:1fr;gap:24px;padding-block:52px}
.commercial-about-copy{padding-top:0}
.preview-footer.commercial-footer{grid-template-columns:1fr;gap:24px}
.commercial-footer-links{justify-content:flex-start;gap:0 24px}
}
@media(max-width:479px){
.cobalt-chrome .editorial-nav-actions{gap:12px}
.commercial-signin{display:none}
.nav-demo{font-size:12px!important;padding-inline:12px!important}
}
@media(max-width:359px){
.cobalt-chrome .editorial-header>.editorial-wrap{gap:8px}
.cobalt-chrome .editorial-nav-actions{gap:8px}
.nav-demo{padding-inline:10px!important}
}