/* Shared theme controls. Daylight styles deliberately preserve the electric blue brand. */
html{color-scheme:dark;--hero-image:url('hero-blue.webp')}
html[data-theme="light"]{color-scheme:light;--bg:#f5f8fd;--surface:#fff;--surface2:#edf3fc;--line:#d9e2f0;--text:#13233d;--muted:#56677e;--blue:#245fe8;--blue-light:#285eb9;--hero-image:url('hero-blue-day.webp')}
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.theme-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-width:80px;min-height:42px;padding:9px 12px;background:var(--surface);color:#c3d2e8;border:1px solid #3c4c65;border-radius:5px;font-size:11px;line-height:1.4;transition:border-color .2s,background .2s}
.theme-toggle:hover{background:#1a2b45;border-color:#6387bd}
.theme-toggle svg{width:17px;height:17px}
.theme-moon{display:none}
html[data-theme="light"] .theme-sun{display:none}
html[data-theme="light"] .theme-moon{display:block}
/* Mask the image itself so every edge fades into the shared page background. */
.hero-art .hero-image{
 width:100%;height:100%;flex-shrink:0;background-image:var(--hero-image);background-repeat:no-repeat;background-size:cover;background-position:center;mix-blend-mode:screen;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 7%,#000 80%,rgba(0,0,0,.9) 86%,rgba(0,0,0,.35) 94%,transparent 100%);
 mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 7%,#000 80%,rgba(0,0,0,.9) 86%,rgba(0,0,0,.35) 94%,transparent 100%);
 -webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect;
}
.hero-art:after{display:none}

/* Light navigation and homepage. */
html[data-theme="light"] .site-header{background:#f5f8fdf5;border-color:var(--line)}
html[data-theme="light"] .brand-type>span{color:#50637e}
html[data-theme="light"] :is(.desktop-nav>a,.nav-dropdown){color:#475a76}
html[data-theme="light"] :is(.desktop-nav>a:hover,.desktop-nav>a[aria-current],.nav-dropdown:hover){color:#174bb7}
html[data-theme="light"] .nav-contact{border-color:#c1cee3;color:#263f64}
html[data-theme="light"] .nav-contact:hover{background:#e5edfb}
html[data-theme="light"] .theme-toggle{color:#2855a0;border-color:#c1cee3;background:#fff}
html[data-theme="light"] .theme-toggle:hover{background:#e5edfb;border-color:#82a7e9}
html[data-theme="light"] .mega-menu{background:#fff;border-color:#d3dff0;box-shadow:0 25px 65px #15345b20}
html[data-theme="light"] :is(.mega-links>a:hover,.mega-links>a[aria-current]){background:#edf3fd}
html[data-theme="light"] .mobile-toggle{border-color:#c1cee3}
html[data-theme="light"] .mobile-toggle>span{background:#233d66}
html[data-theme="light"] .mobile-nav{background:#f8faff;border-color:#c1cee3;box-shadow:0 20px 40px #163d6d20}
html[data-theme="light"] .mobile-nav>a{border-color:#d8e3f3}
html[data-theme="light"] .mobile-nav>div>a{color:#4a6386}
html[data-theme="light"] .hero{background:var(--bg)}
html[data-theme="light"] .hero-grid{background-image:linear-gradient(#3f6da50b 1px,transparent 1px),linear-gradient(90deg,#3f6da50b 1px,transparent 1px)}
html[data-theme="light"] .hero-kicker{color:#395d97}
html[data-theme="light"] .hero-copy>p{color:#536680}
html[data-theme="light"] .hero-art:after{background:linear-gradient(90deg,#f5f8fd,transparent 25%,transparent 80%,#f5f8fd22),linear-gradient(0deg,#f5f8fd,transparent 22%,transparent 80%,#f5f8fd)}
html[data-theme="light"] .hero-art .hero-image{mix-blend-mode:multiply}
html[data-theme="light"] .art-label{color:#45618a}
html[data-theme="light"] .floating-label{background:#ffffffb8;border-color:#bdcee8;box-shadow:0 15px 45px #25487a1c}
html[data-theme="light"] .floating-icon{background:#e6efff;color:#2a63c8}
html[data-theme="light"] .floating-label div>span{color:#54719a}
html[data-theme="light"] :is(.art-coordinate,.hero-bottom-note,.hero-foot){color:#5b7293}
html[data-theme="light"] .hero-foot{border-color:var(--line)}
html[data-theme="light"] .hero-foot>span:nth-child(2){color:#3f5d89}
html[data-theme="light"] .button-primary{box-shadow:0 7px 20px #245fe81b}
html[data-theme="light"] .button-primary:hover{background:#174cc9}
html[data-theme="light"] .service-strip{background:#eaf1fd;border-color:#d2dff3}
html[data-theme="light"] .service-strip span{color:#3d587f}
html[data-theme="light"] .filters>button{color:#50647f}
html[data-theme="light"] .filters>button.active{background:#e3edff;border-color:#a9c5f4;color:#194dab}
html[data-theme="light"] .filters>button:hover{color:#174bb7}
html[data-theme="light"] .collection-label{color:#637c9c}
html[data-theme="light"] .solution-card{background:#fff;border-color:#d7e2f2;box-shadow:0 5px 20px #214b8510}
html[data-theme="light"] .solution-card:hover{border-color:#8bafe6;box-shadow:0 15px 40px #24529520}
html[data-theme="light"] :is(.card-index,.card-category,.card-en){color:#597496}
html[data-theme="light"] .card-arrow{border-color:#c2d2e8;color:#355b90}
html[data-theme="light"] .solution-card:hover .card-arrow{color:white}
html[data-theme="light"] .card-copy{border-color:#dbe5f3}
html[data-theme="light"] .card-copy p{color:#526a89}
html[data-theme="light"] .tag-list>span{color:#4a6487;background:#f2f6fc;border-color:#d4e0f0}
html[data-theme="light"] .solution-note{color:#5b6f89}

/* Daylight product illustrations; color-coded states stay distinct. */
html[data-theme="light"] .visual-orbit{border-color:#447bc41a;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 12%,transparent),transparent 66%)}
html[data-theme="light"] .visual-orbit:after{border-color:#447bc418}
html[data-theme="light"] .mock-window{color:#193455;background:linear-gradient(135deg,#fff,#f1f5fc);border-color:#c7d8ef;box-shadow:0 22px 60px #315d9c22}
html[data-theme="light"] .window-top{background:#eaf1fc;color:#48668f;border-color:#d4e0f0}
html[data-theme="light"] .window-dots>i{background:#b2c4de}
html[data-theme="light"] .window-dots>i:first-child{background:#477fe1}
html[data-theme="light"] :is(.mock-stats small,.mock-stats b span,.mock-items small,.mock-heading span,.mock-list,.visual-caption){color:#566d8c}
html[data-theme="light"] .mock-stats em{color:#245aa7}
html[data-theme="light"] .mini-chart{border-color:#c9d9ed;background:repeating-linear-gradient(to top,transparent 0,transparent 32px,#2b5d9c0c 33px)}
html[data-theme="light"] .mock-items>div{background:#f4f7fc;border-color:#dbe5f1}
html[data-theme="light"] .item-art{color:#336cce;background:#e2ebfd}
html[data-theme="light"] .lamp{color:#9a773c;background:#f5efdf}
html[data-theme="light"] .bag-art{color:#735bb8;background:#ede8fb}
html[data-theme="light"] .room{background:#e6f3fa;border-color:#bfd9e9}
html[data-theme="light"] :is(.room b,.room span){color:#2d6b8a}
html[data-theme="light"] .room-1{background:#e4edff;border-color:#bdcff0}
html[data-theme="light"] :is(.room-1 b,.room-1 span){color:#365da2}
html[data-theme="light"] .room-2{background:#f0eafa;border-color:#d8c9e9}
html[data-theme="light"] :is(.room-2 b,.room-2 span){color:#795698}
html[data-theme="light"] .room-3{background:#f8f0e2;border-color:#e3d3b7}
html[data-theme="light"] :is(.room-3 b,.room-3 span){color:#886a39}
html[data-theme="light"] .mock-legend{color:#7e6237}
html[data-theme="light"] .mock-legend span:first-child{color:#2d6b8a}
html[data-theme="light"] .mock-legend span:nth-child(2){color:#365da2}
html[data-theme="light"] .dispatch-map{background-color:#e9f0f6;background-image:linear-gradient(90deg,#a0b8cc30 1px,transparent 1px),linear-gradient(#a0b8cc30 1px,transparent 1px)}
html[data-theme="light"] .map-road{background:#fff;border-color:#d6e2ee}
html[data-theme="light"] .map-route{border-color:#cc7d30}
html[data-theme="light"] .pin-b{background:#b9d5f2}
html[data-theme="light"] .map-label{color:#516b86}
html[data-theme="light"] .mock-list{border-color:#dbe5f1}
html[data-theme="light"] .mock-list b{color:#344d71}
html[data-theme="light"] .status-pill{color:#315f9c;background:#e6effa}
html[data-theme="light"] .city-visual{background:radial-gradient(ellipse at bottom,#797bc11a,transparent 70%);border-color:#a5b7de}
html[data-theme="light"] .city-building{background:linear-gradient(100deg,#c7d8f0,#eff4fc);border-color:#89a1ca;box-shadow:7px -5px #d4dff0}
html[data-theme="light"] .city-building i{background:#6b92cd}
html[data-theme="light"] .city-building i:nth-child(3n){background:#365f9c}
html[data-theme="light"] .city-line{border-color:#8da7d8}
html[data-theme="light"] .table-item{background:#edf3fc;border-color:#c7d7ec}
html[data-theme="light"] :is(.table-item:before,.table-item:after){background:#a8beda}
html[data-theme="light"] :is(.table-item>span,.table-item small,.table-item svg){color:#566d8c}
html[data-theme="light"] .table-active{background:#fff0d7;border-color:#e1bd87}
html[data-theme="light"] :is(.table-active svg,.table-active small){color:#946422}
html[data-theme="light"] .live-caption{color:#f3eaff}
html[data-theme="light"] .live-comments{color:#785294;border-color:#dbe5f1}
html[data-theme="light"] .live-comments span:last-child{color:#b34779}
html[data-theme="light"] .network-center{background:radial-gradient(circle,#fff,#e2edff);border-color:#97b7ee;color:#305eac;box-shadow:0 0 0 15px #547bce0b,0 0 40px #487de71a}
html[data-theme="light"] .network-node{background:#f1f6ff;border-color:#bfd2ed;color:#456995}
html[data-theme="light"] .settlement-source{background:#edf9f8;border-color:#b9ded9}
html[data-theme="light"] .settlement-source>span{color:#4d7678}
html[data-theme="light"] .settlement-source b{color:#23635e}
html[data-theme="light"] .settlement-source small{color:#4b7775}
html[data-theme="light"] .split-targets>div{background:#eaf5f5;border-color:#bbdcd9}
html[data-theme="light"] .split-targets svg{color:#397e79}
html[data-theme="light"] .split-targets small{color:#4c7475}
html[data-theme="light"] .split-targets b{color:#286263}
html[data-theme="light"] .contract-paper{background:linear-gradient(145deg,#fff,#e8f0fc);box-shadow:6px 6px 0 #bad0ed66;border:1px solid #d1dff0}

/* Connected ecosystem, company, contact and footer. */
html[data-theme="light"] .connection-section{background:#eaf1fb}
html[data-theme="light"] .connection-points p{color:#526b8e}
html[data-theme="light"] .connection-points b{color:#233e66}
html[data-theme="light"] .ecosystem{background:radial-gradient(circle,#95b8eb26,transparent 70%)}
html[data-theme="light"] .eco-ring{border-color:#a7c0e24f}
html[data-theme="light"] .ring-inner{box-shadow:0 0 0 30px #88b0eb0d}
html[data-theme="light"] .eco-core{background:radial-gradient(circle at 30% 20%,#fff,#e2ecfc);border-color:#a3bde3;box-shadow:0 0 50px #3164bc16}
html[data-theme="light"] :is(.eco-core>span:last-child,.eco-caption){color:#4b6b99}
html[data-theme="light"] .eco-node{background:#fff;border-color:#bdcfe7;color:#355781;box-shadow:0 10px 25px #234c8610}
html[data-theme="light"] .eco-node svg{color:#366fc5}
html[data-theme="light"] .process-number{color:#b0c3df}
html[data-theme="light"] .process-number>span{color:#557baa}
html[data-theme="light"] :is(.process-step p,.about-copy p){color:#536a88}
html[data-theme="light"] .about-art{border-color:#bdd1ef;background:radial-gradient(ellipse at top right,#a5c6ff66,transparent 70%),#eaf1fc}
html[data-theme="light"] .about-grid{background-image:linear-gradient(#376aa311 1px,transparent 1px),linear-gradient(90deg,#376aa311 1px,transparent 1px)}
html[data-theme="light"] :is(.about-art-top,.about-location){color:#456b9d}
html[data-theme="light"] .about-monogram{color:#2c69eb;text-shadow:-1px -1px #b1cbff,8px 8px #cadcf6}
html[data-theme="light"] .about-monogram>span{color:#719cde;text-shadow:-1px -1px white,8px 8px #c0d3ef}
html[data-theme="light"] .about-monogram>i{color:#496f9f}
html[data-theme="light"] .about-art-bottom{color:#2a4b78}
html[data-theme="light"] .about-values{color:#405d83}
html[data-theme="light"] .contact{background:#e5efff;border-color:#c4d6f2}
html[data-theme="light"] .contact:before{border-color:#7fa7df33;box-shadow:0 0 0 65px #45689807,0 0 0 130px #45689805}
html[data-theme="light"] .contact-top{border-color:#c4d6ee}
html[data-theme="light"] .contact-orbit{border-color:#92b4e4;color:#2865c9;background:#f5f9ff66}
html[data-theme="light"] .contact-orbit:hover{color:white;background:var(--blue)}
html[data-theme="light"] :is(.detail-label,.copy-button,.contact-details .text-link,.contact-details p.muted){color:#4d6b93}
html[data-theme="light"] .copy-button:hover{color:#174bb7}
html[data-theme="light"] .contact-details p{color:#344f76}
html[data-theme="light"] .site-footer{background:#f5f8fd}
html[data-theme="light"] :is(.footer-main>p,.footer-links,.back-top){color:#536d8e}
html[data-theme="light"] .footer-links a:hover{color:#174bb7}
html[data-theme="light"] .footer-bottom{color:#60728a;border-color:#d6e0ef}

/* All nine product pages and the 404 page share this same theme. */
html[data-theme="light"] .product-hero{background:radial-gradient(ellipse at 80% 50%,#c5dcff54,transparent 52%),#f5f8fd}
html[data-theme="light"] .breadcrumbs{color:#536b8b}
html[data-theme="light"] .breadcrumbs>span:last-child{color:#294a74}
html[data-theme="light"] .breadcrumbs a:hover{color:#174bb7}
html[data-theme="light"] .product-hero-copy .eyebrow{color:#3c63a2}
html[data-theme="light"] .product-name{color:#44648f}
html[data-theme="light"] .product-name .icon{color:#3968b1}
html[data-theme="light"] .product-hero h1>span{color:#2e66c7}
html[data-theme="light"] .product-hero-copy>p{color:#526986}
html[data-theme="light"] .product-subnav{background:#edf3fe;border-color:#d1dff2}
html[data-theme="light"] .product-subnav strong{color:#2d4c75}
html[data-theme="light"] .product-subnav nav{color:#4c668a}
html[data-theme="light"] .product-subnav a:hover{color:#174bb7}
html[data-theme="light"] .feature-card{background:#fff}
html[data-theme="light"] .feature-number{color:#7188a5}
html[data-theme="light"] .feature-card p{color:#536c8d}
html[data-theme="light"] .journey-section{background:#eaf1fc;border-color:#d1dff2}
html[data-theme="light"] .journey-title>p{color:#536d91}
html[data-theme="light"] .journey-dot{background:#f6f9ff;border-color:#97b6e5;color:#3469bb}
html[data-theme="light"] .journey-track>div>span:last-child{color:#53719b}
html[data-theme="light"] .scenario-card{background:linear-gradient(135deg,#edf3ff,#fff);border-color:#cfdff5}
html[data-theme="light"] .scenario-symbol{color:#2f69c51a}
html[data-theme="light"] .scenario-index{color:#4e73a8}
html[data-theme="light"] .scenario-card p{color:#536d91}
html[data-theme="light"] .faq-layout .text-link{color:#3161a5}
html[data-theme="light"] .faq-list details>p{color:#51698a}
html[data-theme="light"] .related-grid{background:#fff}
html[data-theme="light"] .related-grid>a:hover{background:#edf3ff}
html[data-theme="light"] .related-grid>a>svg:first-child{color:#386cc1}
html[data-theme="light"] .related-grid>a>svg:last-child{color:#5478a7}
html[data-theme="light"] :is(.related-grid small,.related-all>span){color:#54729c}
html[data-theme="light"] .related-all b{color:#304f7a}

@media(min-width:1600px){.hero-art .hero-image{height:auto;aspect-ratio:3 / 2;background-size:contain}}
@media(min-width:701px) and (max-width:1050px){.nav-wrap{gap:16px}.header-actions{gap:8px}.theme-toggle{min-width:42px;width:42px;padding:9px}.theme-label{display:none}.desktop-nav{gap:18px}}
@media(max-width:700px){.header-actions{gap:10px}.theme-toggle{min-width:73px;min-height:42px;padding:9px 10px;font-size:10px}html[data-theme="light"] .hero-art:after{background:linear-gradient(0deg,#f5f8fd,transparent 25%,transparent 70%,#f5f8fd)}}
@media(max-width:370px){.header-actions{gap:8px}.theme-toggle{min-width:42px;width:42px;padding:9px}.theme-label{display:none}}

@media(max-width:700px){.hero-art .hero-image{height:auto;aspect-ratio:3 / 2;background-size:contain}}