/* Shared site navigation from Figma 82:861; existing disclosure/i18n controllers. */
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/instrument-sans-medium.ttf') format('truetype')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/instrument-sans-bold.ttf') format('truetype')}
body .site-header.figma-header{padding:24px 24px 0;background:transparent;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;position:sticky;top:-24px}
body .figma-header .header-inner{width:100%;max-width:1300px;height:56px;margin:auto;padding:0 6px 0 24px;gap:16px;border-radius:30px;background:#fff;box-shadow:0 0 24px rgba(0,0,0,.05)}
body .figma-header .brand img{width:88px;height:21px;object-fit:contain}
body .figma-header .nav-link{font-family:'Instrument Sans',var(--font);font-size:16px;font-weight:500;line-height:20px;height:44px;padding:12px;gap:3px;color:#4d4d4d;border-radius:30px}
body .figma-header .nav-link:hover,body .figma-header .has-dropdown.open>.nav-link{background:#f2f2f2;color:#000}
body .figma-header .main-nav:not(:has(.open))>ul>li.nav-current>.nav-link{background:#f2f2f2;color:#000}
body .figma-header .chev{width:18px;height:18px;transform:rotate(-90deg)!important;flex-shrink:0}
body .figma-header .has-dropdown.open>.nav-link .chev{transform:rotate(90deg)!important}
body .figma-header .header-actions{gap:0;margin-left:auto}
body .figma-header .language-globe,body .figma-header .language-chevron{display:none}
body .figma-header .language-picker select{width:104px;min-width:0;height:52px;padding:0 14px;border:0;border-radius:26px;background:#fff;text-align:center;font:600 16px var(--font);color:#344259}
body .figma-header .language-picker select:hover{background:#f7f7f7}
body .figma-header .header-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:max-content;min-width:176px;flex-shrink:0;white-space:nowrap;height:44px;min-height:44px;padding:0 18px;border:0;border-radius:27px;background:#16171c;color:#fff;box-shadow:none;font-family:'Instrument Sans',var(--font);font-size:16px;font-weight:700;line-height:20px}
body .figma-header .header-actions .btn:is(:hover,:focus-visible){background:linear-gradient(91.1408deg,#1177ff .21879%,#6881f1 99.752%);transform:none}
body .figma-header .demo-wave{width:18px;height:18px;transform:rotate(-90deg);flex-shrink:0}
body .figma-header .dropdown{top:100%;border-radius:18px;color:#344259}
body .figma-header .dropdown h2{display:block}
@media(min-width:1201px){
 body .figma-header .main-nav{position:absolute;left:50%;transform:translateX(-50%);height:56px;flex:none;align-self:center}
 body .figma-header .main-nav>ul{gap:0;margin:0;padding:0}
}
@media(max-width:1200px){
 body .figma-header .main-nav{transform:none;top:calc(100% + 8px);border-radius:22px;padding:12px;max-height:calc(100dvh - 112px)}
 body .figma-header .main-nav>ul{padding:0;margin:0;gap:4px}
 body .figma-header .main-nav .nav-link{width:100%;justify-content:space-between;font-size:16px;padding:12px 16px}
 body .figma-header .dropdown{border-radius:14px}
 body .figma-header .nav-toggle{margin-right:6px;border:0;background:transparent}
}
@media(max-width:560px){
 body .site-header.figma-header{padding:12px 12px 0;top:-12px}
 body .figma-header .header-inner{height:56px;padding:0 6px 0 18px;gap:8px}
 body .figma-header .header-actions>.btn{display:none}
 body .figma-header .language-picker select{width:94px;font-size:14px}
 body .figma-header .main-nav{max-height:calc(100dvh - 96px)}
}

body .figma-header .header-actions .btn>span{white-space:nowrap;flex-shrink:0}

/* Persist the current destination highlight when its menu is opened. */
body .figma-header .dropdown-link[aria-current]{background:var(--bg-soft);color:var(--blue);font-weight:600}

/* Rotating light edge and diffuse breathing glow on the shared demo CTA. */
@property --demo-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
:is(body .figma-header .header-actions .btn-primary, :is(#collectionApplications,#applications[data-collection-applications]) .app-check){position:relative;isolation:isolate;overflow:visible}
:is(body .figma-header .header-actions .btn-primary, :is(#collectionApplications,#applications[data-collection-applications]) .app-check)::before{content:"";position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--demo-angle),#277bff,#b3caff,#8675ff,#277bff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:demo-edge 5s linear infinite}
:is(body .figma-header .header-actions .btn-primary, :is(#collectionApplications,#applications[data-collection-applications]) .app-check)::after{content:"";position:absolute;z-index:-1;left:14%;right:14%;bottom:-7px;height:16px;background:linear-gradient(90deg,#398bff,#8776ff,#3dbdff);border-radius:50%;filter:blur(12px);pointer-events:none;animation:demo-glow 3.8s ease-in-out infinite}
@keyframes demo-edge{to{--demo-angle:360deg}}
@keyframes demo-glow{0%,100%{opacity:.22;transform:scaleX(.85)}50%{opacity:.55;transform:scaleX(1.08)}}
@media(prefers-reduced-motion:reduce){:is(body .figma-header .header-actions .btn-primary, :is(#collectionApplications,#applications[data-collection-applications]) .app-check)::before,:is(body .figma-header .header-actions .btn-primary, :is(#collectionApplications,#applications[data-collection-applications]) .app-check)::after{animation:none}}

/* Stable navigation typography and colors across every page template. */
body .site-header.figma-header{--font:Arial,'PingFang SC','Microsoft YaHei',sans-serif;--ink:#262626;--blue:#1177ff;--bg-soft:#edf4ff;font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif}
body .site-header.figma-header .dropdown-link{font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;font-size:14px;font-weight:500;line-height:1.5;color:#344259;border-radius:10px;transition:background .18s,color .18s}
body .site-header.figma-header .dropdown-link small{font-family:inherit;font-size:12px;font-weight:400;line-height:1.55;color:#667185}
body .site-header.figma-header .dropdown-link:hover,body .site-header.figma-header .dropdown-link:focus-visible,body .site-header.figma-header .dropdown-link[aria-current="page"]{background:#edf4ff;color:#1177ff;font-weight:500}
body .site-header.figma-header .dropdown-link[aria-current="page"]{box-shadow:none}
body .site-header.figma-header .dropdown-link[aria-current="page"] small{color:#526b8c}
body .site-header.figma-header .language-option{font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;font-size:14px;font-weight:500;color:#262626}
body .site-header.figma-header .language-option.active,body .site-header.figma-header .language-option:hover{background:#edf4ff;color:#1177ff}
body .site-header.figma-header .language-trigger{font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;color:#344259}
/* Compact two-column Solutions menu. */
@media(min-width:1201px){
 body .site-header.figma-header .dropdown.mega-menu{width:min(600px,calc(100vw - 64px));padding:16px;border-radius:16px}
 body .site-header.figma-header .mega-columns{grid-template-columns:1.2fr 1fr;gap:16px}
 body .site-header.figma-header .mega-column+.mega-column{padding-left:16px}
 body .site-header.figma-header .mega-menu .dropdown-link{min-height:38px;padding:8px 10px;font-size:14px;line-height:1.5}
 body .site-header.figma-header .mega-column h2{margin:0 10px 8px;font-size:10px}
}

/* Uniform linear icons for every shared navigation option. */
body .site-header.figma-header .dropdown-link{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:10px;align-items:center}
body .site-header.figma-header .dropdown-link .nav-option-icon{display:block;width:18px;height:18px;grid-column:1;grid-row:1;fill:none;stroke:#000;stroke-opacity:.45;stroke-width:1.5}
body .site-header.figma-header .nav-option-icon *{vector-effect:non-scaling-stroke}
body .site-header.figma-header .dropdown-link>span{grid-column:2;min-width:0}
body .site-header.figma-header .dropdown-link>small{grid-column:2}

body .site-header.figma-header .dropdown-link:is(:hover,:focus-visible,[aria-current="page"]) .nav-option-icon{stroke:currentColor;stroke-opacity:1}

/* Fit dropdowns to the longest localized option, with balanced side padding. */
@media(min-width:1201px){
 body .site-header.figma-header .has-dropdown .dropdown{width:max-content;min-width:0;max-width:calc(100vw - 64px)}
 body .site-header.figma-header .dropdown-link{grid-template-columns:18px auto;white-space:nowrap}
 body .site-header.figma-header .mega-columns{grid-template-columns:max-content max-content}
}

/* Shared navigation CTA: a white shine passes over the label. */
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 body .figma-header .header-actions .btn-primary > span[data-i18n="cta.demo"]{
  background-image:linear-gradient(110deg,#b8bac4 35%,#fff 50%,#b8bac4 65%);
  background-size:200% 100%;background-position:200% 0;
  -webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
  animation:header-demo-text-shine 2.4s linear infinite;
 }
}
@keyframes header-demo-text-shine{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce),(forced-colors:active){
 body .figma-header .header-actions .btn-primary > span[data-i18n="cta.demo"]{animation:none;background:none;color:inherit;-webkit-text-fill-color:currentColor}
}
