@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--navy:#06111e;--navy2:#0b1b2b;--blue:#0e263b;--line:#273b4d;--gold:#cfac74;--gold2:#ead3a4;--white:#f8f8fa;--muted:#a9b9c9;--soft:#d4dfea}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--navy);color:var(--white);font-family:'Manrope','Plus Jakarta Sans',Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{max-width:1240px;margin:auto;padding:0 34px}.topbar{position:sticky;top:0;z-index:100;background:rgba(5,16,28,.93);border-bottom:1px solid rgba(255,255,255,.09);backdrop-filter:blur(20px)}.topbar-in{display:flex;height:84px;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px}.brand img{height:68px;width:auto;max-width:170px;object-fit:contain;mix-blend-mode:screen}.brand-fallback{font-size:19px;font-weight:800;letter-spacing:.09em;color:white;display:block;line-height:1.2}.brand-fallback b{color:var(--gold)}.brand-fallback small{display:block;color:#9baebf;letter-spacing:.12em;font-size:7px;font-weight:600;margin-top:6px}.navigation{display:flex;gap:29px;align-items:center}.navigation>a{color:#c4d0dc;font-size:12px;font-weight:700;white-space:nowrap;transition:color .2s}.navigation>a:hover{color:var(--gold2)}.nav-contact{padding:12px 17px;border:1px solid #9d7d51;border-radius:4px;color:var(--gold2)!important}.menu-toggle{display:none;background:none;border:0;color:white;font-size:28px;cursor:pointer}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:.22em;font-weight:800;line-height:1.8}.mini-rule{display:inline-block;height:1px;width:25px;background:var(--gold);vertical-align:middle;margin:0 7px}.hero{position:relative;isolation:isolate;min-height:700px;display:flex;align-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,13,23,.99) 0%,rgba(4,15,26,.96) 30%,rgba(5,17,29,.48) 75%,rgba(3,10,20,.3)),linear-gradient(0deg,rgba(3,13,23,.95),transparent 40%),url('/assets/skyline.jpg') center 45% / cover no-repeat}.hero-content{width:100%;padding-top:88px;padding-bottom:100px}.hero h1{font-size:clamp(52px,7vw,106px);letter-spacing:-.073em;line-height:.96;margin:24px 0 26px;font-weight:800;max-width:900px}.hero h1 em{color:var(--gold2);font-style:normal}.hero p{font-size:17px;max-width:590px;color:#d1dbe3;line-height:1.85;font-weight:500}.hero-actions{display:flex;gap:15px;flex-wrap:wrap;margin:33px 0 61px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border-radius:3px;padding:16px 22px;font-size:12px;letter-spacing:.02em;font-weight:800;transition:.2s;white-space:nowrap}.btn:hover{transform:translateY(-3px)}.btn.gold{color:#122033;background:linear-gradient(110deg,#e5d0a3,#b58a50)}.btn.outline{border:1px solid #718398;color:#f0f3f7;background:rgba(12,29,43,.18)}.hero-floor{display:flex;align-items:center;gap:18px;color:#c1cdd7;font-size:9px;font-weight:800;letter-spacing:.13em}.hero-floor i{width:4px;height:4px;border-radius:50%;background:var(--gold)}.vertical-mark{position:absolute;bottom:60px;right:16px;transform:rotate(-90deg) translateX(100%);transform-origin:right bottom;font-size:9px;letter-spacing:.15em;color:#d6c4a7}.statement{background:linear-gradient(115deg,#0e2639,#081521);border-bottom:1px solid var(--line);padding:102px 0}.statement-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center}.statement .eyebrow{grid-column:1/-1;margin-bottom:-20px}.statement h2{font-size:clamp(32px,3.6vw,52px);line-height:1.17;letter-spacing:-.055em;margin:0}.statement h2 span,.section h2 span{color:var(--gold2)}.statement p:last-child{font-size:15px;color:#bdcbd7;line-height:2;margin:0}.section{padding:106px 0}.section-intro{display:flex;justify-content:space-between;gap:80px;align-items:end;margin-bottom:44px}.section h2{font-size:clamp(34px,4vw,54px);line-height:1.17;letter-spacing:-.053em;margin:12px 0 0;font-weight:800}.section-intro>p{max-width:420px;color:#b2c1cd;font-size:14px;line-height:1.9;margin:0}.service-feature{display:grid;grid-template-columns:1.12fr .88fr;min-height:380px;background:#102537;border:1px solid var(--line);overflow:hidden}.service-photo{background:linear-gradient(90deg,transparent,#05111d35),url('/assets/datacenter.jpg') center/cover}.service-copy{padding:55px 54px}.service-copy h3{font-size:37px;letter-spacing:-.06em;line-height:1.18}.service-copy p{color:#bfcad4;line-height:1.9}.text-link{display:inline-block;font-size:12px;color:var(--gold2);font-weight:800;margin-top:16px}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:16px}.cap-grid article{padding:33px 28px 38px;border:1px solid var(--line);background:linear-gradient(145deg,#0c2133,#091624);min-height:215px}.cap-grid span{font-size:10px;letter-spacing:.18em;color:var(--gold);font-weight:700}.cap-grid h3{font-size:20px;letter-spacing:-.03em}.cap-grid p{font-size:13px;line-height:1.83;color:#b8c7d2;margin-bottom:0}.erp-section{background:radial-gradient(ellipse at 100% 0%,#29445c 0%,transparent 45%),#071523;border-top:1px solid #234057;border-bottom:1px solid #234057}.erp-wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center}.erp-copy>p{line-height:1.9;color:#bdc9d4;font-size:15px;max-width:530px}.erp-rows{margin:40px 0 28px}.erp-rows>div{border-top:1px solid #2a4154;padding:18px 0}.erp-rows strong{font-size:15px}.erp-rows p{color:#aebecd;font-size:12.5px;line-height:1.9;margin:7px 0}.erp-visual{padding:30px;background:linear-gradient(150deg,#122b41,#0a1b2b);border:1px solid #476078;box-shadow:0 35px 75px #0005;border-radius:3px}.display-head{display:flex;flex-direction:column;gap:6px;padding:12px 7px 24px;border-bottom:1px solid #42566a}.display-head span,.graph-top{font-size:10px;letter-spacing:.16em;color:#d5b47d}.display-head strong{font-size:22px}.erp-cubes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0}.erp-cubes div{border:1px solid #4b6075;text-align:center;font-weight:800;padding:25px 5px;font-size:10px;color:#d9e6ee;background:#1a354b}.graph{background:#091c2e;border:1px solid #31475a;padding:18px}.graph-top{display:flex;justify-content:space-between;gap:10px}.graph-top span{font-size:8px;color:#778da0}.bars{height:105px;display:flex;align-items:end;justify-content:space-around;gap:7px;margin:17px 0 7px;border-bottom:1px solid #54718a}.bars i{width:8%;background:linear-gradient(0deg,#43708c,#d9b27b);height:45%}.bars i:nth-child(2){height:61%}.bars i:nth-child(3){height:51%}.bars i:nth-child(4){height:73%}.bars i:nth-child(5){height:63%}.bars i:nth-child(6){height:80%}.bars i:nth-child(7){height:77%}.bars i:nth-child(8){height:95%}.erp-visual>small{display:block;font-size:10px;line-height:1.7;color:#9bb0bf;margin-top:17px}.products-section{background:linear-gradient(180deg,#0b1c2d,#07121e)}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product-card{background:#112537;border:1px solid #2e4559;min-height:330px;padding:27px 24px;display:flex;flex-direction:column;transition:.2s}.product-card:hover{transform:translateY(-5px);border-color:#ad8759}.product-card.highlight{border-color:#b58e57;background:linear-gradient(145deg,#1a3547,#112537)}.product-top{display:flex;justify-content:space-between;align-items:center;gap:7px;min-height:22px}.product-top>span{font-size:9px;letter-spacing:.11em;color:var(--gold2);font-weight:800}.product-top b{font-size:8px;padding:6px;background:#89683e;color:#fff;border-radius:2px;white-space:nowrap}.product-symbol{margin-top:28px;width:51px;height:51px;background:#b99966;border-radius:5px;color:#091521;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800}.product-symbol.cyan{background:#77bcd9}.product-symbol.teal{background:#86c2ba}.product-symbol.lavender{background:#b7a5d8}.product-symbol.amber{background:#e0a875}.product-symbol.lime{background:#b5cb96}.product-card h3{font-size:19px;line-height:1.3;letter-spacing:-.03em;margin:16px 0 10px}.product-card h3 span{color:#d7c7aa}.product-card p{font-size:12px;line-height:1.8;color:#b9c8d5;margin:0 0 26px}.product-links{margin-top:auto;display:flex;gap:13px;flex-wrap:wrap}.product-links a{font-size:10.5px;font-weight:800;color:#e7c996}.integration{border-block:1px solid var(--line);background:#091928}.integration-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.integration-layout p{color:#b0c3d3;line-height:2;max-width:480px}.system-diagram{display:flex;flex-direction:column;align-items:center;gap:9px}.system-diagram>div{border:1px solid #49617a;padding:18px 16px;width:100%;text-align:center;background:#122b3e;font-size:11px;font-weight:800;letter-spacing:.06em;color:#e5ebf2}.system-diagram span{color:var(--gold);font-size:18px}.mega-section{background:linear-gradient(90deg,#05101ccf,#07111cae),url('/assets/skyline.jpg') center/cover}.mega-section h2{font-size:clamp(38px,5vw,70px)}.mega-section>div>p{max-width:650px;line-height:1.95;color:#d1d9e2}.mega-grid{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mega-grid>div{min-height:128px;background:#081c30da;border:1px solid #56708890;padding:24px 25px;display:flex;flex-direction:column;gap:14px}.mega-grid b{font-size:13px;color:#f4e0c2;letter-spacing:.05em}.mega-grid span{font-size:12px;color:#c5d2df;line-height:1.6}.disclosure{font-size:11px;color:#99abb9!important;margin-top:30px}.sectors-section{background:#091827}.sector-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:40px}.sector-strip span{border:1px solid #364b5e;color:#d6e0e9;font-weight:800;font-size:11px;padding:26px 8px;text-align:center}.contact-section{background:linear-gradient(120deg,#0a2338,#07111d)}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.contact-grid p{color:#beccd9;line-height:2;max-width:530px}.contact-actions{display:flex;gap:13px;flex-wrap:wrap;margin:35px 0}.contact-details{display:flex;gap:26px;flex-wrap:wrap;color:#d9c198;font-size:12px;font-weight:700}.contact-visual{min-height:350px;background:linear-gradient(145deg,#061321bb,#0f2e45b0),url('/assets/business.jpg') center/cover;border:1px solid #4b5e6a;display:flex;align-items:center;justify-content:center}.contact-visual-inner{padding:45px;display:flex;flex-direction:column;align-items:center;gap:10px}.contact-visual-inner>span{font-size:11px;font-weight:800;letter-spacing:.18em;background:#061628c9;padding:11px 24px;border:1px solid #ad8b58;width:240px;text-align:center}.contact-visual-inner strong{margin-top:23px;color:#ddc598;font-size:29px;font-weight:800}.contact-visual-inner small{font-size:8px;letter-spacing:.15em;color:white}footer{background:#030c14;border-top:1px solid #284153;padding:54px 0 38px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}.footer-grid strong{font-size:19px;color:var(--gold2)}.footer-grid p{font-size:12px;color:#a1b6c6}.footer-grid small{font-size:11px;color:#70899e}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:16px}.footer-grid a{font-size:11px;color:#b1c4d1}.footer-grid a:hover{color:var(--gold)}@media(max-width:1100px){.navigation{gap:15px}.navigation>a{font-size:11px}.products-grid{grid-template-columns:repeat(2,1fr)}.sector-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.wrap{padding:0 23px}.topbar-in{height:72px}.brand img{height:54px}.menu-toggle{display:block}.navigation{position:absolute;top:72px;left:0;right:0;background:#071728;display:none;flex-direction:column;align-items:stretch;gap:0;padding:14px 26px 20px;border-bottom:1px solid #415267}.navigation.open{display:flex}.navigation a{padding:13px 0}.hero{min-height:680px}.hero-content{padding:90px 23px}.hero h1{font-size:clamp(46px,10vw,77px)}.hero-floor{flex-wrap:wrap;line-height:1.7}.vertical-mark{display:none}.statement-layout,.section-intro,.erp-wrap,.integration-layout,.contact-grid{display:block}.statement .eyebrow{margin-bottom:25px}.statement p:last-child{margin-top:26px}.section{padding:75px 0}.section-intro>p{margin-top:24px}.service-feature{grid-template-columns:1fr}.service-photo{height:270px}.service-copy{padding:35px}.cap-grid{grid-template-columns:repeat(2,1fr)}.erp-visual{margin-top:42px}.mega-grid{grid-template-columns:repeat(2,1fr)}.contact-visual{margin-top:36px}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:510px){.hero h1{font-size:44px}.hero .eyebrow{font-size:8px}.hero p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.hero-floor{font-size:8px;gap:10px}.section h2,.statement h2{font-size:34px}.cap-grid,.products-grid,.mega-grid{grid-template-columns:1fr}.sector-strip{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.contact-details{gap:12px}}
/* Simple logo 03: rounded wordmark with a single gold square. */
.ebx-wordmark{position:relative;display:inline-flex;align-items:baseline;gap:.22em;padding-left:10px;font-family:'Manrope','Plus Jakarta Sans',Arial,sans-serif;font-size:27px;font-weight:800;letter-spacing:-.045em;line-height:1.25;white-space:nowrap;color:#f8f8fa}
.ebx-wordmark::before{content:"";position:absolute;left:0;top:0;width:7px;height:7px;background:#ba9658;border-radius:1.5px}
.ebx-wordmark b{font-weight:800;color:#ba9658}.brand-local .ebx-wordmark b{color:#ba9658}
.brand-fallback{display:none}.brand{flex-shrink:0}.navigation{gap:20px}
.retail-section{background:linear-gradient(135deg,#102b3e,#071522);border-block:1px solid #3a4e5f}
.retail-section .cap-grid{margin-top:34px}.retail-section .cap-grid article{display:flex;flex-direction:column}
.retail-section .cap-grid .text-link{margin-top:auto;padding-top:22px}
.retail-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
@media(max-width:1100px) and (min-width:801px){.navigation{gap:11px}.navigation>a{font-size:10px}.ebx-wordmark{font-size:24px}}
@media(max-width:800px){.ebx-wordmark{font-size:25px}.navigation{gap:0}}
@media(max-width:380px){.ebx-wordmark{font-size:22px}}

/* Website language selector; translation provider branding remains visible. */
.ebx-language-bar{background:#0c2031;border-bottom:1px solid #2b4052;color:#e6edf3;position:relative;z-index:90}
.ebx-language-inner{display:flex;align-items:center;justify-content:flex-end;gap:15px;min-height:51px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}
.ebx-language-label{font-size:12px;font-weight:700;color:#e2c595}
#ebx-translate .goog-te-gadget{font-family:Arial,sans-serif;font-size:10px;color:#b8c7d5}
#ebx-translate .goog-te-combo{margin:0 0 4px;padding:7px 28px 7px 10px;min-width:170px;max-width:100%;background:#fff;color:#10243a;border:1px solid #ba9658;border-radius:4px;font-size:13px;cursor:pointer}
#ebx-language-status{font-size:10px;color:#aabfce;max-width:260px}
html[dir="rtl"] body{font-family:Tahoma,'Manrope',Arial,sans-serif}
html[dir="rtl"] .brand,html[dir="rtl"] .brand-local,html[dir="rtl"] .ebx-wordmark{direction:ltr}
html[dir="rtl"] .ebx-language-inner{direction:ltr}
html[dir="rtl"] .section h2,html[dir="rtl"] .hero h1,html[dir="rtl"] .statement h2{letter-spacing:normal;line-height:1.35}
html[dir="rtl"] .hero-photo{transform:scaleX(-1)}
html[dir="rtl"] .hero h1{max-width:100%}
html[dir="rtl"] .eyebrow{letter-spacing:0}
html[dir="rtl"] .vertical-mark{display:none}
@media(max-width:800px){.ebx-language-inner{justify-content:center;gap:8px 15px}.ebx-language-label{font-size:11px}#ebx-language-status{width:100%;max-width:none;text-align:center;font-size:9px}}


/* MCHILS EBX single-language-selector enhancement; 2026-10-18 */
.ebx-language-bar { min-height:0; }
.ebx-language-inner {
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:0 !important;
  flex-wrap:nowrap !important;
  min-height:44px !important;
  padding-top:5px !important;
  padding-bottom:5px !important;
  direction:ltr !important;
}
.ebx-language-label { display:none !important; }
#ebx-language-status {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
}
#ebx-translate { display:flex; align-items:center; }
#ebx-translate .goog-te-gadget {
  font-size:0 !important;
  line-height:0 !important;
  color:transparent !important;
}
#ebx-translate .goog-te-gadget > span { display:none !important; }
#ebx-translate .goog-te-combo {
  display:block !important;
  margin:0 !important;
  min-width:195px !important;
  max-width:min(78vw,240px) !important;
  padding:7px 34px 7px 13px !important;
  border-radius:7px !important;
  color:#092235 !important;
  background:#fff !important;
  border:1px solid #c5a772 !important;
  font:600 13px/1.3 Arial,sans-serif !important;
  cursor:pointer !important;
}
#ebx-translate .goog-te-combo:focus-visible {
  outline:2px solid #e7c68d !important;
  outline-offset:2px !important;
}
.ebx-translation-credit {
  display:block;
  padding:4px 14px 12px;
  text-align:center;
  color:#8394a3;
  font-size:10px;
  font-weight:400;
  letter-spacing:.01em;
}
@media (max-width:600px) {
  .ebx-language-inner { min-height:42px !important; justify-content:center !important; }
  #ebx-translate .goog-te-combo { min-width:190px !important; }
}


/* 2026-10-18: a single reliable native language dropdown; provider UI hidden. */
.ebx-language-inner .ebx-language-label,
.ebx-language-inner #ebx-language-status {display:none !important}
.ebx-language-inner #ebx-translate {
  position:absolute !important;
  width:1px !important;height:1px !important;
  overflow:hidden !important;opacity:0 !important;
  pointer-events:none !important;clip-path:inset(50%) !important;
}
.ebx-language-select {
  display:block !important;
  width:200px;
  max-width:80vw;
  min-height:35px;
  padding:7px 30px 7px 12px;
  background:#fff;
  color:#112638;
  border:1px solid #c5a772;
  border-radius:6px;
  cursor:pointer;
  font:600 13px/1.4 Arial,sans-serif;
  direction:auto;
}
.ebx-language-select:focus-visible {
 outline:2px solid #f2d18d;
 outline-offset:2px;
}
@media (max-width:600px) {
 .ebx-language-select {width:200px}
}


/* MCHILS EBX: compact header language dropdown adjacent to the brand. */
.brand-language-group {
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  flex:0 1 auto;
}
.header-language-widget {
  display:flex;
  align-items:center;
  flex:0 0 auto;
  direction:ltr !important;
}
.header-language-widget .ebx-language-select {
  display:block !important;
  width:146px !important;
  max-width:100% !important;
  min-height:35px !important;
  margin:0 !important;
  padding:6px 25px 6px 9px !important;
  font-size:12px !important;
  line-height:1.4 !important;
}
.header-language-widget #ebx-translate,
.header-language-widget #ebx-language-status {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  pointer-events:none !important;
  opacity:0 !important;
  clip-path:inset(50%) !important;
}
@media (max-width:1100px) and (min-width:801px) {
 .topbar-in {gap:12px !important}
 .brand-language-group {gap:8px}
 .header-language-widget .ebx-language-select {width:122px !important; font-size:11px !important}
}
@media (min-width:801px) and (max-width:850px) {
 .topbar-in .menu-toggle {display:block !important}
 .topbar-in .navigation {
  position:absolute;top:84px;left:0;right:0;
  background:#071728;display:none;flex-direction:column;
  align-items:stretch;gap:0;padding:14px 26px 20px;
  border-bottom:1px solid #415267;
 }
 .topbar-in .navigation.open {display:flex !important}
 .topbar-in .navigation a {padding:13px 0}
}
@media (max-width:800px) {
 .topbar-in {gap:10px !important}
 .brand-language-group {gap:10px}
 .header-language-widget .ebx-language-select {width:145px !important}
}
@media (max-width:420px) {
 .topbar-in {gap:5px !important}
 .brand-language-group {gap:5px}
 .brand-language-group .ebx-wordmark {font-size:clamp(16px,5.4vw,22px) !important; padding-left:8px}
 .header-language-widget .ebx-language-select {
   width:clamp(106px,32vw,136px) !important;
   min-height:32px !important;
   padding:4px 15px 4px 6px !important;
   font-size:11px !important;
 }
 .topbar-in .menu-toggle {font-size:24px}
}


/* Narrow-screen fix for home ERP tiles, mega-project heading and contact illustration. */
@media(max-width:380px){
 .erp-visual{padding:16px}
 .erp-cubes{grid-template-columns:repeat(2,minmax(0,1fr))}
 .erp-cubes div{padding:18px 4px;min-width:0;font-size:9px}
 .mega-section h2{font-size:clamp(28px,8.7vw,36px);overflow-wrap:break-word}
 .contact-visual-inner{padding:22px 8px;max-width:100%;box-sizing:border-box}
 .contact-visual-inner>span{max-width:100%}
}