:root{--ink:#08111f;--steel:#314052;--muted:#687789;--line:#d9e1ea;--paper:#fff;--mist:#f3f6f9;--dark:#050b14;--navy:#071625;--blue:#2775ff;--cyan:#70d7ff;--gold:#b99558}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}img{max-width:100%}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.nav{position:sticky;top:0;z-index:50;background:rgba(5,11,20,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1)}.navin{height:76px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{color:#fff;font-weight:850;letter-spacing:-.035em;line-height:1.05}.brand small{display:block;margin-top:6px;color:rgba(255,255,255,.58);font-size:12px;font-weight:650;letter-spacing:.02em}.links{display:flex;gap:26px;color:rgba(255,255,255,.72);font-size:14px}.links a{transition:.2s}.links a:hover{color:#fff}.navCta{border:1px solid rgba(255,255,255,.28);color:#fff;padding:10px 15px;font-size:14px;font-weight:750}.hero{position:relative;min-height:690px;color:#fff;display:flex;align-items:end;background:url('assets/hero-datacenter.jpg') center/cover no-repeat;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,16,.96),rgba(3,8,16,.73) 43%,rgba(3,8,16,.22)),linear-gradient(0deg,rgba(3,8,16,.98),rgba(3,8,16,.08) 55%);z-index:-1}.hero .wrap{padding:126px 0 62px}.eyebrow,.crumb,.kicker{color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero h1,h1{font-size:clamp(44px,7vw,84px);line-height:.98;letter-spacing:-.07em;margin:18px 0 24px;max-width:940px}.hero p,.pageHero p{max-width:760px;color:rgba(255,255,255,.74);font-size:clamp(18px,2vw,22px);margin:0}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#071625;padding:14px 18px;font-weight:850;border:1px solid #fff}.btn.dark{background:var(--navy);border-color:var(--navy);color:#fff}.btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.36)}.heroStrip{margin-top:70px;border-top:1px solid rgba(255,255,255,.18);display:grid;grid-template-columns:repeat(5,1fr)}.heroStrip div{padding:22px 22px 0 0}.heroStrip b{display:block;font-size:18px}.heroStrip span{display:block;color:rgba(255,255,255,.58);font-size:13px;margin-top:6px}section{padding:86px 0}.sectionHead{display:grid;grid-template-columns:.72fr 1fr;gap:48px;align-items:end;margin-bottom:38px}.kicker{color:var(--blue);margin-bottom:12px}h2{font-size:clamp(32px,4.6vw,56px);line-height:1.02;letter-spacing:-.055em;margin:0}h3{font-size:24px;line-height:1.12;letter-spacing:-.03em;margin:0 0 12px}.lead{font-size:18px;color:var(--muted);margin:0;max-width:820px}.muted{color:var(--muted)}.alt{background:var(--mist)}.business{display:grid;gap:28px}.lineBlock{display:grid;grid-template-columns:.9fr 1.1fr;min-height:365px;background:#fff;border-top:1px solid var(--line);box-shadow:0 22px 70px rgba(8,17,31,.08)}.lineBlock:nth-child(even){grid-template-columns:1.1fr .9fr}.lineBlock:nth-child(even) .lineImage{order:2}.lineImage img{width:100%;height:100%;object-fit:cover;display:block}.lineCopy{padding:46px;display:flex;flex-direction:column;justify-content:center}.label{color:var(--gold);font-weight:900;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.linkArrow{margin-top:22px;color:var(--blue);font-weight:850}.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.photo{overflow:hidden;background:#111;box-shadow:0 30px 90px rgba(7,17,31,.18)}.photo img{width:100%;height:100%;object-fit:cover;display:block}.photo.tall{height:540px}.photo.med{height:390px}.process{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);background:#fff}.step{padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:188px}.num{font-size:13px;color:var(--blue);font-weight:950}.step h3{font-size:20px;margin-top:18px}.gallery{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.stack{display:grid;gap:18px}.why{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.reason,.tile{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.reason p,.tile p,.lineCopy p,.step p{color:var(--muted);margin:0}.profile{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px}.factTable{background:#fff;border-top:2px solid var(--ink)}.row{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:17px 20px;border-bottom:1px solid var(--line)}.row span{color:var(--muted)}.pageHero{background:linear-gradient(90deg,rgba(5,11,20,.96),rgba(5,11,20,.72)),url('assets/dc-aisle-2.jpg') center/cover;color:#fff;padding:106px 0 78px}.pageHero h1{font-size:clamp(42px,6vw,74px)}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.darkBand{background:var(--dark);color:#fff}.darkBand .lead,.darkBand .muted{color:rgba(255,255,255,.66)}.cta{background:var(--navy);color:#fff;padding:54px;display:flex;justify-content:space-between;gap:28px;align-items:center}.cta h2{font-size:clamp(30px,4vw,48px)}footer{background:#050b14;color:rgba(255,255,255,.6);padding:34px 0}.foot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.foot a{color:#fff}@media(max-width:1050px){.process{grid-template-columns:repeat(2,1fr)}.why,.grid4{grid-template-columns:repeat(2,1fr)}.heroStrip{grid-template-columns:repeat(3,1fr)}.sectionHead,.split,.profile,.gallery{grid-template-columns:1fr}.lineBlock,.lineBlock:nth-child(even){grid-template-columns:1fr}.lineBlock:nth-child(even) .lineImage{order:0}.lineImage{height:300px}}@media(max-width:760px){.wrap{width:min(100% - 28px,1180px)}.links{display:none}.navin{height:68px}.hero{min-height:650px}.heroStrip,.process,.why,.grid2,.grid3,.grid4{grid-template-columns:1fr}.photo.tall,.photo.med{height:auto}.lineCopy,.cta{padding:28px}.cta{display:block}.row{grid-template-columns:1fr}}


@media (max-width: 640px) {
  .nav {
    position: sticky;
    top: 0;
  }

  .navin {
    min-height: 88px;
    align-items: center;
    gap: 16px;
  }

  .brand span {
    font-size: 20px;
    line-height: 1.15;
  }

  .brand small {
    font-size: 14px;
    line-height: 1.2;
  }

  .links {
    display: none;
  }

  .navCta {
    padding: 16px 20px;
    font-size: 17px;
  }

  .pageHero {
    padding: 36px 0 44px;
  }

  .pageHero h1 {
    font-size: 34px;
    line-height: 1.1;
  }

  .pageHero p {
    font-size: 20px;
    line-height: 1.45;
  }

  section {
    padding: 58px 0;
  }

  .profile {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .profile h2 {
    font-size: 38px;
    line-height: 1.05;
    letter-spacing: -1.2px;
  }

  .lead {
    font-size: 21px;
    line-height: 1.45;
  }

  .factTable .row {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 28px 0;
  }

  .factTable .row span {
    font-size: 22px;
  }

  .factTable .row b {
    font-size: 21px;
    line-height: 1.38;
    overflow-wrap: anywhere;
  }

  footer {
    padding: 34px 0 96px;
  }

  .foot {
    display: block;
    font-size: 17px;
    line-height: 1.5;
  }

  .foot a {
    display: inline-block;
    margin-top: 16px;
  }
}
\n

.capability-matrix {
  background: #f5f8fc;
}

.capability-matrix .section-intro {
  max-width: 760px;
  color: #607086;
  font-size: 18px;
  line-height: 1.7;
}

.matrix-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 34px;
}

.matrix-card {
  background: #ffffff;
  border: 1px solid #dbe4ee;
  padding: 18px;
}

.matrix-card img {
  width: 100%;
  height: 170px;
  object-fit: contain;
  background: #06142a;
  padding: 10px;
  display: block;
}

.matrix-card h3 {
  margin: 18px 0 10px;
  font-size: 22px;
  color: #07111f;
}

.matrix-card p {
  margin: 0;
  color: #607086;
  font-size: 15px;
  line-height: 1.6;
}

@media (max-width: 900px) {
  .matrix-grid {
    grid-template-columns: 1fr;
  }

  .matrix-card img {
    height: auto;
    max-height: 220px;
  }
}

/* Safe mobile fix: only adjust spacing/layout, do NOT globally enlarge all text */
@media (max-width: 760px) {
  html,
  body {
    width: 100%;
    overflow-x: hidden;
  }

  body {
    background: #eef3f8;
  }

  .wrap {
    width: 100%;
    max-width: 100%;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
  }

  .nav .wrap,
  .navIn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
  }

  .brand {
    min-width: 0;
  }

  .brand span,
  [data-brand-name] {
    display: block;
    font-size: 24px;
    line-height: 1.15;
    letter-spacing: -0.03em;
  }

  .brand small,
  [data-brand-subtitle] {
    display: block;
    margin-top: 8px;
    font-size: 15px;
    line-height: 1.2;
  }

  .links {
    display: none !important;
  }

  .navCta {
    flex-shrink: 0;
    padding: 18px 22px;
    font-size: 18px;
  }

  .hero {
    min-height: auto;
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .hero h1 {
    max-width: 100%;
    font-size: 46px;
    line-height: 1.02;
    letter-spacing: -0.055em;
  }

  .hero p {
    max-width: 100%;
    font-size: 20px;
    line-height: 1.45;
  }

  .kicker,
  .eyebrow {
    font-size: 13px;
    line-height: 1.6;
    letter-spacing: 0.16em;
  }

  .heroActions,
  .actions,
  .ctaRow {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    width: 100%;
    margin-top: 28px;
  }

  .heroActions a,
  .actions a,
  .ctaRow a {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 18px 18px;
    font-size: 18px;
  }

  .grid,
  .cards,
  .tiles,
  .split,
  .twoCol,
  .threeCol,
  .catalogGrid,
  .serviceGrid,
  .capabilityGrid {
    grid-template-columns: 1fr !important;
  }

  .card,
  .tile,
  .panel,
  .serviceCard,
  .catalogCard {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  img,
  video {
    max-width: 100%;
    height: auto;
  }
}


/* OMNI visual refinement v1 */

:root {
  --omni-ink: #07111f;
  --omni-muted: #637085;
  --omni-soft: #eef3f7;
  --omni-line: rgba(7,17,31,.12);
}

.sectionHead h2 {
  max-width: 760px;
  font-size: clamp(38px, 5vw, 72px);
  line-height: .98;
  letter-spacing: -.045em;
}

.sectionHead .lead {
  max-width: 620px;
}

section {
  padding-top: 90px;
  padding-bottom: 90px;
}

.hero h1 {
  max-width: 980px;
  font-size: clamp(58px, 7vw, 108px);
  line-height: .92;
  letter-spacing: -.055em;
}

.hero p {
  max-width: 780px;
  font-size: 21px;
  line-height: 1.55;
}

.process {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.step {
  min-height: 230px;
}

.why {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.reason {
  padding: 34px 30px;
}

.reason h3 {
  font-size: 25px;
  line-height: 1.05;
}

.applicationGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.applicationCard {
  position: relative;
  min-height: 380px;
  overflow: hidden;
  text-decoration: none;
  background: #07111f;
  color: white;
}

.applicationCard img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.applicationCard::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(4,11,20,.9),
    rgba(4,11,20,.15) 65%
  );
}

.applicationCardCopy {
  position: absolute;
  z-index: 2;
  left: 30px;
  right: 30px;
  bottom: 28px;
}

.applicationCardCopy span {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.applicationCardCopy h3 {
  margin: 0 0 8px;
  font-size: 34px;
  line-height: 1;
}

.applicationCardCopy p {
  margin: 0;
  max-width: 500px;
  opacity: .82;
}

.capacityFlow {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border: 1px solid var(--omni-line);
}

.capacityFlow > div {
  padding: 28px 22px;
  border-right: 1px solid var(--omni-line);
}

.capacityFlow > div:last-child {
  border-right: 0;
}

.capacityFlow small {
  display: block;
  margin-bottom: 26px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 800;
  opacity: .45;
}

.capacityFlow b {
  display: block;
  font-size: 21px;
  margin-bottom: 9px;
}

@media (max-width: 900px) {
  .process,
  .why {
    grid-template-columns: 1fr 1fr;
  }

  .capacityFlow {
    grid-template-columns: 1fr;
  }

  .capacityFlow > div {
    border-right: 0;
    border-bottom: 1px solid var(--omni-line);
  }
}

@media (max-width: 760px) {
  section {
    padding-top: 58px;
    padding-bottom: 58px;
  }

  .process,
  .why,
  .applicationGrid {
    grid-template-columns: 1fr;
  }

  .hero h1 {
    font-size: 52px;
  }

  .sectionHead h2 {
    font-size: 42px;
  }

  .applicationCard {
    min-height: 310px;
  }
}