/* ============================================================
   ITMAGIX — OPERATE SERVICE MASTER
   /services/operate/
   Namespace: opr-*
   ============================================================ */

.operate-page {
  --opr-navy:#0A3161;
  --opr-red:#B31942;
  --opr-blue:#79B8EF;
  --opr-ink:#142A3C;
  --opr-muted:#667782;
  --opr-line:#DCE5EA;
  --opr-soft:#F5F8FA;
  --opr-dark:#16354E;
}

/* HERO */
.opr-hero { position:relative; overflow:hidden; color:#fff; background:radial-gradient(circle at 84% 8%,rgba(121,184,239,.14),transparent 29%),radial-gradient(circle at 11% 92%,rgba(179,25,66,.09),transparent 25%),linear-gradient(145deg,#173B56 0%,#0B2D47 58%,#08253C 100%); }
.opr-hero::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.17; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(90deg,transparent 0%,#000 50%,#000 100%); }
.opr-hero > .container-xl { position:relative; z-index:2; }
.opr-breadcrumb { margin-bottom:1rem; }
.opr-breadcrumb a,.opr-breadcrumb li { color:rgba(255,255,255,.72); }
.opr-breadcrumb a:hover { color:#fff; }
.opr-hero-stage { position:relative; display:grid; grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr); gap:clamp(2.4rem,5vw,5rem); align-items:center; min-height:660px; padding:clamp(1.8rem,3.2vw,3rem); padding-bottom:112px; overflow:hidden; border:1px solid rgba(255,255,255,.10); border-radius:24px; background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 45%),rgba(5,27,44,.20); box-shadow:0 28px 72px rgba(2,18,30,.18); }
.opr-hero-copy { position:relative; z-index:5; max-width:710px; }
.opr-hero-copy .eyebrow { margin-bottom:.9rem; color:#9CCDF2!important; }
.operate-page .opr-hero-copy h1.inner-page-title { max-width:700px; margin:0 0 1rem; color:#fff!important; font-size:clamp(2.65rem,4.2vw,4.1rem)!important; line-height:1.01!important; letter-spacing:-.042em!important; }
.opr-hero-copy .inner-page-lead { max-width:640px; margin:0; color:#C8D6DF!important; font-size:clamp(.96rem,1.15vw,1.08rem); line-height:1.72; }
.opr-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.8rem 1rem; margin-top:1.25rem; }
.opr-hero .btn-itx-primary { background:var(--opr-red); border-color:var(--opr-red); box-shadow:0 10px 26px rgba(179,25,66,.18); }
.opr-hero .btn-itx-primary:hover { background:#971638; border-color:#971638; }
.opr-hero-secondary { display:inline-flex; align-items:center; gap:.38rem; color:#D9EBF8; font-size:.7rem; font-weight:800; text-decoration:none; }
.opr-hero-secondary:hover { color:#fff; }

.opr-hero-visual { position:relative; z-index:4; min-height:480px; }
.opr-hero-photo { position:absolute; inset:0; overflow:hidden; border:7px solid #142534; border-radius:20px; background:#0A2235; box-shadow:0 30px 64px rgba(1,14,24,.34); }
.opr-hero-photo img { width:100%; height:100%; display:block; object-fit:cover; opacity:.82; }
.opr-hero-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(5,24,39,.04) 28%,rgba(5,24,39,.74) 100%),linear-gradient(90deg,rgba(5,24,39,.25),transparent 60%); }
.opr-hero-statusbar { position:absolute; z-index:5; left:1rem; right:1rem; bottom:1rem; display:grid; grid-template-columns:repeat(3,1fr); overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:12px; background:rgba(7,30,48,.85); backdrop-filter:blur(10px); }
.opr-hero-statusbar > div { padding:.72rem .8rem; }
.opr-hero-statusbar > div + div { border-left:1px solid rgba(255,255,255,.08); }
.opr-hero-statusbar small,.opr-hero-statusbar strong { display:block; }
.opr-hero-statusbar small { margin-bottom:.25rem; color:#9ECFF3; font-size:.4rem; font-weight:850; letter-spacing:.11em; }
.opr-hero-statusbar strong { color:#fff; font-size:.58rem; line-height:1.4; }
.opr-hero-statusbar strong i { display:inline-block; width:7px; height:7px; margin-right:.3rem; border-radius:50%; background:#79B8EF; box-shadow:0 0 0 4px rgba(121,184,239,.09); }
.opr-hero-panel { position:absolute; z-index:6; padding:.72rem .82rem; border:1px solid rgba(255,255,255,.13); border-radius:11px; background:rgba(8,34,53,.91); box-shadow:0 16px 38px rgba(1,15,26,.18); backdrop-filter:blur(9px); }
.opr-hero-panel small,.opr-hero-panel strong,.opr-hero-panel span { display:block; }
.opr-hero-panel small { margin-bottom:.23rem; color:#FF91A8; font-size:.4rem; font-weight:850; letter-spacing:.10em; }
.opr-hero-panel strong { color:#fff; font-size:.63rem; line-height:1.4; }
.opr-hero-panel span { margin-top:.23rem; color:#B7C7D1; font-size:.48rem; }
.opr-hero-panel-top { top:1.1rem; right:-1rem; width:265px; }
.opr-hero-panel-bottom { top:8.9rem; left:-1rem; width:235px; }
.opr-hero-foundation { position:absolute; z-index:8; left:clamp(1.8rem,3.2vw,3rem); right:clamp(1.8rem,3.2vw,3rem); bottom:1.2rem; display:grid; grid-template-columns:repeat(4,1fr); border:1px solid rgba(255,255,255,.10); border-radius:13px; background:rgba(5,25,40,.70); backdrop-filter:blur(9px); }
.opr-hero-foundation > div { min-height:72px; padding:.7rem .85rem; }
.opr-hero-foundation > div + div { border-left:1px solid rgba(255,255,255,.08); }
.opr-hero-foundation small { display:block; margin-bottom:.18rem; color:#8FC7F1; font-size:.41rem; font-weight:850; letter-spacing:.11em; }
.opr-hero-foundation > div:nth-child(even) small { color:#FF8EA6; }
.opr-hero-foundation strong { display:block; color:#fff; font-size:.58rem; line-height:1.4; }

/* SHARED HEAD */
.opr-section-head,.opr-delivery-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.62fr); gap:clamp(2.5rem,6vw,6rem); align-items:end; margin-bottom:1.8rem; }
.opr-section-head .section-title,.opr-delivery-head .section-title { max-width:850px; }
.opr-section-head-dark .section-title { color:#fff; }
.opr-section-head-dark .section-lead { color:#BBCAD4; }



/* ============================================================
   DIRECT OPERATE SERVICE NAVIGATION
   Six specialist paths immediately below the hero.
   ============================================================ */

.opr-direct-nav {
  background:#F5F8FA;
  border-top:1px solid #E3EAEE;
  border-bottom:1px solid #E3EAEE;
}

.opr-direct-nav-head {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,.62fr);
  gap:clamp(2.5rem,6vw,6rem);
  align-items:end;
  margin-bottom:1.45rem;
}

.opr-direct-nav-head .section-title {
  max-width:820px;
  margin-bottom:0;
}

.opr-direct-nav-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.8rem;
}

.opr-direct-nav-card {
  position:relative;
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  min-height:132px;
  overflow:hidden;
  color:inherit;
  text-decoration:none;
  border:1px solid #DCE4E9;
  border-radius:15px;
  background:#fff;
  box-shadow:0 12px 30px rgba(17,42,63,.04);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.opr-direct-nav-card:hover,
.opr-direct-nav-card:focus {
  color:inherit;
  transform:translateY(-3px);
  border-color:#C8D5DE;
  box-shadow:0 18px 38px rgba(17,42,63,.075);
}

.opr-direct-nav-card::before {
  content:"";
  position:absolute;
  z-index:3;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:var(--opr-red);
}

.opr-direct-nav-card:nth-child(even)::before {
  background:var(--opr-navy);
}

.opr-direct-nav-thumb {
  position:relative;
  min-width:0;
  overflow:hidden;
  background:#16344C;
}

.opr-direct-nav-thumb::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(7,29,48,.02),rgba(7,29,48,.22));
}

.opr-direct-nav-thumb img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .28s ease;
}

.opr-direct-nav-card:hover .opr-direct-nav-thumb img {
  transform:scale(1.04);
}

.opr-direct-nav-copy {
  display:grid;
  grid-template-columns:32px minmax(0,1fr) 24px;
  gap:.55rem;
  align-items:center;
  padding:.85rem;
}

.opr-direct-nav-copy > span {
  color:var(--opr-red);
  font-size:.55rem;
  font-weight:850;
}

.opr-direct-nav-card:nth-child(even) .opr-direct-nav-copy > span {
  color:var(--opr-navy);
}

.opr-direct-nav-copy strong,
.opr-direct-nav-copy small {
  display:block;
}

.opr-direct-nav-copy strong {
  color:var(--opr-ink);
  font-size:.76rem;
  line-height:1.35;
}

.opr-direct-nav-copy small {
  margin-top:.22rem;
  color:#7B8992;
  font-size:.52rem;
  line-height:1.42;
}

.opr-direct-nav-copy i {
  color:var(--opr-navy);
  font-size:.72rem;
  transition:transform .18s ease;
}

.opr-direct-nav-card:hover .opr-direct-nav-copy i {
  transform:translate(3px,-3px);
}

@media (max-width:991.98px) {
  .opr-direct-nav-head {
    grid-template-columns:1fr;
    gap:1rem;
  }

  .opr-direct-nav-grid {
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width:767.98px) {
  .opr-direct-nav-grid {
    grid-template-columns:1fr;
  }

  .opr-direct-nav-card {
    grid-template-columns:108px minmax(0,1fr);
    min-height:118px;
  }
}

@media (max-width:575.98px) {
  .opr-direct-nav-card {
    grid-template-columns:94px minmax(0,1fr);
  }

  .opr-direct-nav-copy {
    grid-template-columns:28px minmax(0,1fr) 20px;
    padding:.75rem;
  }
}

/* CONTEXT */
.opr-context { background:#fff; }
.opr-context-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr); gap:clamp(3rem,6vw,6rem); align-items:center; }
.opr-context-copy .section-title { max-width:720px; margin-bottom:1rem; }
.opr-context-points { margin-top:1.35rem; border-top:1px solid #D7E1E7; }
.opr-context-points article { display:grid; grid-template-columns:46px 1fr; gap:.9rem; padding:.9rem 0; border-bottom:1px solid #D7E1E7; }
.opr-context-points article > span { color:var(--opr-red); font-size:.62rem; font-weight:850; }
.opr-context-points article:nth-child(even) > span { color:var(--opr-navy); }
.opr-context-points small { display:block; margin-bottom:.24rem; color:#87949D; font-size:.44rem; font-weight:850; letter-spacing:.12em; }
.opr-context-points strong { color:var(--opr-ink); font-size:.8rem; line-height:1.45; }
.opr-context-gallery { display:grid; grid-template-columns:1.25fr .75fr; grid-template-rows:250px 250px; gap:.75rem; min-height:510px; }
.opr-context-gallery figure { position:relative; margin:0; overflow:hidden; border-radius:16px; background:#17344C; box-shadow:0 16px 38px rgba(18,42,62,.07); }
.opr-context-gallery img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .35s ease; }
.opr-context-gallery figure:hover img { transform:scale(1.025); }
.opr-context-gallery figure::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(7,29,48,.02) 35%,rgba(7,29,48,.78) 100%); }
.opr-context-main { grid-row:1 / span 2; }
.opr-context-main figcaption { position:absolute; z-index:2; left:1rem; right:1rem; bottom:1rem; }
.opr-context-main small { display:block; margin-bottom:.35rem; color:#9CCDF2; font-size:.46rem; font-weight:850; letter-spacing:.12em; }
.opr-context-main strong { display:block; color:#fff; font-size:.88rem; line-height:1.48; }
.opr-context-small figcaption { position:absolute; z-index:2; left:.8rem; bottom:.7rem; color:#fff; font-size:.48rem; font-weight:850; letter-spacing:.12em; }

/* SERVICES */
.opr-services { background:#F5F8FA; border-top:1px solid #E3EAEE; border-bottom:1px solid #E3EAEE; }
.opr-service-tracks { display:grid; gap:1rem; }
.opr-service-track { overflow:hidden; border:1px solid #DDE5EA; border-radius:20px; background:#fff; }
.opr-service-track > header { display:grid; grid-template-columns:120px 1fr minmax(250px,.55fr); gap:1rem; align-items:center; padding:1rem 1.15rem; border-bottom:1px solid #DDE5EA; }
.opr-service-track > header > span { color:var(--opr-red); font-size:.47rem; font-weight:850; letter-spacing:.12em; }
.opr-service-track-digital > header > span { color:var(--opr-navy); }
.opr-service-track > header h3 { margin:0; color:var(--opr-ink); font-size:1rem; }
.opr-service-track > header p { margin:0; color:#6D7A85; font-size:.66rem; line-height:1.55; }
.opr-tech-services { display:grid; grid-template-columns:1.35fr .65fr .65fr .85fr; min-height:390px; }
.opr-tech-service { position:relative; display:flex; flex-direction:column; justify-content:flex-end; min-width:0; padding:1rem; color:inherit; text-decoration:none; border-right:1px solid #DDE5EA; background:#fff; }
.opr-tech-service:last-child { border-right:0; }
.opr-tech-service > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.opr-tech-service:has(img)::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(7,29,48,.03) 30%,rgba(7,29,48,.88) 100%); }
.opr-service-overlay { position:relative; z-index:2; }
.opr-service-overlay span,.opr-tech-service > span,.opr-digital-copy span { display:block; margin-bottom:.4rem; color:#9ECFF3; font-size:.44rem; font-weight:850; letter-spacing:.12em; }
.opr-service-overlay h4,.opr-tech-service h4,.opr-digital-copy h4 { margin:0 0 .45rem; color:#fff; font-size:.9rem; line-height:1.4; }
.opr-service-overlay p,.opr-tech-service p,.opr-digital-copy p { margin:0 0 .7rem; color:#D2DEE6; font-size:.65rem; line-height:1.55; }
.opr-service-overlay strong,.opr-tech-service strong,.opr-digital-copy strong { color:#fff; font-size:.57rem; }
.opr-tech-service:not(:has(img)) h4 { color:var(--opr-ink); }
.opr-tech-service:not(:has(img)) p { color:#6D7A85; }
.opr-tech-service:not(:has(img)) strong { color:var(--opr-navy); }
.opr-tech-service:not(:has(img)) > span { color:var(--opr-red); }
.opr-tech-service-dark { color:#fff!important; background:linear-gradient(145deg,#173650,#0C2B44); }
.opr-tech-service-dark h4,.opr-tech-service-dark p,.opr-tech-service-dark strong { color:#fff!important; }
.opr-tech-service-dark > span { color:#FF93AA!important; }
.opr-tech-service-icon { display:grid; place-items:center; width:38px; height:38px; margin-bottom:auto; color:var(--opr-navy); border:1px solid #D8E6F0; border-radius:9px; background:#EFF5FA; }
.opr-tech-service-dark .opr-tech-service-icon { color:#9ECFF3; border-color:rgba(121,184,239,.18); background:rgba(121,184,239,.07); }
.opr-digital-services { display:grid; grid-template-columns:1fr 1fr; }
.opr-digital-services > a { display:grid; grid-template-columns:180px 1fr; min-height:210px; color:inherit; text-decoration:none; }
.opr-digital-services > a + a { border-left:1px solid #DDE5EA; }
.opr-digital-media { overflow:hidden; }
.opr-digital-media img { width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.opr-digital-services > a:hover img { transform:scale(1.03); }
.opr-digital-copy { padding:1rem; }
.opr-digital-copy span { color:var(--opr-red); }
.opr-digital-services > a:nth-child(even) .opr-digital-copy span { color:var(--opr-navy); }
.opr-digital-copy h4 { color:var(--opr-ink); }
.opr-digital-copy p { color:#6D7A85; }
.opr-digital-copy strong { color:var(--opr-navy); }

/* OPERATING MODEL */
.opr-model {
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 86% 10%,rgba(121,184,239,.10),transparent 30%),
    radial-gradient(circle at 8% 92%,rgba(179,25,66,.08),transparent 25%),
    linear-gradient(145deg,#1D3A53,#122C42);
}

.opr-model::before {
  content:"";
  position:absolute;
  inset:0;
  opacity:.16;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:42px 42px;
}

.opr-model > .container-xl {
  position:relative;
  z-index:2;
}

.opr-model .eyebrow {
  color:#9CCDF2;
}

.opr-model-layout {
  display:grid;
  grid-template-columns:minmax(430px,.92fr) minmax(0,1.08fr);
  gap:clamp(2.5rem,5.5vw,5.5rem);
  align-items:center;
}

.opr-model-visual {
  position:relative;
  min-height:580px;
}

.opr-model-visual figure {
  position:absolute;
  margin:0;
  overflow:hidden;
  border-radius:18px;
  background:#0A2235;
  box-shadow:0 20px 48px rgba(1,14,24,.24);
}

.opr-model-visual img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.opr-model-visual-main {
  left:0;
  top:0;
  width:76%;
  height:100%;
}

.opr-model-visual-main::after,
.opr-model-visual-small::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(7,29,48,.03),rgba(7,29,48,.42));
}

.opr-model-visual-small {
  right:0;
  width:35%;
  height:41%;
}

.opr-model-visual-team {
  top:4%;
}

.opr-model-visual-metrics {
  bottom:4%;
}

.opr-model-core {
  position:absolute;
  z-index:4;
  left:1rem;
  bottom:1rem;
  width:min(430px,64%);
  padding:.95rem 1rem;
  border-left:3px solid var(--opr-red);
  background:rgba(7,31,51,.88);
  box-shadow:0 16px 35px rgba(1,14,24,.18);
  backdrop-filter:blur(9px);
}

.opr-model-core small,
.opr-model-core strong,
.opr-model-core span {
  display:block;
}

.opr-model-core small {
  margin-bottom:.3rem;
  color:#9ECFF3;
  font-size:.43rem;
  font-weight:850;
  letter-spacing:.12em;
}

.opr-model-core strong {
  color:#fff;
  font-size:.82rem;
  line-height:1.42;
}

.opr-model-core span {
  margin-top:.35rem;
  color:#B9C8D2;
  font-size:.52rem;
  line-height:1.45;
}

.opr-model-loop {
  position:relative;
  padding-left:1.45rem;
  border-left:1px solid rgba(255,255,255,.14);
}

.opr-model-loop::before {
  content:"";
  position:absolute;
  left:-3px;
  top:0;
  width:5px;
  height:58px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--opr-red),var(--opr-blue));
}

.opr-model-loop-label {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:1rem;
  padding:0 0 .9rem;
  border-bottom:1px solid rgba(255,255,255,.11);
}

.opr-model-loop-label span {
  color:#9ECFF3;
  font-size:.44rem;
  font-weight:850;
  letter-spacing:.12em;
}

.opr-model-loop-label small {
  max-width:250px;
  color:#93A9B9;
  font-size:.48rem;
  line-height:1.45;
  text-align:right;
}

.opr-model-loop article {
  display:grid;
  grid-template-columns:42px 34px minmax(0,1fr);
  gap:.75rem;
  align-items:start;
  padding:.82rem 0;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.opr-model-loop article > span {
  color:#FF93AA;
  font-size:.58rem;
  font-weight:850;
  padding-top:.35rem;
}

.opr-model-loop article:nth-of-type(even) > span {
  color:#8FC7F1;
}

.opr-model-loop article > i {
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  color:#9CCDF2;
  border:1px solid rgba(121,184,239,.18);
  border-radius:8px;
  background:rgba(121,184,239,.06);
}

.opr-model-loop article:nth-of-type(odd) > i {
  color:#FF9CB2;
  border-color:rgba(255,156,178,.16);
  background:rgba(179,25,66,.08);
}

.opr-model-loop small,
.opr-model-loop strong {
  display:block;
}

.opr-model-loop small {
  margin-bottom:.2rem;
  color:#8FA6B7;
  font-size:.42rem;
  font-weight:850;
  letter-spacing:.11em;
}

.opr-model-loop strong {
  color:#fff;
  font-size:.75rem;
  line-height:1.42;
}

.opr-model-loop p {
  margin:.24rem 0 0;
  color:#AEBFC9;
  font-size:.58rem;
  line-height:1.52;
}

/* SIGNALS */
.opr-signals { background:#fff; }
.opr-signals-stage { position:relative; min-height:680px; overflow:hidden; border-radius:22px; background:#0B2B44; box-shadow:0 22px 55px rgba(18,42,62,.08); }
.opr-signals-background,.opr-signals-background img,.opr-signals-shade { position:absolute; inset:0; width:100%; height:100%; }
.opr-signals-background img { object-fit:cover; }
.opr-signals-shade { background:linear-gradient(90deg,rgba(7,29,48,.96) 0%,rgba(7,29,48,.82) 52%,rgba(7,29,48,.30) 100%); }
.opr-signals-copy { position:absolute; z-index:3; top:3rem; left:3rem; width:min(610px,50%); }
.opr-signals-copy .eyebrow { color:#9ECFF3; }
.opr-signals-copy .section-title { margin-bottom:1rem; color:#fff; }
.opr-signals-copy p { max-width:580px; margin:0; color:#CFDAE2; font-size:.78rem; line-height:1.62; }
.opr-signal-rail { position:absolute; z-index:4; right:2.2rem; top:2.2rem; bottom:2.2rem; width:min(430px,38%); display:flex; flex-direction:column; justify-content:center; gap:.55rem; }
.opr-signal-rail article { display:grid; grid-template-columns:42px 1fr; gap:.75rem; padding:.8rem .9rem; border:1px solid rgba(255,255,255,.14); border-radius:10px; background:rgba(255,255,255,.92); backdrop-filter:blur(9px); }
.opr-signal-rail article > span { color:var(--opr-red); font-size:.62rem; font-weight:850; }
.opr-signal-rail article:nth-child(even) > span { color:var(--opr-navy); }
.opr-signal-rail small { display:block; margin-bottom:.22rem; color:#7C8992; font-size:.43rem; font-weight:850; letter-spacing:.11em; }
.opr-signal-rail strong { color:var(--opr-ink); font-size:.69rem; line-height:1.42; }

/* CAPACITY */
.opr-capacity { background:#F5F8FA; border-top:1px solid #E3EAEE; border-bottom:1px solid #E3EAEE; }
.opr-capacity-grid { display:grid; grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr); gap:clamp(3rem,6vw,6rem); align-items:center; }
.opr-capacity-copy .section-title { max-width:690px; margin-bottom:1rem; }
.opr-capacity-options { margin-top:1.3rem; border-top:1px solid #D7E0E6; }
.opr-capacity-options article { display:grid; grid-template-columns:46px 1fr; gap:.9rem; padding:.9rem 0; border-bottom:1px solid #D7E0E6; }
.opr-capacity-options article > span { color:var(--opr-red); font-size:.62rem; font-weight:850; }
.opr-capacity-options article:nth-child(even) > span { color:var(--opr-navy); }
.opr-capacity-options small { display:block; margin-bottom:.22rem; color:#87949D; font-size:.44rem; font-weight:850; letter-spacing:.12em; }
.opr-capacity-options strong { color:var(--opr-ink); font-size:.79rem; line-height:1.45; }
.opr-capacity-media { position:relative; min-height:520px; }
.opr-capacity-media figure { position:absolute; margin:0; overflow:hidden; border-radius:16px; background:#17344C; box-shadow:0 16px 38px rgba(18,42,62,.08); }
.opr-capacity-media img { width:100%; height:100%; display:block; object-fit:cover; }
.opr-capacity-main { left:0; top:0; width:72%; height:100%; }
.opr-capacity-small { right:0; width:36%; height:43%; }
.opr-capacity-small-code { top:4%; }
.opr-capacity-small-growth { bottom:4%; }
.opr-capacity-note { position:absolute; z-index:3; left:1rem; bottom:1rem; width:min(430px,62%); padding:.85rem .95rem; border-left:3px solid var(--opr-red); background:rgba(8,34,55,.86); backdrop-filter:blur(8px); }
.opr-capacity-note small,.opr-capacity-note strong { display:block; }
.opr-capacity-note small { margin-bottom:.3rem; color:#9ECFF3; font-size:.44rem; font-weight:850; letter-spacing:.12em; }
.opr-capacity-note strong { color:#fff; font-size:.76rem; line-height:1.45; }

/* DELIVERY */
.opr-delivery { background:#fff; }
.opr-delivery-track { position:relative; display:grid; grid-template-columns:repeat(4,1fr); overflow:hidden; border-top:1px solid #D7E0E6; border-bottom:1px solid #D7E0E6; }
.opr-delivery-track::before { content:""; position:absolute; left:0; right:0; top:48px; height:1px; background:#D7E0E6; }
.opr-delivery-track article { position:relative; min-height:240px; padding:1.2rem 1.1rem; }
.opr-delivery-track article + article { border-left:1px solid #D7E0E6; }
.opr-delivery-track article > span { position:relative; z-index:2; display:grid; place-items:center; width:48px; height:48px; margin-bottom:1.1rem; color:var(--opr-red); font-size:.58rem; font-weight:850; border:1px solid #D7E0E6; border-radius:50%; background:#fff; }
.opr-delivery-track article:nth-child(even) > span { color:var(--opr-navy); }
.opr-delivery-track small { display:block; margin-bottom:.35rem; color:#87949D; font-size:.44rem; font-weight:850; letter-spacing:.12em; }
.opr-delivery-track h3 { margin:0 0 .45rem; color:var(--opr-ink); font-size:.88rem; line-height:1.4; }
.opr-delivery-track p { margin:0; color:#6B7A85; font-size:.68rem; line-height:1.57; }

/* OUTCOMES */
.opr-outcomes { background:#F5F8FA; border-top:1px solid #E3EAEE; border-bottom:1px solid #E3EAEE; }
.opr-outcome-grid { display:grid; grid-template-columns:1.2fr .8fr .8fr; grid-template-rows:1fr 1fr; gap:.8rem; }
.opr-outcome-grid article { min-height:210px; padding:1rem; border:1px solid #DDE5EA; border-radius:16px; background:#fff; box-shadow:0 14px 34px rgba(17,42,63,.045); }
.opr-outcome-feature { position:relative; grid-row:1 / span 2; min-height:430px!important; overflow:hidden; padding:0!important; }
.opr-outcome-feature img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.opr-outcome-feature::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(7,29,48,.04) 30%,rgba(7,29,48,.90) 100%); }
.opr-outcome-feature > div { position:absolute; z-index:2; left:1rem; right:1rem; bottom:1rem; }
.opr-outcome-grid small { display:block; margin-bottom:.35rem; color:var(--opr-red); font-size:.44rem; font-weight:850; letter-spacing:.12em; }
.opr-outcome-feature small { color:#9ECFF3; }
.opr-outcome-grid article:nth-child(odd):not(.opr-outcome-feature) small { color:var(--opr-navy); }
.opr-outcome-grid h3 { margin:0 0 .45rem; color:var(--opr-ink); font-size:.86rem; line-height:1.42; }
.opr-outcome-feature h3 { color:#fff; font-size:1.05rem; }
.opr-outcome-grid p { margin:0; color:#6D7A85; font-size:.66rem; line-height:1.58; }
.opr-outcome-feature p { color:#D3DEE5; }
.opr-outcome-grid article > span { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; margin-bottom:.8rem; color:var(--opr-red); font-size:.56rem; font-weight:850; border-radius:10px; background:#FCEFF3; }

/* RELATED */
.opr-related { background:#fff; }
.opr-related-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:.9rem; }
.opr-related-grid a { overflow:hidden; color:inherit; text-decoration:none; border:1px solid #DDE5EA; border-radius:16px; background:#fff; box-shadow:0 14px 34px rgba(17,42,63,.045); transition:transform .18s ease,box-shadow .18s ease; }
.opr-related-grid a:hover { transform:translateY(-4px); box-shadow:0 18px 42px rgba(17,42,63,.08); }
.opr-related-media { position:relative; height:138px; overflow:hidden; }
.opr-related-media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(7,29,48,.08),rgba(7,29,48,.34)); }
.opr-related-media img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .3s ease; }
.opr-related-grid a:hover .opr-related-media img { transform:scale(1.04); }
.opr-related-copy { padding:1rem 1rem 1.05rem; }
.opr-related-copy span { display:block; margin-bottom:.55rem; color:var(--opr-red); font-size:.45rem; font-weight:850; letter-spacing:.12em; }
.opr-related-grid a:nth-child(even) .opr-related-copy span { color:var(--opr-navy); }
.opr-related-copy h3 { margin:0; color:var(--opr-ink); font-size:.92rem; }
.opr-related-copy p { margin:.48rem 0 .85rem; color:#6D7A85; font-size:.67rem; line-height:1.56; }
.opr-related-copy strong { color:var(--opr-navy); font-size:.59rem; }

/* RHYTHM */
.operate-page > .opr-hero { padding-top:1.15rem!important; padding-bottom:1.25rem!important; }
.operate-page .section-pad { padding-top:clamp(3.3rem,4.5vw,4.4rem)!important; padding-bottom:clamp(3.3rem,4.5vw,4.4rem)!important; }
.operate-page .section-pad-sm { padding-top:clamp(2.8rem,3.8vw,3.7rem)!important; padding-bottom:clamp(2.8rem,3.8vw,3.7rem)!important; }

/* RESPONSIVE */
@media (max-width:1199.98px) {
  .opr-hero-stage { grid-template-columns:minmax(0,.88fr) minmax(470px,1.12fr); gap:2rem; }
  .opr-tech-services { grid-template-columns:1.2fr .8fr .8fr; }
  .opr-tech-service-image { grid-column:2 / span 2; min-height:220px; border-top:1px solid #DDE5EA; }
  .opr-related-grid { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:991.98px) {
  .opr-hero-stage,.opr-context-grid,.opr-section-head,.opr-delivery-head,.opr-capacity-grid { grid-template-columns:1fr; }

  .opr-model-layout {
    grid-template-columns:1fr;
    gap:2rem;
  }

  .opr-model-visual {
    max-width:760px;
    min-height:520px;
  }

  .opr-hero-stage { min-height:auto; padding:1.6rem 1.35rem 1.1rem; }
  .opr-hero-visual { min-height:520px; margin-top:.5rem; }
  .opr-hero-foundation { position:relative; left:auto; right:auto; bottom:auto; grid-column:1; grid-template-columns:repeat(2,1fr); margin-top:.8rem; }
  .opr-hero-foundation > div:nth-child(3) { border-left:0; border-top:1px solid rgba(255,255,255,.08); }
  .opr-hero-foundation > div:nth-child(4) { border-top:1px solid rgba(255,255,255,.08); }
  .opr-service-track > header { grid-template-columns:100px 1fr; }
  .opr-service-track > header p { grid-column:2; }
  .opr-tech-services { grid-template-columns:1fr 1fr; }
  .opr-tech-feature { min-height:360px; }
  .opr-tech-service-image { grid-column:auto; min-height:auto; border-top:0; }
  .opr-digital-services > a { grid-template-columns:150px 1fr; }
  .opr-signals-stage { min-height:800px; }
  .opr-signals-copy { width:auto; right:3rem; }
  .opr-signal-rail { left:3rem; right:3rem; top:auto; bottom:2rem; width:auto; display:grid; grid-template-columns:1fr 1fr; }
  .opr-outcome-grid { grid-template-columns:1fr 1fr; }
  .opr-outcome-feature { grid-column:1 / -1; grid-row:auto; }
}

@media (max-width:767.98px) {
  .operate-page .opr-hero-copy h1.inner-page-title { font-size:clamp(2.25rem,9.5vw,3.35rem)!important; }
  .opr-hero-stage { padding:1.25rem .9rem .9rem; border-radius:18px; }
  .opr-hero-visual { min-height:570px; }
  .opr-hero-panel { max-width:210px; }
  .opr-hero-panel-top { right:.3rem; }.opr-hero-panel-bottom { left:.3rem; }
  .opr-hero-statusbar { grid-template-columns:1fr; }
  .opr-hero-statusbar > div + div { border-left:0; border-top:1px solid rgba(255,255,255,.08); }
  .opr-hero-foundation { grid-template-columns:1fr; }
  .opr-hero-foundation > div,.opr-hero-foundation > div:nth-child(3),.opr-hero-foundation > div:nth-child(4) { border-left:0; border-top:1px solid rgba(255,255,255,.08); }
  .opr-hero-foundation > div:first-child { border-top:0; }

  .opr-model-visual {
    min-height:430px;
  }

  .opr-model-visual-main {
    width:82%;
    height:70%;
  }

  .opr-model-visual-small {
    width:42%;
    height:29%;
  }

  .opr-model-visual-team {
    top:auto;
    right:45%;
    bottom:0;
  }

  .opr-model-visual-metrics {
    bottom:0;
  }

  .opr-model-core {
    width:72%;
    bottom:29%;
  }

  .opr-model-loop {
    padding-left:1rem;
  }

  .opr-model-loop-label {
    align-items:flex-start;
    flex-direction:column;
  }

  .opr-model-loop-label small {
    max-width:none;
    text-align:left;
  }

  .opr-model-loop article {
    grid-template-columns:32px 30px minmax(0,1fr);
    gap:.55rem;
  }

  .opr-context-gallery { grid-template-columns:1fr 1fr; grid-template-rows:320px 150px; min-height:auto; }
  .opr-context-main { grid-column:1 / -1; grid-row:1; }
  .opr-tech-services,.opr-digital-services { grid-template-columns:1fr; }
  .opr-tech-service,.opr-tech-feature,.opr-tech-service-image { min-height:260px; border-right:0; border-bottom:1px solid #DDE5EA; }
  .opr-digital-services > a { grid-template-columns:1fr; }
  .opr-digital-services > a + a { border-left:0; border-top:1px solid #DDE5EA; }
  .opr-digital-media { height:170px; }
  .opr-signals-stage { min-height:940px; }
  .opr-signals-copy { top:2rem; left:1.3rem; right:1.3rem; }
  .opr-signal-rail { left:1.3rem; right:1.3rem; grid-template-columns:1fr; }
  .opr-capacity-media { min-height:460px; }
  .opr-capacity-main { width:80%; }
  .opr-capacity-small { width:38%; }
  .opr-delivery-track { grid-template-columns:1fr; }
  .opr-delivery-track::before { display:none; }
  .opr-delivery-track article + article { border-left:0; border-top:1px solid #D7E0E6; }
  .opr-outcome-grid,.opr-related-grid { grid-template-columns:1fr; }
  .operate-page > .opr-hero { padding-top:.65rem!important; padding-bottom:.75rem!important; }
  .operate-page .section-pad { padding-top:2.35rem!important; padding-bottom:2.35rem!important; }
  .operate-page .section-pad-sm { padding-top:2.1rem!important; padding-bottom:2.1rem!important; }
}

@media (max-width:575.98px) {
  .opr-hero-actions { align-items:flex-start; flex-direction:column; }

  .opr-model-visual {
    min-height:490px;
  }

  .opr-model-visual-main {
    width:84%;
    height:70%;
  }

  .opr-model-visual-small {
    width:44%;
    height:30%;
  }

  .opr-model-core {
    width:76%;
    bottom:29%;
  }

  .opr-hero-visual { min-height:620px; }
  .opr-context-gallery { display:block; }
  .opr-context-gallery figure { min-height:220px; margin-bottom:.65rem; }
  .opr-context-main { min-height:380px!important; }
  .opr-service-track > header { grid-template-columns:1fr; }
  .opr-service-track > header p { grid-column:1; }
  .opr-signals-stage { min-height:1000px; }
  .opr-capacity-media { min-height:500px; }
  .opr-capacity-main { width:84%; height:72%; }
  .opr-capacity-small { width:44%; height:31%; }
  .opr-capacity-small-code { top:auto; bottom:0; right:47%; }
  .opr-capacity-small-growth { bottom:0; }
  .opr-capacity-note { width:74%; bottom:30%; }
}

@media (prefers-reduced-motion:reduce) {
  .opr-context-gallery img,.opr-digital-media img,.opr-related-media img,.opr-related-grid a { transition:none!important; }
}