/* Shared marketing navigation. The ID keeps legacy page header rules from changing this layout. */
#site-header{display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(210px,1fr);align-items:center;column-gap:18px;width:min(1200px,calc(100% - 48px));height:64px;top:12px;padding:0 20px;border:var(--stroke-strong) solid var(--ink);border-radius:18px;background:var(--paper);box-shadow:4px 5px 0 var(--ink);backdrop-filter:none}
#site-header::before,#site-header::after{display:none}
.nav-is-compact #site-header{width:min(1200px,calc(100% - 48px));height:60px;top:10px;border-radius:18px}
.nav-motion-ready #site-header{transition:height 240ms var(--nav-ease),top 240ms var(--nav-ease),background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease}
#site-header .brand{justify-self:start;gap:8px;margin:0;min-width:0}
#site-header .brand-symbol{width:32px;height:32px;flex:none}
#site-header .brand-name.brand-name-english{font-size:20px;line-height:1;letter-spacing:.015em;font-weight:700;color:var(--ink)}
#site-header .desktop-nav{display:flex;justify-self:center;align-items:center;gap:3px;margin:0;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--ink)}
#site-header .desktop-nav>a{display:block;padding:9px 10px;border-radius:10px;color:var(--ink);text-decoration:none;transform-origin:center;transition:transform 300ms cubic-bezier(.22,1.5,.36,1),background-color 160ms ease,color 160ms ease}
#site-header .desktop-nav>a[aria-current]{background:var(--selected);color:var(--ink)}
#site-header .desktop-nav>a:hover{background:var(--selected);color:var(--ink);transform:scale(1.04)}
#site-header .desktop-nav>a::after{display:none}
#site-header .header-actions{display:flex;align-items:center;justify-self:end;gap:6px;min-width:0;white-space:nowrap;--nav-control-bg:var(--soft);--nav-control-edge:var(--line)}
#site-header .header-actions>[hidden]{display:none!important}
#site-header .language-picker{margin:0;flex:none}
#site-header .language-trigger{height:44px;min-height:44px;padding:9px 11px;gap:7px;border:1px solid var(--nav-control-edge);border-radius:12px;background:var(--nav-control-bg);color:var(--ink);font-size:13px;font-weight:550;line-height:20px}
#site-header .language-trigger>svg{width:16px;height:16px;flex:none}
#site-header .language-trigger>svg.language-chevron{width:11px;height:11px}
#site-header .language-trigger:hover,#site-header .language-trigger[aria-expanded=true]{background:var(--soft);border-color:var(--edge)}
#site-header .header-auth,#site-header .studio-signup{display:inline-flex;align-items:center;justify-content:center;height:44px;min-height:44px;padding:10px 12px;background:transparent;border:0;border-radius:12px;color:var(--ink);font-size:13px;line-height:20px;font-weight:550;text-transform:none;box-shadow:none}
#site-header .header-auth:hover{background:var(--nav-control-bg)}
#site-header .studio-signup{padding-inline:18px;margin-right:4px;background:var(--ink);color:#fff;border-radius:24px;font-weight:600}
#site-header .studio-signup:hover{background:#302747;color:#fff}
#site-header .header-account{display:inline-flex;align-items:center;gap:7px;width:auto;max-width:160px;height:44px;min-height:44px;margin:0;padding:7px 10px 7px 8px;border:1px solid var(--nav-control-edge);border-radius:24px;background:var(--nav-control-bg);font-size:13px;box-shadow:none}
#site-header .header-account:hover{background:var(--selected);border-color:var(--edge);transform:none}
#site-header .account-entry-avatar{width:26px;height:26px;font-size:12px}
#site-header .account-entry-name{display:block;max-width:88px;font-size:13px}
#site-header .header-cta,#site-header .menu-toggle{display:none}
#site-header .menu-toggle{flex:none;width:44px;height:44px;padding:11px;border:1px solid var(--nav-control-edge);border-radius:12px;background:var(--nav-control-bg)}
#site-header .menu-toggle span{width:20px;background:var(--ink)}
#site-header .menu-toggle:hover{background:var(--selected);border-color:var(--edge)}
#mobile-nav[hidden]{display:none!important}
#mobile-nav:not([hidden]){display:grid;left:auto;right:max(12px,calc((100vw - 1200px)/2));top:84px;transform:none;width:min(360px,calc(100% - 24px));max-height:calc(100svh - 104px);padding:14px 18px;gap:2px;border:var(--stroke) solid var(--ink);border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow-panel);backdrop-filter:none;font-size:15px;letter-spacing:0}
.nav-is-compact #mobile-nav:not([hidden]){top:78px}
#mobile-nav a,#mobile-nav .mobile-auth{min-height:44px;padding:10px 8px;border-radius:10px;color:var(--ink)}
#mobile-nav a:hover,#mobile-nav a[aria-current]{background:var(--selected)}
@media(max-width:1200px){#site-header{grid-template-columns:minmax(0,1fr) auto;column-gap:16px}#site-header .desktop-nav{display:none}#site-header .menu-toggle{display:block}}
@media(min-width:1201px){#mobile-nav{display:none!important}}
@media(max-width:980px){#site-header .header-account,#site-header .header-auth,#site-header .studio-signup{display:none}}
@media(max-width:600px){#site-header,.nav-is-compact #site-header{width:calc(100% - 24px);height:64px;top:10px;padding-inline:10px;column-gap:8px;border-radius:16px}#site-header .brand-symbol{width:30px;height:30px}#site-header .brand-name.brand-name-english{font-size:18px}#site-header .header-actions{gap:6px}#site-header .language-trigger{min-height:44px;padding-inline:8px;font-size:12px;gap:6px}#mobile-nav:not([hidden]),.nav-is-compact #mobile-nav:not([hidden]){top:82px}}
@media(prefers-reduced-motion:reduce){#site-header,#site-header .desktop-nav>a{transition:none}#site-header .desktop-nav>a:hover{transform:none}}
/* Service platforms is a disclosure with direct destinations on desktop and touch. */
.platform-nav{position:relative;min-width:0}
#site-header .platform-nav>summary{display:flex;align-items:center;gap:5px;min-height:44px;margin:0;padding:9px 10px;border:0;border-radius:10px;color:var(--ink);font:inherit;list-style:none;cursor:pointer;white-space:nowrap}
.platform-nav>summary::-webkit-details-marker{display:none}.platform-nav>summary::marker{content:''}
#site-header .platform-nav>summary:hover,#site-header .platform-nav[open]>summary,#site-header .platform-nav>summary[aria-current]{background:var(--selected)}
.platform-nav-chevron{font-size:14px;line-height:1;transition:transform 160ms ease}.platform-nav[open] .platform-nav-chevron{transform:rotate(180deg)}
.platform-nav-panel{position:absolute;top:calc(100% + 16px);left:50%;z-index:20;width:380px;padding:12px;border:var(--stroke-strong) solid var(--ink);border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:4px 5px 0 var(--ink)}
#site-header .platform-nav-panel{transform:translateX(-50%)}
.platform-nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.platform-nav-panel .platform-nav-grid>a{display:flex;align-items:center;gap:11px;min-height:48px;padding:11px 12px;border-radius:10px;color:var(--ink);font-size:14px;font-weight:550;line-height:1.5;text-decoration:none;white-space:normal}
.platform-nav-grid img{width:24px;height:24px;object-fit:contain;flex:none}
.platform-nav-panel .platform-nav-grid>a:hover{background:var(--soft)}
.platform-nav-panel .platform-nav-all{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:46px;margin-top:8px;padding:11px 12px;border-top:1px solid var(--line);color:var(--accent);font-size:13px;line-height:1.5;font-weight:600;text-decoration:none}
.platform-nav-panel .platform-nav-all:hover{background:var(--soft)}
.platform-nav>summary:focus-visible,.platform-nav-panel a:focus-visible{outline:3px solid var(--accent);outline-offset:1px}
#mobile-nav .platform-nav>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:10px 8px;border-radius:10px;color:var(--ink);font:inherit;list-style:none;cursor:pointer}
#mobile-nav .platform-nav[open]>summary,#mobile-nav .platform-nav>summary[aria-current]{background:var(--selected)}
#mobile-nav .platform-nav-panel{position:static;width:100%;padding:6px;margin:6px 0 12px;border:1px solid var(--line);border-radius:12px;background:var(--soft);box-shadow:none}
#mobile-nav .platform-nav-panel .platform-nav-grid>a{padding:10px 8px;font-size:13px;gap:8px}
#mobile-nav .platform-nav-grid img{width:21px;height:21px}
#mobile-nav .platform-nav-panel .platform-nav-all{font-size:13px;margin-top:4px;padding:10px 8px}
@media(prefers-reduced-motion:reduce){.platform-nav-chevron{transition:none}}