@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--orange:#ff6a00;--black:#050607;--ink:#171717;--paper:#f5f5f3;--line:#d9d9d5;--muted:#6c6c6c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--black);color:#fff}a{text-decoration:none;color:inherit}
.site-header{position:absolute;z-index:30;top:0;left:0;right:0;height:92px;padding:18px 3.15vw;display:flex;align-items:center;gap:34px}.logo img{height:64px;width:auto;display:block}.nav-links{display:flex;gap:35px;margin-left:auto;font-size:18px;font-weight:600;text-transform:uppercase}.header-cta{margin-left:23px;border:1px solid var(--orange);color:var(--orange);padding:14px 18px;font-size:18px;font-weight:800}.header-cta span{margin-left:15px}
.hero{position:relative;min-height:670px;padding-top:92px;display:grid;grid-template-columns:45% 55%;background:#050607}.hero-copy{padding:50px 0 130px 4.7vw;z-index:4;background:linear-gradient(90deg,#050607 0,#050607 82%,rgba(5,6,7,.82) 100%)}.eyebrow{font-size:18px;letter-spacing:.16em;font-weight:800;color:var(--orange);margin-bottom:27px}.hero h1{font-size:clamp(50px,4.4vw,76px);line-height:1.04;letter-spacing:-.047em;margin:0 0 26px}.hero h1 span{color:var(--orange)}.hero-copy p{font-size:16px;line-height:1.65;max-width:650px;color:#e0e0e0}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:30px}.primary-cta{background:var(--orange);padding:15px 22px;font-size:18px;font-weight:800}.primary-cta span{margin-left:18px}.secondary-cta{font-size:18px;font-weight:800;padding:15px 0;border-bottom:2px solid var(--orange)}
.hero-image{background-image:linear-gradient(90deg,#050607 0%,rgba(5,6,7,.82) 5%,rgba(5,6,7,.18) 24%,rgba(5,6,7,0) 42%),url('assets/hero-final.jpg');background-size:cover;background-position:center right;min-height:578px}
.proof-bar{position:absolute;z-index:10;left:3.05vw;right:3.05vw;bottom:-25px;display:grid;grid-template-columns:.95fr 1.12fr 1.33fr 1.12fr 1.22fr;background:#0c0d0e;border:1px solid #383838;border-radius:4px;box-shadow:0 20px 50px #0007}.proof-item{display:flex;align-items:center;gap:18px;padding:24px 28px;border-right:1px solid #333}.proof-item:last-child{border-right:0}.proof-icon svg{width:45px;height:45px;fill:none;stroke:var(--orange);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.proof-item strong{display:block;font-size:21px;margin-bottom:5px}.proof-item span{font-size:18px;line-height:1.48;color:#d0d0d0}
.what-we-do{background:var(--paper);color:var(--ink);padding:92px 4.7vw 75px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:end}.section-heading h2,.wide-copy h2{font-size:37px;line-height:1.06;letter-spacing:-.04em;margin:0}.section-heading p,.wide-copy p{color:#5f5f5f;line-height:1.65;max-width:650px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:55px}.service{display:grid;grid-template-columns:66px 1fr;gap:16px;padding:0 25px;border-right:1px solid #d7d7d4;min-height:160px}.service:first-child{padding-left:0}.service:last-child{border-right:0}.service-icon{width:58px;height:58px;border:1px solid #d8d8d5;border-radius:50%;display:grid;place-items:center}.service-icon svg{width:35px;height:35px;fill:none;stroke:var(--orange);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.service h3{font-size:20px;line-height:1.18;margin:2px 0 11px}.service p{font-size:18px;line-height:1.58;color:#555;margin:0}.service-track{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px dashed #bcbcbc;margin-top:28px}.service-track span{width:13px;height:13px;background:var(--orange);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #bbb;transform:translateY(-7px);justify-self:center}
.approach{background:#101112;padding:105px 4.7vw}.wide-copy{max-width:980px}.wide-copy p{color:#999;margin-top:24px}.ratio{display:grid;grid-template-columns:30fr 70fr;margin-top:55px}.ratio>div{padding:48px;min-height:290px;display:flex;flex-direction:column;justify-content:flex-end}.core{background:#202020}.epn{background:var(--orange);color:#111}.ratio b{font-size:74px;letter-spacing:-.05em}.ratio span{font-size:18px;font-weight:800;letter-spacing:.12em}.ratio p{max-width:650px;line-height:1.5;font-size:20px}
.why,.experience{background:var(--paper);color:var(--ink);padding:100px 4.7vw}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}.why-grid article{background:#fff;border:1px solid #e2e2df;padding:30px}.why-grid span,.experience-grid strong{font-size:18px;color:var(--orange);letter-spacing:.13em;font-weight:800}.why-grid h3{font-size:20px;margin:42px 0 12px}.why-grid p,.experience-grid p{font-size:20px;line-height:1.6;color:#686868}.experience{padding-top:20px}.experience-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px;border-top:1px solid #ccc}.experience-grid article{padding:28px 26px 10px 0;margin-right:26px;border-right:1px solid #d4d4d0}.experience-grid article:last-child{border-right:0}
.company{background:#151515;padding:100px 4.7vw;display:grid;grid-template-columns:1fr 1fr;gap:80px}.company h2,.contact h2{font-size:52px;letter-spacing:-.05em;margin:0 0 20px}.company p{color:#aaa;line-height:1.7;max-width:610px}.company blockquote{margin:0;background:#202020;border-left:4px solid var(--orange);padding:45px;font-size:28px;line-height:1.4}
.contact{background:var(--orange);color:#111;padding:95px 4.7vw;display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end}.contact .eyebrow{color:#111}.contact-card{background:#111;color:#fff;padding:35px}.contact-card a{font-size:25px;font-weight:800;display:block;margin-bottom:12px}.contact-card span{color:#888;font-size:18px}
footer{display:flex;align-items:center;gap:25px;background:#090909;padding:25px 4.7vw;color:#777;font-size:18px}footer img{height:50px;margin-right:auto}
@media(max-width:1050px){.nav-links{display:none}.header-cta{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding-bottom:70px}.hero-image{min-height:430px}.proof-bar{position:relative;left:auto;right:auto;bottom:auto;margin:0 3vw;grid-template-columns:1fr 1fr}.section-heading{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr;gap:25px}.service{border-right:0;border-top:1px solid #ddd;padding:25px 0}.why-grid,.experience-grid{grid-template-columns:1fr 1fr}.company,.contact{grid-template-columns:1fr}.ratio{grid-template-columns:1fr}}
@media(max-width:600px){.hero h1{font-size:45px}.proof-bar,.service-grid,.why-grid,.experience-grid{grid-template-columns:1fr}.proof-item{border-right:0;border-bottom:1px solid #333}.section-heading h2,.wide-copy h2,.company h2,.contact h2{font-size:36px}.service{grid-template-columns:64px 1fr}}

/* v1.2 readability refinement */
.nav-links{font-size:14px}
.header-cta{font-size:14px}
.primary-cta,.secondary-cta{font-size:14px}
.eyebrow{font-size:14px}
.proof-item span{font-size:15px}
.service h3{font-size:18px}
.service p{font-size:15px}
.why-grid span,.experience-grid strong{font-size:13px}
footer{font-size:13px}

/* Supporting statement in WHAT WE DO now carries equal visual weight */
.section-heading{
  align-items:start;
}
.section-heading>p{
  font-size:32px;
  line-height:1.18;
  letter-spacing:-.025em;
  font-weight:700;
  color:#202020;
  max-width:720px;
  margin-top:28px;
}

/* Keep service descriptions clearly readable */
.service{
  grid-template-columns:78px 1fr;
  min-height:190px;
}
.service-icon{
  width:68px;
  height:68px;
}
.service-icon svg{
  width:42px;
  height:42px;
}
.service-track{margin-top:34px}

/* Improve smaller explanatory text lower down */
.wide-copy p{font-size:18px}
.ratio p{font-size:17px}
.why-grid p,.experience-grid p{font-size:17px}
.company p{font-size:18px}
.contact-card span{font-size:15px}

@media(max-width:1050px){
  .section-heading>p{font-size:27px;margin-top:10px}
}
@media(max-width:600px){
  .section-heading>p{font-size:24px}
  .proof-item span,.service p{font-size:16px}
}

/* v1.3 approved visual refinements */

/* Supporting statement: deliberately two strong lines on desktop */
.section-heading>p{
  font-size:32px;
  line-height:1.18;
  font-weight:700;
  letter-spacing:-.025em;
  max-width:900px;
}

/* 01–05 service numbering: approximately double prior orange micro-label scale */
.service{
  position:relative;
  grid-template-columns:78px 48px 1fr;
  gap:12px;
  align-items:start;
}
.service-number{
  color:var(--orange);
  font-size:30px;
  line-height:1;
  font-weight:800;
  letter-spacing:-.04em;
  padding-top:7px;
}
.service-copy{
  padding-top:4px;
}

/* Orange experience category labels: approximately 2x previous label size */
.experience-grid strong{
  font-size:24px;
  line-height:1.1;
  letter-spacing:.07em;
}

/* Orange WHY UPSCALE numbering: stronger and more legible */
.why-grid>article>span{
  font-size:24px;
  line-height:1;
}

/* Remove now-empty location line spacing */
.contact-card span:empty{display:none}

/* Keep footer clean after removing Luxembourg / Europe */
footer span:last-child{margin-left:auto}

@media(max-width:1050px){
  .section-heading>p{font-size:27px}
  .service{grid-template-columns:78px 48px 1fr}
}
@media(max-width:600px){
  .section-heading>p{font-size:24px}
  .section-heading>p br{display:none}
  .service{grid-template-columns:68px 42px 1fr}
  .service-number{font-size:26px}
  .experience-grid strong{font-size:21px}
}

/* v1.4 final two-line statement lock */
.section-heading{
  grid-template-columns: 0.9fr 1.25fr;
  gap: 70px;
}

.two-line-statement{
  font-size: 30px !important;
  line-height: 1.14 !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  color: #202020 !important;
  max-width: none !important;
  width: 100% !important;
  white-space: nowrap;
  margin-top: 28px !important;
}

@media(max-width:1050px){
  .two-line-statement{
    font-size: 26px !important;
    white-space: normal;
  }
}
@media(max-width:600px){
  .two-line-statement{
    font-size: 23px !important;
  }
  .two-line-statement br{
    display:none;
  }
}


/* v1.6 brand + legal/SEO refinement */
.site-header{height:112px;padding-top:20px;padding-bottom:20px}
.logo img{height:92px}
.hero{padding-top:112px}
footer img{height:64px}
.footer-links{display:flex;gap:20px;margin-left:auto}
.footer-links a:hover{color:#fff}
@media(max-width:1050px){.logo img{height:82px}}
@media(max-width:600px){.site-header{height:96px}.logo img{height:72px}.hero{padding-top:96px}footer{flex-wrap:wrap}.footer-links{width:100%;order:3;margin-left:0;gap:16px}}


/* v1.7 — logo prominence */
.site-header{
  min-height: 150px;
  height: auto;
  padding-top: 18px;
  padding-bottom: 18px;
  align-items: center;
}
.logo,
.brand{
  display:flex;
  align-items:center;
  flex:0 0 auto;
}
.logo img,
.brand img,
.main-logo{
  height: 120px !important;
  width: auto !important;
  max-width: 38vw !important;
  object-fit: contain !important;
  display:block;
}
.nav-links{
  margin-left:auto;
}
.hero{
  padding-top:150px !important;
}

@media (max-width: 1050px){
  .site-header{
    min-height:120px;
  }
  .logo img,
  .brand img,
  .main-logo{
    height:96px !important;
    max-width:52vw !important;
  }
  .hero{
    padding-top:120px !important;
  }
}

@media (max-width: 600px){
  .site-header{
    min-height:100px;
    padding-left:18px;
    padding-right:18px;
  }
  .logo img,
  .brand img,
  .main-logo{
    height:78px !important;
    max-width:72vw !important;
  }
  .hero{
    padding-top:100px !important;
  }
}

/* v1.8 launch refinement — capability, AI-scale and standardised engineering */
.engineering{background:#f5f5f3;color:#171717;padding:110px 4.7vw 95px;border-top:1px solid #ddd}
.engineering-intro{display:grid;grid-template-columns:.95fr 1.05fr;gap:8vw;align-items:end}.engineering-intro h2,.ai-scale h2,.system-section h2{font-size:clamp(40px,4vw,66px);line-height:1.02;letter-spacing:-.05em;margin:0}.engineering-intro>p{font-size:20px;line-height:1.65;color:#555;max-width:720px;margin:0}
.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid #bbb;border-bottom:1px solid #bbb}.capability-grid article{padding:35px 34px 38px 0;margin-right:34px;border-right:1px solid #ccc}.capability-grid article:last-child{border:0}.capability-grid span{color:var(--orange);font-size:14px;letter-spacing:.18em;font-weight:800}.capability-grid h3{font-size:24px;margin:28px 0 16px}.capability-grid p{font-size:16px;line-height:1.7;color:#666}
.ai-scale{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center;background:#090a0b;padding:110px 4.7vw}.ai-scale-copy p{font-size:19px;line-height:1.7;color:#aaa;max-width:680px}.ai-scale-diagram{position:relative;min-height:500px;border:1px solid #333;background:radial-gradient(circle at center,#1b1c1d 0,#0d0e0f 42%,#090a0b 72%)}.scale-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border:2px solid var(--orange);border-radius:50%;display:grid;place-content:center;text-align:center;box-shadow:0 0 70px #ff6a0020}.scale-core b{font-size:50px}.scale-core span{font-size:11px;letter-spacing:.2em;color:var(--orange)}.scale-node{position:absolute;width:190px;border-top:2px solid var(--orange);padding-top:12px}.scale-node b{display:block;font-size:15px;letter-spacing:.15em}.scale-node span{display:block;color:#888;font-size:13px;margin-top:6px;line-height:1.4}.n1{left:7%;top:14%}.n2{right:7%;top:14%;text-align:right}.n3{left:7%;bottom:14%}.n4{right:7%;bottom:14%;text-align:right}.ai-scale-diagram:before,.ai-scale-diagram:after{content:"";position:absolute;inset:12%;border:1px solid #252525;border-radius:50%}.ai-scale-diagram:after{inset:25%}
.system-section{background:#fff;color:#171717;padding:110px 4.7vw}.system-heading{max-width:1050px}.system-heading p{font-size:19px;line-height:1.7;color:#666;max-width:850px}.block-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:18px;margin-top:65px}.block-flow>div{min-height:160px;border:1px solid #d1d1ce;padding:25px;display:flex;flex-direction:column;justify-content:space-between}.block-flow small{color:var(--orange);font-weight:800;font-size:14px}.block-flow b{font-size:18px;line-height:1.25}.block-flow i{align-self:center;color:var(--orange);font-size:30px;font-style:normal}.block-flow .flow-result{background:#171717;color:#fff;border-color:#171717}.system-benefits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px}.system-benefits span{font-size:12px;letter-spacing:.12em;font-weight:800;color:#666;border-left:3px solid var(--orange);padding-left:12px}
.contact-lead{font-size:19px;line-height:1.6;max-width:700px}.contact-card small{display:block;color:var(--orange);letter-spacing:.18em;font-weight:800;margin-bottom:18px}.contact-card .phone{font-size:20px;font-weight:600;margin-top:18px}.contact-card span{display:block;margin-top:20px;line-height:1.5}
@media(max-width:1050px){.engineering-intro,.ai-scale{grid-template-columns:1fr}.capability-grid{grid-template-columns:1fr 1fr}.capability-grid article:nth-child(2){border-right:0}.ai-scale-diagram{min-height:460px}.block-flow{grid-template-columns:1fr}.block-flow i{transform:rotate(90deg)}.system-benefits{grid-template-columns:1fr 1fr;gap:18px}}
@media(max-width:600px){.engineering,.ai-scale,.system-section{padding:75px 6vw}.capability-grid{grid-template-columns:1fr}.capability-grid article{border-right:0;border-bottom:1px solid #ccc;margin-right:0}.ai-scale-diagram{min-height:560px}.scale-core{width:120px;height:120px}.scale-node{width:145px}.system-benefits{grid-template-columns:1fr}.logo img,.brand img,.main-logo{height:84px!important;max-width:76vw!important}}


/* v1.9 — approved brand system + abstract icon language */
:root{
  --brand-green:#8FD400;
  --brand-blue:#009FE3;
  --brand-orange:#FF8A00;
  --brand-graphite:#3A3A3A;
}

/* Approved logo versions from the fixed light/dark brand master */
.logo img,.main-logo{
  height:138px!important;
  max-width:320px!important;
  width:auto!important;
  object-fit:contain!important;
}
.site-header{min-height:164px;background:#090a0b}
.hero{padding-top:164px!important}
footer img{height:78px!important;width:auto!important}
.legal-header img{height:105px!important;width:auto!important}

.abstract-section{padding-top:105px}
.abstract-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:end}
.abstract-intro>p{font-size:20px;line-height:1.6;color:#595959;max-width:760px;margin:0}
.system-icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:60px}
.system-icon-card{background:#fff;border:1px solid #d8d8d5;padding:30px;min-height:310px;display:flex;flex-direction:column}
.system-symbol{width:74px;height:74px;border:1px solid #cfcfcb;border-radius:18px;display:grid;place-items:center;margin-bottom:40px;background:#fafafa}
.system-symbol svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.system-icon-card span{font-size:13px;letter-spacing:.18em;font-weight:800;margin-bottom:12px}
.system-icon-card h3{font-size:24px;line-height:1.1;margin:0 0 18px}
.system-icon-card p{font-size:15px;line-height:1.6;color:#666;margin-top:auto}
.system-icon-card.power .system-symbol,.system-icon-card.power span{color:var(--brand-green)}
.system-icon-card.thermal .system-symbol,.system-icon-card.thermal span{color:var(--brand-blue)}
.system-icon-card.integration .system-symbol,.system-icon-card.integration span{color:var(--brand-orange)}
.system-icon-card.assurance .system-symbol,.system-icon-card.assurance span{color:var(--brand-graphite)}
.integration-line{margin-top:26px;border-top:1px solid #c7c7c4;border-bottom:1px solid #c7c7c4;padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}
.integration-line span{font-size:12px;letter-spacing:.16em;font-weight:800;color:#555}
.integration-line i{height:1px;background:#bbb;flex:1}

.abstract-ai{align-items:center}
.ai-orbit{position:relative;min-height:560px;border:1px solid #2b2b2b;background:
radial-gradient(circle at center,#191a1b 0 18%,#0d0e0f 19% 48%,#090a0b 49%);overflow:hidden}
.ai-orbit:before,.ai-orbit:after{content:"";position:absolute;border:1px solid #2b2b2b;border-radius:50%;inset:13%}
.ai-orbit:after{inset:27%}
.ai-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:145px;height:145px;border:2px solid var(--brand-orange);border-radius:50%;display:grid;place-items:center;text-align:center;z-index:2;background:#0d0e0f;box-shadow:0 0 60px #ff8a0018}
.ai-core svg{width:45px;height:45px;fill:none;stroke:var(--brand-orange);stroke-width:2;margin-bottom:-24px}
.ai-core b{font-size:13px;letter-spacing:.13em;margin-top:-24px}
.orbit-item{position:absolute;width:190px;padding:16px 18px;border:1px solid #333;background:#0e0f10;z-index:3}
.orbit-item svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.2;margin-bottom:12px}
.orbit-item b{display:block;font-size:13px;letter-spacing:.16em;margin-bottom:7px}
.orbit-item span{display:block;color:#8c8c8c;font-size:12px;line-height:1.45}
.oi-power{left:7%;top:11%;color:var(--brand-green)}
.oi-thermal{right:7%;top:11%;color:var(--brand-blue)}
.oi-control{left:7%;bottom:11%;color:var(--brand-orange)}
.oi-delivery{right:7%;bottom:11%;color:#ddd}

.abstract-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:16px;align-items:stretch;margin-top:58px}
.abstract-flow article{border:1px solid #d0d0cd;min-height:220px;padding:22px;display:flex;flex-direction:column;background:#fff}
.abstract-flow i{align-self:center;font-style:normal;font-size:28px;color:var(--brand-orange)}
.flow-icon{width:58px;height:58px;border:1px solid #d4d4d0;display:grid;place-items:center;margin-bottom:34px}
.flow-icon svg{width:32px;height:32px;fill:none;stroke:var(--brand-orange);stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.abstract-flow small{color:var(--brand-orange);font-weight:800;font-size:12px}
.abstract-flow b{font-size:19px;letter-spacing:.04em;margin:8px 0}
.abstract-flow span{font-size:13px;line-height:1.5;color:#777;margin-top:auto}
.abstract-flow .flow-result{background:#171717;color:#fff;border-color:#171717}
.abstract-flow .flow-result span{color:#aaa}
.abstract-flow .flow-result .flow-icon{border-color:#444}

@media(max-width:1050px){
  .logo img,.main-logo{height:110px!important;max-width:275px!important}
  .site-header{min-height:134px}.hero{padding-top:134px!important}
  .abstract-intro{grid-template-columns:1fr}
  .system-icon-grid{grid-template-columns:1fr 1fr}
  .abstract-flow{grid-template-columns:1fr}
  .abstract-flow i{transform:rotate(90deg)}
}
@media(max-width:600px){
  .logo img,.main-logo{height:90px!important;max-width:230px!important}
  .site-header{min-height:110px}.hero{padding-top:110px!important}
  .system-icon-grid{grid-template-columns:1fr}
  .integration-line{flex-wrap:wrap;justify-content:flex-start}
  .integration-line i{display:none}
  .ai-orbit{min-height:650px}
  .orbit-item{width:145px;padding:13px}
  .ai-core{width:120px;height:120px}
}


/* v2.0 — technical modular AI data center direction */
.logo{display:flex;align-items:center;min-width:420px}
.logo img,.main-logo{
  height:210px!important;
  max-width:470px!important;
  width:auto!important;
  object-fit:contain!important;
}
.site-header{min-height:218px!important;padding-top:4px!important;padding-bottom:4px!important}
.hero{padding-top:218px!important}

.technical-ai{background:#090a0b;color:#fff;padding:110px 3.5vw 90px}
.technical-ai-head{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;margin-bottom:52px}
.technical-ai-head h2{font-size:clamp(44px,5.2vw,82px);line-height:.98;margin:12px 0 0}
.technical-ai-head>p{font-size:19px;line-height:1.65;color:#a8a8a8;max-width:720px;margin:0}
.dc-system-visual{border:1px solid #2e3134;background:#060708;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.dc-system-visual img{display:block;width:100%;height:auto}
.dc-system-chain{display:grid;grid-template-columns:repeat(13,auto);align-items:center;gap:12px;margin-top:28px;padding:20px 22px;border:1px solid #292c2f;background:#0d0f10;overflow-x:auto}
.dc-system-chain>div{min-width:116px}
.dc-system-chain small{display:block;color:#777;font-size:10px;margin-bottom:4px}
.dc-system-chain b{display:block;font-size:13px;letter-spacing:.08em}
.dc-system-chain span{display:block;font-size:10px;color:#7f8386;margin-top:5px;line-height:1.35}
.dc-system-chain i{font-style:normal;color:#666;font-size:18px}
.dc-system-chain .chain-core{border:1px solid #ff8a00;padding:11px 13px;background:#17110a}
.dc-system-chain .chain-core small,.dc-system-chain .chain-core b{color:#ff8a00}
.technical-principles{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #2d3032;border-left:1px solid #2d3032;margin-top:28px}
.technical-principles article{padding:28px;border-right:1px solid #2d3032;border-bottom:1px solid #2d3032;min-height:190px}
.technical-principles article>span{font-size:11px;letter-spacing:.16em;font-weight:800;color:#bbb}
.technical-principles .tp-green{color:#8FD400}
.technical-principles .tp-blue{color:#009FE3}
.technical-principles .tp-orange{color:#FF8A00}
.technical-principles b{display:block;font-size:20px;margin:16px 0 12px}
.technical-principles p{font-size:13px;line-height:1.55;color:#8f9294;margin:0}

@media(max-width:1180px){
  .logo{min-width:300px}
  .logo img,.main-logo{height:160px!important;max-width:360px!important}
  .site-header{min-height:170px!important}
  .hero{padding-top:170px!important}
  .technical-ai-head{grid-template-columns:1fr}
  .technical-principles{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .logo{min-width:0}
  .logo img,.main-logo{height:118px!important;max-width:260px!important}
  .site-header{min-height:128px!important}
  .hero{padding-top:128px!important}
  .technical-ai{padding:80px 20px 60px}
  .technical-principles{grid-template-columns:1fr}
}


/* v2.2 — integrated modular data-center structure */
.approved-system{
  background:#fff;
  border:1px solid #e4e4e0;
  padding:0;
  overflow:hidden;
}
.approved-system img{
  display:block;
  width:100%;
  height:auto;
}
.approved-module-legend{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  margin-top:18px;
  border-top:1px solid #2b2e31;
  border-left:1px solid #2b2e31;
}
.approved-module-legend article{
  background:#0c0d0e;
  padding:18px 20px 20px;
  min-height:118px;
  border-right:1px solid #2b2e31;
  border-bottom:1px solid #2b2e31;
}
.approved-module-legend b{
  display:inline-grid;
  place-items:center;
  width:28px;
  height:28px;
  margin-bottom:12px;
  background:#ff6a00;
  color:#fff;
  font-size:11px;
}
.approved-module-legend span{
  display:block;
  margin-bottom:8px;
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
}
.approved-module-legend small{
  display:block;
  color:#8b9093;
  font-size:11px;
  line-height:1.5;
}
@media(max-width:1000px){
  .approved-module-legend{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .approved-module-legend{grid-template-columns:1fr}
}


/* v2.4 — modular DC page in native upscale website style */
.active-link{color:var(--orange)}
.modular-page{background:var(--black)}
.modular-hero{
  min-height:650px;
  padding-top:92px;
  display:grid;
  grid-template-columns:40% 60%;
  background:#050607;
}
.modular-hero-copy{
  padding:70px 0 80px 4.7vw;
  z-index:2;
}
.modular-hero h1{
  font-size:clamp(50px,4.6vw,78px);
  line-height:1.03;
  letter-spacing:-.047em;
  margin:0 0 26px;
}
.modular-hero h1 span{color:var(--orange)}
.modular-hero-copy p{
  max-width:650px;
  color:#d6d6d6;
  font-size:17px;
  line-height:1.68;
}
.modular-hero-visual{
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:55px 3vw 50px 0;
  background:linear-gradient(90deg,#050607 0%,#050607 7%,#111214 30%,#111214 100%);
}
.modular-hero-visual img{
  width:100%;
  max-height:500px;
  object-fit:contain;
  display:block;
  mix-blend-mode:screen;
}
.system-overview,
.modular-blocks{
  background:var(--paper);
  color:var(--ink);
  padding:100px 4.7vw 85px;
}
.system-overview .section-heading,
.modular-blocks .section-heading{align-items:start}
.system-stage{
  margin-top:48px;
  background:#fff;
  border:1px solid #e1e1de;
}
.system-stage>img{
  width:100%;
  display:block;
}
.system-callouts{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border-top:1px solid #e1e1de;
}
.system-callouts article{
  padding:22px 20px;
  border-right:1px solid #e1e1de;
}
.system-callouts article:last-child{border-right:0}
.system-callouts b{
  display:inline-grid;
  place-items:center;
  width:27px;
  height:27px;
  background:var(--orange);
  color:#fff;
  font-size:11px;
  margin-bottom:15px;
}
.system-callouts h3{
  font-size:15px;
  margin:0 0 9px;
}
.system-callouts p{
  margin:0;
  font-size:13px;
  line-height:1.55;
  color:#666;
}
.modular-blocks{
  padding-top:95px;
  background:#fff;
}
.block-equation{
  display:grid;
  grid-template-columns:1.18fr auto 1.18fr auto 1.18fr auto 1.18fr auto 1.18fr auto 1.3fr;
  gap:10px;
  align-items:stretch;
  margin-top:50px;
}
.block-card{
  border:1px solid #dededb;
  background:#fafafa;
  padding:15px;
  position:relative;
  min-width:0;
}
.block-no{
  position:absolute;
  top:13px;
  left:13px;
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  background:var(--orange);
  color:#fff;
  font-size:10px;
  font-weight:800;
}
.block-title{
  min-height:34px;
  padding-left:34px;
  font-size:11px;
  line-height:1.3;
  font-weight:800;
}
.block-card img{
  width:100%;
  height:118px;
  object-fit:contain;
  display:block;
  margin:12px 0 10px;
}
.block-card ul{
  padding-left:18px;
  margin:0;
  font-size:11px;
  line-height:1.55;
  color:#333;
}
.block-card li::marker{color:var(--orange)}
.eq{
  align-self:center;
  font-size:34px;
  color:#777;
}
.result{
  background:#151515;
  color:#fff;
  text-align:center;
  border-color:#333;
}
.result .block-title{
  padding-left:0;
  color:var(--orange);
  font-size:12px;
}
.result strong{
  display:block;
  margin-top:10px;
  font-size:13px;
  line-height:1.4;
}
.modular-delivery{
  background:#101112;
  padding:105px 4.7vw 95px;
}
.modular-delivery .wide-copy p{
  color:#999;
  max-width:760px;
}
.modular-steps{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  margin-top:55px;
  border-top:1px solid #353535;
}
.modular-steps article{
  padding:28px 22px 10px 0;
  margin-right:22px;
  border-right:1px solid #353535;
}
.modular-steps article:last-child{border-right:0}
.modular-steps span{
  color:var(--orange);
  font-size:14px;
  font-weight:800;
}
.step-symbol{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid #444;
  margin:20px 0;
  font-size:30px;
}
.step-symbol.orange{color:var(--orange)}
.modular-steps h3{
  font-size:15px;
  margin:0 0 10px;
}
.modular-steps p{
  font-size:13px;
  line-height:1.55;
  color:#9a9a9a;
}
.modular-contact{margin-top:0}
@media(max-width:1200px){
  .modular-hero{grid-template-columns:1fr}
  .modular-hero-visual{padding:25px 4vw 55px}
  .system-callouts{grid-template-columns:1fr 1fr}
  .block-equation{grid-template-columns:1fr 1fr}
  .eq{display:none}
  .modular-steps{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:700px){
  .system-callouts,.block-equation,.modular-steps{grid-template-columns:1fr}
  .modular-hero-copy{padding:60px 5vw 40px}
}


/* v2.5 — modular DC refinement based on approved slide */
.refined-system{
  background:var(--paper);
  color:var(--ink);
  padding-top:92px;
}
.system-image-clean{
  margin-top:44px;
  background:#fff;
  border:1px solid #e0e0dc;
  overflow:hidden;
}
.system-image-clean img{
  display:block;
  width:100%;
  height:auto;
}
.icon-system-row{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  margin-top:24px;
  border-top:1px solid #dcdedb;
  border-left:1px solid #dcdedb;
  background:#fff;
}
.icon-system-row article{
  position:relative;
  min-height:225px;
  padding:26px 24px 24px;
  border-right:1px solid #dcdedb;
  border-bottom:1px solid #dcdedb;
}
.icon-tile{
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  margin-bottom:28px;
  border:1px solid #d7d8d5;
  background:#fafafa;
}
.icon-tile svg{
  width:38px;
  height:38px;
  fill:none;
  stroke:var(--orange);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.icon-no{
  display:inline-block;
  color:var(--orange);
  font-size:11px;
  font-weight:850;
  letter-spacing:.08em;
  margin-bottom:8px;
}
.icon-system-row h3{
  margin:0 0 10px;
  font-size:15px;
  line-height:1.25;
}
.icon-system-row p{
  margin:0;
  color:#666;
  font-size:12px;
  line-height:1.55;
}
.modular-blocks{
  border-top:1px solid #e4e4e0;
}
.block-equation{
  margin-top:42px;
}
@media(max-width:1050px){
  .icon-system-row{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .icon-system-row{grid-template-columns:1fr}
}

/* v2.6: retain website style, restore approved slide composition */
.slide-side-layout{padding:92px 4.7vw 58px;background:#050607;display:grid;grid-template-columns:31% 69%;gap:28px;align-items:center;min-height:650px}
.slide-side-copy{padding:25px 0}
.slide-side-copy h1{font-size:clamp(40px,3.65vw,64px);line-height:1.01;letter-spacing:-.045em;margin:14px 0 20px}
.slide-side-copy h1 span{color:var(--orange)}
.slide-side-copy>p{max-width:430px;color:#c7c7c7;font-size:14px;line-height:1.65}
.slide-side-image{background:#fff;overflow:hidden}
.slide-side-image img{width:100%;height:auto;display:block}
.side-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:35px;padding-top:24px;border-top:1px solid #343638}
.side-metrics article{text-align:center;padding:0 8px;border-right:1px solid #343638}
.side-metrics article:last-child{border-right:0}
.metric-symbol{width:36px;height:36px;margin:0 auto 7px;display:grid;place-items:center;border:1px solid #777;border-radius:50%;color:var(--orange);font-size:19px}
.metric-symbol.infinity{border:0;color:#fff;font-size:34px}
.side-metrics strong{display:block;color:var(--orange);font-size:20px;margin-bottom:7px}
.side-metrics .end-to-end{font-size:9px;color:#fff;padding-top:8px}
.side-metrics span{display:block;color:#aaa;font-size:7px;line-height:1.4;font-weight:800}
@media(max-width:1100px){.slide-side-layout{grid-template-columns:1fr}.slide-side-copy{max-width:700px}.side-metrics{max-width:600px}}
@media(max-width:600px){.side-metrics{grid-template-columns:1fr 1fr;gap:20px}}


/* v2.7 final visual refinement — modular DC */
.slide-side-layout{
  grid-template-columns:32% 68%;
  gap:38px;
  min-height:690px;
  padding-top:108px;
  padding-bottom:70px;
}
.slide-side-copy h1{
  max-width:510px;
  font-size:clamp(44px,3.75vw,66px);
}
.slide-side-image{
  border:1px solid #27292a;
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.slide-side-image img{
  transform:scale(1.015);
  transform-origin:center;
}
.side-metrics{
  gap:0;
  margin-top:42px;
}
.side-metrics article{min-height:112px}
.side-metrics strong{font-size:22px}
.side-metrics span{font-size:7.5px;letter-spacing:.035em}

.refined-system .section-heading{
  max-width:1380px;
}
.system-image-clean{
  max-width:1450px;
  margin-left:auto;
  margin-right:auto;
}
.polished-icons{
  max-width:1450px;
  margin-left:auto;
  margin-right:auto;
  margin-top:30px;
}
.polished-icons article{
  min-height:250px;
  padding:25px 25px 28px;
}
.technical-icon{
  width:74px;
  height:66px;
  border:0;
  background:transparent;
  margin-bottom:22px;
  place-items:start;
}
.technical-icon svg{
  width:68px;
  height:55px;
  stroke-width:1.8;
}
.polished-icons .icon-no{
  display:inline-grid;
  place-items:center;
  width:27px;
  height:27px;
  background:var(--orange);
  color:#fff;
  margin-bottom:14px;
}
.polished-icons h3{
  min-height:38px;
  font-size:14px;
  letter-spacing:.015em;
}
.polished-icons p{
  max-width:220px;
  font-size:11px;
  line-height:1.55;
}
.block-equation{
  max-width:1500px;
  margin-left:auto;
  margin-right:auto;
}
.block-card{
  background:#fff;
  border-color:#e1e1de;
}
.block-card img{
  height:130px;
}
.result{
  background:#f7f7f5;
  color:var(--ink);
}
.result .block-title{color:var(--ink)}
.result strong{color:var(--ink)}
@media(max-width:1200px){
  .slide-side-layout{grid-template-columns:1fr}
  .slide-side-copy{max-width:760px}
}


/* v2.8 — full-resolution integrated DC image */
.slide-side-image{
  background:#fff;
  overflow:visible;
  border:1px solid #2a2c2e;
}
.slide-side-image img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:center center;
  transform:none;
}
.system-image-clean{
  overflow:visible;
  background:#fff;
}
.system-image-clean img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:center center;
}
@media(min-width:1500px){
  .slide-side-layout{
    grid-template-columns:30% 70%;
  }
}


/* v2.9 — actual new standalone 3x DC asset */
.slide-side-layout{
  grid-template-columns:28% 72%;
  gap:26px;
}
.slide-side-image{
  background:#fff;
  border:0;
  box-shadow:none;
  overflow:visible;
}
.slide-side-image img{
  width:100%;
  height:auto;
  max-height:none;
  display:block;
  object-fit:contain;
  object-position:center;
  transform:none!important;
}
.system-image-clean{
  max-width:1500px;
  border:0;
  background:#fff;
}
.system-image-clean img{
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  transform:none!important;
}
@media(max-width:1180px){
  .slide-side-layout{grid-template-columns:1fr}
}
