/* Homepage header geometry, shared by every React marketing page. */
.ported-site-header{padding:59px 53px 0}
.site-header.nav{position:relative;inset:auto;display:block;width:100%;max-width:none;height:64px;min-height:0;margin:0;padding:0 14px 0 24px;border:0;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px rgba(26,26,26,.1);z-index:60;backdrop-filter:none;box-sizing:border-box}
.site-header.nav::before,.site-header.nav::after{content:none}
.site-header.nav *{box-sizing:border-box}
.site-header.nav .nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;max-width:none;margin:0;padding:0;gap:24px}
.site-header .nav-brand{display:flex;flex-shrink:0;text-decoration:none}
.site-header .nav-brand img{display:block;height:30px;width:auto;max-width:none}
.site-header .nav-links{display:flex;align-items:center;gap:0;margin-left:auto}
.site-header .nav-link{display:inline-flex;align-items:center;padding:7px 16px;font:400 14px/19.6px var(--ec-font-body);letter-spacing:.28px;white-space:nowrap;color:#1a1a1a;opacity:.65;text-decoration:none;border:0}
.site-header .nav-link:hover{opacity:1}
.site-header .locale-control{display:inline-flex;align-items:center;width:auto;margin:0 0 0 8px}
.site-header .locale-select{height:34px;width:auto;min-width:0;padding:0 24px 0 10px;border:0;border-radius:5px;background:#fff;color:#666;box-shadow:inset 0 0 0 1px #e7e7e7;font:400 10px var(--ec-font-mono);letter-spacing:1px;text-transform:uppercase;cursor:pointer}
.site-header .site-header-cta{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:40px;padding:8px 16px;border-radius:5px;background:#ff4f00;color:#1a1a1a;font:400 12px/1.2 var(--ec-font-mono);text-decoration:none;white-space:nowrap}
.site-header .site-header-cta:hover{background:#e64700;color:#1a1a1a}
.site-header :focus-visible{outline:2px solid #ff4f00;outline-offset:2px}
.site-header .nav-menu-toggle{display:none}
@media(min-width:961px) and (max-width:1180px){.site-header.nav .nav-inner{gap:12px}.site-header .nav-link{padding-inline:8px}}
@media(max-width:960px){
 .ported-site-header{padding:36px 28px 0}
 .site-header.nav{height:58px;padding:0 8px 0 16px}
 .site-header.nav .nav-inner{gap:12px}
 .site-header .nav-brand img{height:26px}
 .site-header .nav-menu-toggle{display:inline-flex;order:3;flex:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:44px;height:44px;padding:0;border:0;border-radius:5px;background:transparent;color:#1a1a1a;cursor:pointer}
 .site-header .nav-menu-toggle span{display:block;width:21px;height:1.5px;background:currentColor;transform-origin:center}
 .site-header .nav-menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
 .site-header .nav-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
 .site-header .nav-menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
 .site-header .site-header-cta{margin-left:auto}
 .site-header.nav .nav-links{position:absolute;inset:calc(100% + 8px) 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px;background:#fff;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(26,26,26,.1)}
 .site-header.nav .nav-links[hidden]{display:none}
 .site-header .nav-link{display:flex;min-height:48px;padding:0 12px;opacity:1;border-bottom:1px solid #e7e7e7}
 .site-header .nav-link:last-of-type{border-bottom:0}
 .site-header .locale-control{margin:8px 0 0;width:100%}
 .site-header .locale-select{width:100%;height:44px}
}
@media(max-width:640px){.ported-site-header{padding:28px 24px 0}}
@media(max-width:380px){.site-header .nav-brand img{height:23px}.site-header.nav .nav-inner{gap:6px}.site-header .site-header-cta{padding:8px 10px;font-size:11px}}