:root{
  color-scheme:light;
  --background:#fff;
  --foreground:var(--brand-ink);
  --surface:#fff;
  --surface-elevated:#fff;
  --surface-muted:var(--brand-surface-alt);
  --muted-foreground:var(--brand-ink-soft);
  --border:rgba(63,81,183,.16);
  --primary:var(--brand-primary);
  --primary-foreground:#fff;
  --link:var(--brand-primary);
  --header-background:rgba(255,255,255,.94);
  --brand-blue:var(--brand-primary);
  --brand-logistics:#22b8cf;
  --brand-ecommerce:#6e46b3;
  --focus:#087e95;
  --ink:var(--foreground);
  --muted:var(--muted-foreground);
  --line:var(--border);
  --soft:var(--surface-muted);
}
html[data-theme=dark]{
  color-scheme:dark;
  --background:#091426;
  --foreground:#edf3fc;
  --surface:#101f36;
  --surface-elevated:#182a44;
  --surface-muted:#0d1b30;
  --muted-foreground:#b0bfd5;
  --border:#30445f;
  --link:#a4b5ff;
  --header-background:rgba(9,20,38,.95);
  --focus:#72d9e8;
}
body{background:var(--background);color:var(--foreground)}
.site-header{background:var(--header-background)}
.brand-logo{display:inline-grid;position:relative;width:170px;max-width:100%;vertical-align:middle;flex-shrink:0;direction:ltr}
.brand-logo-corporate,.brand-logo-ai{aspect-ratio:1600/559}
.brand-logo-logistics{aspect-ratio:1200/419}
.brand-logo-ecommerce{aspect-ratio:1200/418}
.brand-logo .official-logo{grid-area:1/1;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none;filter:none}
.brand-logo .logo-white{display:none}
.brand-logo .logo-white-treatment{filter:brightness(0) invert(1)}
.brand-logo[data-surface=dark] .logo-color,html[data-theme=dark] .brand-logo[data-surface=auto] .logo-color{display:none}
.brand-logo[data-surface=dark] .logo-white,html[data-theme=dark] .brand-logo[data-surface=auto] .logo-white{display:block}
.bf-logo .brand-logo{width:174px}
.system-hub .brand-logo{width:105px;max-width:88%}
.mini-brand .brand-logo{width:122px}
.integration-core .brand-logo{width:128px;max-width:80%}
.solution-brand{height:72px;display:flex;align-items:center;margin-bottom:16px}
.solution-brand .brand-logo{width:205px}
.logistics-product-brand{margin-bottom:26px}
.logistics-product-brand .brand-logo{width:245px}
.ai-brand-treatment{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}
.ai-brand-treatment>span:last-child{font-size:.875rem}
.theme-control{position:relative}
.theme-trigger{width:40px;height:40px;background:transparent;border-color:transparent}
.theme-trigger:hover{background:var(--surface-muted);border-color:var(--border)}
.theme-trigger img{width:18px;height:18px}
.theme-moon{display:none}
html[data-theme=dark] .theme-sun{display:none}
html[data-theme=dark] .theme-moon{display:block}
.theme-menu{position:absolute;top:calc(100% + 10px);inset-inline-end:0;width:170px;padding:6px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 32px #0002;z-index:40}
.theme-menu[hidden]{display:none}
.theme-menu button,.mobile-theme button{display:flex;align-items:center;gap:10px;min-height:44px;border:0;background:transparent;color:var(--foreground);font:inherit;font-size:.875rem;padding:10px 12px;border-radius:5px}
.theme-menu button{width:100%;text-align:start}
.theme-menu button:hover,.mobile-theme button:hover{background:var(--surface-muted)}
.theme-menu button[aria-pressed=true],.mobile-theme button[aria-pressed=true]{background:var(--primary);color:#fff}
.theme-menu button[aria-pressed=true] img,.mobile-theme button[aria-pressed=true] img,html[data-theme=dark] .theme-control img,html[data-theme=dark] .mobile-theme img{filter:brightness(0) invert(1)}
.mobile-theme{display:flex;gap:4px;border-top:1px solid var(--border);padding-top:14px;margin-top:10px}
.mobile-theme button{flex:1;justify-content:center;padding-inline:8px;font-size:.8125rem}
html[data-theme=dark] :is(.nav-link,.language-button,.menu-button){color:var(--foreground)}
html[data-theme=dark] :is(.nav-link.current,.nav-link:hover,.btn-link,.text-blue,.inline-link){color:var(--link)}
html[data-theme=dark] :is(.eyebrow,.solution-label,.module .icon,.node-icon,.value-item>.icon,.region-home){color:var(--link)}
html[data-theme=dark] :is(.dropdown-panel,.icon-button,.btn-outline,.solution-card,.system-node,.audience-panel,.audience-tab.selected,.audience-tab:hover,.module,.work-card,.region-home,.region-countries span,dialog){background:var(--surface);color:var(--foreground);border-color:var(--border)}
html[data-theme=dark] :is(.dropdown-panel a:hover,.btn-outline:hover,.system-node:hover,.module:hover){background:var(--surface-elevated)}
html[data-theme=dark] :is(.platform-strip,.module-architecture,.region-section){background:var(--surface-muted);border-color:var(--border)}
html[data-theme=dark] .hero:after{display:none}
html[data-theme=dark] .node-icon{background:var(--surface-elevated);border-color:var(--border)}
html[data-theme=dark] .system-node.active .node-icon{background:var(--brand-primary-deep);color:#fff;border-color:var(--brand-primary)}
html[data-theme=dark] .system-hub{box-shadow:0 0 0 8px var(--surface),0 0 0 9px var(--border),0 15px 40px #0004;border-color:var(--border)}
html[data-theme=dark] .system-hub:after{border-color:var(--surface)}
html[data-theme=dark] .connection-lines path{stroke:var(--border)}
html[data-theme=dark] .connection-lines .flow-line{stroke:var(--brand-cyan)}
html[data-theme=dark] .connection-lines circle{fill:var(--surface);stroke:var(--link)}
html[data-theme=dark] :is(.section-aside,.system-label,.system-version,.system-caption,.system-node small,.hero-footnote,.strip-caption,.strip-item,.about-equation span,.purpose-item-top span,.audience-tab,.audience-panel li,.module,.module-header>span:last-child,.module-footer,.work-category,.resource-meta,.resource-meta span:first-child,.project-note,.region-overline,.region-home strong,.region-home small,.region-countries span,.regional-network>p){color:var(--muted-foreground)}
html[data-theme=dark] :is(.about-equation,.module-header,.region-home,.region-countries span){border-color:var(--border)}
html[data-theme=dark] .audience-watermark{color:var(--surface-elevated)}
html[data-theme=dark] .contact-section{background:linear-gradient(var(--surface-muted) 40%,var(--background) 40%)}
html[data-theme=dark] .clients-section{background:var(--background)}
/* Client artwork and authentic product screenshots retain their original surfaces. */
.client-cell{color-scheme:light}
.client-cell img{filter:none!important;transform:none!important}
.mini-visual,.product-shot-frame{color-scheme:light;--ink:var(--brand-ink);--muted:var(--brand-ink-soft);--line:var(--brand-border);--soft:var(--brand-surface-alt)}
.product-shot img{filter:none!important;transform:none!important}
.mini-visual{color:var(--brand-ink)}
html[data-theme=dark] :is(.work-visual,.mini-visual){--blue:var(--brand-primary)}
html[data-theme=dark] :is(.connected-section,.logistics-platform,.logistics-cod,.logistics-enterprise){border-block:1px solid #ffffff12}
html[data-theme=dark] :is(.logistics-page,.logistics-merchant,.logistics-final){background:var(--background);color:var(--foreground)}
html[data-theme=dark] .logistics-hero{background:linear-gradient(145deg,var(--surface-muted),var(--background) 70%)}
html[data-theme=dark] :is(.logistics-app-section,.logistics-visibility,.logistics-lifecycle,.logistics-audience){background:var(--surface-muted)}
html[data-theme=dark] :is(.pain-grid,.pain-item,.feature-icon,.model-grid article,.lifecycle-track,.lifecycle-track>div,.integration-node,.audience-grid,.audience-grid article){border-color:var(--border)}
html[data-theme=dark] :is(.feature-icon,.lifecycle-track>div>span,.integration-node){background:var(--surface);color:var(--foreground)}
html[data-theme=dark] :is(.model-icon,.model-grid article:nth-child(2) .model-icon){background:var(--surface-elevated);color:var(--brand-cyan)}
html[data-theme=dark] .integration-core{box-shadow:0 0 0 18px var(--surface-muted),0 20px 50px #0003}
html[data-theme=dark] .integration-connections path{stroke:var(--border)}
html[data-theme=dark] .integration-connections .integration-pulse{stroke:var(--brand-cyan)}
html[data-theme=dark] :is(.lifecycle-track small,.model-grid article>small,.outcome-list .icon){color:var(--muted-foreground)}
html[data-theme=dark] :is(.logistics-hero-copy h1 span,.logistics-page>.section:not(.logistics-platform):not(.logistics-cod):not(.logistics-enterprise) .eyebrow){color:var(--link)}
html[data-theme=dark] :is(.logistics-heading p,.logistics-hero-copy>p,.logistics-checks li,.data-note,.logistics-hero-note,.feature-accordion summary em,.model-grid p){color:var(--muted-foreground)}
html[data-theme=dark] .product-shot-frame{border-color:var(--border);box-shadow:0 22px 55px #0007}
html[data-theme=dark] .product-shot figcaption span{color:var(--muted-foreground)}
html[data-theme=dark] :is(input,select,textarea){background:var(--surface);color:var(--foreground);border-color:var(--border)}
html[data-theme=dark] :is(input,textarea)::placeholder{color:var(--muted-foreground)}
html[data-theme=dark] :is(.dialog-label,.dialog-note){color:var(--muted-foreground)}
html[data-theme=dark] .dialog-note{background:var(--surface-elevated);border-color:var(--border)}
html[data-theme=dark] .client-flxled,html[data-theme=dark] .client-dx{background:var(--brand-surface-dark)}
.solution-brand[data-business-line=logistics]{--business-accent:var(--brand-logistics)}
.solution-brand[data-business-line=ecommerce]{--business-accent:var(--brand-ecommerce)}
:is(.bf-footer,.contact-panel,.logistics-final-inner,.connected-section,.logistics-platform,.logistics-cod,.logistics-enterprise){--focus:#72d9e8}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
@media(min-width:901px) and (max-width:1180px){.header-inner{gap:18px}.desktop-nav{gap:14px}.header-actions{gap:10px}.header-cta{display:none}}
@media(max-width:900px){.header-actions>.theme-control{display:none}}
@media(max-width:680px){.brand>.brand-logo{width:148px}.solution-brand{height:66px}.solution-brand .brand-logo{width:190px}.logistics-product-brand .brand-logo{width:215px}.logistics-product-brand{margin-bottom:22px}}
@media(max-width:520px){html[data-theme=dark] .integration-core{box-shadow:none}.mobile-theme button{font-size:.75rem;gap:6px}}
@media(prefers-reduced-motion:reduce){.theme-menu,.theme-trigger{transition:none}}

html[data-theme=dark] .section-soft{background:var(--surface-muted)}
html[data-theme=dark] .hero h1 span{color:var(--link)}
html[data-theme=dark] .solution-top .icon{color:var(--link)}
html[data-theme=dark] .system-version{font-family:var(--font);line-height:1.7}

:root{--business-label:#087c8e}
html[data-theme=dark]{--business-label:#71d9e8}
.system-node small,.module-header>span:last-child,.region-home small,.purpose-item-top span,.about-equation i{color:var(--muted-foreground)}
.pain-item>span,.feature-accordion summary small,.audience-grid article>span,.outcome-list>div>span{color:var(--business-label)}
.model-grid article>small,.lifecycle-track small{color:var(--muted-foreground)}
.project-preview-tag,html[data-theme=dark] .project-preview-tag{color:var(--brand-ink-soft)}
/* Product UI surfaces intentionally retain their authentic colors in every theme. */
.mini-toolbar span,.mini-stat span,.mini-badge,.preview-disclaimer{color:#53647e}

html[data-theme=dark] .work-visual .project-preview-tag{color:var(--brand-ink-soft)}
.solution-card#logistics .solution-top .icon{color:var(--brand-logistics)}
.solution-card#commerce .solution-top .icon{color:var(--brand-ecommerce)}