/* Compact translucent header and outlined segmented account actions. */
.home .nav.home-nav{height:64px}
.home .home-nav-inner{background:linear-gradient(120deg,#15151855,#10101366);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #ffffff03;border-color:#ffffff10}
.home .home-nav-inner>.home-brand img{width:30px;height:30px}
.home-auth-switch{background:transparent;border:1px solid #ffffff19;padding:3px}
.home-auth-switch::before{left:3px;top:3px;bottom:3px;width:calc(50% - 3px);background:transparent;box-shadow:inset 0 0 0 1px #ffffff22,0 0 10px #ffffff04}
.home-auth-link{min-height:23px}
.home-auth-switch .home-auth-link:hover{background:transparent;text-shadow:0 0 10px #ffffff30}
.home-settings-panel{width:196px;top:calc(100% + 12px);transform-origin:top right;will-change:transform,opacity}
.home-settings-panel .home-settings-label{padding:8px 10px 6px;font-size:10px;letter-spacing:.04em}
.home-settings-panel .home-settings-theme-label{border-top:1px solid #ffffff0d;margin-top:6px;padding-top:13px}
.home-settings-panel button[data-theme-choice][aria-pressed=true]{color:#ecebf0;background:#ffffff07}
.home-settings-panel button[data-theme-choice][aria-pressed=true]::after{content:'✓'}
@media(max-width:620px){.home .nav.home-nav{height:56px}.home .home-nav-links{top:64px}.home .home-nav-inner>.home-brand img{width:27px;height:27px}.home-auth-link{min-height:22px}.home-settings-panel{right:-5px}}

/* The theme is applied in the head, before the first page paint. */
html[data-theme=light]{--bg:#f5f5f7!important;--bg-soft:#ececf0!important;--panel:#fff!important;--panel-2:#f0f0f3!important;--text:#202026!important;--muted:#63636c!important;--muted-2:#797982!important;--line:#dcdce2!important;--line-strong:#c7c7cf!important;--brand:#292930!important;--brand-1:#292930!important;--brand-2:#292930!important;--brand-3:#292930!important;color-scheme:light}
html[data-theme=light] body{--bg:#f5f5f7!important;--bg-soft:#ececf0!important;--panel:#fff!important;--panel-2:#f0f0f3!important;--text:#202026!important;--muted:#63636c!important;--muted-2:#797982!important;--line:#dcdce2!important;--line-strong:#c7c7cf!important;--home-accent:#292930!important;--home-muted:#63636c!important;--home-line:#dcdce2!important;background:#f5f5f7!important;color:#202026!important}
html[data-theme=light] .home .home-nav-inner{background:#ffffff80;border-color:#20202615;box-shadow:inset 0 1px 0 #fff8}
html[data-theme=light] .home :is(h1,h2,h3,h4,p,li),html[data-theme=light] .home :is(.home-platform,.home-video-corner,.home-footer-description,.home-section-kicker){color:#292930!important}
html[data-theme=light] .home :is(.home-nav-links>a,.home-products-toggle,.home-auth-link,.home-settings-toggle){color:#64646e!important}
html[data-theme=light] .home :is(.home-nav-links>a:hover,.home-products-toggle:hover,.home-auth-link:hover,.home-auth-link:focus-visible){color:#111116!important;text-shadow:none}
html[data-theme=light] .home .home-brand img,html[data-theme=light] .home-video-watermark{filter:brightness(0)}
html[data-theme=light] .home .home-hero-background{background:#eeeef2!important;filter:none}
html[data-theme=light] .home .home-hero-background::after{background:radial-gradient(ellipse at 65% 35%,#fff8,transparent 70%)!important}
html[data-theme=light] :is(.home-about-card,.home-product,.home-partner-panel,.home-footer-panel,.home-video-placeholder,.home-product-dropdown,.home-settings-panel,.auth__card,.side,.card,.panel,.modal__dialog){background:#fffffff0!important;border-color:#20202616!important;color:#292930!important;box-shadow:0 8px 28px #20202606!important}
html[data-theme=light] :is(.home-settings-panel button,.home-settings-label,.home-product-dropdown button){color:#63636c!important}
html[data-theme=light] .home-settings-panel button:hover,html[data-theme=light] .home-settings-panel button[aria-pressed=true]{color:#202026!important;background:#20202608!important}
html[data-theme=light] .home-settings-theme-label{border-color:#20202612}
html[data-theme=light] .home-auth-switch{border-color:#20202626}
html[data-theme=light] .home-auth-switch::before{box-shadow:inset 0 0 0 1px #20202628,0 0 8px #20202604}
html[data-theme=light] .home-auth-link:first-child{color:#202026!important}
html[data-theme=light] .home .home-button-primary{background:#292930!important;color:#fff!important;border-color:#292930!important}
html[data-theme=light] .home .home-button:not(.home-button-primary){background:transparent!important;color:#292930!important;border-color:#20202625!important}
html[data-theme=light] .home :is(.home-status,.home-status-soon,.home-video-play){background:#20202608!important;color:#51515a!important;border-color:#20202615!important}
html[data-theme=light] .home-product-background{opacity:.08}
html[data-theme=light] .home-product-background::after{background:linear-gradient(transparent,#fff)!important}
html[data-theme=light] .home :is(.home-footer-column a,.home-footer-pending,.home-footer-language,.home-footer-bottom){color:#64646e!important}
html[data-theme=light] :is(input,textarea,select){background:#fff!important;color:#292930!important;border-color:#d7d7df!important}
html[data-theme=light] .kusaka-intro{background:#f5f5f7!important}
html[data-theme=light] .kusaka-intro img{filter:brightness(0)}
html[data-theme=light] .kusaka-intro-wordmark{color:#202026!important}
html[data-theme=light] .home .home-nav-links{background-color:transparent}
@media(max-width:620px){html[data-theme=light] .home .home-nav-links{background:#ffffffd9;border-color:#20202615}}
html[data-theme=light] .home :is(h1 span,.home-video-wordmark,.home-requirements strong,.home-requirements span,.home-platforms span){color:#292930!important}
html[data-theme=light] .home .home-video{background:#fff!important;border-color:#20202618!important;box-shadow:0 12px 36px #20202606!important}
html[data-theme=light] .auth-page :is(h1,h2,label,p,.auth__title,.auth__subtitle,.auth__hint){color:#292930!important}
html[data-theme=light] .auth-page a{color:#52525d!important}
html[data-theme=light] .account-glass :is(h1,h2,h3,label,.side__link){color:#292930!important}
@media(max-width:620px){.home .home-nav-inner{position:relative}.home .home-settings{position:static}.home .home-settings-panel{right:0;top:calc(100% + 12px);width:196px}}

/* Settings use text illumination; keyboard focus remains explicit. */
.home .home-settings-panel button{background:transparent!important;border:0!important;box-shadow:none!important;transition:color .22s ease,text-shadow .22s ease}
.home .home-settings-panel button:hover{background:transparent!important;box-shadow:none!important;color:#fff!important;text-shadow:0 0 12px #ffffff55}
.home .home-settings-panel button:focus:not(:focus-visible){outline:none;box-shadow:none!important}
html[data-theme=light] .home .home-settings-panel button:hover{color:#111116!important;text-shadow:0 0 10px #20202633}
.home .home-brand img{transition:filter .25s ease,opacity .25s ease;opacity:.86}
.home .home-brand:hover img{opacity:1;filter:brightness(1.14) drop-shadow(0 0 7px #ffffff65)}
html[data-theme=light] .home .home-brand:hover img{filter:brightness(0) drop-shadow(0 0 6px #20202650)}
@media(prefers-reduced-motion:reduce){.home .home-brand img,.home .home-settings-panel button{transition:none}}

/* Settings emerge from the same translucent surface as the header. */
.home .home-settings-panel{background:linear-gradient(120deg,#15151855,#10101366)!important;border:1px solid #ffffff10!important;box-shadow:inset 0 1px 0 #ffffff03,0 12px 30px #00000012!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:visible}
.home-settings-panel::before{content:"";position:absolute;top:-13px;left:calc(var(--settings-anchor,178px) - 13px);width:26px;height:14px;background:linear-gradient(120deg,#15151855,#10101366);clip-path:polygon(18% 0,82% 0,78% 30%,86% 62%,100% 100%,0 100%,14% 62%,22% 30%);backdrop-filter:blur(18px);pointer-events:none}
.home .home-settings-panel>button,.home .home-settings-panel>.home-settings-label{opacity:var(--settings-content-opacity,1);transform:translateY(var(--settings-content-shift,0px))}
html[data-theme=light] .home .home-settings-panel{background:#ffffff80!important;border-color:#20202615!important;box-shadow:inset 0 1px 0 #fff8,0 12px 30px #20202606!important}
html[data-theme=light] .home-settings-panel::before{background:#ffffff80}

@media(max-width:620px){.home .home-settings-panel{right:20px}}

/* A single clipped glass surface changes the header's actual outline. */
.home .home-nav-inner.home-header-morph{position:relative;isolation:isolate;overflow:visible;background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.home-header-surface{position:absolute;left:-1px;top:-1px;z-index:-1;pointer-events:none;background:linear-gradient(120deg,#15151855,#10101366);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);will-change:clip-path}
.home-header-surface svg{display:block;overflow:visible}
.home-header-surface path{stroke:#ffffff10;stroke-width:1}
.home .home-header-morph .home-settings{position:static}
.home .home-header-morph .home-settings-panel{position:absolute;left:var(--settings-left,0px);right:auto!important;top:calc(100% + 8px);background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;will-change:opacity}
.home .home-header-morph .home-settings-panel::before{display:none}
html[data-theme=light] .home-header-surface{background:#ffffff80}
html[data-theme=light] .home-header-surface path{stroke:#20202615}
html[data-theme=light] .home .home-nav-inner.home-header-morph,html[data-theme=light] .home .home-header-morph .home-settings-panel{background:transparent!important;border-color:transparent!important;box-shadow:none!important}

@media(max-width:620px){.home .home-header-morph.settings-open .home-nav-links{visibility:hidden;opacity:0;pointer-events:none}}

/* Hover changes visual scale without moving adjacent navigation items. */
.home .home-products-link{display:inline-flex;align-items:center;gap:8px}
.home .home-products-link img{width:24px;height:24px;object-fit:contain}
.home :is(.home-nav-links>a,.home-auth-link,.home-footer-column a,.home-footer-language,.home-settings-panel button,.home-button){transform-origin:center;transition:color .24s ease,text-shadow .24s ease,transform .24s cubic-bezier(.22,.61,.36,1)}
.home .home-brand img{transition:transform .24s cubic-bezier(.22,.61,.36,1),filter .25s ease,opacity .25s ease;transform-origin:center}
.home :is(#products,#cooperation,#about){scroll-margin-top:110px}
@media(hover:hover) and (pointer:fine){
 .home :is(.home-nav-links>a,.home-auth-link,.home-footer-column a,.home-footer-language):hover{transform:scale(1.045);color:#fff;text-shadow:0 0 12px #ffffff40}
 .home .home-settings-panel button:hover{transform:translateY(var(--settings-content-shift,0px)) scale(1.035)}
 .home .home-button:hover{transform:scale(1.035)}
 .home .home-brand:hover img{transform:scale(1.08)}
 html[data-theme=light] .home :is(.home-nav-links>a,.home-auth-link,.home-footer-column a,.home-footer-language):hover{color:#111116!important;text-shadow:0 0 10px #2020262a}
}
@media(prefers-reduced-motion:reduce){.home :is(.home-nav-links>a,.home-auth-link,.home-footer-column a,.home-footer-language,.home-settings-panel button,.home-button,.home-brand img){transition:none}}

/* Fixed segment hit areas; only the text scales, keeping the moving outline stable. */
.home-auth-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:166px;gap:0}
.home .home-auth-switch .home-auth-link{width:100%;min-width:0;padding-inline:8px;transform:none!important}
.home-auth-text{display:block;pointer-events:none;transform-origin:center;transition:transform .24s cubic-bezier(.22,.61,.36,1)}
.home-auth-switch::before{pointer-events:none;transition:transform .24s cubic-bezier(.22,.61,.36,1)}
.home-auth-switch:has(.home-auth-link:first-child:hover)::before{transform:translateX(0)}
.home-settings-toggle svg{transition:transform .24s cubic-bezier(.22,.61,.36,1),filter .24s ease;transform-origin:center}
@media(hover:hover) and (pointer:fine){
 .home .home-auth-link:hover .home-auth-text{transform:scale(1.045)}
 .home .home-settings-toggle:hover svg{transform:scale(1.13);filter:drop-shadow(0 0 5px #ffffff45)}
 html[data-theme=light] .home .home-settings-toggle:hover svg{filter:drop-shadow(0 0 4px #20202635)}
}
@media(max-width:620px){.home-auth-switch{width:136px}}
@media(prefers-reduced-motion:reduce){.home-auth-text,.home-auth-switch::before,.home-settings-toggle svg{transition:none}}

/* Each action keeps its own fixed outline; leaving never slides a shared indicator. */
.home .home-auth-switch::before{display:none!important;transform:none!important;transition:none!important}
.home .home-auth-switch .home-auth-link{box-shadow:inset 0 0 0 1px #ffffff18;transition:color .24s ease,text-shadow .24s ease}
.home .home-auth-switch .home-auth-text{transform:scale(1);translate:none;position:static}
@media(hover:hover) and (pointer:fine){.home .home-auth-switch .home-auth-link:hover .home-auth-text{transform:scale(1.045)}}
html[data-theme=light] .home .home-auth-switch .home-auth-link{box-shadow:inset 0 0 0 1px #20202620}

/* Interpolate font size directly: no compositor scale-to-text snap at hover exit. */
.home .home-auth-switch .home-auth-link .home-auth-text{transform:none!important;translate:none!important;scale:none!important;font-size:1em;line-height:1.2;will-change:auto;transition:font-size .18s ease-out}
.home .home-auth-switch .home-auth-link{color:#96959f!important;transition:color .18s ease-out,text-shadow .18s ease-out}
@media(hover:hover) and (pointer:fine){.home .home-auth-switch .home-auth-link:hover .home-auth-text{font-size:1.045em}.home .home-auth-switch .home-auth-link:hover{color:#fff!important}}
.home .home-auth-switch .home-auth-link:focus-visible{color:#fff!important}
html[data-theme=light] .home .home-auth-switch .home-auth-link{color:#64646e!important}
html[data-theme=light] .home .home-auth-switch .home-auth-link:hover,html[data-theme=light] .home .home-auth-switch .home-auth-link:focus-visible{color:#111116!important}
@media(prefers-reduced-motion:reduce){.home .home-auth-switch .home-auth-link .home-auth-text,.home .home-auth-switch .home-auth-link{transition:none}}

/* A fixed text box keeps the baseline centered throughout hover and exit. */
.home .home-auth-switch .home-auth-link .home-auth-text{display:flex;align-items:center;justify-content:center;width:100%;height:20px;line-height:20px!important;font-size:inherit!important;transform:none!important;translate:none!important;scale:1!important;transform-origin:50% 50%;transition:scale .18s ease-out}
@media(hover:hover) and (pointer:fine){.home .home-auth-switch .home-auth-link:hover .home-auth-text{scale:1.045!important}}
@media(prefers-reduced-motion:reduce){.home .home-auth-switch .home-auth-link .home-auth-text{transition:none}}

/* The outline travels independently of the fixed-size text hit areas. */
.home .home-auth-switch .home-auth-link{box-shadow:none!important}
.home .home-auth-switch::before{display:block!important;transform:translateX(0)!important;transition:transform .24s cubic-bezier(.22,.61,.36,1)!important}
.home .home-auth-switch:has(.home-auth-link:last-child:hover)::before,.home .home-auth-switch:has(.home-auth-link:last-child:focus-visible)::before{transform:translateX(100%)!important}
.home .home-auth-switch:has(.home-auth-link:first-child:hover)::before{transform:translateX(0)!important}
@media(prefers-reduced-motion:reduce){.home .home-auth-switch::before{transition:none!important}}

/* About cards share the header's glass material. */
.home .home-about-card{background:linear-gradient(120deg,#15151855,#10101366)!important;border:1px solid #ffffff10;box-shadow:inset 0 1px 0 #ffffff03!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html[data-theme=light] .home .home-about-card{background:#ffffff80!important;border-color:#20202615!important;box-shadow:inset 0 1px 0 #fff8!important}