.site-language{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:3px;border:1px solid #DCD9D2;border-radius:999px;flex-shrink:0;font-family:Archivo,sans-serif;background:#FAF8F3}
.site-language a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:999px;font-size:12px;font-weight:600;line-height:1;text-decoration:none;color:#656158}
.site-language a[aria-current=true]{background:#254EBC;color:#FFF}.site-language a:focus-visible{outline:3px solid #7CA2F6;outline-offset:3px}
.site-language{position:relative;z-index:51}
.site-language-toggle{list-style:none}
.site-language-toggle::-webkit-details-marker{display:none}
.site-language-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:999px;background:#254EBC;color:#FFF;font:600 12px/1 Archivo,sans-serif;cursor:pointer}
.site-language-toggle:focus-visible{outline:3px solid #7CA2F6;outline-offset:3px}
.site-language-options{position:absolute;top:-1px;left:-1px;right:-1px;display:flex;flex-direction:column;gap:2px;padding:3px;border:1px solid #DCD9D2;border-radius:999px;background:#FAF8F3}
.site-language:not([open]) .site-language-options,.site-language-options[hidden]{display:none}
.site-language[open] .site-language-toggle{visibility:hidden}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-nav .toda-navlinks{gap:clamp(12px,1.7vw,24px)!important}
@media(max-width:1100px){.site-nav .toda-navlink-hide{display:none}}
@media(max-width:600px){.site-nav{padding:18px 20px!important}.site-nav .toda-btn-sm{display:none!important}.site-nav .toda-brand{gap:10px!important}.site-nav .toda-brand-word{font-size:28px!important}.site-nav .toda-brand img{width:32px!important;height:32px!important}}
.legal-nav-actions{display:flex;align-items:center;gap:18px}
@media(max-width:420px){.legal-nav-actions{gap:10px}.legal-nav-actions .toda-back{font-size:13px}nav:has(.legal-nav-actions){padding-inline:16px}.toda-wordmark{font-size:20px!important}}
@media(max-width:600px){
 .site-language-toggle,.site-language a{font-size:14px}
 nav:has(.legal-nav-actions){flex-wrap:wrap;gap:12px}
 .legal-nav-actions{margin-left:auto}
 .toda-wordmark,.toda-back{display:inline-flex;align-items:center;min-width:44px;min-height:44px}
 .toda-eff,.toda-foot{color:#656158}
 .toda-foot-links a{display:inline-flex;align-items:center;min-width:44px;min-height:44px}
 .toda-foot-links{gap:16px 24px}
 body:has(.legal-nav-actions) main a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;overflow-wrap:anywhere}
 body:has(.legal-nav-actions) main h1{overflow-wrap:anywhere}
}

/* Account entry points in every header: a quiet "Sign in" and a primary "Get started". */
.site-signin,.site-signup{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font:500 15px/1 Archivo,sans-serif;white-space:nowrap;text-decoration:none}
.site-signin{padding:0 4px;color:#25231C}
.site-signin:hover{color:#254EBC}
.site-signup{padding:0 22px;border-radius:999px;background:#254EBC;color:#FAF8F3;font-weight:600}
.site-signup:hover{background:#1439A6;color:#FAF8F3;text-decoration:none}
.site-signin:focus-visible,.site-signup:focus-visible{outline:3px solid #7CA2F6;outline-offset:3px}
.site-nav .site-demo-link{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border:1px solid #254EBC;border-radius:999px;background:transparent;color:#254EBC;font-size:15px;font-weight:600;white-space:nowrap}
.site-nav .site-demo-link:hover{background:#254EBC14}
.company-nav-actions .site-signin,.company-nav-actions .site-signup,.legal-nav-actions .site-signin,.legal-nav-actions .site-signup{font-size:15px}
.site-mobile-menu-signin{display:none}
/* "Sign out" next to "My console" once a console session is open (console-links.js); the header "Get started" steps aside. */
button.site-signout{border:0;background:none;cursor:pointer}
.company-nav-product .company-nav-actions button.site-signout,.company-nav-product .company-nav-actions button.site-signout:hover{min-height:44px;padding:0 4px;background:none;color:#25231C;font-weight:500}
.company-nav-product .company-nav-actions button.site-signout:hover{color:#254EBC}
.site-mobile-menu-links button.site-signout{display:none;width:100%;min-height:44px;padding:10px 14px;border-radius:6px;color:#25231C;font:500 14px/1.4 Archivo,sans-serif;text-align:left;align-items:center}
.site-mobile-menu-links button.site-signout:hover{background:#EAE8E2;color:#254EBC}
button.site-signout:focus-visible{outline:2px solid #254EBC;outline-offset:2px}
button.site-signout:disabled{opacity:.6;cursor:progress}
html[data-console-session="in"] body :is(.site-nav,.company-nav-actions,.legal-nav-actions) .site-signup,:root[data-console-session="in"] body .site-nav .site-mobile-menu-links a.site-mobile-menu-signup{display:none}
.site-nav .toda-navlinks>a{white-space:nowrap}
/* The two account buttons need room: below 1280px keep only "Pricing" among the section links (the others stay in the menu). */
@media(max-width:1279px){.site-nav .toda-navlinks>a.toda-navlink-hide:not(:nth-of-type(3)){display:none}}
@media(max-width:600px){
 .site-nav .site-signin{display:none}
 .site-nav .site-signup{padding:0 14px;font-size:14px}
 .site-mobile-menu-links .site-mobile-menu-signin{display:flex}
 .company-nav-actions .site-signup,.legal-nav-actions .site-signup{padding:0 14px;font-size:14px}
 .company-nav-actions .site-signin,.legal-nav-actions .site-signin{font-size:14px}
}
@media(max-width:600px){.site-mobile-menu-links button.site-signout{display:flex}}
@media(max-width:420px){
 .company-nav-actions .site-signin,.legal-nav-actions .site-signin{display:none}
 /* Signed in, phones keep one header row: "Sign out" takes the place of "Get started" and "My console" stays in the home header. */
 html[data-console-session="in"] :is(.company-nav-actions,.legal-nav-actions) a.site-signin{display:none}
 html[data-console-session="in"] :is(.company-nav-actions,.legal-nav-actions) button.site-signout{display:inline-flex;font-size:13px}
}
/* Phones: one header row. The brand and "Get started" shrink; on the narrowest screens "Get started" moves into the menu. */
.site-mobile-menu-links .site-mobile-menu-signup{display:none}
@media(max-width:430px){
 :root[data-direction] .site-nav.site-nav{padding-inline:16px!important;gap:8px!important}
 :root[data-direction] .site-nav .toda-brand.toda-brand{gap:8px!important}
 :root[data-direction] .site-nav .toda-brand .toda-brand-word{font-size:22px!important}
 :root[data-direction] .site-nav .toda-brand img[src]{width:26px!important;height:26px!important}
 .site-nav .site-company-endorsement{margin-left:34px!important;min-height:0!important;font-size:11px!important}
 .site-nav .toda-navlinks{gap:8px!important}
 .site-nav .site-signup{padding:0 11px;font-size:13px}
 .company-nav{padding-inline:16px}
 .company-nav-actions{gap:8px}
 .company-nav-actions .site-signup{padding:0 11px;font-size:13px}
}
@media(max-width:400px){
 .company-nav-actions .company-product-link{display:none}
}
@media(max-width:340px){
 .company-nav-actions .site-signup{padding:0 9px;font-size:12px}
 .company-brand{font-size:20px}
}
@media(max-width:370px){
 .site-nav .site-signup{display:none}
 .site-mobile-menu-links .site-mobile-menu-signup{display:flex;background:#254EBC;color:#FAF8F3}
 .site-mobile-menu-links .site-mobile-menu-signup:hover{background:#1439A6;color:#FAF8F3}
}

/* Company, research, legal and docs headers take the homepage header actions (07/11/2026): a quiet "Sign in", a blue "Get started"
   and the globe language pill, with 44px targets and at least 14px text on phones. Each page keeps its own brand. The doubled classes
   outrank the older product header rules in company-pages.css. */
html body :is(.company-nav-actions,.legal-nav-actions) a.site-signin.site-signin{min-height:44px;padding:0 8px;border-radius:0;background:transparent;color:#25231C;font-size:15px;font-weight:500}
html body :is(.company-nav-actions,.legal-nav-actions) a.site-signin.site-signin:hover{background:transparent;color:#254EBC}
html body :is(.company-nav-actions,.legal-nav-actions) a.site-signup.site-signup{padding:0 20px;font-size:15px}
html body :is(.company-nav-actions,.legal-nav-actions) button.site-signout.site-signout{min-height:44px;padding:0 8px;background:none;color:#25231C;font:500 15px/1 Archivo,sans-serif}
html body :is(.company-nav-actions,.legal-nav-actions) button.site-signout.site-signout:hover{color:#254EBC}
html body .legal-nav-actions .toda-back.toda-back{display:inline-flex;align-items:center;min-height:44px;font-size:15px}
html body .company-nav-actions .site-language.site-language{padding:0;border:0;background:transparent}
html body .company-nav-actions .site-language-toggle.site-language-toggle{gap:6px;width:auto;height:44px;min-width:44px;min-height:44px;padding:0 14px 0 12px;background:transparent;color:#25231C;box-shadow:inset 0 0 0 1px #DCD9D2;font-size:14px}
html body .company-nav-actions .site-language-toggle.site-language-toggle:hover{color:#254EBC;box-shadow:inset 0 0 0 1px #254EBC}
html body .company-nav-actions .site-language-toggle::before{content:"";flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.6-3.8-9S9.5 5.6 12 3z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.6-3.8-9S9.5 5.6 12 3z'/%3E%3C/svg%3E") center/contain no-repeat}
html body .company-nav-actions .site-language-options.site-language-options{top:0;left:0;right:0;align-items:stretch;border-radius:26px}
html body .company-nav-actions .site-language.site-language a{min-width:44px;min-height:44px;padding:0 12px}
html body .company-nav-actions .company-product-link{font-size:15px}
@media(max-width:600px){
 html body :is(.company-nav-actions,.legal-nav-actions) a.site-signin.site-signin,html body :is(.company-nav-actions,.legal-nav-actions) button.site-signout.site-signout,html body .legal-nav-actions .toda-back.toda-back,html body .company-nav-actions .company-product-link{font-size:14px}
 html body :is(.company-nav-actions,.legal-nav-actions) a.site-signup.site-signup{padding:0 16px;font-size:14px}
}
@media(max-width:420px){
 html body .company-nav-product .company-nav-actions a.site-signin.site-signin{display:none}
 html body :is(.company-nav-actions,.legal-nav-actions) a.site-signup.site-signup{padding:0 14px}
 html body .company-nav-actions .site-language-toggle.site-language-toggle{padding:0 12px 0 10px}
 html body :is(.company-nav-actions,.legal-nav-actions) button.site-signout.site-signout{padding:0 4px}
}
/* 360px phones keep the Toda Labs brand, "Commencer" and the language on one row. */
@media(max-width:380px){
 html body .company-nav .company-brand.company-brand{font-size:21px}
 html body .company-nav-actions .site-language-toggle.site-language-toggle{gap:5px;padding:0 10px 0 9px}
}

/* CJK uses local glyph fonts and natural spacing within the existing type scale. */

/* Header that steps aside while reading (assets/site-headroom.js): away on the way down, back on the way up. */
html.headroom-on{scroll-padding-top:calc(var(--headroom-height,92px) + 12px)}
/* A section reached from a link takes the focus so Tab continues from it, without a ring around the whole section. */
html.headroom-on main>section[tabindex="-1"]:focus{outline:none}
html.headroom-on nav[data-headroom][data-headroom]{position:sticky!important;top:0!important;left:0;right:0;z-index:50;transition:transform .22s cubic-bezier(.2,.7,.2,1),background-color .22s ease,box-shadow .22s ease}
html.headroom-on .site-shell{padding-top:var(--headroom-height,0px)}
html.headroom-on .site-shell>nav[data-headroom][data-headroom]{position:fixed!important;top:var(--review-height,0px)!important;left:0!important;right:0!important;width:auto!important;max-width:none!important;margin:0!important}
/* Where overflow-x:clip exists, the home header scrolls with the page under the beta banner and then stays at the top
   (sticky): the browser moves it with the page, so it never trails a frame behind on a phone. clip, unlike hidden,
   does not turn the shell into a scroll container, which would stop sticky; flow-root keeps the shell's own margins. */
@supports(overflow-x:clip){html.headroom-on .site-shell{padding-top:0;overflow-x:clip!important;display:flow-root}html.headroom-on .site-shell>nav[data-headroom][data-headroom]{position:sticky!important}}
/* Wide pages keep their text column; the bar itself runs edge to edge once it carries a background. */
html.headroom-on .company-nav[data-headroom][data-headroom]{max-width:none;margin:0;padding-inline:max(var(--page-gutter),calc((100% - 1368px)/2 + var(--page-gutter)))}
html.headroom-on body>nav[data-headroom]:not(.company-nav):not(.site-nav)[data-headroom]{max-width:none;margin:0;padding-inline:max(40px,calc((100% - 1320px)/2 + 40px))}
@media(max-width:520px){html.headroom-on body>nav[data-headroom]:not(.company-nav):not(.site-nav)[data-headroom]{padding-inline:20px}}
html.headroom-on nav[data-headroom][data-floating]{background:#faf8f3;box-shadow:0 1px 0 rgba(37,35,28,.06),0 10px 24px -16px rgba(37,35,28,.32)}
html.headroom-on nav[data-headroom][data-headroom="hidden"]{transform:translateY(-100%);box-shadow:none}
@media(prefers-reduced-motion:reduce){html.headroom-on nav[data-headroom][data-headroom]{transition:none}}