/* ECE 17: calm corporate light palette. Dark mode remains controlled by its own styles. */
html[data-theme=light]{--kei-light-paper:#f3f6f8;--kei-light-ink:#142b40;--kei-light-muted:#465b6c;--kei-light-accent:#176eb5;--kei-light-line:#dce5ec;--kei-light-card-shadow:0 12px 34px rgba(20,43,64,.055);--kei-light-card-radius:14px;--paper:var(--kei-light-paper);--ink:var(--kei-light-ink);--cyan:var(--kei-light-accent);--blue:var(--kei-light-accent)}
html[data-theme=light] body{background:var(--kei-light-paper)!important;color:var(--kei-light-ink)!important}
html[data-theme=light] body :is(.hero,.page-banner,.section,.solutions,.expertise,.about,.process,.contact,.studio-detail,.company-links){background:var(--kei-light-paper)!important;color:var(--kei-light-ink)!important;border-color:var(--kei-light-line)!important}
html[data-theme=light] body :is(.hero,.page-banner){background:linear-gradient(120deg,#fff,var(--kei-light-paper))!important}
html[data-theme=light] body :is(.hero,.page-banner,.section,.contact,.solution-card,.process-step)::before,html[data-theme=light] body :is(.hero,.page-banner,.section,.contact,.solution-card,.process-step)::after{background:none!important;opacity:0!important}
html[data-theme=light] body :is(.hero-grid,.kei-flow-line,.kei-step-orbit){opacity:0!important}
html[data-theme=light] body :is(h1,h2,h3,h4){color:var(--kei-light-ink)!important;font-family:Manrope,Arial,sans-serif!important;letter-spacing:-.035em!important}
html[data-theme=light] body :is(.hero-copy h1,.kei-hero-slide h1){font-size:clamp(38px,4.2vw,62px)!important;font-weight:750!important;line-height:1.12!important}
html[data-theme=light] body :is(.section h2,.contact h2,.kei-engineering-flow h2){font-size:clamp(30px,3.2vw,44px)!important;line-height:1.2!important;font-weight:750!important}
html[data-theme=light] body :is(.hero-copy>p,.kei-hero-slide>p,.page-banner p,.section-intro>p,.contact-copy>p,.kei-process-sub,.kei-step-body p,.kei133-contact-side p){color:var(--kei-light-muted)!important;line-height:1.75!important}
html[data-theme=light] body :is(.eyebrow,.section-number,.step-no,.hero h1 em,.section h2 em,.contact h2 em,.kei-engineering-flow h2 em,.kei-service-symbol){color:var(--kei-light-accent)!important}
html[data-theme=light] body .site-header{background:rgba(249,251,252,.97)!important;color:var(--kei-light-ink)!important;border-bottom:1px solid var(--kei-light-line)!important;box-shadow:0 2px 16px rgba(20,43,64,.035)!important}
html[data-theme=light] body .site-header .main-nav>a{color:var(--kei-light-ink)!important}
html[data-theme=light] body .site-header .main-nav>a:hover{background:#e8f1f8!important}
html[data-theme=light] body .brand-name b{color:var(--kei-light-accent)!important}
html[data-theme=light] body :is(.button-primary,.kei133-header-cta,.nav-cta,.corporate-mobile-contact,.kei-mobile-project){background:var(--kei-light-accent)!important;color:#fff!important;border-color:var(--kei-light-accent)!important;box-shadow:none!important;border-radius:10px!important}
html[data-theme=light] body .button-secondary{background:#fff!important;color:var(--kei-light-ink)!important;border:1px solid var(--kei-light-line)!important;border-radius:10px!important}
html[data-theme=light] body :is(.hero-trust,.hero-strip){background:transparent!important;border-color:var(--kei-light-line)!important;color:var(--kei-light-muted)!important}
html[data-theme=light] body :is(.hero-trust strong,.hero-trust span,.hero-strip span,.hero-strip a){color:var(--kei-light-muted)!important}
html[data-theme=light] body :is(.system-card,.solution-card,.solutions .solution-card.featured,.catalog-card,.process-step,.document-link,.empty-card,.kei133-contact-side){background:#fff!important;color:var(--kei-light-ink)!important;border:1px solid var(--kei-light-line)!important;border-radius:var(--kei-light-card-radius)!important;box-shadow:var(--kei-light-card-shadow)!important}
html[data-theme=light] body .solutions .solution-card{padding:28px 24px!important}
html[data-theme=light] body .solutions .solution-card h3{font-size:20px!important;line-height:1.35!important}
html[data-theme=light] body :is(.card-top,.solution-card p,.solution-card li,.kei-solution-choice,.kei-solution-tags,.case-summary,.about-copy p,.metric small,.metric span,.system-head,.system-foot,.system-node b,.system-node small){color:var(--kei-light-muted)!important}
html[data-theme=light] body :is(.kei-solution-tags span,.kei133-topic,.kei-topic){background:#eef4f8!important;color:var(--kei-light-muted)!important;border-color:var(--kei-light-line)!important}
html[data-theme=light] body :is(.solution-primary-action,.service-detail){color:var(--kei-light-accent)!important;border-color:var(--kei-light-line)!important}
html[data-theme=light] body .solutions .solution-primary-action{font-size:14px!important;min-height:48px!important;align-items:center!important}
html[data-theme=light] body .solutions .solution-primary-action::after{color:var(--kei-light-accent)!important}
html[data-theme=light] body .kei-engineering-flow .process-step{padding:28px!important}
html[data-theme=light] body :is(.kei-step-body h3,.kei-process-foot strong){color:var(--kei-light-ink)!important}
html[data-theme=light] body :is(.kei-process-foot,.metric-board,.metric,.case-specs div){border-color:var(--kei-light-line)!important}
html[data-theme=light] body :is(.kei-step-icon,.system-node,.energy-core){background:#edf4f9!important;color:var(--kei-light-accent)!important;border-color:#c8dce9!important;box-shadow:none!important}
html[data-theme=light] body .pulse-ring{opacity:.3!important;border-color:#b8d1e4!important}
html[data-theme=light] body .core-value b{color:var(--kei-light-accent)!important}
html[data-theme=light] body .core-value span{color:var(--kei-light-muted)!important}
html[data-theme=light] body .system-card{background:linear-gradient(145deg,#fff,#edf4f9)!important}
html[data-theme=light] body .hero-layout{gap:60px}
html[data-theme=light] body .hero{min-height:720px!important}
html[data-theme=light] body .hero-layout{min-height:560px!important}
html[data-theme=light] body .corporate-hero-photo{border-radius:18px;box-shadow:0 20px 60px rgba(20,43,64,.14)}
html[data-theme=light] body :is(.kei-slider-count,.kei-slider-pause){color:var(--kei-light-muted)!important}
html[data-theme=light] body .kei-slider-dot{background:#bdd0df!important}
html[data-theme=light] body .kei-slider-dot.is-active{background:var(--kei-light-accent)!important}
html[data-theme=light] body .contact .contact-copy{border-top-color:var(--kei-light-accent)!important}
html[data-theme=light] body #lead-form{background:#fff!important;color:var(--kei-light-ink)!important;border:1px solid var(--kei-light-line)!important;box-shadow:var(--kei-light-card-shadow)!important;border-radius:16px!important}
html[data-theme=light] body #lead-form :is(label>span,label>small,legend,.premium-note){color:var(--kei-light-muted)!important;letter-spacing:0!important;text-transform:none!important}
html[data-theme=light] body #lead-form :is(input,textarea,select){background:#f7f9fb!important;color:var(--kei-light-ink)!important;border-color:#cbd8e3!important;border-radius:9px!important}
html[data-theme=light] body #lead-form :is(input,textarea,select):focus{outline:3px solid #d7e9f7!important;border-color:var(--kei-light-accent)!important}
html[data-theme=light] body #lead-form :is(input,textarea)::placeholder{color:#758a9c!important}
html[data-theme=light] body #lead-form :is(.hub-attachments,.kei133-file){background:#f7f9fb!important;color:var(--kei-light-muted)!important;border-color:var(--kei-light-line)!important}
html[data-theme=light] body #lead-form .kei133-topic.is-selected{background:#e4f0f9!important;color:var(--kei-light-accent)!important;border-color:var(--kei-light-accent)!important}
html[data-theme=light] body #lead-form [type=submit]{background:var(--kei-light-accent)!important;color:white!important;border-color:var(--kei-light-accent)!important;border-radius:10px!important}
/* A dark footer gives the light page a clear ending. */
html[data-theme=light] body footer.kei14-footer{background:#10283d!important;color:#edf4fa!important;border-color:#24425a!important}
html[data-theme=light] body footer.kei14-footer :is(h3,h4,.brand-name){color:#edf4fa!important}
html[data-theme=light] body footer.kei14-footer :is(p,.kei14-foot-bottom){color:#b7c8d7!important;border-color:#345168!important}
html[data-theme=light] body footer.kei14-footer .kei14-foot-col a{color:#e1edf6!important}
html[data-theme=light] body footer.kei14-footer :is(.kei14-foot-cta,.kei14-top){background:#1b3c57!important;border-color:#47708f!important;color:#fff!important}
@media(max-width:1100px){html[data-theme=light] body .site-header .nav-wrap .main-nav{background:#f8fafc!important;border-color:var(--kei-light-line)!important}html[data-theme=light] body .site-header .nav-wrap .main-nav a{color:var(--kei-light-ink)!important}html[data-theme=light] body .site-header .nav-wrap .main-nav .kei-mobile-project{color:#fff!important;background:var(--kei-light-accent)!important}}
@media(max-width:760px){html[data-theme=light] body .hero{min-height:0!important}html[data-theme=light] body .hero-layout{min-height:0!important;gap:32px!important;padding-block:40px 56px!important}html[data-theme=light] body :is(.hero-copy h1,.kei-hero-slide h1){font-size:clamp(32px,8.4vw,40px)!important}html[data-theme=light] body :is(.section h2,.contact h2,.kei-engineering-flow h2){font-size:clamp(28px,7.4vw,34px)!important}.kei-light-color-settings{grid-template-columns:1fr!important}}
html[data-theme=light] body .contact.kei133-contact{background:var(--kei-light-paper)!important}
html[data-theme=light] body .contact.kei133-contact .contact-copy h2{color:var(--kei-light-ink)!important}
html[data-theme=light] body .contact.kei133-contact .contact-copy>p{color:var(--kei-light-muted)!important}
html[data-theme=light] body .button-ghost{background:#fff!important;border:1px solid #c7d8e6!important;color:var(--kei-light-ink)!important;border-radius:10px!important}
html[data-theme=light] body .kei133-theme{background:#fff!important;border-color:#d0dfe9!important}
html[data-theme=light] body .kei133-theme button{color:#536a7d!important}
html[data-theme=light] body .kei133-theme button.is-active{background:#e6f0f8!important;color:var(--kei-light-accent)!important;box-shadow:none!important}
html[data-theme=light] body .breadcrumbs{color:var(--kei-light-muted)!important}
html[data-theme=light] body .breadcrumbs a{color:var(--kei-light-muted)!important}
@media(min-width:1101px){
 html[data-theme=light] body .site-header .nav-wrap{display:flex!important;min-height:80px!important;height:auto!important;padding:12px 28px!important;gap:22px!important}
 html[data-theme=light] body .site-header .main-nav{position:static!important;margin-left:auto!important;display:flex!important;gap:18px!important;flex-wrap:nowrap!important}
 html[data-theme=light] body .site-header .main-nav>a{padding:12px 0!important;font-size:13px!important;line-height:1.3!important;white-space:nowrap!important}
 html[data-theme=light] body .site-header .main-nav>a.nav-cta{padding:12px 16px!important;color:#fff!important}
 html[data-theme=light] body .site-header .kei133-header-cta{display:none!important}
 html[data-theme=light] body .site-header .kei133-controls{flex-shrink:0!important;margin-left:0!important}
 html[data-theme=light] body .site-header .brand{flex-shrink:0!important}
}
html[data-theme=light] body .solutions :is(.solution-card,.solution-card.featured) h3{color:var(--kei-light-ink)!important}
html[data-theme=light] body .solutions .solution-card .kei-service-symbol{color:var(--kei-light-accent)!important}
html[data-theme=light] body .solutions .solution-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important}
html[data-theme=light] body .solutions .solution-grid>.solution-card:nth-child(n){grid-column:auto!important;grid-row:auto!important}
html[data-theme=light] body .solutions .card-top>span{display:none!important}
@media(max-width:1100px){html[data-theme=light] body .solutions .solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){html[data-theme=light] body .solutions .solution-grid{grid-template-columns:minmax(0,1fr)!important}}
/* 17.1: a stronger engineering diagram on the light canvas. */
html[data-theme=light] body .system-card{background:linear-gradient(155deg,#fff 60%,#e9f2fa)!important;border:1px solid #b8cee0!important;box-shadow:0 18px 46px rgba(20,43,64,.12),inset 0 4px 0 var(--kei-light-accent)!important;border-radius:14px!important}
html[data-theme=light] body .system-card .energy-core{background:linear-gradient(145deg,#183f60,#0c243a)!important;border:2px solid var(--kei-light-accent)!important;box-shadow:0 12px 24px rgba(10,37,59,.24)!important;animation:none!important}
html[data-theme=light] body .system-card .energy-core .pulse-ring{border:1px solid #64a4d7!important;opacity:.65!important}
html[data-theme=light] body .system-card .core-value b{color:#fff!important;font-weight:850!important;letter-spacing:.015em}
html[data-theme=light] body .system-card .core-value span{color:#c8e1f3!important;font-weight:650;letter-spacing:.09em}
html[data-theme=light] body .system-card .system-node{background:#fff!important;border:1px solid #bfd1df!important;border-left:4px solid var(--kei-light-accent)!important;border-radius:6px!important;box-shadow:0 7px 16px rgba(20,43,64,.1)!important;padding:10px 8px!important;gap:8px!important;transition:transform .2s ease,box-shadow .2s ease}
html[data-theme=light] body .system-card .system-node b{color:#142b40!important;font-weight:850!important;letter-spacing:.025em}
html[data-theme=light] body .system-card .system-node small{color:#465b6c!important}
html[data-theme=light] body .system-card .node-icon{display:grid;place-items:center;width:26px;height:26px;min-width:26px;border-radius:4px;background:var(--kei-light-accent)!important;color:white!important;font-size:10px;font-weight:800}
html[data-theme=light] body .system-card .system-node:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(20,43,64,.15)!important}
html[data-theme=light] body .system-card .kei-energy-map{color:var(--kei-light-accent)!important}
html[data-theme=light] body .system-card .kei-energy-map svg>g:first-of-type{stroke-opacity:.25!important}
html[data-theme=light] body .system-card .kei-energy-map svg>g:nth-of-type(2){stroke:var(--kei-light-accent)!important;stroke-width:2.8!important}
html[data-theme=light] body .system-card .kei-energy-map svg>g:nth-of-type(3) circle{stroke:white;stroke-width:1.5}
html[data-theme=light] body .system-card .energy-stream{stroke:#0c3758!important;stroke-width:3.5!important;opacity:1!important}
html[data-theme=light] body .system-card :is(.system-head,.system-foot){color:#304e66!important;font-weight:700;letter-spacing:.1em}
html[data-theme=light] body .system-card .system-head small{color:var(--kei-light-accent)!important;font-weight:800}
@media(max-width:760px){html[data-theme=light] body .system-card .system-node{padding:8px 6px!important;gap:6px!important}html[data-theme=light] body .system-card .node-icon{width:18px;height:22px;min-width:18px;font-size:9px}html[data-theme=light] body .system-card .core-value span{font-size:7px!important;letter-spacing:.04em}}
@media(prefers-reduced-motion:reduce){html[data-theme=light] body .system-card .system-node{transition:none}}
/* Selection signal: keyboard, pointer and touch. */
html[data-theme=light] body .system-card .system-node.kei-node-selected{background:#e5f1fb!important;border-color:var(--kei-light-accent)!important;box-shadow:0 8px 24px rgba(23,110,181,.24)!important;transform:translateY(-3px)}
html[data-theme=light] body .system-card .energy-core.kei-core-engaged{border-color:#64c8ff!important;box-shadow:0 14px 30px rgba(10,37,59,.3),0 0 0 4px rgba(23,110,181,.12)!important}
html[data-theme=light] body .system-card .kei-energy-map .kei-path-selected{stroke:#075792!important;stroke-width:4!important;filter:drop-shadow(0 0 3px rgba(23,110,181,.3))}
@media(prefers-reduced-motion:no-preference){html[data-theme=light] body .system-card:not([data-energy-motion=off]) .energy-stream.kei-path-selected{stroke:#43bdff!important;stroke-dasharray:14 22;animation:kei-selected-energy .75s linear infinite!important}html[data-theme=light] body .system-card:not([data-energy-motion=off]) .system-node.kei-node-pulse{animation:kei-node-signal .38s ease-out}}
@keyframes kei-selected-energy{to{stroke-dashoffset:-72}}
@keyframes kei-node-signal{50%{transform:translateY(-3px) scale(1.04);box-shadow:0 0 0 6px rgba(23,110,181,.15)}}
@media(prefers-reduced-motion:reduce){html[data-theme=light] body .system-card .system-node.kei-node-selected{transform:none}}
html[data-theme=light] body .system-card[data-energy-motion=off] .system-node{transition:none!important}

/* 17.2: energy packets converge into a responsive ECE core. */
.kei-energy-packet{pointer-events:none;filter:drop-shadow(0 0 4px #38b9ff);display:none}
html[data-theme=light] body .system-card .energy-core{transition:box-shadow .3s ease,border-color .3s ease!important}
html[data-theme=light] body .system-card .system-node{transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,background .3s ease!important}
@media(prefers-reduced-motion:no-preference){
 html[data-theme=light] body .system-card:not([data-energy-motion=off]) .energy-core.kei-core-arrival{box-shadow:0 14px 30px rgba(10,37,59,.25),0 0 0 8px rgba(23,110,181,.09),0 0 30px rgba(56,185,255,.32)!important;border-color:#a2dfff!important}
 html[data-theme=light] body .system-card:not([data-energy-motion=off]) .energy-core.kei-core-arrival .pulse-ring{animation:kei-core-wave .65s ease-out!important}
 html[data-theme=light] body .system-card:not([data-energy-motion=off]) .energy-stream.kei-path-selected{stroke-dasharray:5 26;animation-duration:1.15s!important;opacity:.8!important}
}
@keyframes kei-core-wave{from{transform:scale(.85);opacity:.9}to{transform:scale(1.18);opacity:0}}
.system-card.energy-background .kei-energy-packet,.system-card[data-energy-motion=off] .kei-energy-packet{display:none!important}
@media(prefers-reduced-motion:reduce){.kei-energy-packet{display:none!important}html[data-theme=light] body .system-card :is(.energy-core,.system-node){transition:none!important}}

/* Keep header underlines below the glyphs after compact light padding. */
html[data-theme=light] body .site-header .main-nav>a::after{bottom:3px!important;top:auto!important;height:2px!important;background:var(--kei-light-accent)!important}
html[data-theme=light] body .site-header .main-nav>a.nav-cta::after{display:none!important}
html[data-theme=light] body .site-header .main-nav>a:not(.nav-cta):hover{background:transparent!important}
@media(max-width:1100px){html[data-theme=light] body .site-header .main-nav>a::after{display:none!important}}

/* 17.3: engineering contours behind content and soft section transitions. */
html[data-theme=light] body :is(main>section,.hero,.page-banner,.section,.company-links,.contact){--kei-section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22720%22%20height%3D%22560%22%20viewBox%3D%220%200%20720%20560%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23176eb5%22%20stroke-width%3D%221.15%22%20opacity%3D%22.34%22%3E%3Cpath%20d%3D%22M720%2040C560%2040%20570%20190%20425%20190S310%20340%20155%20340H0M720%2075C575%2075%20590%20225%20440%20225S320%20375%20160%20375H0M720%20110C595%20110%20605%20260%20455%20260S335%20410%20170%20410H0%22%2F%3E%3Ccircle%20cx%3D%22425%22%20cy%3D%22190%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22155%22%20cy%3D%22340%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-image:var(--kei-section-art),radial-gradient(ellipse at 95% 15%,rgba(23,110,181,.09),transparent 48%),linear-gradient(180deg,rgba(255,255,255,.65),transparent 120px,transparent calc(100% - 120px),rgba(255,255,255,.55))!important;background-size:min(58vw,840px) auto,100% 100%,100% 100%!important;background-position:right top,center,center!important;background-repeat:no-repeat!important}
html[data-theme=light] body .hero{--kei-section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22720%22%20height%3D%22560%22%20viewBox%3D%220%200%20720%20560%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23176eb5%22%20stroke-width%3D%221.15%22%20opacity%3D%22.34%22%3E%3Cpath%20d%3D%22M720%2080H490l-85%2085v150l-85%2085H0M720%20120H515l-70%2070v150l-90%2090H0M720%20160H540l-55%2055v160l-85%2085H0%22%2F%3E%3Ccircle%20cx%3D%22405%22%20cy%3D%22165%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%22485%22%20cy%3D%22375%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M605%200v560M0%20490h720%22%20stroke-dasharray%3D%223%2012%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
html[data-theme=light] body .solutions{--kei-section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22720%22%20height%3D%22560%22%20viewBox%3D%220%200%20720%20560%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23176eb5%22%20stroke-width%3D%221.15%22%20opacity%3D%22.34%22%3E%3Cpath%20d%3D%22M720%2040H480l-100%20100v145l-110%20110H0M720%2070H495l-85%2085v150l-115%20115H0M720%20100H510l-70%2070v155l-120%20120H0%22%2F%3E%3Ccircle%20cx%3D%22380%22%20cy%3D%22140%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22270%22%20cy%3D%22395%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22530%22%20cy%3D%22260%22%20r%3D%22118%22%20opacity%3D%22.3%22%2F%3E%3Ccircle%20cx%3D%22530%22%20cy%3D%22260%22%20r%3D%22158%22%20opacity%3D%22.3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
html[data-theme=light] body .process{--kei-section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22720%22%20height%3D%22560%22%20viewBox%3D%220%200%20720%20560%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23176eb5%22%20stroke-width%3D%221.15%22%20opacity%3D%22.34%22%3E%3Cpath%20d%3D%22M0%20490h200l100-100h160l95-95h165M0%20520h215l100-100h160l95-95h150%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22390%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%22555%22%20cy%3D%22295%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M60%200v560M120%200v560M180%200v560%22%20stroke-dasharray%3D%222%2014%22%20opacity%3D%22.35%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
html[data-theme=light] body .contact{--kei-section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22720%22%20height%3D%22560%22%20viewBox%3D%220%200%20720%20560%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23176eb5%22%20stroke-width%3D%221.15%22%20opacity%3D%22.34%22%3E%3Cpath%20d%3D%22M720%2060H530l-75%2075v220l-85%2085H0M720%2090H550l-65%2065v220l-85%2085H0%22%2F%3E%3Ccircle%20cx%3D%22455%22%20cy%3D%22135%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%22370%22%20cy%3D%22440%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%22640%22%20cy%3D%22210%22%20r%3D%22100%22%20opacity%3D%22.25%22%2F%3E%3Ccircle%20cx%3D%22640%22%20cy%3D%22210%22%20r%3D%22145%22%20opacity%3D%22.25%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
html[data-theme=light] body .page-banner{--kei-section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22720%22%20height%3D%22560%22%20viewBox%3D%220%200%20720%20560%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23176eb5%22%20stroke-width%3D%221.15%22%20opacity%3D%22.34%22%3E%3Cpath%20d%3D%22M720%2080H490l-85%2085v150l-85%2085H0M720%20120H515l-70%2070v150l-90%2090H0M720%20160H540l-55%2055v160l-85%2085H0%22%2F%3E%3Ccircle%20cx%3D%22405%22%20cy%3D%22165%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%22485%22%20cy%3D%22375%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M605%200v560M0%20490h720%22%20stroke-dasharray%3D%223%2012%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
html[data-theme=light] body .about{--kei-section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22720%22%20height%3D%22560%22%20viewBox%3D%220%200%20720%20560%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23176eb5%22%20stroke-width%3D%221.15%22%20opacity%3D%22.34%22%3E%3Cpath%20d%3D%22M720%2040C560%2040%20570%20190%20425%20190S310%20340%20155%20340H0M720%2075C575%2075%20590%20225%20440%20225S320%20375%20160%20375H0M720%20110C595%20110%20605%20260%20455%20260S335%20410%20170%20410H0%22%2F%3E%3Ccircle%20cx%3D%22425%22%20cy%3D%22190%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22155%22%20cy%3D%22340%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
html[data-theme=light] body .expertise{--kei-section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22720%22%20height%3D%22560%22%20viewBox%3D%220%200%20720%20560%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23176eb5%22%20stroke-width%3D%221.15%22%20opacity%3D%22.34%22%3E%3Cpath%20d%3D%22M0%20490h200l100-100h160l95-95h165M0%20520h215l100-100h160l95-95h150%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22390%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%22555%22%20cy%3D%22295%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M60%200v560M120%200v560M180%200v560%22%20stroke-dasharray%3D%222%2014%22%20opacity%3D%22.35%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
html[data-theme=light] body .catalog-section{--kei-section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22720%22%20height%3D%22560%22%20viewBox%3D%220%200%20720%20560%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23176eb5%22%20stroke-width%3D%221.15%22%20opacity%3D%22.34%22%3E%3Cpath%20d%3D%22M720%2040H480l-100%20100v145l-110%20110H0M720%2070H495l-85%2085v150l-115%20115H0M720%20100H510l-70%2070v155l-120%20120H0%22%2F%3E%3Ccircle%20cx%3D%22380%22%20cy%3D%22140%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22270%22%20cy%3D%22395%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22530%22%20cy%3D%22260%22%20r%3D%22118%22%20opacity%3D%22.3%22%2F%3E%3Ccircle%20cx%3D%22530%22%20cy%3D%22260%22%20r%3D%22158%22%20opacity%3D%22.3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
html[data-theme=light] body .company-links{--kei-section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22720%22%20height%3D%22560%22%20viewBox%3D%220%200%20720%20560%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23176eb5%22%20stroke-width%3D%221.15%22%20opacity%3D%22.34%22%3E%3Cpath%20d%3D%22M720%2060H530l-75%2075v220l-85%2085H0M720%2090H550l-65%2065v220l-85%2085H0%22%2F%3E%3Ccircle%20cx%3D%22455%22%20cy%3D%22135%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%22370%22%20cy%3D%22440%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%22640%22%20cy%3D%22210%22%20r%3D%22100%22%20opacity%3D%22.25%22%2F%3E%3Ccircle%20cx%3D%22640%22%20cy%3D%22210%22%20r%3D%22145%22%20opacity%3D%22.25%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
html[data-theme=light] body .process{background-position:left bottom,center,center!important}
html[data-theme=light] body .company-links{background-size:500px auto,100% 100%,100% 100%!important}
html[data-theme=light] body .contact.kei133-contact{background-image:var(--kei-section-art),radial-gradient(ellipse at 95% 15%,rgba(23,110,181,.09),transparent 48%),linear-gradient(180deg,rgba(255,255,255,.65),transparent 120px)!important}
html[data-theme=light] body :is(.solution-card,.solutions .solution-card.featured,.process-step,.catalog-card,.document-link,.kei133-contact-side){background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22320%22%20height%3D%22280%22%20viewBox%3D%220%200%20320%20280%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23176eb5%22%20stroke-width%3D%221.15%22%20opacity%3D%22.26%22%3E%3Cpath%20d%3D%22M210%200v80l-60%2060v120M250%200v95l-65%2065v100M290%200v110l-70%2070v80%22%2F%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22140%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22185%22%20cy%3D%22160%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;background-position:right bottom!important;background-size:135px 118px!important;background-repeat:no-repeat!important}
html[data-theme=light] body .solutions .solution-card{border-top:2px solid #94bbd9!important}
@media(max-width:760px){html[data-theme=light] body :is(main>section,.hero,.page-banner,.section,.company-links,.contact){background-size:390px auto,100% 100%,100% 100%!important;background-position:calc(100% + 170px) top,center,center!important}html[data-theme=light] body .process{background-position:calc(0% - 160px) bottom,center,center!important}html[data-theme=light] body :is(.solution-card,.process-step,.catalog-card,.document-link,.kei133-contact-side){background-size:100px 88px!important}}

/* 17.4 dark: engineering contours behind content and soft section transitions. */
html[data-theme=dark] body :is(main>section,.hero,.page-banner,.section,.company-links,.contact){--kei-section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22720%22%20height%3D%22560%22%20viewBox%3D%220%200%20720%20560%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%234bc6dc%22%20stroke-width%3D%221.15%22%20opacity%3D%22.23%22%3E%3Cpath%20d%3D%22M720%2040C560%2040%20570%20190%20425%20190S310%20340%20155%20340H0M720%2075C575%2075%20590%20225%20440%20225S320%20375%20160%20375H0M720%20110C595%20110%20605%20260%20455%20260S335%20410%20170%20410H0%22%2F%3E%3Ccircle%20cx%3D%22425%22%20cy%3D%22190%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22155%22%20cy%3D%22340%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-image:var(--kei-section-art),radial-gradient(ellipse at 95% 15%,rgba(40,156,198,.13),transparent 48%),linear-gradient(180deg,rgba(11,35,53,.6),transparent 120px,transparent calc(100% - 120px),rgba(4,15,26,.75))!important;background-size:min(58vw,840px) auto,100% 100%,100% 100%!important;background-position:right top,center,center!important;background-repeat:no-repeat!important}
html[data-theme=dark] body .hero{--kei-section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22720%22%20height%3D%22560%22%20viewBox%3D%220%200%20720%20560%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%234bc6dc%22%20stroke-width%3D%221.15%22%20opacity%3D%22.23%22%3E%3Cpath%20d%3D%22M720%2080H490l-85%2085v150l-85%2085H0M720%20120H515l-70%2070v150l-90%2090H0M720%20160H540l-55%2055v160l-85%2085H0%22%2F%3E%3Ccircle%20cx%3D%22405%22%20cy%3D%22165%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%22485%22%20cy%3D%22375%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M605%200v560M0%20490h720%22%20stroke-dasharray%3D%223%2012%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
html[data-theme=dark] body .solutions{--kei-section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22720%22%20height%3D%22560%22%20viewBox%3D%220%200%20720%20560%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%234bc6dc%22%20stroke-width%3D%221.15%22%20opacity%3D%22.23%22%3E%3Cpath%20d%3D%22M720%2040H480l-100%20100v145l-110%20110H0M720%2070H495l-85%2085v150l-115%20115H0M720%20100H510l-70%2070v155l-120%20120H0%22%2F%3E%3Ccircle%20cx%3D%22380%22%20cy%3D%22140%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22270%22%20cy%3D%22395%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22530%22%20cy%3D%22260%22%20r%3D%22118%22%20opacity%3D%22.3%22%2F%3E%3Ccircle%20cx%3D%22530%22%20cy%3D%22260%22%20r%3D%22158%22%20opacity%3D%22.3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
html[data-theme=dark] body .process{--kei-section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22720%22%20height%3D%22560%22%20viewBox%3D%220%200%20720%20560%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%234bc6dc%22%20stroke-width%3D%221.15%22%20opacity%3D%22.23%22%3E%3Cpath%20d%3D%22M0%20490h200l100-100h160l95-95h165M0%20520h215l100-100h160l95-95h150%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22390%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%22555%22%20cy%3D%22295%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M60%200v560M120%200v560M180%200v560%22%20stroke-dasharray%3D%222%2014%22%20opacity%3D%22.35%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
html[data-theme=dark] body .contact{--kei-section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22720%22%20height%3D%22560%22%20viewBox%3D%220%200%20720%20560%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%234bc6dc%22%20stroke-width%3D%221.15%22%20opacity%3D%22.23%22%3E%3Cpath%20d%3D%22M720%2060H530l-75%2075v220l-85%2085H0M720%2090H550l-65%2065v220l-85%2085H0%22%2F%3E%3Ccircle%20cx%3D%22455%22%20cy%3D%22135%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%22370%22%20cy%3D%22440%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%22640%22%20cy%3D%22210%22%20r%3D%22100%22%20opacity%3D%22.25%22%2F%3E%3Ccircle%20cx%3D%22640%22%20cy%3D%22210%22%20r%3D%22145%22%20opacity%3D%22.25%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
html[data-theme=dark] body .page-banner{--kei-section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22720%22%20height%3D%22560%22%20viewBox%3D%220%200%20720%20560%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%234bc6dc%22%20stroke-width%3D%221.15%22%20opacity%3D%22.23%22%3E%3Cpath%20d%3D%22M720%2080H490l-85%2085v150l-85%2085H0M720%20120H515l-70%2070v150l-90%2090H0M720%20160H540l-55%2055v160l-85%2085H0%22%2F%3E%3Ccircle%20cx%3D%22405%22%20cy%3D%22165%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%22485%22%20cy%3D%22375%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M605%200v560M0%20490h720%22%20stroke-dasharray%3D%223%2012%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
html[data-theme=dark] body .about{--kei-section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22720%22%20height%3D%22560%22%20viewBox%3D%220%200%20720%20560%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%234bc6dc%22%20stroke-width%3D%221.15%22%20opacity%3D%22.23%22%3E%3Cpath%20d%3D%22M720%2040C560%2040%20570%20190%20425%20190S310%20340%20155%20340H0M720%2075C575%2075%20590%20225%20440%20225S320%20375%20160%20375H0M720%20110C595%20110%20605%20260%20455%20260S335%20410%20170%20410H0%22%2F%3E%3Ccircle%20cx%3D%22425%22%20cy%3D%22190%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22155%22%20cy%3D%22340%22%20r%3D%225%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
html[data-theme=dark] body .expertise{--kei-section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22720%22%20height%3D%22560%22%20viewBox%3D%220%200%20720%20560%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%234bc6dc%22%20stroke-width%3D%221.15%22%20opacity%3D%22.23%22%3E%3Cpath%20d%3D%22M0%20490h200l100-100h160l95-95h165M0%20520h215l100-100h160l95-95h150%22%2F%3E%3Ccircle%20cx%3D%22300%22%20cy%3D%22390%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%22555%22%20cy%3D%22295%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22M60%200v560M120%200v560M180%200v560%22%20stroke-dasharray%3D%222%2014%22%20opacity%3D%22.35%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
html[data-theme=dark] body .catalog-section{--kei-section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22720%22%20height%3D%22560%22%20viewBox%3D%220%200%20720%20560%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%234bc6dc%22%20stroke-width%3D%221.15%22%20opacity%3D%22.23%22%3E%3Cpath%20d%3D%22M720%2040H480l-100%20100v145l-110%20110H0M720%2070H495l-85%2085v150l-115%20115H0M720%20100H510l-70%2070v155l-120%20120H0%22%2F%3E%3Ccircle%20cx%3D%22380%22%20cy%3D%22140%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22270%22%20cy%3D%22395%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22530%22%20cy%3D%22260%22%20r%3D%22118%22%20opacity%3D%22.3%22%2F%3E%3Ccircle%20cx%3D%22530%22%20cy%3D%22260%22%20r%3D%22158%22%20opacity%3D%22.3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
html[data-theme=dark] body .company-links{--kei-section-art:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22720%22%20height%3D%22560%22%20viewBox%3D%220%200%20720%20560%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%234bc6dc%22%20stroke-width%3D%221.15%22%20opacity%3D%22.23%22%3E%3Cpath%20d%3D%22M720%2060H530l-75%2075v220l-85%2085H0M720%2090H550l-65%2065v220l-85%2085H0%22%2F%3E%3Ccircle%20cx%3D%22455%22%20cy%3D%22135%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%22370%22%20cy%3D%22440%22%20r%3D%226%22%2F%3E%3Ccircle%20cx%3D%22640%22%20cy%3D%22210%22%20r%3D%22100%22%20opacity%3D%22.25%22%2F%3E%3Ccircle%20cx%3D%22640%22%20cy%3D%22210%22%20r%3D%22145%22%20opacity%3D%22.25%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
html[data-theme=dark] body .process{background-position:left bottom,center,center!important}
html[data-theme=dark] body .company-links{background-size:500px auto,100% 100%,100% 100%!important}
html[data-theme=dark] body .contact.kei133-contact{background-image:var(--kei-section-art),radial-gradient(ellipse at 95% 15%,rgba(40,156,198,.13),transparent 48%),linear-gradient(180deg,rgba(11,35,53,.6),transparent 120px)!important}
html[data-theme=dark] body :is(.solution-card,.solutions .solution-card.featured,.process-step,.catalog-card,.document-link,.kei133-contact-side){background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22320%22%20height%3D%22280%22%20viewBox%3D%220%200%20320%20280%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%234bc6dc%22%20stroke-width%3D%221.15%22%20opacity%3D%22.2%22%3E%3Cpath%20d%3D%22M210%200v80l-60%2060v120M250%200v95l-65%2065v100M290%200v110l-70%2070v80%22%2F%3E%3Ccircle%20cx%3D%22150%22%20cy%3D%22140%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22185%22%20cy%3D%22160%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;background-position:right bottom!important;background-size:135px 118px!important;background-repeat:no-repeat!important}
html[data-theme=dark] body .solutions .solution-card{border-top:2px solid #234d68!important}
@media(max-width:760px){html[data-theme=dark] body :is(main>section,.hero,.page-banner,.section,.company-links,.contact){background-size:390px auto,100% 100%,100% 100%!important;background-position:calc(100% + 170px) top,center,center!important}html[data-theme=dark] body .process{background-position:calc(0% - 160px) bottom,center,center!important}html[data-theme=dark] body :is(.solution-card,.process-step,.catalog-card,.document-link,.kei133-contact-side){background-size:100px 88px!important}}

/* A blue rim separates dark panels from the circuit backdrop. */
html[data-theme=dark] body .solutions .solution-card{border-top-color:#245a75!important}

/* 17.5: contact action keeps its filled background on hover/focus. */
html[data-theme=light] body .site-header .main-nav>a.nav-cta:is(:hover,:focus-visible,:active){background:var(--kei-light-accent)!important;color:#fff!important;border-color:var(--kei-light-accent)!important;box-shadow:0 0 0 3px rgba(23,110,181,.12)!important}
