/* KUSAKA: palette only. Existing layout, typography and behavior are preserved. */
:root,body.home,body.auth-page,body.account-glass{
 --bg:#121216;--bg-soft:#1d1d23;--panel:#1d1d23;--panel-2:#292930;
 --line:#44414d;--line-strong:#44414d;--text:#ecebf0;--muted:#a6a3ae;--muted-2:#a6a3ae;
 --brand-1:#ecebf0;--brand-2:#ecebf0;--brand-3:#ecebf0;--brand:#ecebf0;
 --grad:linear-gradient(115deg,#ecebf0,#ecebf0);--grad-soft:linear-gradient(135deg,#292930,#1d1d23);
 --home-accent:#ecebf0;--home-muted:#a6a3ae;--home-line:#44414d;--ref-accent:#ecebf0;
 --ring:0 0 0 3px #ecebf040;--ok:#ecebf0;--warn:#a6a3ae;--danger:#ecebf0;
}
body.home,body.auth-page,body.account-glass{background-color:#121216;color:#ecebf0}
.home .home-button-primary,.auth-page .btn--primary,.account-glass .btn--primary,.btn--primary{
 background:linear-gradient(115deg,#ecebf0,#ecebf0);border-color:#ecebf0;color:#121216;
 text-shadow:none;box-shadow:inset 0 1px 1px #ffffff26;
}
.home .home-button-primary:hover,.auth-page .btn--primary:hover,.account-glass .btn--primary:hover,.btn--primary:hover{
 background:linear-gradient(115deg,#fff,#ecebf0);border-color:#ecebf0;color:#121216;
 box-shadow:inset 0 1px 1px #ffffff26;
}
.home h1>span{color:#ecebf0}
.home-nav-links,.home-social-link,.home-platform,.home-video-corner,.home-footer-description{color:#a6a3ae}
.home .home-brand img,.auth-page .auth__logo,.account-glass .workspace-brand img{filter:grayscale(1) brightness(1.4)}
.account-glass .side__item,.account-glass .side__home,.account-language-trigger,.auth-page .auth__sub{color:#a6a3ae}
.account-glass .side__item.is-active{color:#ecebf0}
.account-glass .side__item.is-active svg,.account-glass .side__item svg,.account-language-globe,.account-language-chevron{color:inherit}
.auth-page .auth__foot a,.auth-page .auth__back,.auth-page .field label{color:#ecebf0}
.account-glass .input,.auth-page .input,.account-glass select,.account-glass textarea{color:#ecebf0;border-color:#44414d}
.account-glass .input::placeholder,.auth-page .input::placeholder{color:#a6a3ae}
.home-support-toggle{color:#ecebf0}
/* Primary action uses the approved light neutral; sizing and effects are unchanged. */
.home .home-hero-actions>.home-button-primary{background:#ecebf0;color:#121216;border-color:#ecebf0}
.home .home-hero-actions>.home-button-primary:hover{background:#fff;color:#121216;border-color:#ecebf0}
/* Dark product treatment: compact rounded rectangles and quiet macOS-like surfaces. */
:root,body.home,body.auth-page,body.account-glass{
 --bg:#08080a;--bg-soft:#0d0d10;--panel:#111114;--panel-2:#19191e;
 --line:#ffffff0d;--line-strong:#ffffff18;--text:#e7e7ec;--muted:#96959f;--muted-2:#81808a;
 --r-sm:7px;--r-md:9px;--r-lg:12px;--home-line:#ffffff10;--home-muted:#96959f;
 --grad-soft:linear-gradient(135deg,#19191e,#111114);--glass-edge:inset 0 1px 0 #ffffff05;
}
body.home{background-color:#08080a;background-image:linear-gradient(#08080af7,#08080af7),url('../img/city-background.webp?rev=small2');background-size:cover,cover;background-position:center;background-attachment:fixed;color:#e7e7ec}
.home::before{background-image:radial-gradient(ellipse at 10% 25%,#ffffff02,transparent 50%),radial-gradient(ellipse at 90% 75%,#ffffff02,transparent 50%)}
.home::after{opacity:.12}
.home .home-hero-background{background:transparent}
body.auth-page,body.account-glass{background-color:#08080a;background-image:linear-gradient(#08080af7,#08080af7),url('../img/city-background.webp?rev=small2')}
.auth-page .bg-nebula,.account-glass::before{background:radial-gradient(ellipse at 0 20%,#ffffff02,transparent 55%),radial-gradient(ellipse at 100% 80%,#ffffff02,transparent 55%)}
.home .home-nav-inner{background:linear-gradient(145deg,#151518e8,#101013f2);border-color:#ffffff10;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff05,0 8px 30px #0003}
.home .home-video,.home .home-product,.home .home-partner-panel,.home .home-about-card,.home .home-faq-frame,.home .home-footer-panel{
 background:linear-gradient(150deg,#141417,#0e0e11);border-color:#ffffff0e;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff04,0 8px 28px #0002;
}
.home .home-about-card::before,.home .home-product::before,.home .home-partner-panel::before{border-radius:8px;border-color:#ffffff04;box-shadow:none}
.home .home-video-placeholder{background:linear-gradient(145deg,#101013,#0c0c0f);border-color:#ffffff08;border-radius:8px;box-shadow:inset 0 1px 0 #ffffff03}
.home .home-video-play{background:linear-gradient(145deg,#242429,#17171c);border-color:#ffffff12;border-radius:9px;box-shadow:inset 0 1px 0 #ffffff07;color:#b3b2bb}
.home .home-video-corner,.home .home-platform,.home .home-about-card p,.home .home-footer-description{color:#96959f}
.home .home-product:hover{border-color:#ffffff20;box-shadow:inset 0 1px 0 #ffffff05,0 12px 32px #0003}
.home .home-product-background{border-radius:8px;opacity:.1}
.home .home-requirements>div{background:linear-gradient(#0b0b0e,#101013);border-color:#ffffff0b;border-radius:8px;box-shadow:inset 0 1px 3px #0003}
.home .home-platform-chip{background:#16161a;border-color:#ffffff10;border-radius:7px;box-shadow:none}
.home .home-button,.home .home-nav-inner>.home-button-small,.home .home-hero-actions>.home-social-link{
 background:linear-gradient(#202025,#19191e);border-color:#ffffff12;border-radius:8px;box-shadow:inset 0 1px 0 #ffffff07;color:#c5c4cd;text-shadow:none;
}
.home .home-button:hover,.home .home-nav-inner>.home-button-small:hover{background:linear-gradient(#28282d,#202025);border-color:#ffffff20;box-shadow:inset 0 1px 0 #ffffff08}
.home .home-button-primary,.home .home-hero-actions>.home-button-primary,.home .home-button-primary:hover,.home .home-hero-actions>.home-button-primary:hover{background:linear-gradient(#e7e7ec,#d5d5dd);color:#101013;border-color:#e7e7ec;box-shadow:inset 0 1px 0 #ffffff60;border-radius:8px}
.home .home-products-toggle,.home .home-nav-links a{border-radius:7px}
.home .home-product-dropdown,.home .home-support-menu,.home .home-support-vertical{background:#121215f5;border-color:#ffffff12;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff05,0 16px 40px #0006}
.home .home-product-dropdown button,.home .home-support-channel,.home .home-support-vertical .home-support-channel{border-radius:7px}
.home .home-support-toggle{background:#151519;border-color:#ffffff18;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff05,0 8px 24px #0003}
.home .home-support-toggle::after{background:#8f8e98;border-color:#151519}
.home .home-footer{background:#08080abf;border-color:#ffffff0d}
.home .home-status{background:#ffffff04;border-color:#ffffff0f;color:#aaa9b3}
.home .home-status-soon,.home .home-button-upcoming{color:#81808a;background:#ffffff02;border-color:#ffffff08}
.home .home-nav-links{color:#96959f}
.home .language-switch,.language-switch{background:#0c0c0f;border-color:#ffffff0d;border-radius:7px;box-shadow:none}
.language-switch button{border-radius:5px}
.language-switch button[aria-pressed=true]{background:#242429;color:#e7e7ec}
.auth-page .auth__card,.account-glass .side,.account-glass .card,.account-glass .loader-config-card,.account-glass .loader-import,.account-glass .subscription-list,.account-glass .loader-config-empty{
 background:linear-gradient(150deg,#141417,#0e0e11);border-color:#ffffff10;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff05,0 12px 32px #0002;
}
.auth-page .auth__card::before{border-color:#ffffff05;border-radius:8px}
.account-glass .side__item,.account-glass .seg,.account-glass .seg button,.account-glass .btn,.auth-page .btn,.btn{border-radius:8px}
.account-glass .side__item.is-active{background:linear-gradient(110deg,#25252b,#1a1a1f);border-color:#ffffff0e;box-shadow:inset 2px 0 #aaa9b3;color:#e7e7ec}
.account-glass .btn{background:linear-gradient(#202025,#19191e);border-color:#ffffff12;box-shadow:inset 0 1px 0 #ffffff05;color:#c5c4cd}
.auth-page .btn--primary,.account-glass .btn--primary,.auth-page .btn--primary:hover,.account-glass .btn--primary:hover{background:linear-gradient(#e7e7ec,#d5d5dd);color:#101013;border-color:#e7e7ec;box-shadow:inset 0 1px 0 #ffffff60}
.auth-page .input,.account-glass .input,.account-glass select,.account-glass textarea{background:#0b0b0e;border-color:#ffffff14;border-radius:8px;box-shadow:inset 0 1px 3px #0003;color:#e7e7ec}
.auth-page .input:focus,.account-glass .input:focus,.account-glass select:focus,.account-glass textarea:focus{border-color:#96959f;box-shadow:0 0 0 2px #ffffff0b}
.auth-page .field label,.auth-page .auth__back{color:#96959f}
.account-glass .modal__card,.modal__card,.help-question,.help-search,.legal-panel,.legal-menu a{background:#111114;border-color:#ffffff10;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff04}
.account-language-menu{background:#141417f5;border-color:#ffffff12;border-radius:9px;box-shadow:0 12px 32px #0005}
.account-language-trigger,.account-language-menu button{border-radius:7px}
.help-categories button{border-radius:7px;background:#141417;border-color:#ffffff0f}
@media(max-width:620px){.home .home-nav-inner,.home .home-video,.home .home-product,.home .home-partner-panel,.home .home-about-card,.home .home-footer-panel,.auth-page .auth__card,.account-glass .side{border-radius:12px}.home .home-nav-links{background:#121215f5;border-color:#ffffff12;border-radius:8px}}
.home .home-product::after{background:linear-gradient(180deg,#08080a10 0%,#08080a30 28%,#0c0c0fe8 68%,#0c0c0f 90%)}

/* Approved brand typography and vector logo. */
body,body.home,body.auth-page,body.account-glass,button,input,select,textarea{font-family:Roboto,Arial,sans-serif;font-synthesis:none}
.home .home-brand,.account-glass .workspace-brand{font-family:Roboto,Arial,sans-serif;font-weight:500;letter-spacing:.5px}
.home .home-brand img,.auth-page .auth__logo,.account-glass .workspace-brand img,.home .home-video-watermark{filter:none;object-fit:contain}
.home .home-nav-links{font-weight:400;font-size:14px}

/* Wordmark height follows the two alignment guides beside the symbol. */
.home .home-brand{align-items:center;gap:12px}
.home .home-brand>span{font-size:27px;font-weight:500;line-height:1;letter-spacing:.25px;transform:translateY(-1px)}
.home .home-brand img{width:36px;height:36px;image-rendering:auto;filter:none;transform:none;object-fit:contain}
.home .home-footer .home-brand>span{font-size:23px}
.home .home-footer .home-brand img{width:30px;height:30px}
.auth-page .auth__logo,.account-glass .workspace-brand img{image-rendering:auto;filter:none}
@media(max-width:1100px) and (min-width:621px){.home .home-nav-links>a{padding-inline:7px}.home .home-nav-inner{column-gap:12px}}
@media(max-width:800px) and (min-width:621px){.home .home-nav-inner>.home-brand>span{font-size:24px}.home .home-nav-inner>.home-brand img{width:32px;height:32px}.home .home-nav-inner>.home-brand{gap:9px}}
@media(max-width:620px){.home .home-brand{gap:8px}.home .home-brand>span{font-size:22px}.home .home-brand img{width:29px;height:29px}.home .home-footer .home-brand>span{font-size:20px}.home .home-footer .home-brand img{width:26px;height:26px}}
@media(max-width:360px){.home .home-nav-inner{padding-inline:10px;gap:6px}.home .home-nav-inner>.home-brand{gap:6px}.home .home-nav-inner>.home-brand>span{font-size:19px}.home .home-nav-inner>.home-brand img{width:25px;height:25px}.home .home-nav-inner>.home-button-small{padding-inline:8px;font-size:10px;min-width:0}.home .language-switch--nav button{padding-inline:5px}}

/* Public header: text-only hover, product lockup and animated settings. */
.home .home-nav-links>a,.home .home-products-toggle{background:transparent;border-color:transparent;box-shadow:none;color:#96959f;transition:color .24s ease,text-shadow .3s ease}
.home .home-nav-links>a:hover,.home .home-products-toggle:hover,.home .home-products-toggle[aria-expanded=true]{background:transparent;border-color:transparent;box-shadow:none;color:#fff;text-shadow:0 0 12px #ffffff40}
.home .home-nav-inner>.home-brand{gap:8px;align-items:center}
.home .home-nav-inner>.home-brand img{width:34px;height:34px}
.home .home-nav-inner>.home-brand>span{font-size:22px;font-weight:500;line-height:1;letter-spacing:.15px;transform:none}
.home .home-nav-inner>.home-brand>span>small{display:block;margin-top:2px;font-size:9.5px;line-height:1;font-weight:400;letter-spacing:.25px;color:#96959f}
.home-settings{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:25}
.home-settings-toggle{display:grid;place-items:center;width:36px;height:36px;padding:7px;border:0;background:transparent;box-shadow:none;color:#96959f;cursor:pointer;border-radius:7px;transition:color .24s ease}
.home-settings-toggle svg{width:20px;height:20px;display:block;transform-origin:center}
.home-settings-toggle:hover,.home-settings-toggle[aria-expanded=true]{color:#ecebf0;background:transparent;box-shadow:none}

.home-settings-toggle:focus-visible,.home-settings-panel button:focus-visible{outline:2px solid #a6a3ae;outline-offset:3px}
.home-settings-panel{position:absolute;top:calc(100% + 16px);right:0;width:170px;padding:7px;border:1px solid #ffffff12;border-radius:10px;background:#141417f5;backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffff04,0 14px 35px #0006}
.home-settings-panel[hidden]{display:none!important}
.home-settings-label{display:block;padding:9px 10px 10px;font:400 11px Roboto,Arial,sans-serif;color:#81808a}
.home-settings-panel button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 10px;border:0;border-radius:6px;background:transparent;color:#a6a3ae;font:400 13px Roboto,Arial,sans-serif;text-align:left;cursor:pointer}
.home-settings-panel button:hover{background:#ffffff05;color:#ecebf0}.home-settings-panel button[aria-pressed=true]{color:#ecebf0;background:#ffffff07}.home-settings-panel button[aria-pressed=true]::after{content:'✓';font-size:11px;color:#a6a3ae}

@media(max-width:800px) and (min-width:621px){.home .home-nav-inner>.home-brand>span{font-size:21px}.home .home-nav-inner>.home-brand img{width:32px;height:32px}}
@media(max-width:620px){.home .home-nav-inner>.home-brand>span{font-size:19px}.home .home-nav-inner>.home-brand>span>small{font-size:8.5px}.home .home-nav-inner>.home-brand img{width:29px;height:29px}.home-settings{margin-left:auto}.home-settings-toggle{width:30px;height:34px;padding:5px}.home-settings-toggle svg{width:19px;height:19px}}
@media(max-width:360px){.home .home-nav-inner>.home-brand>span{font-size:17.5px}.home .home-nav-inner>.home-brand>span>small{font-size:8px}.home .home-nav-inner>.home-brand img{width:26px;height:26px}.home .home-nav-inner>.home-brand{gap:7px}}
/* Align the cap line with the symbol's horizontal shoulder, rather than centering the two-line label. */
.home .home-nav-inner>.home-brand>span{transform:translateY(6px)}
.home-settings-toggle svg{width:22px;height:22px;overflow:visible;shape-rendering:geometricPrecision}
@media(max-width:620px){.home .home-nav-inner>.home-brand>span{transform:translateY(5px)}.home-settings-toggle svg{width:21px;height:21px}}
@media(max-width:360px){.home .home-nav-inner>.home-brand>span{transform:translateY(4.5px)}}
/* Compact single-line brand and uppercase interface labels. */
body,body *{text-transform:uppercase!important}
body input,body textarea,body code,body pre{ text-transform:none!important }
.home .home-nav-inner>.home-brand>span{font-size:17.6px;transform:translateY(-2px)}
.home .home-footer .home-brand>span{font-size:18.4px}
.home .home-nav-links{font-size:12px;letter-spacing:.3px}
.home .home-nav-links>a,.home .home-products-toggle{white-space:nowrap}
.home-settings-toggle svg{width:18px;height:18px}
@media(max-width:800px) and (min-width:621px){.home .home-nav-inner>.home-brand>span{font-size:16.8px}.home .home-nav-links{font-size:11px;letter-spacing:.15px}}
@media(max-width:620px){.home .home-nav-inner>.home-brand>span{font-size:15.2px;transform:translateY(-1.5px)}.home .home-footer .home-brand>span{font-size:16px}.home-settings-toggle svg{width:16px;height:16px}}
@media(max-width:360px){.home .home-nav-inner>.home-brand>span{font-size:14px;transform:translateY(-1px)}}
body input::placeholder,body textarea::placeholder{text-transform:uppercase!important}