.site-theme-toggle,
.client-theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 74px;
  min-height: 36px;
  padding: 0 11px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: rgba(255,255,255,.035);
  color: var(--text);
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
}
.theme-toggle-icon { font-size: 16px; line-height: 1; }
.theme-toggle-text { white-space: nowrap; }
.client-surface .brand-cluster { display:flex;align-items:center;gap:18px;min-width:0; }
.client-surface .brand-theme-toggle { gap:7px;min-width:86px;width:86px;min-height:34px;padding:0 9px;background:rgba(255,255,255,.045); }
.client-surface .brand-theme-toggle .theme-symbol { display:grid;place-items:center;width:16px;height:16px;color:#718398;font-size:14px;line-height:1;transition:color .2s ease,opacity .2s ease,transform .2s ease; }
.client-surface .brand-theme-toggle .theme-switch-track { position:relative;display:block;width:28px;height:16px;border:1px solid #456078;border-radius:999px;background:#172536;transition:background .2s ease,border-color .2s ease; }
.client-surface .brand-theme-toggle .theme-switch-track i { position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#f4c85f;box-shadow:0 1px 4px rgba(0,0,0,.22);transition:transform .22s ease,background .2s ease; }
.client-surface .brand-theme-toggle:focus-visible { outline:2px solid var(--primary);outline-offset:2px; }
html[data-theme="light"] .client-surface .brand-theme-toggle .theme-symbol-light,
html[data-theme="dark"] .client-surface .brand-theme-toggle .theme-symbol-dark { color:var(--primary);opacity:1;transform:scale(1.06); }
html[data-theme="light"] .client-surface .brand-theme-toggle .theme-symbol-dark,
html[data-theme="dark"] .client-surface .brand-theme-toggle .theme-symbol-light { opacity:.52; }
html[data-theme="dark"] .client-surface .brand-theme-toggle .theme-switch-track i { transform:translateX(12px);background:#dfe9f5; }
.site-confirm-modal .modal { width:min(520px,100%);padding:0;overflow:hidden; }
.site-confirm-modal .modal-head { padding:20px 22px 12px; }
.site-confirm-copy { padding:8px 22px 24px;color:var(--muted);font-size:14px;line-height:1.8;white-space:pre-line; }
.site-confirm-modal .modal-actions { display:flex;justify-content:flex-end;gap:10px;padding:15px 22px;border-top:1px solid var(--line);background:var(--soft); }

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f8fc;
  --bg-soft: #eaf1f8;
  --panel: rgba(255,255,255,.92);
  --line: rgba(39,69,99,.18);
  --line-strong: rgba(39,69,99,.24);
  --text: #17263a;
  --muted: #52657b;
  --cyan: #1678ad;
  --blue: #1769aa;
  --violet: #286f9f;
  --green: #087f57;
}
html[data-theme="light"],
html[data-theme="light"] body { background:#f4f8fc;color:var(--text); }
html[data-theme="light"] .page-noise { opacity:.035;mix-blend-mode:multiply; }
html[data-theme="light"] .site-header.scrolled { background:rgba(255,255,255,.9);box-shadow:0 12px 36px rgba(27,55,84,.07); }
html[data-theme="light"] .brand-copy strong,
html[data-theme="light"] .main-nav a:hover,
html[data-theme="light"] .text-action:hover { color:#13243a; }
html[data-theme="light"] .main-nav a,
html[data-theme="light"] .text-action { color:#52657b; }
html[data-theme="light"] .language-switch,
html[data-theme="light"] .site-theme-toggle { background:#fff;color:#42566d;box-shadow:0 6px 18px rgba(31,61,92,.05); }
html[data-theme="light"] .language-options { background:rgba(255,255,255,.98);box-shadow:0 24px 65px rgba(39,64,90,.16); }
html[data-theme="light"] .language-options button { color:#52657b; }
html[data-theme="light"] .language-options button:hover,
html[data-theme="light"] .language-options button.active { background:#eaf4fa;color:#134f75; }
html[data-theme="light"] .button-ghost { background:#fff;color:#274057;border-color:#cdd9e6; }
html[data-theme="light"] .hero { background:radial-gradient(circle at 72% 4%,rgba(73,169,216,.16),transparent 34%),linear-gradient(180deg,#fbfdff,#f3f8fc); }
html[data-theme="light"] .hero::before,
html[data-theme="light"] .page-hero::before { background-image:linear-gradient(rgba(39,91,132,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(39,91,132,.065) 1px,transparent 1px); }
html[data-theme="light"] .hero h1 em,
html[data-theme="light"] .network-copy h2 em,
html[data-theme="light"] .closing-section h2 em,
html[data-theme="light"] .page-hero h1 em { background:linear-gradient(95deg,#64b3d7,#1678ad 58%,#0f6799);background-clip:text;-webkit-background-clip:text; }
html[data-theme="light"] .eyebrow,
html[data-theme="light"] .page-kicker,
html[data-theme="light"] .hero-proof,
html[data-theme="light"] .hero-lead { color:#4f637a; }
html[data-theme="light"] .hero-proof b { color:#243a51; }
html[data-theme="light"] .signal-strip,
html[data-theme="light"] .section,
html[data-theme="light"] .product-section,
html[data-theme="light"] .tools-section,
html[data-theme="light"] .network-section,
html[data-theme="light"] .workflow-section,
html[data-theme="light"] .pricing-section,
html[data-theme="light"] .faq-section,
html[data-theme="light"] .partner-section,
html[data-theme="light"] .closing-section { background:#f7fafc; }
html[data-theme="light"] .growth-benefit-banner { background:radial-gradient(circle at 80% 30%,rgba(45,148,198,.12),transparent 34%),linear-gradient(110deg,#eef6fb,#f9fcff); }
html[data-theme="light"] .tool-card,
html[data-theme="light"] .product-card,
html[data-theme="light"] .location-card,
html[data-theme="light"] .partner-panel { background:#fff;box-shadow:0 18px 50px rgba(34,65,96,.06); }
html[data-theme="light"] .dynamic-pricing-board { background:linear-gradient(145deg,#f7fbfe,#fff);box-shadow:0 18px 50px rgba(34,65,96,.06); }
html[data-theme="light"] .dynamic-price-card { background:rgba(255,255,255,.78); }
html[data-theme="light"] .dynamic-price-card.featured { background:linear-gradient(160deg,#eaf7fd,#f6fbfe); }
html[data-theme="light"] .dynamic-price-card.custom { background:#f5f8fb; }
html[data-theme="light"] .dynamic-pricing-head h3,
html[data-theme="light"] .dynamic-price-card h4,
html[data-theme="light"] .dynamic-price-card>div strong { color:#1b3047; }
html[data-theme="light"] .dynamic-pricing-head>div>p:last-child,
html[data-theme="light"] .dynamic-pricing-foot p,
html[data-theme="light"] .dynamic-price-card>em { color:#52667d; }
html[data-theme="light"] .dynamic-price-card p b { color:#2b435b; }
html[data-theme="light"] .dynamic-price-card p span,
html[data-theme="light"] .dynamic-price-card>small { color:#62758a; }
html[data-theme="light"] .dynamic-pricing-foot { background:rgba(235,243,249,.7); }
html[data-theme="light"] .tool-card:hover,
html[data-theme="light"] .product-card:hover { background:#f5faff; }
html[data-theme="light"] .tool-card h3,
html[data-theme="light"] .product-card h3,
html[data-theme="light"] .faq-list summary b,
html[data-theme="light"] .location-card h3 { color:#1b3047; }
html[data-theme="light"] .tool-card p,
html[data-theme="light"] .product-card p,
html[data-theme="light"] .faq-list details p { color:#52667d; }
html[data-theme="light"] .tools-facts span { background:rgba(255,255,255,.82); }
html[data-theme="light"] .tools-facts b,
html[data-theme="light"] .tool-number { color:#536980; }
html[data-theme="light"] .tools-facts em { color:#40566d; }
html[data-theme="light"] .tool-card> b,
html[data-theme="light"] .product-card> a,
html[data-theme="light"] .product-card> button,
html[data-theme="light"] .text-link { color:#21425f; }
html[data-theme="light"] .tool-symbol,
html[data-theme="light"] .tool-card:nth-child(2) .tool-symbol { border-color:#add7e9;background:#edf8fd;color:#126c9c;box-shadow:inset 0 0 30px rgba(36,126,176,.06); }
/* The routing console remains a deliberate dark island in the light theme. */
html[data-theme="light"] .atlas-panel { --line:rgba(255,255,255,.12);--cyan:#7fd6ff;--green:#7cf2b4;color:#eaf2ff; }
html[data-theme="light"] .atlas-panel .hero-market-list { background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.11); }
html[data-theme="light"] .atlas-panel .hero-market-row { border-color:rgba(255,255,255,.08); }
html[data-theme="light"] .atlas-panel .hero-market-row strong { color:#eef4fb; }
html[data-theme="light"] .atlas-panel .hero-market-row small { color:#9aabc0; }
html[data-theme="light"] .atlas-panel .hero-market-row>em { color:#d5deea; }
html[data-theme="light"] .atlas-panel .atlas-console-head span,
html[data-theme="light"] .atlas-panel .inventory-console-meta span { color:#93a4b9; }
html[data-theme="light"] .atlas-panel .atlas-console-head strong,
html[data-theme="light"] .atlas-panel .inventory-console-meta strong { color:#e7eef7; }
html[data-theme="light"] .site-footer { background:#eaf1f7; }
html[data-theme="light"] .footer-links b { color:#273e56; }
html[data-theme="light"] .footer-links a,
html[data-theme="light"] .footer-links button,
html[data-theme="light"] .footer-brand p { color:#5f7186; }
html[data-theme="light"] .subpage-main,
html[data-theme="light"] .page-section,
html[data-theme="light"] .page-section.soft { background:#f7fafc; }
html[data-theme="light"] .page-hero { background:radial-gradient(circle at 80% 8%,rgba(58,157,205,.14),transparent 34%),#f8fbfe; }
html[data-theme="light"] .page-hero-copy>p:not(.page-kicker),
html[data-theme="light"] .page-section-head>p,
html[data-theme="light"] .info-card p,
html[data-theme="light"] .process-step p { color:#52667d; }
html[data-theme="light"] .page-facts b,
html[data-theme="light"] .spec-list b { color:#243a51; }
html[data-theme="light"] .info-card,
html[data-theme="light"] .catalogue-location-card { background:#fff; }
html[data-theme="light"] .spec-copy,
html[data-theme="light"] .spec-list { background:#fff; }
html[data-theme="light"] .setup-nav { background:rgba(255,255,255,.92); }
html[data-theme="light"] .callout { background:radial-gradient(circle at 90% 40%,rgba(55,147,193,.12),transparent 34%),#fff; }
html[data-theme="light"] .catalogue-price strong { color:#223a53; }
html[data-theme="light"] .info-card>span,
html[data-theme="light"] .process-step>span,
html[data-theme="light"] .page-facts span,
html[data-theme="light"] .catalogue-toolbar>span,
html[data-theme="light"] .catalogue-price,
html[data-theme="light"] .catalogue-network,
html[data-theme="light"] .catalogue-status { color:#536a81; }
html[data-theme="light"] .setup-nav a,
html[data-theme="light"] .check-grid div,
html[data-theme="light"] .page-note { color:#496078; }
html[data-theme="light"] .catalogue-filters button { color:#435b73;background:#fff; }
html[data-theme="light"] .catalogue-filters button:hover,
html[data-theme="light"] .catalogue-filters button.active { color:#0f5d8c;background:#e6f3fa;border-color:#8fc5df; }
html[data-theme="light"] .main-nav.open { background:rgba(255,255,255,.98); }
html[data-theme="light"] .nav-toggle span { background:#253b51; }

/* Customer workspace: light is the default, dark remains available. */
html[data-theme="light"] .client-surface {
  --bg:#eef4f9;--panel:#ffffff;--panel-elevated:#ffffff;--soft:#f2f6fa;--text:#17263a;--muted:#63758a;--line:#d5e0eb;--primary:#176fa8;--danger:#b42318;--success:#087443;
  background:linear-gradient(#dce8f266 1px,transparent 1px),linear-gradient(90deg,#dce8f266 1px,transparent 1px),radial-gradient(circle at 76% -10%,rgba(65,153,199,.14),transparent 34%),linear-gradient(180deg,#fbfdff 0,#eef4f9 440px);
  background-size:96px 96px,96px 96px,auto,auto;
}
html[data-theme="light"] .client-surface header { background:rgba(255,255,255,.94);box-shadow:0 10px 34px rgba(35,63,92,.06); }
html[data-theme="light"] .client-surface .top-link,
html[data-theme="light"] .client-surface .header-actions button { background:#f7f9fc;color:#526478; }
html[data-theme="light"] .client-surface .brand-theme-toggle { background:#f7fafc;color:#526478;border-color:#ccdce8;box-shadow:0 5px 16px rgba(35,63,92,.06); }
html[data-theme="light"] .client-surface .brand-theme-toggle:hover { background:#edf6fb;border-color:#9fc9df; }
html[data-theme="light"] .client-surface .brand-theme-toggle .theme-switch-track { border-color:#b6cfdf;background:#dceaf3; }
html[data-theme="light"] .client-surface .metric .balance-service-btn { background:linear-gradient(135deg,#dff2fb,#c9e9f8);color:#0e628f;border-color:#9fcfe5;box-shadow:0 5px 14px rgba(23,111,168,.10); }
html[data-theme="light"] .client-surface .metric .balance-service-btn:hover { background:linear-gradient(135deg,#cfeaf7,#b9e0f3);color:#0b557e;border-color:#76b9d9; }
html[data-theme="light"] .client-surface .metric,
html[data-theme="light"] .client-surface .panel { background:#fff;box-shadow:0 16px 42px rgba(43,66,91,.065); }
html[data-theme="light"] .client-surface #appPanel>.tabs { background:rgba(255,255,255,.96);box-shadow:0 16px 38px rgba(43,66,91,.07); }
html[data-theme="light"] .client-surface #appPanel>.tabs:before { color:#28455f; }
html[data-theme="light"] .client-surface #appPanel>.tabs .nav-group { color:#73869a; }
html[data-theme="light"] .client-surface #appPanel>.tabs .tab { color:#5d6f83; }
html[data-theme="light"] .client-surface #appPanel>.tabs .tab:hover { background:#edf5fa;color:#153f5d; }
html[data-theme="light"] .client-surface #appPanel>.tabs .tab.active { background:#dceefa;color:#125f96; }
html[data-theme="light"] .client-surface .region-filter,
html[data-theme="light"] .client-surface .secondary { background:#f7f9fc!important;color:#3c5065!important;border-color:var(--line)!important; }
html[data-theme="light"] .client-surface .region-filter.active,
html[data-theme="light"] .client-surface .secondary:hover { background:#e4f1f8!important;color:#125f96!important;border-color:#a9cfe5!important; }
html[data-theme="light"] .client-surface .product-card,
html[data-theme="light"] .client-surface .dynamic-account-card,
html[data-theme="light"] .client-surface .dynamic-capacity,
html[data-theme="light"] .client-surface .dynamic-step,
html[data-theme="light"] .client-surface .dynamic-plan,
html[data-theme="light"] .client-surface .dynamic-generator-form,
html[data-theme="light"] .client-surface .dynamic-output,
html[data-theme="light"] .client-surface .dynamic-whitelist-card,
html[data-theme="light"] .client-surface .account-session-badge,
html[data-theme="light"] .client-surface .setting-card { background:#fff;color:var(--text); }
html[data-theme="light"] .client-surface .product-card:hover,
html[data-theme="light"] .client-surface .product-card.active { background:#f3f9fc;border-color:#9bc8df; }
html[data-theme="light"] .client-surface .product-flag,
html[data-theme="light"] .client-surface .product-pool,
html[data-theme="light"] .client-surface .tablebox,
html[data-theme="light"] .client-surface table { background:#fff;border-color:var(--line); }
html[data-theme="light"] .client-surface .product-tag { background:#e5f5ea;color:#17643c;border:1px solid #b7dfc6; }
html[data-theme="light"] .client-surface .pool-tags span { background:#eaf4fb;color:#185f8c;border:1px solid #bdd9e9; }
html[data-theme="light"] .client-surface th { background:#f2f6fa;color:#627287; }
html[data-theme="light"] .client-surface input,
html[data-theme="light"] .client-surface select,
html[data-theme="light"] .client-surface textarea { background:#fff;color:var(--text); }
html[data-theme="light"] .client-surface .modal { background:#fff;color:var(--text); }
html[data-theme="light"] .client-surface .login { background:#fff;box-shadow:0 30px 80px rgba(43,66,91,.12); }
html[data-theme="light"] .client-surface .login-welcome { background:linear-gradient(145deg,#eaf4fb,#f8fbfd); }
html[data-theme="light"] .client-surface .login-points { color:#526478; }
html[data-theme="light"] .client-surface .client-language-options { background:rgba(255,255,255,.98);box-shadow:0 24px 65px rgba(39,64,90,.16); }
html[data-theme="light"] .client-surface .client-language-options button { color:#526478; }
html[data-theme="light"] .client-surface .client-language-options button:hover,
html[data-theme="light"] .client-surface .client-language-options button.active { background:#eaf4fa;color:#134f75; }
html[data-theme="light"] .client-surface .dynamic-hero,
html[data-theme="light"] .client-surface .dynamic-activation-card,
html[data-theme="light"] .client-surface .dynamic-benefit-callout,
html[data-theme="light"] .client-surface .dynamic-redeem-card,
html[data-theme="light"] .client-surface .product-drawer { background:linear-gradient(135deg,#edf7fc,#fff);border-color:#b8d7e9; }
html[data-theme="light"] .client-surface .dynamic-primary-action,
html[data-theme="light"] .client-surface .dynamic-secondary { background:#fff;color:var(--text); }
html[data-theme="light"] .client-surface .dynamic-primary-action:hover { background:#f3f9fc;border-color:#9bc8df; }
html[data-theme="light"] .client-surface .dynamic-primary-action b { background:#dceefa;color:#125f96; }
html[data-theme="light"] .client-surface .dynamic-activation-card { color:var(--text);box-shadow:0 18px 48px rgba(43,66,91,.08); }
html[data-theme="light"] .client-surface .dynamic-activation-index { border-color:#9bc8df;background:#dceefa;color:#125f96; }
html[data-theme="light"] .client-surface .dynamic-activation-copy p,
html[data-theme="light"] .client-surface .dynamic-activation-steps,
html[data-theme="light"] .client-surface .dynamic-activation-action small { color:#526478; }
html[data-theme="light"] .client-surface .dynamic-activation-steps i { background:#b8cfdf; }
html[data-theme="light"] .client-surface .dynamic-secondary>summary { color:#314c64; }
html[data-theme="light"] .client-surface .dynamic-hero p,
html[data-theme="light"] .client-surface .dynamic-plan ul,
html[data-theme="light"] .client-surface .dynamic-benefit-actions a { color:#526478; }
html[data-theme="light"] .client-surface .dynamic-status { color:#8a5a00; }
html[data-theme="light"] .client-surface .dynamic-status:before { background:#c98200;box-shadow:0 0 0 3px rgba(201,130,0,.12); }
html[data-theme="light"] .client-surface .dynamic-readonly-value,
html[data-theme="light"] .client-surface .dynamic-output pre { background:#f3f6f9!important;color:#263d55; }
html[data-theme="light"] .client-surface .dynamic-gateway-explainer { border-color:#c7d9e7;background:#eef7fc;color:#526478; }
html[data-theme="light"] .client-surface .dynamic-gateway-explainer strong { color:#0d6fa8; }
html[data-theme="light"] .client-surface .dynamic-section-head .pill { background:#e5f5ea;color:#17643c;border:1px solid #b7dfc6; }
html[data-theme="light"] .client-surface .dynamic-auth-method { background:#f7fafc;color:#607187;border-color:#d5e0eb;box-shadow:none; }
html[data-theme="light"] .client-surface .dynamic-auth-method strong { color:#263d55; }
html[data-theme="light"] .client-surface .dynamic-auth-method small { background:#eaf0f5;color:#60758b; }
html[data-theme="light"] .client-surface .dynamic-auth-method.active { background:linear-gradient(145deg,#e7f4fb,#f4faff);border-color:#8fc5df;box-shadow:inset 3px 0 #1680b8; }
html[data-theme="light"] .client-surface .dynamic-auth-method.active strong { color:#0e6595; }
html[data-theme="light"] .client-surface .dynamic-auth-method.active small { background:#dff3e7;color:#17643c; }
html[data-theme="light"] .client-surface .popular-location { background:#f0f5f9;color:#4f657a;border-color:#d2dfea; }
html[data-theme="light"] .client-surface .popular-location:hover,
html[data-theme="light"] .client-surface .popular-location.active { background:#dceefa;color:#125f96;border-color:#9bc9e1; }
html[data-theme="light"] .client-surface .dynamic-output-note,
html[data-theme="light"] .client-surface .dynamic-whitelist-warning,
html[data-theme="light"] .client-surface .telegram-locked { background:#fff8e8;color:#7b5a13;border-color:#ead39a; }
html[data-theme="light"] .client-surface .dynamic-guide-tabs button { background:#f0f5f9;color:#526b82;border-color:#d3e0ea; }
html[data-theme="light"] .client-surface .dynamic-guide-tabs button:hover,
html[data-theme="light"] .client-surface .dynamic-guide-tabs button.active { background:#dceefa;color:#125f96;border-color:#9bc9e1; }
html[data-theme="light"] .client-surface .dynamic-ip-hint,
html[data-theme="light"] .client-surface .security-guidance { background:#eef7fc;color:#526478;border-color:#c6ddea; }
html[data-theme="light"] .client-surface .account-value { background:#f3f7fa;color:#263d55; }
html[data-theme="light"] .client-surface .account-state-pill { background:#edf3f7;color:#526b82; }
html[data-theme="light"] .client-surface .contact-links a { background:#f5f9fc; }

html[data-theme="light"] .article-surface,
html[data-theme="light"] .legal-surface { background:linear-gradient(#dce8f266 1px,transparent 1px),linear-gradient(90deg,#dce8f266 1px,transparent 1px),#f4f8fc;background-size:96px 96px; }
html[data-theme="light"] .article-surface .site-header,
html[data-theme="light"] .legal-surface .site-header { background:rgba(255,255,255,.94);box-shadow:0 10px 34px rgba(35,63,92,.06); }
html[data-theme="light"] .article-content,
html[data-theme="light"] .guide-cta,
html[data-theme="light"] .legal-nav,
html[data-theme="light"] .legal-surface .content { background:#fff;color:#17263a;box-shadow:0 18px 50px rgba(34,65,96,.06); }
html[data-theme="light"] .article-content p,
html[data-theme="light"] .article-content li,
html[data-theme="light"] .legal-surface .content p,
html[data-theme="light"] .legal-surface .content li { color:#53677d; }
html[data-theme="light"] body>.shell .card,
html[data-theme="light"] body>.shell .check,
html[data-theme="light"] body>.shell textarea,
html[data-theme="light"] body>.shell select,
html[data-theme="light"] body>.shell pre,
html[data-theme="light"] body>.shell .switch,
html[data-theme="light"] body>.shell .language { background:#fff;color:#263b52;border-color:var(--line);box-shadow:none; }
html[data-theme="light"] body>.shell .card>p,
html[data-theme="light"] body>.shell .hero p,
html[data-theme="light"] body>.shell footer,
html[data-theme="light"] body>.shell nav a { color:#40566d; }
html[data-theme="light"] body>.shell .hero p,
html[data-theme="light"] body>.shell .card>p { font-weight:500; }
html[data-theme="light"] body>.shell label,
html[data-theme="light"] body>.shell .check span { color:#40576e; }
html[data-theme="light"] body>.shell .card:before,
html[data-theme="light"] body>.shell .status,
html[data-theme="light"] body>.shell .privacy { color:#455d75; }
html[data-theme="light"] body>.shell .brand,
html[data-theme="light"] body>.shell .brand strong { color:#17263a; }
html[data-theme="light"] body>.shell .brand small { color:#4c6278; }
html[data-theme="light"] body>.shell textarea::placeholder { color:#526478;opacity:1; }
html[data-theme="light"] body>.shell .switch { color:#334d66; }
html[data-theme="light"] body>.shell footer a { color:#36536d; }
html[data-theme="light"] body>.shell .tool-language-options { background:rgba(255,255,255,.98);box-shadow:0 24px 65px rgba(39,64,90,.16); }
html[data-theme="light"] body>.shell .tool-language-options button { color:#344d65; }
html[data-theme="light"] body>.shell .tool-language-options small,
html[data-theme="light"] body>.shell .tool-language-options em { color:#52677d; }

/* Customer workspace hierarchy: strong navigation, compact inventory cards. */
.client-surface #appPanel { grid-template-columns:clamp(238px,17vw,258px) minmax(0,1fr);gap:22px; }
.client-surface #appPanel>.tabs { padding:15px;gap:4px;border-radius:18px; }
.client-surface #appPanel>.tabs:before { padding:8px 11px 14px;font-size:13px;letter-spacing:.045em; }
.client-surface #appPanel>.tabs .nav-group { padding:18px 11px 6px;font-size:11px;letter-spacing:.08em; }
.client-surface #appPanel>.tabs .tab { min-height:48px;padding:0 14px;font-size:15px;font-weight:650;letter-spacing:-.01em; }
.client-surface #appPanel>.tabs .tab.active { font-weight:750;box-shadow:inset 4px 0 var(--primary),0 5px 14px rgba(23,111,168,.08); }
.client-surface #appPanel>.view>.panel,
.client-surface #appPanel>.view>section.panel { padding:28px; }
.client-surface #appPanel>.view>.panel>h2 { margin-bottom:10px;font-size:28px;line-height:1.2;letter-spacing:-.03em; }
.client-surface .product-section-head { align-items:flex-end;margin-bottom:20px; }
.client-surface .product-section-head>div:first-child { min-width:min(100%,520px); }
.client-surface .product-section-head h2 { margin-bottom:8px;font-size:clamp(28px,2.2vw,34px);line-height:1.12;letter-spacing:-.04em; }
.client-surface .product-section-head p { max-width:720px;margin:0;font-size:15px;line-height:1.65; }
.client-surface .region-filters { gap:7px; }
.client-surface .region-filter { min-height:38px;padding:0 14px;font-size:13px; }
.client-surface .product-catalog { gap:12px; }
.client-surface .product-card {
  display:grid;
  grid-template-rows:auto minmax(42px,auto) auto;
  align-content:start;
  min-width:0;
  min-height:158px;
  padding:16px;
  border-radius:14px;
  appearance:none;
  overflow:hidden;
}
.client-surface .product-card-top { align-items:flex-start; }
.client-surface .product-title h3 { font-size:20px;letter-spacing:-.025em; }
.client-surface .product-flag { width:34px;height:34px;font-size:20px; }
.client-surface .product-card-price { font-size:17px; }
.client-surface .product-card p { min-height:42px;margin:9px 0 8px;font-size:13px;line-height:1.55; }
.client-surface .product-card-foot { align-self:end; }
.client-surface .metric span { font-size:12.5px;letter-spacing:.045em; }
.client-surface .metric strong { font-size:29px; }

html[data-theme="light"] .client-surface .brand-mark { content:url('/brand-518-light.png?v=20260715brand'); }
html[data-admin-theme="light"] .admin-surface .admin-mark { content:url('/brand-518-light.png?v=20260715brand');filter:none; }
html[data-admin-theme="light"] .admin-surface .admin-login-intro { background:radial-gradient(circle at 0 0,rgba(65,153,199,.16),transparent 50%),linear-gradient(145deg,#eaf4fb,#f8fbfd);border-color:#d5e0eb; }
html[data-admin-theme="light"] .admin-surface .admin-login-intro h2 { color:#173c5a; }
html[data-admin-theme="light"] .admin-surface .admin-login-intro p { color:#5e7187; }
html[data-admin-theme="light"] .admin-surface .admin-login-signals span { background:rgba(255,255,255,.74);color:#53677d;border-color:#c7d9e6; }
html[data-admin-theme="light"] .admin-surface .admin-login-signals b { color:#1769aa; }

@media (max-width:760px) {
  .theme-toggle-text { display:none; }
  .site-theme-toggle,.client-theme-toggle { min-width:36px;width:36px;padding:0; }
  .client-surface .brand-cluster { width:100%;justify-content:space-between; }
  .client-surface .brand-theme-toggle { min-width:82px;width:82px;padding:0 7px; }
}

/*
 * Global experience density pass.
 *
 * The public site still needs a confident brand surface, but its primary job is
 * to help visitors understand the product and act. These rules keep the visual
 * language while bringing the catalogue, proof and next action into view much
 * sooner. The customer workspace follows the same spacing rhythm.
 */
@media (min-width:1081px) {
  .hero {
    min-height:min(760px,88svh);
    padding-top:calc(var(--header-height) + 42px);
    padding-bottom:48px;
  }
  .hero h1 { font-size:clamp(52px,4.2vw,72px); }
  html[lang="zh-CN"] .hero h1 { font-size:clamp(50px,4.35vw,74px); }
  .hero-lead { margin-top:24px;font-size:clamp(16px,1.25vw,18px);line-height:1.62; }
  .hero-actions { margin-top:26px; }
  .hero-proof { margin-top:25px; }
  .atlas-map { height:clamp(245px,28vh,310px); }
  .hero-market-row { min-height:48px; }
  .scroll-cue { display:none; }

  .page-hero {
    min-height:610px;
    padding-top:calc(var(--header-height) + 54px);
    padding-bottom:66px;
  }
  .page-hero-grid { gap:clamp(44px,6vw,88px);align-items:center; }
  .page-hero h1 { font-size:clamp(52px,5.8vw,82px);line-height:.97; }
  .page-hero-copy>p:not(.page-kicker) { margin-top:22px;font-size:clamp(16px,1.2vw,18px);line-height:1.62; }
  .page-hero-actions { margin-top:28px; }
  .page-facts div { min-height:62px; }
}

.signal-strip { min-height:76px; }
.growth-benefit-banner { padding-top:58px;padding-bottom:58px; }
.tools-section { padding-top:76px;padding-bottom:76px; }
.tool-card { min-height:272px;padding:22px; }
.tool-symbol { width:56px;height:56px;margin:28px 0 21px;border-radius:13px; }
.tool-card> b { left:22px;right:22px;bottom:19px; }
.section { padding-top:clamp(76px,7vw,108px);padding-bottom:clamp(76px,7vw,108px); }
.section h2,.closing-section h2 { font-size:clamp(40px,4.5vw,66px); }
.section-intro>p:last-child { margin-top:20px;font-size:15px; }
.product-grid { margin-top:48px; }
.product-grid > .product-card { min-height:440px;padding:25px; }
.product-icon { width:82px;height:82px;margin:34px 0 27px; }
.icon-static::before { inset:20px; }
.icon-static::after { left:28px;top:40px;width:26px; }
.icon-flex::before { left:22px;top:22px;width:36px;height:36px; }
.icon-flex::after { left:37px;top:37px; }
.icon-bridge::before { left:18px;top:24px;width:44px;height:32px; }
.icon-bridge::after { left:28px;top:33px;width:22px;height:14px; }
.product-grid > .product-card h3 { font-size:clamp(25px,2vw,32px); }
.product-grid > .product-card>p:not(.product-label) { min-height:0;margin:13px 0 17px;font-size:14px; }
.product-grid > .product-card ul { gap:7px;margin-bottom:24px; }
.product-grid > .product-card>a,.product-grid > .product-card>button { left:25px;right:25px;bottom:21px;padding-top:13px; }
.network-section { padding-top:clamp(76px,7vw,104px);padding-bottom:clamp(76px,7vw,104px); }
.network-stage { min-height:520px; }
.workflow-step { min-height:150px;padding-top:24px;padding-bottom:24px; }
.code-console code { padding:clamp(30px,4vw,52px);font-size:clamp(13px,1.25vw,17px);line-height:1.75; }
.location-card { min-height:150px;padding:21px; }
.location-card h3 { margin-top:22px; }
.faq-list summary { min-height:72px; }
.partner-panel { min-height:460px;padding:clamp(34px,4.5vw,62px); }
.closing-section { min-height:auto;padding:92px 22px; }
.closing-section h2 { font-size:clamp(46px,6vw,84px); }
.closing-section .button { margin-top:34px; }
.site-footer { padding-top:54px; }

.page-section { padding-top:clamp(72px,7vw,104px);padding-bottom:clamp(72px,7vw,104px); }
.page-section-head { gap:42px;margin-bottom:42px; }
.page-section-head h2,.callout h2,.setup-group h2 { font-size:clamp(36px,4vw,58px); }
.info-card { min-height:205px;padding:24px; }
.info-card h3 { margin:34px 0 11px; }
.process-step { padding:25px 0; }
.spec-copy,.spec-list { padding:clamp(28px,4vw,52px); }
.setup-group { padding:clamp(64px,6vw,92px) 0; }
.setup-group-head { margin-bottom:32px; }
.callout { padding:clamp(30px,4vw,54px); }
.catalogue-location-card { min-height:215px;padding:21px; }
.catalogue-location-card h3 { margin:25px 0 7px; }
.catalogue-network { margin-top:14px; }

.client-surface #accountMetrics { gap:10px;margin-bottom:12px; }
.client-surface .metric { min-height:112px;padding:17px; }
.client-surface .metric strong { margin-top:13px;font-size:29px; }
.client-surface #appPanel { gap:22px;padding-top:20px;padding-bottom:52px; }
.client-surface #appPanel>.view>.panel,
.client-surface #appPanel>.view>section.panel { padding:28px; }
.client-surface .login { width:min(840px,100%);margin:44px auto; }
.client-surface .login-welcome { padding:30px; }
.client-surface .login-card { padding:26px; }

@media (max-width:1080px) and (min-width:761px) {
  .hero { padding-top:calc(var(--header-height) + 68px);padding-bottom:64px; }
  .page-hero { min-height:auto;padding-top:calc(var(--header-height) + 70px);padding-bottom:72px; }
  .page-hero-grid { gap:42px; }
  .product-grid > .product-card { min-height:430px; }
  .network-stage { min-height:480px; }
}

@media (max-width:900px) {
  .client-surface #appPanel { grid-template-columns:minmax(0,1fr); }
  .client-surface #appPanel>.tabs {
    grid-column:1;
    grid-row:2;
    position:static;
    display:flex;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
  }
  .client-surface #appPanel>.tabs:before { display:none; }
  .client-surface #appPanel>.tabs .nav-group { display:none; }
  .client-surface #appPanel>.tabs .tab { width:auto;flex:0 0 auto; }
  .client-surface #appPanel>.view { grid-column:1;grid-row:3;width:100%; }
  .client-surface .product-section-head { align-items:flex-start; }
}

@media (max-width:760px) {
  .hero { padding-top:108px;padding-bottom:54px;gap:36px; }
  .hero h1,html[lang="zh-CN"] .hero h1 { font-size:clamp(43px,12vw,54px); }
  .eyebrow { margin-bottom:18px; }
  .hero-lead { margin-top:20px;line-height:1.6; }
  .hero-actions { margin-top:24px; }
  .hero-proof { margin-top:23px; }
  .atlas-map { height:235px; }
  .atlas-console { padding:13px; }
  .signal-strip div { min-height:64px; }
  .growth-benefit-banner { padding:52px 20px; }
  .tools-section,.section,.page-section { padding-top:64px;padding-bottom:64px; }
  .tool-card { min-height:275px; }
  .section h2,.closing-section h2 { font-size:clamp(36px,10.5vw,48px); }
  .product-grid { margin-top:36px; }
  .product-grid > .product-card,.product-grid > .product-card:last-child { min-height:410px; }
  .product-icon { margin-top:30px; }
  .network-stage { min-height:auto; }
  .page-hero { padding-top:112px;padding-bottom:60px; }
  .page-hero-grid { gap:38px; }
  .page-hero h1,html[lang="zh-CN"] .page-hero h1 { font-size:clamp(42px,12vw,54px); }
  .page-section-head { margin-bottom:34px; }
  .info-card { min-height:190px; }
  .info-card h3 { margin-top:28px; }
  .catalogue-location-card { min-height:195px; }
  .partner-panel { min-height:auto;padding:38px 22px; }
  .closing-section { min-height:auto;padding:72px 20px; }
  .site-footer { padding-top:44px; }
  .client-surface .login { margin:24px auto; }
  .client-surface .login-welcome { padding:22px; }
  .client-surface .login-card { padding:21px; }
  .client-surface #appPanel { padding-top:14px;padding-bottom:38px; }
  .client-surface #accountMetrics,
  .client-surface.static-only-launch #accountMetrics { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
  .client-surface #accountMetrics .metric { min-height:96px;padding:14px; }
  .client-surface #accountMetrics .metric:first-child { grid-column:1/-1; }
  .client-surface.static-only-launch:not(.dynamic-access-enabled):not(.dynamic-self-service-enabled) #accountMetrics .metric:last-child { grid-column:1/-1; }
  .client-surface #accountMetrics .metric strong { margin-top:10px;font-size:22px; }
  .client-surface #accountMetrics .metric span { font-size:10px; }
  .client-surface #appPanel>.view>.panel,
  .client-surface #appPanel>.view>section.panel { padding:20px; }
  .client-surface .product-section-head { gap:16px;margin-bottom:18px; }
  .client-surface .product-section-head h2 { font-size:28px; }
  .client-surface .product-section-head p { font-size:14px; }
  .client-surface .region-filters { width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px; }
  .client-surface .region-filter { flex:0 0 auto; }
  .client-surface .product-card { min-height:154px;padding:15px; }
}