:root {
      --itx-dark:#45515d;
      --itx-darker:#343f49;
      --itx-nav:#3a4650;
      --itx-blue:#3b8bd4;
      --itx-blue-dark:#2876ba;
      --itx-blue-soft:#edf5fc;
      --itx-ma:#8b6fd4;
      --itx-ma-soft:#f4f1fd;
      --itx-ventures:#d4973b;
      --itx-ventures-soft:#fff7e8;
      --itx-green:#16785f;
      --itx-ink:#17202a;
      --itx-body:#495563;
      --itx-muted:#74808c;
      --itx-line:#e6eaee;
      --itx-soft:#f6f8fa;
      --itx-white:#ffffff;
      --itx-max:1280px;
      --itx-radius:18px;
      --itx-shadow:0 18px 60px rgba(24,39,56,.10);
    }

    html { scroll-behavior:smooth; }
    body {
      font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif;
      color:var(--itx-body);
      background:#fff;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }
    h1,h2,h3,h4,h5,h6 { color:var(--itx-ink); letter-spacing:-.025em; }
    a { text-underline-offset:3px; }
    .container-xl { max-width:var(--itx-max); }
    .section-pad { padding:96px 0; }
    .section-pad-sm { padding:72px 0; }
    .eyebrow {
      display:inline-flex; align-items:center; gap:.55rem;
      font-size:.74rem; font-weight:800; letter-spacing:.12em;
      text-transform:uppercase; color:var(--itx-blue);
      margin-bottom:1rem;
    }
    .eyebrow::before {
      content:""; width:28px; height:2px; background:currentColor; border-radius:99px;
    }
    .section-title {
      font-size:clamp(2rem, 4vw, 3.55rem);
      line-height:1.04;
      font-weight:750;
      max-width:900px;
    }
    .section-lead {
      font-size:1.1rem;
      line-height:1.75;
      color:var(--itx-muted);
      max-width:760px;
    }

    /* Topbar */
    .itx-topbar {
      background:var(--itx-darker);
      border-bottom: 1px solid rgba(255,255,255,.06);
      color:#a8b4be;
      font-size:.75rem;
    }
    .itx-topbar .inner {
      min-height:34px;
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:1rem;
    }
    .itx-topbar strong { color:var(--itx-blue); font-weight:700; }
    .itx-topbar a { color:#a8b4be; text-decoration:none; }
    .itx-topbar a:hover { color:#fff; }

    /* Navbar */
    .itx-navbar {
      background:rgba(58,70,80,.985);
      box-shadow:0 2px 16px rgba(0,0,0,.22);
      padding:0;
      position:sticky;
      top:0;
      z-index:1030;
    }
    .itx-navbar .navbar-brand {
      padding:.7rem 0;
      display:flex;
      align-items:center;
      gap:.65rem;
    }
    .itx-navbar .navbar-brand img { height:44px; width:auto; display:block; }
    .st-badge {
      font-size:.65rem; line-height:1;
      font-weight:800; letter-spacing:.08em;
      color:var(--itx-blue);
      background:rgba(59,139,212,.12);
      border:1px solid rgba(59,139,212,.32);
      border-radius:.3rem;
      padding:.25rem .45rem;
    }
    .itx-navbar .nav-link {
      color:#d0d8de;
      font-size:.82rem;
      font-weight:600;
      padding:1.42rem .78rem !important;
    }
    .itx-navbar .nav-link:hover,
    .itx-navbar .nav-link:focus { color:#fff; }
    .itx-navbar .nav-link.services-link { color:var(--itx-blue); }
    .itx-navbar .nav-link.ma-link { color:var(--itx-ma); }
    .itx-navbar .nav-link.ventures-link { color:var(--itx-ventures); }
    .navbar-toggler {
      border-color:rgba(255,255,255,.2);
      color:#fff;
      box-shadow:none !important;
    }
    .navbar-toggler-icon { filter:invert(1) grayscale(1) brightness(3); }

    .engage-btn {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:.4rem;
      background:var(--itx-blue);
      border:1px solid var(--itx-blue);
      color:#fff !important;
      text-decoration:none;
      border-radius:.45rem;
      padding:.67rem 1.05rem;
      font-weight:700;
      font-size:.8rem;
      white-space:nowrap;
      transition:.2s ease;
    }
    .engage-btn:hover { background:var(--itx-blue-dark); border-color:var(--itx-blue-dark); transform:translateY(-1px); }

    /* Desktop dropdowns */
    @media (min-width: 992px) {
      .itx-navbar .dropdown:hover > .dropdown-menu { display:block; margin-top:0; }
      .itx-navbar .dropdown-menu {
        border:1px solid var(--itx-line);
        border-top:2px solid var(--itx-blue);
        border-radius:0 0 12px 12px;
        box-shadow:var(--itx-shadow);
        padding:.45rem 0;
      }
      .itx-navbar .dropdown-item {
        font-size:.82rem;
        color:#374151;
        padding:.55rem 1rem;
      }
      .itx-navbar .dropdown-item:hover {
        color:#1d4ed8;
        background:#f0f5fb;
      }
      .itx-navbar .ma-menu { border-top-color:var(--itx-ma); }
      .itx-navbar .ventures-menu { border-top-color:var(--itx-ventures); }

      .mega-menu {
        position:fixed !important;
        left:50% !important;
        transform:translateX(-50%);
        top:auto;
        width:min(1120px, calc(100vw - 48px));
        padding:0 !important;
        overflow:hidden;
      }
      .mega-head {
        background:var(--itx-darker);
        color:#7f8c97;
        font-size:.69rem;
        font-weight:800;
        text-transform:uppercase;
        letter-spacing:.1em;
        padding:.7rem 1.35rem;
      }
      .mega-head span { color:var(--itx-blue); }
      .mega-grid { display:grid; grid-template-columns:repeat(4,1fr); }
      .mega-col {
        padding:1.25rem 1.2rem 1.35rem;
        border-right:1px solid #edf0f2;
      }
      .mega-col:last-child { border-right:0; }
      .mega-kicker {
        font-size:.68rem;
        font-weight:850;
        text-transform:uppercase;
        letter-spacing:.12em;
        margin-bottom:.75rem;
      }
      .mega-kicker.build { color:#185fa5; }
      .mega-kicker.transform { color:#0f6e56; }
      .mega-kicker.automate { color:#534ab7; }
      .mega-kicker.operate { color:#854f0b; }
      .mega-col a {
        display:block;
        color:#374151;
        text-decoration:none;
        font-size:.8rem;
        padding:.28rem 0;
      }
      .mega-col a:hover { color:#1d4ed8; }
      .mega-tech {
        border-top:1px solid #edf0f2;
        padding-top:.65rem;
        margin-top:.7rem;
        color:#99a2ab;
        font-size:.68rem;
        line-height:1.5;
      }
    }

    /* Hero */
    .hero {
      position:relative;
      overflow:hidden;
      background:
        radial-gradient(circle at 82% 18%, rgba(59,139,212,.16), transparent 30%),
        linear-gradient(135deg,#45515d 0%,#2d3741 58%,#18222c 100%);
      min-height:720px;
      display:flex;
      align-items:center;
      color:#fff;
    }
    .hero::after {
      content:"";
      position:absolute;
      inset:0;
      opacity:.11;
      background-image:
        linear-gradient(rgba(255,255,255,.28) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.28) 1px, transparent 1px);
      background-size:64px 64px;
      mask-image:linear-gradient(to left, black, transparent 80%);
      pointer-events:none;
    }
    .hero-copy { position:relative; z-index:2; padding:90px 0; }
    .hero-eyebrow {
      display:inline-flex;
      align-items:center;
      gap:.65rem;
      color:#9ccbf4;
      font-size:.72rem;
      font-weight:800;
      letter-spacing:.14em;
      text-transform:uppercase;
      margin-bottom:1.4rem;
    }
    .hero-eyebrow .dot {
      width:8px; height:8px; border-radius:50%; background:var(--itx-blue);
      box-shadow:0 0 0 6px rgba(59,139,212,.12);
    }
    .hero h1 {
      color:#fff;
      font-size:clamp(3.25rem,7vw,6.6rem);
      line-height:.93;
      letter-spacing:-.055em;
      font-weight:760;
      max-width:820px;
    }
    .hero h1 span { color:#7ab4e8; }
    .hero p {
      max-width:720px;
      margin-top:1.6rem;
      color:#b9c4cd;
      font-size:clamp(1.05rem,1.7vw,1.28rem);
      line-height:1.7;
    }
    .hero-actions {
      display:flex;
      flex-wrap:wrap;
      gap:.8rem;
      margin-top:2.2rem;
    }
    .btn-itx-primary {
      background:var(--itx-blue);
      border-color:var(--itx-blue);
      color:#fff;
      font-weight:750;
      padding:.9rem 1.3rem;
      border-radius:.55rem;
    }
    .btn-itx-primary:hover { background:var(--itx-blue-dark); border-color:var(--itx-blue-dark); color:#fff; }
    .btn-itx-ghost {
      color:#fff;
      border:1px solid rgba(255,255,255,.26);
      background:rgba(255,255,255,.04);
      font-weight:700;
      padding:.9rem 1.3rem;
      border-radius:.55rem;
    }
    .btn-itx-ghost:hover { background:#fff; color:var(--itx-dark); }

    .hero-system {
      position:relative;
      z-index:2;
      min-height:520px;
      display:flex;
      align-items:center;
      justify-content:center;
    }
    .system-orbit {
      width:min(500px, 86vw);
      aspect-ratio:1;
      border:1px solid rgba(255,255,255,.11);
      border-radius:50%;
      position:relative;
      display:grid;
      place-items:center;
    }
    .system-orbit::before,
    .system-orbit::after {
      content:"";
      position:absolute;
      border:1px solid rgba(255,255,255,.11);
      border-radius:50%;
      inset:13%;
    }
    .system-orbit::after { inset:30%; }
    .system-core {
      width:160px; height:160px;
      border-radius:28px;
      border:1px solid rgba(122,180,232,.5);
      background:linear-gradient(145deg,rgba(59,139,212,.24),rgba(255,255,255,.05));
      backdrop-filter:blur(12px);
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      text-align:center;
      box-shadow:0 28px 80px rgba(0,0,0,.25);
    }
    .system-core strong { font-size:2.2rem; line-height:1; color:#fff; }
    .system-core span { color:#9ccbf4; font-size:.7rem; letter-spacing:.14em; margin-top:.5rem; }
    .system-node {
      position:absolute;
      min-width:112px;
      padding:.68rem .8rem;
      border:1px solid rgba(255,255,255,.13);
      background:rgba(34,45,56,.84);
      border-radius:12px;
      color:#e4ebf0;
      text-align:center;
      font-size:.73rem;
      font-weight:700;
      box-shadow:0 10px 30px rgba(0,0,0,.16);
    }
    .n1 { top:4%; left:37%; }
    .n2 { top:27%; right:-2%; }
    .n3 { bottom:16%; right:4%; }
    .n4 { bottom:5%; left:34%; }
    .n5 { bottom:25%; left:-3%; }
    .n6 { top:20%; left:1%; }

    /* Capability strip */
    .cap-strip {
      position:relative;
      z-index:5;
      margin-top:-46px;
    }
    .cap-strip-inner {
      background:#fff;
      border:1px solid var(--itx-line);
      border-radius:16px;
      box-shadow:var(--itx-shadow);
      overflow:hidden;
    }
    .cap-strip .col-md-3 { border-right:1px solid var(--itx-line); }
    .cap-strip .col-md-3:last-child { border-right:0; }
    .cap-mini { padding:1.35rem 1.45rem; height:100%; }
    .cap-mini strong {
      display:block;
      font-size:.72rem;
      text-transform:uppercase;
      letter-spacing:.12em;
      color:var(--itx-blue);
      margin-bottom:.35rem;
    }
    .cap-mini span { font-size:.88rem; line-height:1.5; color:#66717c; }

    /* Four capability pillars */
    .pillar-card {
      height:100%;
      border:1px solid var(--itx-line);
      border-radius:var(--itx-radius);
      background:#fff;
      padding:1.7rem;
      transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    }
    .pillar-card:hover {
      transform:translateY(-5px);
      box-shadow:var(--itx-shadow);
      border-color:#d8e3ec;
    }
    .pillar-index { color:#aeb8c1; font-size:.72rem; font-weight:800; letter-spacing:.12em; }
    .pillar-card h3 { font-size:1.55rem; margin:.85rem 0 .5rem; }
    .pillar-card p { color:var(--itx-muted); font-size:.92rem; line-height:1.65; }
    .pillar-list { margin:1rem 0 1.35rem; padding:0; list-style:none; }
    .pillar-list li {
      padding:.36rem 0;
      border-bottom:1px solid #f0f2f4;
      font-size:.87rem;
      color:#4f5a65;
    }
    .pillar-list li:last-child { border-bottom:0; }
    .text-link {
      display:inline-flex; align-items:center; gap:.35rem;
      text-decoration:none;
      color:var(--itx-blue);
      font-weight:750;
      font-size:.88rem;
    }
    .text-link:hover { gap:.55rem; }

    /* Future layer */
    .future-section {
      background:var(--itx-darker);
      color:#cbd4dc;
      position:relative;
      overflow:hidden;
    }
    .future-section::before {
      content:"$T";
      position:absolute;
      right:-20px;
      bottom:-110px;
      font-size:370px;
      line-height:1;
      font-weight:900;
      color:rgba(255,255,255,.025);
      letter-spacing:-.08em;
    }
    .future-section h2 { color:#fff; }
    .future-section .section-lead { color:#9eabb6; }
    .future-grid {
      display:grid;
      grid-template-columns:repeat(6,1fr);
      border:1px solid rgba(255,255,255,.10);
      border-radius:16px;
      overflow:hidden;
      position:relative;
      z-index:1;
    }
    .future-item {
      padding:1.55rem 1rem;
      text-align:center;
      border-right:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.035);
    }
    .future-item:last-child { border-right:0; }
    .future-item i { font-size:1.6rem; color:#83bcec; display:block; margin-bottom:.6rem; }
    .future-item strong { color:#fff; font-size:.88rem; }
    .emerging {
      position:relative; z-index:1;
      border-top:1px solid rgba(255,255,255,.10);
      margin-top:2rem;
      padding-top:1.2rem;
      display:flex;
      gap:.65rem;
      flex-wrap:wrap;
    }
    .emerging span {
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.035);
      color:#aebbc5;
      font-size:.75rem;
      border-radius:999px;
      padding:.48rem .72rem;
    }

    /* Industries */
    .industry-card {
      position:relative;
      overflow:hidden;
      min-height:195px;
      border-radius:16px;
      background:linear-gradient(150deg,#f7f9fb,#eef2f5);
      border:1px solid var(--itx-line);
      padding:1.45rem;
      transition:.22s ease;
    }
    .industry-card:hover { transform:translateY(-4px); box-shadow:var(--itx-shadow); }
    .industry-card i {
      font-size:1.55rem; color:var(--itx-blue);
      margin-bottom:2.3rem;
      display:block;
    }
    .industry-card h3 { font-size:1.15rem; }
    .industry-card p { font-size:.82rem; color:var(--itx-muted); margin-bottom:0; }

    /* Problem section */
    .decision-wrap {
      background:var(--itx-soft);
      border-top:1px solid var(--itx-line);
      border-bottom:1px solid var(--itx-line);
    }
    .decision-card {
      background:#fff;
      border:1px solid var(--itx-line);
      border-radius:14px;
      padding:1.25rem;
      height:100%;
    }
    .decision-card h3 { font-size:1.02rem; }
    .decision-card p { font-size:.85rem; color:var(--itx-muted); margin-bottom:0; line-height:1.55; }

    /* Strategic businesses */
    .strategic-card {
      border-radius:22px;
      padding:2.2rem;
      height:100%;
      position:relative;
      overflow:hidden;
      border:1px solid;
    }
    .strategic-card.ma {
      background:linear-gradient(145deg,#fbfaff,#f4f1fd);
      border-color:#e5dcfb;
    }
    .strategic-card.ventures {
      background:linear-gradient(145deg,#fffdfa,#fff6e6);
      border-color:#f4e3c3;
    }
    .strategic-card .tag {
      display:inline-block;
      font-size:.7rem; text-transform:uppercase;
      letter-spacing:.12em; font-weight:850;
      margin-bottom:2.3rem;
    }
    .strategic-card.ma .tag { color:var(--itx-ma); }
    .strategic-card.ventures .tag { color:var(--itx-ventures); }
    .strategic-card h3 { font-size:clamp(1.8rem,3vw,2.7rem); max-width:500px; }
    .strategic-card p { color:#68727c; line-height:1.7; max-width:600px; }
    .strategic-points {
      display:flex; gap:.5rem; flex-wrap:wrap; margin:1.4rem 0 1.6rem;
    }
    .strategic-points span {
      background:#fff;
      border:1px solid rgba(0,0,0,.07);
      border-radius:999px;
      padding:.43rem .65rem;
      font-size:.75rem;
      color:#59636d;
    }

    /* Work */
    .work-card {
      height:100%;
      border-radius:18px;
      overflow:hidden;
      border:1px solid var(--itx-line);
      background:#fff;
    }
    .work-visual {
      min-height:230px;
      padding:1.2rem;
      background:
        linear-gradient(135deg,rgba(59,139,212,.10),rgba(69,81,93,.03)),
        repeating-linear-gradient(90deg,transparent,transparent 48px,rgba(69,81,93,.035) 49px);
      display:flex;
      align-items:flex-end;
    }
    .work-label {
      background:rgba(255,255,255,.9);
      border:1px solid rgba(255,255,255,.8);
      border-radius:14px;
      padding:.6rem .75rem;
      font-size:.72rem;
      font-weight:800;
      color:var(--itx-dark);
      box-shadow:0 8px 30px rgba(0,0,0,.07);
    }
    .work-body { padding:1.35rem; }
    .work-body h3 { font-size:1.18rem; }
    .work-body p { color:var(--itx-muted); font-size:.86rem; line-height:1.6; }

    /* Insights */
    .insight-feature {
      border-radius:20px;
      background:var(--itx-dark);
      color:#c5d0d8;
      padding:2.2rem;
      min-height:360px;
      position:relative;
      overflow:hidden;
    }
    .insight-feature::after {
      content:"$T";
      position:absolute;
      right:-12px; bottom:-55px;
      font-size:220px; font-weight:900; color:rgba(255,255,255,.04);
    }
    .insight-feature h3 { color:#fff; font-size:2rem; max-width:580px; }
    .insight-feature p { max-width:580px; color:#aebbc5; }
    .insight-list a {
      display:block;
      text-decoration:none;
      padding:1.25rem 0;
      border-bottom:1px solid var(--itx-line);
    }
    .insight-list a:first-child { padding-top:0; }
    .insight-list small {
      color:var(--itx-blue);
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.09em;
    }
    .insight-list h4 { font-size:1.04rem; margin:.35rem 0 0; }
    .insight-list a:hover h4 { color:var(--itx-blue); }

    /* Technology ecosystem */
    .tech-group {
      border-top:1px solid var(--itx-line);
      padding-top:1rem;
    }
    .tech-group strong {
      display:block;
      color:var(--itx-ink);
      font-size:.8rem;
      text-transform:uppercase;
      letter-spacing:.09em;
      margin-bottom:.65rem;
    }
    .tech-group span {
      color:#7a858f;
      font-size:.86rem;
      line-height:1.8;
    }

    /* Why */
    .why-card {
      border-left:2px solid #dce4ea;
      padding-left:1.2rem;
      height:100%;
    }
    .why-card strong { display:block; color:var(--itx-ink); margin-bottom:.35rem; }
    .why-card p { font-size:.86rem; color:var(--itx-muted); margin:0; line-height:1.55; }

    /* Final CTA */
    .final-cta {
      background:linear-gradient(135deg,#45515d,#27323c);
      border-radius:26px;
      padding:clamp(2rem,5vw,4.2rem);
      color:#b8c4cd;
      position:relative;
      overflow:hidden;
    }
    .final-cta::after {
      content:"";
      position:absolute;
      width:340px; height:340px; border-radius:50%;
      right:-110px; top:-110px;
      border:70px solid rgba(59,139,212,.08);
    }
    .final-cta h2 { color:#fff; font-size:clamp(2.3rem,5vw,4.4rem); line-height:1; max-width:800px; }
    .final-cta p { max-width:650px; font-size:1.05rem; }

    /* Footer */
    footer {
      margin-top:96px;
      background:#222c35;
      color:#98a6b1;
    }
    .footer-main { padding:66px 0 46px; }
    .footer-logo img { height:42px; width:auto; }
    .footer-copy { max-width:330px; font-size:.84rem; line-height:1.7; margin-top:1rem; }
    footer h6 {
      color:#fff;
      text-transform:uppercase;
      letter-spacing:.09em;
      font-size:.72rem;
      font-weight:800;
      margin-bottom:1rem;
    }
    footer ul { list-style:none; margin:0; padding:0; }
    footer li { margin:.48rem 0; }
    footer a { color:#98a6b1; text-decoration:none; font-size:.82rem; }
    footer a:hover { color:#fff; }
    .footer-bottom {
      border-top:1px solid rgba(255,255,255,.08);
      padding:1rem 0;
      font-size:.75rem;
    }

    /* Responsive */
    @media (max-width:1199px) {
      .itx-navbar .nav-link { padding:1.4rem .52rem !important; font-size:.77rem; }
      .future-grid { grid-template-columns:repeat(3,1fr); }
      .future-item { border-bottom:1px solid rgba(255,255,255,.10); }
    }
    @media (max-width:991.98px) {
      .itx-topbar .inner { justify-content:center; text-align:center; }
      .itx-topbar .top-right { display:none !important; }
      .itx-navbar { padding:.15rem 0; }
      .itx-navbar .nav-link { padding:.72rem .2rem !important; }
      .itx-navbar .navbar-collapse { padding:0 0 1rem; }
      .itx-navbar .dropdown-menu {
        background:#313c46;
        border:0;
        padding:.3rem .8rem .6rem;
      }
      .itx-navbar .dropdown-item { color:#cbd4dc; font-size:.8rem; }
      .itx-navbar .dropdown-item:hover { color:#fff; background:rgba(255,255,255,.06); }
      .mega-menu .mega-head { display:none; }
      .mega-menu .mega-grid { display:grid; grid-template-columns:1fr 1fr; gap:.2rem; }
      .mega-col { padding:.55rem .3rem; }
      .mega-kicker {
        font-size:.66rem; font-weight:800; text-transform:uppercase;
        letter-spacing:.1em; color:#8ebde6; margin-bottom:.25rem;
      }
      .mega-col a { display:block; color:#cbd4dc; text-decoration:none; font-size:.78rem; padding:.24rem 0; }
      .mega-tech { display:none; }
      .hero { min-height:auto; }
      .hero-copy { padding:76px 0 40px; }
      .hero-system { min-height:470px; padding-bottom:70px; }
      .cap-strip { margin-top:0; padding-top:1px; background:#fff; }
      .cap-strip .col-md-3 { border-right:0; border-bottom:1px solid var(--itx-line); }
      .cap-strip .col-md-3:last-child { border-bottom:0; }
    }
    @media (max-width:767.98px) {
      .section-pad { padding:72px 0; }
      .section-pad-sm { padding:56px 0; }
      .hero h1 { font-size:clamp(3rem,16vw,5rem); }
      .hero-system { min-height:380px; }
      .system-orbit { width:330px; }
      .system-core { width:128px; height:128px; border-radius:22px; }
      .system-node { min-width:86px; font-size:.64rem; padding:.5rem; }
      .future-grid { grid-template-columns:repeat(2,1fr); }
      .future-item { border-right:1px solid rgba(255,255,255,.10); }
      .future-item:nth-child(2n) { border-right:0; }
      .mega-menu .mega-grid { grid-template-columns:1fr; }
      .strategic-card { padding:1.6rem; }
      footer { margin-top:72px; }
    }

    @media (prefers-reduced-motion: reduce) {
      *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; }
    }
  
    /* =========================================================
       ITMAGIX DESIGN REFINEMENT — 2026–2031
       Durable visual system: editorial, architectural, restrained.
       ========================================================= */

    :root {
      --itx-ink-2:#111a23;
      --itx-blue-light:#79b8ef;
      --itx-soft-blue:#f1f7fc;
      --itx-surface:#fbfcfd;
      --itx-shadow-soft:0 16px 44px rgba(25,38,51,.075);
      --itx-shadow-hover:0 24px 64px rgba(25,38,51,.12);
    }

    body { background:var(--itx-surface); }
    main { background:#fff; }
    .section-pad { padding:110px 0; }
    .section-pad-sm { padding:82px 0; }
    .section-title {
      letter-spacing:-.045em;
      font-weight:780;
      text-wrap:balance;
    }
    .section-lead { color:#6d7985; }
    .eyebrow {
      font-size:.69rem;
      letter-spacing:.15em;
      margin-bottom:1.15rem;
    }

    /* Header: more breathing room without becoming oversized */
    .itx-topbar .inner { min-height:32px; }
    .itx-navbar .navbar-brand { padding:.78rem 0; }
    .itx-navbar .navbar-brand img { height:46px; }
    .itx-navbar .nav-link {
      padding:1.55rem .83rem !important;
      font-size:.81rem;
      letter-spacing:.006em;
    }
    .engage-btn {
      padding:.72rem 1.1rem;
      border-radius:.5rem;
      box-shadow:0 8px 20px rgba(59,139,212,.18);
    }

    @media (min-width:1200px) {
      .itx-navbar .navbar-nav { gap:.08rem; }
    }

    /* Hero: cleaner editorial composition */
    .hero {
      min-height:760px;
      background:
        radial-gradient(circle at 79% 28%, rgba(59,139,212,.19), transparent 31%),
        radial-gradient(circle at 65% 95%, rgba(59,139,212,.07), transparent 30%),
        linear-gradient(132deg,#45515d 0%,#303b45 52%,#1d2832 100%);
    }
    .hero::after {
      opacity:.075;
      background-size:72px 72px;
    }
    .hero-copy { padding:112px 0 138px; }
    .hero-eyebrow {
      font-size:.68rem;
      letter-spacing:.16em;
      color:#b0d6f7;
      margin-bottom:1.65rem;
    }
    .hero h1 {
      max-width:760px;
      font-size:clamp(3.8rem,6.4vw,6.25rem);
      line-height:.94;
      letter-spacing:-.06em;
      font-weight:790;
      text-wrap:balance;
    }
    .hero h1 span {
      color:#78b9ef;
      text-shadow:0 8px 35px rgba(59,139,212,.14);
    }
    .hero p {
      max-width:690px;
      margin-top:1.8rem;
      color:#c3cdd5;
      font-size:1.12rem;
      line-height:1.76;
    }
    .hero-actions { margin-top:2.45rem; gap:.7rem; }
    .btn-itx-primary,.btn-itx-ghost {
      min-height:50px;
      padding:.88rem 1.25rem;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size:.88rem;
    }

    /* Technology architecture visual — quieter, less "widget" */
    .hero-system { min-height:560px; }
    .system-orbit {
      width:min(520px,88vw);
      border-color:rgba(255,255,255,.085);
      box-shadow:inset 0 0 90px rgba(59,139,212,.025);
    }
    .system-orbit::before { inset:14%; border-color:rgba(122,185,239,.11); }
    .system-orbit::after { inset:31%; border-color:rgba(122,185,239,.16); }
    .system-core {
      width:166px;
      height:166px;
      border-radius:34px;
      border:1px solid rgba(122,185,239,.38);
      background:
        linear-gradient(145deg,rgba(95,164,223,.24),rgba(255,255,255,.035));
      box-shadow:
        0 34px 90px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.08);
    }
    .system-core strong { font-size:2.35rem; font-weight:720; }
    .system-core span {
      font-size:.55rem;
      letter-spacing:.18em;
      color:#9fcdf5;
      margin-top:.62rem;
    }
    .system-node {
      min-width:auto;
      padding:.46rem .72rem;
      border-color:rgba(255,255,255,.10);
      background:rgba(39,51,61,.62);
      backdrop-filter:blur(10px);
      border-radius:999px;
      color:#dfe8ef;
      font-size:.66rem;
      letter-spacing:.02em;
      box-shadow:0 10px 28px rgba(0,0,0,.11);
    }

    /* Capability strip: less floating-card, more architectural bridge */
    .cap-strip { margin-top:-54px; }
    .cap-strip-inner {
      border-radius:13px;
      box-shadow:0 22px 55px rgba(26,39,52,.11);
    }
    .cap-mini {
      position:relative;
      padding:1.5rem 1.55rem 1.45rem;
      min-height:108px;
    }
    .cap-mini::before {
      content:"";
      position:absolute;
      left:1.55rem; right:1.55rem; top:0;
      height:2px;
      background:var(--itx-blue);
      opacity:.7;
    }
    .cap-strip .col-md-3:nth-child(2) .cap-mini::before { background:#1c876c; }
    .cap-strip .col-md-3:nth-child(3) .cap-mini::before { background:#6f5bc0; }
    .cap-strip .col-md-3:nth-child(4) .cap-mini::before { background:#ad7424; }
    .cap-mini strong {
      margin-top:.12rem;
      font-size:.68rem;
      letter-spacing:.15em;
    }
    .cap-mini span {
      display:block;
      max-width:235px;
      font-size:.84rem;
      line-height:1.55;
    }

    /* Services: editorial cards, distinct but not colorful */
    .pillar-card {
      position:relative;
      overflow:hidden;
      border-radius:16px;
      padding:1.75rem 1.55rem 1.65rem;
      box-shadow:0 1px 0 rgba(0,0,0,.01);
    }
    .pillar-card::before {
      content:"";
      position:absolute;
      left:0; top:0; bottom:0;
      width:3px;
      background:#d5e7f6;
    }
    .pillar-card.transform-card::before { background:#d7ebe5; }
    .pillar-card.automate-card::before { background:#e3def5; }
    .pillar-card.operate-card::before { background:#f0dfc3; }
    .pillar-card:hover {
      transform:translateY(-6px);
      box-shadow:var(--itx-shadow-hover);
      border-color:#dbe4ea;
    }
    .pillar-icon {
      width:38px;height:38px;
      border-radius:14px;
      display:grid;
      place-items:center;
      background:#f2f7fb;
      border:1px solid #e6eef5;
      color:#236ba9;
      margin-bottom:1.15rem;
      font-size:1rem;
    }
    .transform-card .pillar-icon { background:#f1f8f6;border-color:#e3f0ec;color:#16705b; }
    .automate-card .pillar-icon { background:#f5f3fb;border-color:#eae5f7;color:#5e4aa8; }
    .operate-card .pillar-icon { background:#fcf7ef;border-color:#f1e8d8;color:#95641e; }
    .pillar-index {
      font-size:.64rem;
      letter-spacing:.16em;
      color:#9ba6af;
    }
    .pillar-card h3 {
      font-size:1.72rem;
      margin:.62rem 0 .6rem;
      letter-spacing:-.04em;
    }
    .pillar-card p { font-size:.89rem; line-height:1.7; }
    .pillar-list { margin:1.05rem 0 1.5rem; }
    .pillar-list li {
      padding:.4rem 0;
      font-size:.83rem;
      color:#53606c;
    }

    /* Future technology: elevate the six permanent domains */
    .future-section {
      background:
        radial-gradient(circle at 88% 16%,rgba(59,139,212,.11),transparent 28%),
        linear-gradient(138deg,#35414b,#28333d 72%);
    }
    .future-section::before {
      font-size:410px;
      right:-24px;
      bottom:-128px;
      color:rgba(255,255,255,.018);
    }
    .future-grid {
      border-radius:14px;
      border-color:rgba(255,255,255,.085);
      background:rgba(255,255,255,.012);
    }
    .future-item {
      position:relative;
      padding:1.9rem 1rem 1.75rem;
      min-height:136px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      transition:background .2s ease;
    }
    .future-item:hover { background:rgba(255,255,255,.035); }
    .future-item i {
      width:38px;height:38px;
      display:grid;
      place-items:center;
      border-radius:14px;
      font-size:1.12rem;
      background:rgba(122,185,239,.08);
      border:1px solid rgba(122,185,239,.14);
      margin-bottom:.8rem;
    }
    .future-item strong {
      font-size:.82rem;
      letter-spacing:.015em;
    }
    .emerging {
      margin-top:1.55rem;
      padding-top:1.4rem;
      gap:.55rem;
    }
    .emerging::before {
      content:"EXPANDING CAPABILITIES";
      width:100%;
      color:#73828d;
      font-size:.58rem;
      letter-spacing:.17em;
      font-weight:800;
      margin-bottom:.25rem;
    }
    .emerging span {
      padding:.46rem .7rem;
      background:rgba(255,255,255,.025);
      border-color:rgba(255,255,255,.095);
      font-size:.69rem;
    }

    /* Industries: remove generic card feel */
    #industries .industry-card {
      min-height:210px;
      padding:1.55rem 1.5rem 1.45rem;
      background:
        linear-gradient(150deg,#fbfcfd 0%,#f2f5f7 100%);
      border-radius:14px;
      border-color:#e6ebef;
      box-shadow:0 4px 18px rgba(30,43,56,.025);
    }
    #industries .industry-card::after {
      content:"";
      position:absolute;
      width:90px;height:90px;
      border:1px solid rgba(59,139,212,.08);
      border-radius:50%;
      right:-28px;top:-28px;
    }
    #industries .industry-card i {
      width:40px;height:40px;
      display:grid;
      place-items:center;
      border-radius:14px;
      background:#eef5fb;
      border:1px solid #e1ecf5;
      font-size:1.05rem;
      margin-bottom:2.1rem;
    }
    #industries .industry-card h3 {
      font-size:1.13rem;
      letter-spacing:-.025em;
      margin-bottom:.45rem;
    }
    #industries .industry-card p {
      font-size:.8rem;
      line-height:1.55;
      max-width:310px;
    }

    /* Business decisions: stronger hierarchy */
    .decision-wrap { background:#f5f7f9; }
    .decision-card {
      border-radius:12px;
      padding:1.35rem 1.25rem;
      border-color:#e8ecef;
      box-shadow:0 5px 18px rgba(25,38,51,.025);
    }
    .decision-card h3 { font-size:1rem; margin-bottom:.5rem; }
    .decision-card p { font-size:.82rem; line-height:1.62; }

    /* M&A and Ventures: preserve independent identities */
    .strategic-card {
      border-radius:18px;
      padding:2.35rem;
      box-shadow:0 10px 35px rgba(31,42,55,.035);
    }
    .strategic-card .tag {
      margin-bottom:2.65rem;
      font-size:.65rem;
      letter-spacing:.16em;
    }
    .strategic-card h3 {
      line-height:1.04;
      letter-spacing:-.045em;
    }
    .strategic-points span {
      padding:.45rem .68rem;
      font-size:.7rem;
    }

    /* Selected work: bespoke abstract project visuals */
    .bg-light-subtle { background:#f7f9fa !important; }
    .work-card {
      border-radius:16px;
      box-shadow:0 8px 28px rgba(25,38,51,.035);
      transition:transform .22s ease, box-shadow .22s ease;
    }
    .work-card:hover {
      transform:translateY(-5px);
      box-shadow:var(--itx-shadow-soft);
    }
    .work-visual {
      min-height:248px;
      position:relative;
      overflow:hidden;
      background:#edf3f7;
      isolation:isolate;
    }
    .work-visual::before {
      content:"";
      position:absolute; inset:0;
      background:
        linear-gradient(rgba(69,81,93,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(69,81,93,.035) 1px,transparent 1px);
      background-size:30px 30px;
      z-index:-1;
    }
    .visual-modernize {
      background:
        radial-gradient(circle at 72% 20%,rgba(59,139,212,.14),transparent 28%),
        linear-gradient(145deg,#edf4f8,#e7eef3);
    }
    .visual-product {
      background:
        radial-gradient(circle at 38% 40%,rgba(139,111,212,.11),transparent 30%),
        linear-gradient(145deg,#f0f4f7,#e8eef2);
    }
    .visual-ai {
      background:
        radial-gradient(circle at 70% 35%,rgba(22,120,95,.10),transparent 30%),
        linear-gradient(145deg,#edf4f5,#e8eef0);
    }
    .visual-ui { position:absolute; inset:24px; }
    .visual-line {
      position:absolute;height:5px;border-radius:99px;background:#a9bfce;opacity:.42;
    }
    .visual-line.l1{left:8%;top:20%;width:48%}
    .visual-line.l2{left:8%;top:29%;width:67%}
    .visual-line.l3{left:8%;top:38%;width:36%}
    .visual-block {
      position:absolute;bottom:14%;border:1px solid rgba(59,139,212,.19);
      background:rgba(255,255,255,.52);border-radius:8px;
      box-shadow:0 8px 25px rgba(30,43,56,.04);
    }
    .visual-block.b1{left:9%;width:22%;height:25%}
    .visual-block.b2{left:36%;width:27%;height:41%}
    .visual-block.b3{left:68%;width:22%;height:58%}
    .visual-ring {
      position:absolute;border:1px solid rgba(109,86,185,.22);border-radius:50%;
    }
    .visual-ring.r1{width:150px;height:150px;left:18%;top:14%}
    .visual-ring.r2{width:90px;height:90px;left:29%;top:27%}
    .visual-dot {
      position:absolute;width:12px;height:12px;background:#879eae;border-radius:50%;
      box-shadow:0 0 0 6px rgba(255,255,255,.55);
    }
    .visual-dot.d1{left:68%;top:27%}.visual-dot.d2{left:75%;top:54%}.visual-dot.d3{left:58%;top:67%}
    .visual-node {
      position:absolute;width:34px;height:34px;border-radius:9px;
      background:rgba(255,255,255,.65);border:1px solid rgba(35,117,94,.18);
      box-shadow:0 8px 24px rgba(31,42,55,.05);
    }
    .visual-node.v1{left:14%;top:24%}.visual-node.v2{left:46%;top:13%}.visual-node.v3{left:65%;top:50%}.visual-node.v4{left:29%;top:63%}
    .visual-link {
      position:absolute;height:1px;background:rgba(35,117,94,.22);transform-origin:left center;
    }
    .visual-link.x1{left:21%;top:31%;width:31%;transform:rotate(-13deg)}
    .visual-link.x2{left:52%;top:21%;width:28%;transform:rotate(50deg)}
    .visual-link.x3{left:35%;top:68%;width:36%;transform:rotate(-18deg)}
    .work-label {
      position:absolute;
      left:1.1rem; bottom:1.1rem;
      background:rgba(255,255,255,.88);
      backdrop-filter:blur(10px);
      font-size:.62rem;
      letter-spacing:.08em;
      padding:.55rem .72rem;
    }
    .work-body { padding:1.45rem 1.35rem 1.55rem; }
    .work-body h3 { font-size:1.16rem; }

    /* Point of view: stronger editorial contrast */
    .insight-feature {
      border-radius:18px;
      min-height:390px;
      padding:2.5rem;
      background:
        radial-gradient(circle at 85% 100%,rgba(59,139,212,.16),transparent 35%),
        linear-gradient(145deg,#45515d,#34414c);
    }
    .insight-feature h3 {
      font-size:clamp(2rem,3.3vw,2.75rem);
      line-height:1.06;
      letter-spacing:-.045em;
    }
    .insight-list {
      padding:.3rem 0 .3rem .6rem;
    }
    .insight-list a { padding:1.4rem 0; }

    /* Technology ecosystem: make it feel like a system, not plain text */
    .tech-group {
      border:1px solid #e7ebee;
      border-radius:13px;
      padding:1.2rem;
      min-height:104px;
      display:flex;
      align-items:flex-start;
      gap:.9rem;
      background:#fff;
      box-shadow:0 5px 20px rgba(25,38,51,.025);
    }
    .tech-icon {
      flex:0 0 36px;
      width:36px;height:36px;
      border-radius:9px;
      display:grid;
      place-items:center;
      background:#f1f6fa;
      color:#327fbe;
      border:1px solid #e4edf4;
    }
    .tech-group strong {
      border:0;
      padding:0;
      margin:0 0 .35rem;
      font-size:.69rem;
      letter-spacing:.12em;
    }
    .tech-group span {
      display:block;
      line-height:1.55;
      font-size:.79rem;
    }

    /* Why ITMagix: more intentional */
    .why-card {
      border-left:2px solid #dce5eb;
      padding:1rem 0 1rem 1.2rem;
    }
    .why-card strong { font-size:.94rem; }
    .why-card p { font-size:.82rem; line-height:1.62; }

    /* Final CTA: more premium, less template-like */
    .final-cta {
      border-radius:20px;
      padding:clamp(2.4rem,5.2vw,4.6rem);
      background:
        radial-gradient(circle at 90% 10%,rgba(59,139,212,.16),transparent 30%),
        linear-gradient(132deg,#45515d,#29353f);
      box-shadow:0 28px 70px rgba(30,43,56,.16);
    }
    .final-cta::after {
      width:390px;height:390px;
      border-width:68px;
      border-color:rgba(59,139,212,.065);
    }
    .final-cta h2 {
      max-width:760px;
      letter-spacing:-.055em;
    }

    /* Footer */
    footer {
      background:#202a33;
      margin-top:108px;
    }
    .footer-main { padding:72px 0 50px; }
    footer h6 { font-size:.66rem; letter-spacing:.14em; }

    @media (max-width:1199px) {
      .itx-navbar .nav-link { padding:1.48rem .56rem !important; }
    }
    @media (max-width:991.98px) {
      .section-pad { padding:84px 0; }
      .section-pad-sm { padding:68px 0; }
      .hero-copy { padding:82px 0 40px; }
      .cap-strip { margin-top:0; }
      .hero-system { min-height:470px; }
      .insight-list { padding-left:0; }
    }
    @media (max-width:767.98px) {
      .hero h1 {
        font-size:clamp(3rem,15vw,4.85rem);
        line-height:.95;
      }
      .hero p { font-size:1rem; }
      .hero-system { min-height:390px; }
      .system-orbit { width:330px; }
      .system-core { width:126px;height:126px;border-radius:26px; }
      .system-node { font-size:.6rem; padding:.4rem .6rem; }
      .cap-mini { min-height:auto; }
      .pillar-card { padding:1.55rem 1.35rem; }
      .future-item { min-height:118px; }
      .strategic-card { padding:1.75rem; }
      .work-visual { min-height:220px; }
      .final-cta { border-radius:16px; }
      footer { margin-top:78px; }
    }

  
    /* =========================================================
       SECTION 01 LOCK — HEADER / NAVBAR / SERVICES MEGA MENU
       ========================================================= */

    /* Keep the institutional dark header, but isolate dropdown surfaces
       from Bootstrap's inherited dark theme. */
    .itx-navbar {
      background:#4B5966;
      border-bottom:1px solid rgba(255,255,255,.055);
    }

    .itx-navbar .container-xl {
      min-height:84px;
    }

    .itx-navbar .navbar-brand {
      flex:0 0 auto;
      margin-right:2rem;
    }

    .itx-navbar .navbar-brand img {
      height:50px;
      max-width:210px;
      object-fit:contain;
    }

    .itx-navbar .navbar-nav {
      align-items:center;
    }

    .itx-navbar .nav-link {
      position:relative;
      color:#d2dae1;
      font-size:.82rem;
      font-weight:650;
      padding:1.8rem .86rem !important;
      transition:color .18s ease, background .18s ease;
    }

    .itx-navbar .nav-link::before {
      content:"";
      position:absolute;
      left:.86rem;
      right:.86rem;
      bottom:0;
      height:2px;
      background:transparent;
      border-radius:2px 2px 0 0;
      transition:background .18s ease;
    }

    .itx-navbar .nav-link:hover,
    .itx-navbar .nav-link:focus,
    .itx-navbar .nav-link.show {
      color:#fff;
      background:rgba(255,255,255,.025);
    }

    .itx-navbar .nav-link.active::before {
      background:var(--itx-blue);
    }

    .itx-navbar .services-link,
    .itx-navbar .services-link:hover,
    .itx-navbar .services-link:focus,
    .itx-navbar .services-link.show {
      color:#4aa0e8;
    }

    .itx-navbar .ma-link,
    .itx-navbar .ma-link:hover,
    .itx-navbar .ma-link:focus,
    .itx-navbar .ma-link.show {
      color:#9b82dc;
    }

    .itx-navbar .ventures-link,
    .itx-navbar .ventures-link:hover,
    .itx-navbar .ventures-link:focus,
    .itx-navbar .ventures-link.show {
      color:#dda343;
    }

    /* Force every dropdown back to a clean light enterprise surface. */
    .itx-navbar .dropdown-menu,
    .itx-navbar .mega-menu {
      --bs-dropdown-bg:#ffffff;
      --bs-dropdown-color:#374151;
      --bs-dropdown-link-color:#374151;
      --bs-dropdown-link-hover-color:#1d4ed8;
      --bs-dropdown-link-hover-bg:#f0f5fb;
      --bs-dropdown-border-color:#e4e8ec;
      background:#fff !important;
      color:#374151 !important;
      border-color:#e4e8ec !important;
    }

    .itx-navbar .dropdown-item {
      color:#374151 !important;
      background:transparent;
    }

    .itx-navbar .dropdown-item:hover,
    .itx-navbar .dropdown-item:focus {
      color:#1d4ed8 !important;
      background:#f0f5fb !important;
    }

    /* Desktop mega-menu: centered, fixed maximum width, no Popper drift. */
    @media (min-width:992px) {
      .itx-navbar .dropdown {
        position:static;
      }

      .itx-navbar .mega-menu {
        position:absolute !important;
        top:100% !important;
        left:50% !important;
        right:auto !important;
        bottom:auto !important;
        transform:translateX(-50%) !important;
        width:min(1180px, calc(100vw - 64px)) !important;
        max-width:1180px !important;
        margin:0 !important;
        padding:0 !important;
        border:1px solid #e2e7eb !important;
        border-top:2px solid var(--itx-blue) !important;
        border-radius:0 0 14px 14px !important;
        box-shadow:0 26px 70px rgba(14,26,38,.18) !important;
        overflow:hidden;
      }

      .mega-head {
        background:#f6f8fa !important;
        color:#76838e !important;
        border-bottom:1px solid #e8ecef;
        padding:.92rem 1.55rem;
        font-size:.68rem;
        font-weight:850;
        letter-spacing:.12em;
      }

      .mega-head span {
        color:var(--itx-blue) !important;
      }

      .mega-grid {
        background:#fff;
      }

      .mega-col {
        min-width:0;
        padding:1.55rem 1.55rem 1.45rem;
        border-right:1px solid #edf0f2;
        background:#fff;
      }

      .mega-col:last-child {
        border-right:0;
      }

      .mega-kicker {
        margin-bottom:1rem;
        font-size:.69rem;
        font-weight:850;
        letter-spacing:.13em;
      }

      .mega-col a {
        color:#4b5661 !important;
        font-size:.82rem;
        line-height:1.35;
        padding:.42rem 0;
        transition:color .15s ease, transform .15s ease;
      }

      .mega-col a:hover {
        color:#176fb7 !important;
        transform:translateX(2px);
      }

      .mega-tech {
        margin-top:1rem;
        padding-top:.85rem;
        border-top:1px solid #e9edef;
        color:#8d98a2 !important;
        font-size:.69rem;
        line-height:1.55;
      }

      /* Subtle column surface cues; no colored card backgrounds. */
      .mega-col:nth-child(1) { box-shadow:inset 0 2px 0 rgba(24,95,165,.10); }
      .mega-col:nth-child(2) { box-shadow:inset 0 2px 0 rgba(15,110,86,.10); }
      .mega-col:nth-child(3) { box-shadow:inset 0 2px 0 rgba(83,74,183,.10); }
      .mega-col:nth-child(4) { box-shadow:inset 0 2px 0 rgba(133,79,11,.10); }

      /* Standard dropdowns remain narrower and sit under their trigger. */
      .itx-navbar .dropdown-menu:not(.mega-menu) {
        position:absolute;
        min-width:230px;
        border-top:2px solid var(--itx-blue) !important;
        border-radius:0 0 11px 11px !important;
        box-shadow:0 18px 44px rgba(14,26,38,.14) !important;
        padding:.5rem 0 !important;
      }

      .itx-navbar .ma-menu {
        border-top-color:var(--itx-ma) !important;
      }

      .itx-navbar .ventures-menu {
        border-top-color:var(--itx-ventures) !important;
      }
    }

    /* CTA refinement */
    .engage-btn {
      min-height:46px;
      padding:.72rem 1.2rem;
      border-radius:.58rem;
      font-size:.8rem;
      box-shadow:none;
    }

    .engage-btn:hover {
      box-shadow:0 10px 24px rgba(59,139,212,.20);
    }

    /* Mobile keeps dropdowns integrated into the collapsed dark menu,
       with readable high-contrast text. */
    @media (max-width:991.98px) {
      .itx-navbar .container-xl {
        min-height:auto;
      }

      .itx-navbar .navbar-brand img {
        height:43px;
        max-width:175px;
      }

      .itx-navbar .dropdown {
        position:relative;
      }

      .itx-navbar .dropdown-menu,
      .itx-navbar .mega-menu {
        background:#313c46 !important;
        border:0 !important;
        box-shadow:none !important;
        color:#d4dde4 !important;
      }

      .itx-navbar .dropdown-item,
      .itx-navbar .mega-col a {
        color:#cbd5dd !important;
      }

      .itx-navbar .dropdown-item:hover,
      .itx-navbar .mega-col a:hover {
        color:#fff !important;
        background:rgba(255,255,255,.045) !important;
      }

      .mega-grid {
        background:transparent;
      }
    }

  
    /* =========================================================
       SECTION 01A — TOP UTILITY BAR REFINEMENT
       ========================================================= */

    .itx-topbar {
      background:#303b45;
      border-bottom:1px solid rgba(255,255,255,.075);
      color:#c5d0d8;
      font-size:.77rem;
    }

    .itx-topbar .inner {
      min-height:38px;
      padding-top:0;
      padding-bottom:0;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:1.5rem;
    }

    .topbar-message {
      display:flex;
      align-items:center;
      gap:.38rem;
      min-width:0;
      white-space:nowrap;
      letter-spacing:.005em;
    }

    .topbar-label {
      color:#b9c4cd;
      font-weight:500;
    }

    .topbar-message strong {
      color:#D5E0EA;
      font-weight:750;
      letter-spacing:.006em;
    }

    .topbar-sep {
      color:#75838e;
      margin:0 .16rem;
    }

    .topbar-positioning {
      color:#c9d3da;
      font-weight:450;
    }

    .itx-topbar .top-right {
      display:flex;
      align-items:center;
      gap:.8rem;
      flex:0 0 auto;
      white-space:nowrap;
    }

    .topbar-contact {
      display:inline-flex;
      align-items:center;
      gap:.38rem;
      color:#c9d3da !important;
      text-decoration:none;
      font-size:.75rem;
      transition:color .18s ease;
    }

    .topbar-contact i {
      color:#7eaed5;
      font-size:.78rem;
    }

    .topbar-contact:hover,
    .topbar-contact:focus {
      color:#fff !important;
    }

    .topbar-contact:hover i,
    .topbar-contact:focus i {
      color:#5eb0f1;
    }

    .topbar-rule {
      width:1px;
      height:14px;
      background:rgba(255,255,255,.16);
    }

    @media (max-width:991.98px) {
      .itx-topbar .inner {
        min-height:35px;
        justify-content:center;
      }

      .topbar-message {
        font-size:.7rem;
      }

      .topbar-positioning {
        display:none;
      }

      .itx-topbar .top-right {
        display:none;
      }
    }

    @media (max-width:575.98px) {
      .topbar-message {
        white-space:normal;
        text-align:center;
        justify-content:center;
        line-height:1.35;
      }

      .topbar-sep {
        display:none;
      }
    }

  
    .topbar-message strong {
      text-shadow:none;
    }

  
    /* =========================================================
       SECTION 01B — SAFE CORPORATE NAVBAR BACKGROUND ALTERNATIVE
       ========================================================= */
    .itx-navbar {
      background:#4B5966 !important;
      border-bottom:1px solid rgba(255,255,255,.06) !important;
    }

    .itx-navbar .nav-link:hover,
    .itx-navbar .nav-link:focus,
    .itx-navbar .nav-link.show {
      background:rgba(255,255,255,.035) !important;
    }

  
    /* =========================================================
       SECTION 01C — UNIFIED CORPORATE NAVIGATION COLORS
       Main nav is intentionally neutral. Business-specific colors
       remain inside their dropdowns / sections, not in top-level nav.
       ========================================================= */

    /* Neutral top-level navigation */
    .itx-navbar .nav-link,
    .itx-navbar .services-link,
    .itx-navbar .ma-link,
    .itx-navbar .ventures-link {
      color:#E3E9EE !important;
    }

    .itx-navbar .nav-link:hover,
    .itx-navbar .nav-link:focus,
    .itx-navbar .nav-link.show,
    .itx-navbar .services-link:hover,
    .itx-navbar .services-link:focus,
    .itx-navbar .services-link.show,
    .itx-navbar .ma-link:hover,
    .itx-navbar .ma-link:focus,
    .itx-navbar .ma-link.show,
    .itx-navbar .ventures-link:hover,
    .itx-navbar .ventures-link:focus,
    .itx-navbar .ventures-link.show {
      color:#FFFFFF !important;
    }

    /* Active / interaction accent stays ITMagix blue */
    .itx-navbar .nav-link.active {
      color:#FFFFFF !important;
    }

    .itx-navbar .nav-link.active::before {
      background:#3B8BD4 !important;
    }

    .itx-navbar .nav-link:hover::before,
    .itx-navbar .nav-link:focus::before,
    .itx-navbar .nav-link.show::before {
      background:rgba(59,139,212,.55);
    }

    /* Quiet $T badge beside the logo */
    .st-badge {
      color:#D7E0E7 !important;
      background:rgba(255,255,255,.045) !important;
      border-color:rgba(255,255,255,.16) !important;
      box-shadow:none !important;
    }

    /* Keep Engage Us as the one strong action color */
    .engage-btn {
      background:#3B8BD4 !important;
      border-color:#3B8BD4 !important;
      color:#FFFFFF !important;
    }

    .engage-btn:hover,
    .engage-btn:focus {
      background:#2E7FC3 !important;
      border-color:#2E7FC3 !important;
      color:#FFFFFF !important;
    }

    /* Preserve business identity inside dropdowns only */
    .itx-navbar .ma-menu {
      border-top-color:#8B6FD4 !important;
    }

    .itx-navbar .ventures-menu {
      border-top-color:#D4973B !important;
    }

    @media (min-width:992px) {
      .mega-kicker.build { color:#185fa5 !important; }
      .mega-kicker.transform { color:#0f6e56 !important; }
      .mega-kicker.automate { color:#534ab7 !important; }
      .mega-kicker.operate { color:#854f0b !important; }
    }

  
    /* =========================================================
       SECTION 01D — COMPLETE DROPDOWN DESIGN SYSTEM
       Services = flagship mega menu.
       Other menus share header → content → footer pattern.
       ========================================================= */

    .nav-panel {
      overflow:hidden;
      padding:0 !important;
      background:#fff !important;
      border:1px solid #e2e7eb !important;
      border-top:2px solid #3B8BD4 !important;
      border-radius:0 0 13px 13px !important;
      box-shadow:0 24px 58px rgba(18,31,44,.16) !important;
    }

    .nav-panel-head {
      display:flex;
      align-items:center;
      gap:.42rem;
      min-height:52px;
      padding:.78rem 1.15rem;
      background:#f5f7f9;
      border-bottom:1px solid #e7ebee;
      white-space:nowrap;
    }

    .nav-panel-head .panel-label {
      color:#626f7a;
      text-transform:uppercase;
      font-size:.66rem;
      font-weight:850;
      letter-spacing:.12em;
    }

    .nav-panel-head .panel-label::after {
      content:" —";
      color:#8d98a2;
    }

    .nav-panel-head .panel-context {
      color:#3B8BD4;
      text-transform:uppercase;
      font-size:.66rem;
      font-weight:800;
      letter-spacing:.1em;
    }

    .compact-panel {
      min-width:330px !important;
    }

    .compact-menu {
      padding:.65rem 0;
      background:#fff;
    }

    .compact-menu a,
    .industries-grid a,
    .about-grid a {
      display:block;
      color:#4d5964 !important;
      text-decoration:none;
      font-size:.82rem;
      line-height:1.35;
      transition:background .14s ease, color .14s ease, padding-left .14s ease;
    }

    .compact-menu a {
      padding:.58rem 1.15rem;
    }

    .compact-menu a:hover,
    .industries-grid a:hover,
    .about-grid a:hover {
      color:#176fb7 !important;
      background:#f5f9fc;
    }

    .compact-menu a:hover {
      padding-left:1.3rem;
    }

    .nav-panel-footer {
      border-top:1px solid #e8ecef;
      background:#fbfcfd;
      padding:.78rem 1.15rem;
    }

    .nav-panel-footer a {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:.75rem;
      color:#3B8BD4 !important;
      text-decoration:none;
      font-size:.76rem;
      font-weight:800;
      letter-spacing:.01em;
    }

    .nav-panel-footer a i {
      font-size:.72rem;
      transition:transform .15s ease;
    }

    .nav-panel-footer a:hover i {
      transform:translateX(3px);
    }

    /* Industries — compact mega */
    .industries-panel {
      width:650px !important;
    }

    .industries-grid {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      background:#fff;
    }

    .industries-grid > div {
      padding:.9rem .75rem;
      border-right:1px solid #edf0f2;
    }

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

    .industries-grid a {
      padding:.48rem .45rem;
      border-radius:5px;
    }

    /* About — 2-column menu */
    .about-panel {
      width:470px !important;
    }

    .about-grid {
      display:grid;
      grid-template-columns:1fr 1fr;
      background:#fff;
    }

    .about-grid > div {
      padding:.75rem;
      border-right:1px solid #edf0f2;
    }

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

    .about-grid a {
      padding:.5rem .45rem;
      border-radius:5px;
    }

    /* Business-specific identity appears inside menus only */
    .ma-panel {
      border-top-color:#8B6FD4 !important;
    }

    .ma-panel .panel-context,
    .ma-footer a {
      color:#745bc6 !important;
    }

    .ventures-panel {
      border-top-color:#D4973B !important;
    }

    .ventures-panel .panel-context,
    .ventures-footer a {
      color:#A96D16 !important;
    }

    /* Desktop positioning under each trigger */
    @media (min-width:992px) {
      .itx-navbar .nav-item.dropdown {
        position:relative;
      }

      .itx-navbar .nav-panel {
        position:absolute !important;
        top:100% !important;
        left:0 !important;
        right:auto !important;
        bottom:auto !important;
        transform:none !important;
        margin:0 !important;
      }

      /* Right-edge menus align to the right so they stay inside viewport */
      .itx-navbar .nav-item:nth-last-child(-n+3) .nav-panel {
        left:auto !important;
        right:0 !important;
      }

      /* Industries opens a little left to visually center under label */
      .industries-panel {
        left:50% !important;
        transform:translateX(-38%) !important;
      }
    }

    /* Mobile: retain same hierarchy but integrate with collapsed nav */
    @media (max-width:991.98px) {
      .nav-panel,
      .industries-panel,
      .about-panel,
      .compact-panel {
        width:100% !important;
        min-width:0 !important;
        background:#313c46 !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
      }

      .nav-panel-head {
        min-height:auto;
        padding:.65rem .75rem;
        background:rgba(255,255,255,.035);
        border-bottom:1px solid rgba(255,255,255,.06);
      }

      .nav-panel-head .panel-label {
        color:#aab6c0;
      }

      .nav-panel-head .panel-context {
        color:#81b9e8;
      }

      .compact-menu,
      .industries-grid,
      .about-grid {
        background:transparent;
      }

      .industries-grid,
      .about-grid {
        grid-template-columns:1fr;
      }

      .industries-grid > div,
      .about-grid > div {
        padding:.2rem .55rem;
        border-right:0;
      }

      .compact-menu a,
      .industries-grid a,
      .about-grid a {
        color:#cdd6de !important;
        padding:.48rem .75rem;
      }

      .compact-menu a:hover,
      .industries-grid a:hover,
      .about-grid a:hover {
        color:#fff !important;
        background:rgba(255,255,255,.04);
      }

      .nav-panel-footer {
        border-top:1px solid rgba(255,255,255,.07);
        background:rgba(255,255,255,.025);
        padding:.7rem .75rem;
      }
    }

  
    /* =========================================================
       SECTION 01E — MOBILE NAVIGATION REPAIR
       Desktop is unchanged. Mobile becomes a compact stacked menu.
       ========================================================= */

    @media (max-width:991.98px) {

      /* Header shell */
      .itx-navbar {
        position:sticky;
        top:0;
        z-index:1040;
      }

      .itx-navbar .container-xl {
        padding-left:1rem;
        padding-right:1rem;
      }

      .itx-navbar .navbar-brand {
        margin-right:0;
        padding:.62rem 0;
        gap:.5rem;
      }

      .itx-navbar .navbar-brand img {
        height:40px !important;
        max-width:165px !important;
      }

      .st-badge {
        font-size:.58rem;
        padding:.22rem .38rem;
      }

      .navbar-toggler {
        padding:.4rem .55rem;
        border:1px solid rgba(255,255,255,.18);
        border-radius:.5rem;
        background:rgba(255,255,255,.025);
      }

      /* Collapse area becomes its own clean mobile panel */
      .itx-navbar .navbar-collapse {
        margin:0 -1rem;
        padding:.45rem 1rem 1rem;
        background:#45525f;
        border-top:1px solid rgba(255,255,255,.07);
        max-height:calc(100vh - 108px);
        overflow-y:auto;
        overscroll-behavior:contain;
      }

      .itx-navbar .navbar-nav {
        align-items:stretch !important;
        gap:0 !important;
        width:100%;
      }

      .itx-navbar .nav-item {
        width:100%;
        border-bottom:1px solid rgba(255,255,255,.065);
      }

      .itx-navbar .nav-item:last-child {
        border-bottom:0;
      }

      .itx-navbar .nav-link {
        display:flex;
        align-items:center;
        justify-content:space-between;
        width:100%;
        padding:.82rem .1rem !important;
        color:#edf2f6 !important;
        font-size:.88rem;
        font-weight:650;
        background:transparent !important;
      }

      .itx-navbar .nav-link::before {
        display:none !important;
      }

      .itx-navbar .nav-link.dropdown-toggle::after {
        margin-left:auto;
        opacity:.7;
        transform:scale(.88);
      }

      .itx-navbar .nav-link.show {
        color:#fff !important;
      }

      /* CTA is separated from nav items */
      .itx-navbar .nav-item.ms-lg-2 {
        margin-top:.9rem !important;
        border-bottom:0;
      }

      .engage-btn {
        width:100%;
        min-height:46px;
        border-radius:.55rem;
        font-size:.86rem;
      }

      /* All dropdowns become static stacked regions */
      .itx-navbar .dropdown-menu,
      .itx-navbar .mega-menu,
      .itx-navbar .nav-panel,
      .industries-panel,
      .about-panel,
      .compact-panel {
        position:static !important;
        inset:auto !important;
        transform:none !important;
        float:none !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        margin:0 0 .45rem !important;
        padding:.15rem 0 .35rem !important;
        border:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
        background:rgba(28,38,47,.30) !important;
        overflow:visible !important;
      }

      /* Remove desktop header bars in mobile.
         Keep hierarchy through group labels instead. */
      .mega-head,
      .nav-panel-head {
        display:none !important;
      }

      /* Services mega menu: stacked groups */
      .mega-grid {
        display:grid !important;
        grid-template-columns:1fr !important;
        background:transparent !important;
        gap:0 !important;
      }

      .mega-col {
        padding:.7rem .7rem .5rem !important;
        border-right:0 !important;
        border-bottom:1px solid rgba(255,255,255,.06) !important;
        background:transparent !important;
        box-shadow:none !important;
      }

      .mega-col:last-child {
        border-bottom:0 !important;
      }

      .mega-kicker {
        margin:0 0 .35rem !important;
        font-size:.64rem !important;
        font-weight:850 !important;
        letter-spacing:.13em !important;
        text-transform:uppercase;
      }

      .mega-kicker.build { color:#6fb0e7 !important; }
      .mega-kicker.transform { color:#79bfa9 !important; }
      .mega-kicker.automate { color:#a997e2 !important; }
      .mega-kicker.operate { color:#d7a75b !important; }

      .mega-col a {
        display:block;
        padding:.42rem 0 !important;
        color:#dbe3e9 !important;
        font-size:.80rem !important;
        line-height:1.35;
        background:transparent !important;
        transform:none !important;
      }

      .mega-col a:hover,
      .mega-col a:focus {
        color:#fff !important;
        background:transparent !important;
      }

      .mega-tech {
        display:none !important;
      }

      /* Other menus: simple stacked links */
      .compact-menu,
      .industries-grid,
      .about-grid {
        display:block !important;
        background:transparent !important;
        padding:.3rem .7rem !important;
      }

      .industries-grid > div,
      .about-grid > div {
        padding:0 !important;
        border:0 !important;
      }

      .compact-menu a,
      .industries-grid a,
      .about-grid a {
        display:block;
        padding:.48rem 0 !important;
        border-radius:0 !important;
        color:#dbe3e9 !important;
        background:transparent !important;
        font-size:.80rem !important;
        line-height:1.35;
      }

      .compact-menu a:hover,
      .compact-menu a:focus,
      .industries-grid a:hover,
      .industries-grid a:focus,
      .about-grid a:hover,
      .about-grid a:focus {
        color:#fff !important;
        background:transparent !important;
        padding-left:0 !important;
      }

      /* Keep footer CTAs, but make them quiet and mobile-friendly */
      .nav-panel-footer {
        margin:.1rem .7rem 0;
        padding:.58rem 0 .15rem !important;
        border-top:1px solid rgba(255,255,255,.08) !important;
        background:transparent !important;
      }

      .nav-panel-footer a {
        display:flex;
        align-items:center;
        justify-content:flex-start;
        gap:.4rem;
        color:#8bc2ee !important;
        font-size:.74rem;
        font-weight:750;
      }

      .ma-footer a { color:#b4a4e5 !important; }
      .ventures-footer a { color:#e0b56e !important; }

      /* Utility bar simplification */
      .itx-topbar .inner {
        min-height:32px;
        padding-left:1rem;
        padding-right:1rem;
      }

      .topbar-message {
        font-size:.68rem !important;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        max-width:100%;
      }

      .topbar-label {
        display:none;
      }

      .topbar-positioning,
      .topbar-sep,
      .itx-topbar .top-right {
        display:none !important;
      }

      .topbar-message strong {
        color:#dbe4eb;
        font-weight:700;
      }
    }

    @media (max-width:575.98px) {
      .itx-navbar .navbar-brand img {
        height:37px !important;
        max-width:150px !important;
      }

      .itx-navbar .navbar-collapse {
        max-height:calc(100vh - 96px);
      }

      .itx-navbar .nav-link {
        font-size:.84rem;
        padding:.76rem .05rem !important;
      }

      .mega-col {
        padding:.62rem .55rem .45rem !important;
      }

      .compact-menu,
      .industries-grid,
      .about-grid {
        padding:.25rem .55rem !important;
      }

      .nav-panel-footer {
        margin-left:.55rem;
        margin-right:.55rem;
      }
    }

  
    /* =========================================================
       SECTION 01F — MOBILE HAMBURGER VISIBILITY ONLY
       Keep existing mobile sizing. Make border and menu lines white.
       ========================================================= */

    @media (max-width:991.98px) {
      .navbar-toggler {
        border:1px solid rgba(255,255,255,.72) !important;
        background:rgba(255,255,255,.025) !important;
        color:#fff !important;
        box-shadow:none !important;
      }

      .navbar-toggler:hover,
      .navbar-toggler:focus {
        border-color:#fff !important;
        background:rgba(255,255,255,.055) !important;
        box-shadow:0 0 0 2px rgba(255,255,255,.08) !important;
      }

      .navbar-toggler-icon {
        filter:none !important;
        opacity:1 !important;
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
      }
    }

  
    /* =========================================================
       SECTION 01G — MOBILE LOGO SIZE REFINEMENT
       Slightly larger logo only; header height remains unchanged.
       ========================================================= */

    @media (max-width:991.98px) {
      .itx-navbar .navbar-brand img {
        height:43px !important;
        max-width:178px !important;
      }
    }

    @media (max-width:575.98px) {
      .itx-navbar .navbar-brand img {
        height:40px !important;
        max-width:166px !important;
      }
    }

  
    /* =========================================================
       SECTION 01H — MOBILE DROPDOWN POLISH
       Desktop unchanged. Tighten mobile expanded menus only.
       ========================================================= */

    @media (max-width:991.98px) {

      /* Open top-level item: subtle, not a large grey block */
      .itx-navbar .nav-link.show {
        background:rgba(255,255,255,.035) !important;
        color:#fff !important;
        border-left:2px solid #3B8BD4;
        padding-left:.55rem !important;
      }

      .itx-navbar .nav-link:not(.show) {
        border-left:2px solid transparent;
        padding-left:.55rem !important;
      }

      /* Services dropdown container */
      .itx-navbar .mega-menu {
        margin:0 0 .3rem !important;
        padding:.15rem 0 .2rem !important;
        background:#36434f !important;
      }

      .mega-col {
        padding:.62rem .9rem .52rem !important;
        border-bottom:1px solid rgba(255,255,255,.055) !important;
      }

      .mega-col:last-child {
        border-bottom:0 !important;
      }

      .mega-kicker {
        margin:0 0 .28rem !important;
        font-size:.63rem !important;
        line-height:1 !important;
        letter-spacing:.14em !important;
      }

      /* Compact service links */
      .mega-col a {
        position:relative;
        padding:.31rem 0 !important;
        margin:0 !important;
        min-height:0 !important;
        color:#e1e7ec !important;
        font-size:.78rem !important;
        line-height:1.36 !important;
        background:transparent !important;
        border:0 !important;
      }

      .mega-col a:hover,
      .mega-col a:focus,
      .mega-col a:active {
        color:#fff !important;
        background:transparent !important;
        padding-left:.15rem !important;
      }

      /* Remove any accidental Bootstrap active/hover rectangle */
      .mega-col a.active,
      .mega-col .active,
      .compact-menu a.active,
      .industries-grid a.active,
      .about-grid a.active {
        background:transparent !important;
        color:#fff !important;
      }

      /* Other mobile dropdowns use same compact rhythm */
      .compact-menu,
      .industries-grid,
      .about-grid {
        padding:.28rem .9rem .35rem !important;
      }

      .compact-menu a,
      .industries-grid a,
      .about-grid a {
        padding:.34rem 0 !important;
        margin:0 !important;
        font-size:.78rem !important;
        line-height:1.36 !important;
      }

      /* Footer CTA inside dropdowns */
      .nav-panel-footer {
        margin:.15rem .9rem 0 !important;
        padding:.52rem 0 .15rem !important;
      }

      .nav-panel-footer a {
        font-size:.72rem !important;
        padding:0 !important;
      }
    }

    @media (max-width:575.98px) {
      .mega-col {
        padding:.56rem .8rem .46rem !important;
      }

      .compact-menu,
      .industries-grid,
      .about-grid {
        padding-left:.8rem !important;
        padding-right:.8rem !important;
      }

      .mega-col a,
      .compact-menu a,
      .industries-grid a,
      .about-grid a {
        font-size:.76rem !important;
      }

      .nav-panel-footer {
        margin-left:.8rem !important;
        margin-right:.8rem !important;
      }
    }

  
    /* =========================================================
       SECTION 01I — MOBILE INDUSTRIES DROPDOWN
       Keep all 12 industries, but avoid an excessively long panel.
       ========================================================= */

    @media (max-width:991.98px) and (min-width:480px) {
      .industries-panel .industries-grid {
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:0 !important;
        padding:.38rem .85rem .45rem !important;
      }

      .industries-panel .industries-grid > div {
        display:contents;
      }

      .industries-panel .industries-grid a {
        padding:.42rem .35rem !important;
        font-size:.76rem !important;
        line-height:1.3 !important;
        border-bottom:1px solid rgba(255,255,255,.045);
      }

      .industries-panel .industries-grid a:nth-last-child(-n+2) {
        border-bottom:0;
      }

      .industries-panel .nav-panel-footer {
        margin:.08rem .85rem 0 !important;
        padding:.58rem 0 .18rem !important;
      }
    }

    @media (max-width:479.98px) {
      .industries-panel .industries-grid {
        display:block !important;
        padding:.3rem .8rem .4rem !important;
      }

      .industries-panel .industries-grid a {
        padding:.34rem 0 !important;
        font-size:.75rem !important;
        border-bottom:0;
      }
    }

  
    /* =========================================================
       SECTION 01J — RESTORE MOBILE SERVICE TECH LINES
       Show the contextual technology line under each mobile service group.
       ========================================================= */

    @media (max-width:991.98px) {
      .mega-tech {
        display:block !important;
        margin-top:.42rem !important;
        padding-top:.45rem !important;
        border-top:1px solid rgba(255,255,255,.07) !important;
        color:#aeb9c3 !important;
        font-size:.67rem !important;
        line-height:1.45 !important;
      }
    }

    @media (max-width:575.98px) {
      .mega-tech {
        font-size:.64rem !important;
        margin-top:.38rem !important;
        padding-top:.4rem !important;
      }
    }

  
    /* =========================================================
       SECTION 02 — HERO REFINEMENT
       Header/navigation remains untouched.
       ========================================================= */
    .hero-v2 {
      position:relative;
      min-height:760px;
      overflow:hidden;
      display:flex;
      align-items:center;
      color:#fff;
      background:
        radial-gradient(circle at 78% 32%, rgba(59,139,212,.16), transparent 31%),
        radial-gradient(circle at 92% 90%, rgba(93,124,150,.11), transparent 28%),
        linear-gradient(132deg,#45515d 0%,#303b45 50%,#1f2a34 100%);
    }
    .hero-v2::before {
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
        linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);
      background-size:72px 72px;
      mask-image:linear-gradient(90deg,transparent 2%,rgba(0,0,0,.65) 55%,#000 100%);
      pointer-events:none;
    }
    .hero-v2::after {
      content:"";
      position:absolute;
      width:660px;
      height:660px;
      right:-250px;
      top:-170px;
      border-radius:50%;
      border:1px solid rgba(122,185,239,.08);
      box-shadow:0 0 0 90px rgba(122,185,239,.018),0 0 0 180px rgba(122,185,239,.012);
      pointer-events:none;
    }
    .hero-grid-overlay {
      position:absolute;
      inset:0;
      pointer-events:none;
      background:linear-gradient(105deg,rgba(255,255,255,.025),transparent 30%),linear-gradient(transparent 72%,rgba(0,0,0,.09));
    }
    .hero-v2 .container-xl { z-index:2; }
    .hero-v2 .hero-copy {
      padding:108px 0 126px;
      max-width:790px;
    }
    .hero-v2 .hero-eyebrow {
      display:flex;
      align-items:center;
      gap:.72rem;
      margin-bottom:1.55rem;
      color:#b8d7f2;
      font-size:.69rem;
      font-weight:800;
      letter-spacing:.145em;
      line-height:1.35;
      text-transform:uppercase;
    }
    .hero-v2 .hero-eyebrow .dot {
      flex:0 0 auto;
      width:7px;height:7px;border-radius:50%;
      background:#5fa6df;
      box-shadow:0 0 0 6px rgba(95,166,223,.10);
    }
    .hero-v2 h1 {
      max-width:760px;
      margin:0;
      color:#fff;
      font-size:clamp(3.7rem,6vw,6.1rem);
      line-height:.94;
      font-weight:790;
      letter-spacing:-.058em;
      text-wrap:balance;
    }
    .hero-v2 h1 span { display:block; color:#79b8ef; }
    .hero-v2 .hero-lead {
      max-width:680px;
      margin:1.75rem 0 0;
      color:#c3cdd5;
      font-size:1.1rem;
      line-height:1.72;
      letter-spacing:-.005em;
    }
    .hero-v2 .hero-actions {
      display:flex;
      flex-wrap:wrap;
      gap:.72rem;
      margin-top:2.25rem;
    }
    .hero-v2 .btn-itx-primary,
    .hero-v2 .btn-itx-ghost {
      min-height:50px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:.86rem 1.22rem;
      border-radius:.54rem;
      font-size:.86rem;
      font-weight:740;
    }
    .hero-v2 .btn-itx-primary { box-shadow:0 14px 30px rgba(59,139,212,.18); }
    .hero-v2 .btn-itx-primary:hover {
      box-shadow:0 16px 34px rgba(59,139,212,.24);
      transform:translateY(-1px);
    }
    .hero-v2 .btn-itx-ghost {
      background:rgba(255,255,255,.025);
      border-color:rgba(255,255,255,.22);
    }
    .hero-v2 .btn-itx-ghost:hover {
      background:#fff;
      border-color:#fff;
      color:#34414b;
    }
    .hero-operating-model {
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:.55rem;
      margin-top:1.6rem;
      color:#94a4b1;
      font-size:.67rem;
      font-weight:650;
      letter-spacing:.055em;
      text-transform:uppercase;
    }
    .hero-operating-model i {
      width:14px;height:1px;background:rgba(255,255,255,.18);
    }

    .architecture-visual {
      position:relative;
      min-height:550px;
      display:flex;
      align-items:center;
      justify-content:center;
    }
    .architecture-stage {
      position:relative;
      width:min(510px,100%);
      aspect-ratio:1 / 1;
    }
    .arch-label {
      position:absolute;
      top:2%;left:50%;
      transform:translateX(-50%);
      color:#7f93a3;
      font-size:.57rem;
      font-weight:800;
      letter-spacing:.16em;
      text-transform:uppercase;
      white-space:nowrap;
    }
    .arch-ring {
      position:absolute;
      left:50%;top:50%;
      transform:translate(-50%,-50%);
      border:1px solid rgba(255,255,255,.10);
      border-radius:50%;
      pointer-events:none;
    }
    .ring-one { width:86%;height:86%; }
    .ring-two { width:65%;height:65%;border-color:rgba(122,185,239,.12); }
    .ring-three { width:43%;height:43%;border-color:rgba(122,185,239,.17); }
    .arch-core {
      position:absolute;
      left:50%;top:50%;
      transform:translate(-50%,-50%);
      width:158px;height:158px;
      border-radius:26px;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      text-align:center;
      background:linear-gradient(145deg,rgba(74,122,160,.32),rgba(255,255,255,.045));
      border:1px solid rgba(147,196,236,.34);
      box-shadow:0 34px 80px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06);
      backdrop-filter:blur(12px);
      z-index:4;
    }
    .arch-core-mark {
      color:#fff;
      font-size:2.35rem;
      font-weight:700;
      line-height:1;
      letter-spacing:-.05em;
    }
    .arch-core-name {
      margin-top:.48rem;
      color:#dce9f3;
      font-size:.62rem;
      font-weight:800;
      letter-spacing:.18em;
    }
    .arch-core-sub {
      margin-top:.28rem;
      color:#7fa9ca;
      font-size:.48rem;
      font-weight:700;
      letter-spacing:.14em;
    }
    .arch-node {
      position:absolute;
      z-index:5;
      min-width:118px;
      padding:.62rem .8rem;
      display:flex;
      align-items:center;
      gap:.48rem;
      border:1px solid rgba(255,255,255,.10);
      border-radius:9px;
      background:rgba(43,55,65,.74);
      box-shadow:0 12px 26px rgba(0,0,0,.11);
      backdrop-filter:blur(9px);
      color:#dfe7ed;
    }
    .arch-node strong {
      color:#e8eef3;
      font-size:.69rem;
      font-weight:720;
      letter-spacing:.01em;
    }
    .node-dot {
      width:6px;height:6px;flex:0 0 auto;border-radius:50%;
      background:#6c9fc9;
      box-shadow:0 0 0 4px rgba(108,159,201,.08);
    }
    .node-software { left:3%; top:19%; }
    .node-ai       { right:1%; top:16%; }
    .node-data     { right:-1%; top:48%; }
    .node-cloud    { right:9%; bottom:10%; }
    .node-compute  { left:8%; bottom:10%; }
    .node-infra    { left:-2%; top:50%; }

    .arch-connector {
      position:absolute;
      z-index:2;
      left:50%;top:50%;
      width:31%;height:1px;
      transform-origin:0 50%;
      background:linear-gradient(90deg,rgba(122,185,239,.30),rgba(122,185,239,.04));
    }
    .c1 { transform:rotate(-142deg); }
    .c2 { transform:rotate(-38deg); }
    .c3 { transform:rotate(2deg); }
    .c4 { transform:rotate(47deg); }
    .c5 { transform:rotate(132deg); }
    .c6 { transform:rotate(178deg); }

    .arch-caption {
      position:absolute;
      left:50%;bottom:1%;
      transform:translateX(-50%);
      width:82%;
      display:flex;
      justify-content:space-between;
      color:#647887;
      font-size:.52rem;
      font-weight:700;
      letter-spacing:.07em;
      text-transform:uppercase;
    }

    .hero-v2 + .cap-strip { margin-top:-50px; }

    @media (max-width:1199.98px) {
      .hero-v2 h1 { font-size:clamp(3.4rem,5.8vw,5.2rem); }
      .architecture-stage { width:min(450px,100%); }
      .arch-node { min-width:102px;padding:.55rem .66rem; }
      .arch-node strong { font-size:.64rem; }
    }

    @media (max-width:991.98px) {
      .hero-v2 { min-height:auto; }
      .hero-v2 .hero-copy { padding:76px 0 24px;max-width:none; }
      .hero-v2 h1 { max-width:720px;font-size:clamp(3.25rem,10vw,5rem); }
      .hero-v2 .hero-lead { max-width:680px; }
      .architecture-visual { min-height:470px;padding:12px 0 58px; }
      .architecture-stage { width:min(430px,88vw); }
      .hero-v2 + .cap-strip { margin-top:0; }
    }

    @media (max-width:575.98px) {
      .hero-v2 .hero-copy { padding:58px 0 16px; }
      .hero-v2 .hero-eyebrow {
        margin-bottom:1.15rem;
        font-size:.58rem;
        line-height:1.55;
        letter-spacing:.12em;
      }
      .hero-v2 h1 {
        font-size:clamp(2.9rem,14vw,4.2rem);
        line-height:.96;
      }
      .hero-v2 .hero-lead {
        margin-top:1.25rem;
        font-size:.96rem;
        line-height:1.65;
      }
      .hero-v2 .hero-actions {
        margin-top:1.65rem;
        display:grid;
        grid-template-columns:1fr;
        gap:.6rem;
      }
      .hero-v2 .btn-itx-primary,
      .hero-v2 .btn-itx-ghost {
        width:100%;
        min-height:48px;
      }
      .hero-operating-model {
        justify-content:center;
        margin-top:1.25rem;
        gap:.42rem;
        font-size:.57rem;
      }
      .hero-operating-model i { width:9px; }
      .architecture-visual { min-height:395px;padding:12px 0 48px; }
      .architecture-stage { width:min(350px,92vw); }
      .arch-core { width:126px;height:126px;border-radius:22px; }
      .arch-core-mark { font-size:1.9rem; }
      .arch-core-name { font-size:.52rem; }
      .arch-core-sub { font-size:.4rem; }
      .arch-node {
        min-width:auto;
        padding:.42rem .55rem;
        gap:.35rem;
        border-radius:8px;
      }
      .arch-node strong { font-size:.57rem; }
      .node-dot { width:5px;height:5px; }
      .node-software { left:2%; top:18%; }
      .node-ai       { right:2%; top:16%; }
      .node-data     { right:-1%; top:48%; }
      .node-cloud    { right:8%; bottom:11%; }
      .node-compute  { left:7%; bottom:11%; }
      .node-infra    { left:-2%; top:50%; }
      .arch-caption { width:88%;font-size:.42rem; }
      .arch-label { font-size:.46rem; }
    }

  
    /* =========================================================
       SECTION 02B — HERO RIGHT-SIDE HYBRID TECHSCAPE
       Left hero content is unchanged.
       ========================================================= */

    .hero-techscape {
      position:relative;
      min-height:560px;
      display:flex;
      align-items:center;
      justify-content:center;
      isolation:isolate;
    }

    /* Ambient infrastructure background */
    .techscape-bg {
      position:absolute;
      inset:2% -6% 0 -8%;
      overflow:hidden;
      border-radius:32px;
      pointer-events:none;
      opacity:.95;
    }

    .techscape-bg::before {
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px),
        linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px);
      background-size:44px 44px;
      mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 100%);
    }

    .techscape-bg::after {
      content:"";
      position:absolute;
      inset:8% 7% 10% 15%;
      border:1px solid rgba(122,185,239,.085);
      border-radius:26px;
      transform:skewY(-4deg);
      box-shadow:
        38px 26px 0 -1px rgba(255,255,255,.018),
        76px 52px 0 -1px rgba(255,255,255,.012);
    }

    .bg-glow {
      position:absolute;
      width:390px;
      height:390px;
      right:3%;
      top:13%;
      border-radius:50%;
      background:radial-gradient(circle,rgba(59,139,212,.19),rgba(59,139,212,.06) 38%,transparent 70%);
      filter:blur(10px);
    }

    .bg-line {
      position:absolute;
      height:1px;
      transform-origin:left center;
      background:linear-gradient(90deg,rgba(132,188,234,.30),rgba(132,188,234,0));
    }

    .bg-line.l1 { width:55%; left:11%; top:28%; transform:rotate(8deg); }
    .bg-line.l2 { width:63%; left:26%; top:44%; transform:rotate(-5deg); }
    .bg-line.l3 { width:46%; left:9%; top:68%; transform:rotate(-9deg); }
    .bg-line.l4 { width:38%; left:43%; top:76%; transform:rotate(12deg); }

    .bg-node {
      position:absolute;
      width:8px;
      height:8px;
      border-radius:50%;
      background:#74addb;
      box-shadow:0 0 0 5px rgba(116,173,219,.075);
    }

    .bg-node.n1 { left:13%; top:27%; }
    .bg-node.n2 { left:60%; top:40%; }
    .bg-node.n3 { right:13%; top:58%; }
    .bg-node.n4 { left:24%; bottom:20%; }
    .bg-node.n5 { right:28%; bottom:13%; }

    .bg-grid {
      position:absolute;
      left:9%;
      bottom:4%;
      width:86%;
      height:42%;
      transform:perspective(420px) rotateX(66deg);
      transform-origin:bottom center;
      background:
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);
      background-size:34px 34px;
      opacity:.65;
    }

    /* Foreground architecture card */
    .tech-architecture-card {
      position:relative;
      z-index:3;
      width:min(440px,94%);
      padding:1.25rem;
      border:1px solid rgba(178,211,237,.18);
      border-radius:20px;
      background:
        linear-gradient(145deg,rgba(55,72,86,.88),rgba(37,50,61,.82));
      box-shadow:
        0 34px 90px rgba(0,0,0,.26),
        inset 0 1px 0 rgba(255,255,255,.045);
      backdrop-filter:blur(15px);
    }

    .tech-card-top {
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:1rem;
      padding:.25rem .2rem 1rem;
      border-bottom:1px solid rgba(255,255,255,.08);
    }

    .tech-card-kicker {
      color:#83acd0;
      font-size:.53rem;
      font-weight:800;
      letter-spacing:.16em;
      text-transform:uppercase;
    }

    .tech-card-title {
      margin-top:.38rem;
      color:#f0f4f7;
      font-size:1.02rem;
      font-weight:700;
      letter-spacing:-.02em;
    }

    .tech-card-mark {
      flex:0 0 auto;
      width:42px;
      height:42px;
      display:grid;
      place-items:center;
      border-radius:14px;
      color:#fff;
      font-size:1rem;
      font-weight:800;
      background:rgba(59,139,212,.12);
      border:1px solid rgba(122,185,239,.20);
    }

    .tech-stack {
      display:grid;
      gap:.5rem;
      padding:1rem 0;
    }

    .tech-layer {
      display:grid;
      grid-template-columns:32px 1fr;
      align-items:center;
      gap:.78rem;
      min-height:58px;
      padding:.62rem .72rem;
      border:1px solid rgba(255,255,255,.065);
      border-radius:14px;
      background:rgba(255,255,255,.022);
      transition:transform .18s ease, background .18s ease, border-color .18s ease;
    }

    .tech-layer:hover {
      transform:translateX(3px);
      background:rgba(255,255,255,.04);
      border-color:rgba(122,185,239,.14);
    }

    .layer-index {
      width:28px;
      height:28px;
      display:grid;
      place-items:center;
      border-radius:7px;
      color:#93b8d7;
      background:rgba(103,162,208,.07);
      border:1px solid rgba(122,185,239,.10);
      font-size:.56rem;
      font-weight:800;
      letter-spacing:.08em;
    }

    .layer-copy {
      min-width:0;
    }

    .layer-copy strong {
      display:block;
      color:#f1f5f8;
      font-size:.75rem;
      font-weight:720;
      letter-spacing:.01em;
    }

    .layer-copy span {
      display:block;
      margin-top:.14rem;
      color:#8fa0ad;
      font-size:.61rem;
      line-height:1.4;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .layer-software { box-shadow:inset 2px 0 0 rgba(59,139,212,.65); }
    .layer-ai       { box-shadow:inset 2px 0 0 rgba(112,157,206,.58); }
    .layer-data     { box-shadow:inset 2px 0 0 rgba(91,172,157,.52); }
    .layer-cloud    { box-shadow:inset 2px 0 0 rgba(119,143,190,.48); }
    .layer-compute  { box-shadow:inset 2px 0 0 rgba(151,139,192,.44); }
    .layer-infra    { box-shadow:inset 2px 0 0 rgba(130,151,165,.46); }

    .tech-card-footer {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:.4rem;
      padding:.82rem .15rem .05rem;
      border-top:1px solid rgba(255,255,255,.08);
      color:#8193a1;
      font-size:.52rem;
      font-weight:750;
      letter-spacing:.10em;
      text-transform:uppercase;
    }

    /* Tablet */
    @media (max-width:1199.98px) {
      .hero-techscape {
        min-height:520px;
      }

      .tech-architecture-card {
        width:min(410px,95%);
      }

      .layer-copy span {
        font-size:.58rem;
      }
    }

    /* Mobile */
    @media (max-width:991.98px) {
      .hero-techscape {
        min-height:500px;
        padding:6px 0 56px;
      }

      .techscape-bg {
        inset:1% 1% 4%;
      }

      .tech-architecture-card {
        width:min(470px,92vw);
      }
    }

    @media (max-width:575.98px) {
      .hero-techscape {
        min-height:455px;
        padding:8px 0 46px;
      }

      .techscape-bg {
        inset:2% -6% 4%;
        border-radius:20px;
      }

      .tech-architecture-card {
        width:94vw;
        max-width:390px;
        padding:1rem;
        border-radius:16px;
      }

      .tech-card-top {
        padding:.1rem .1rem .82rem;
      }

      .tech-card-kicker {
        font-size:.46rem;
      }

      .tech-card-title {
        font-size:.9rem;
      }

      .tech-card-mark {
        width:38px;
        height:38px;
        font-size:.9rem;
      }

      .tech-stack {
        gap:.42rem;
        padding:.82rem 0;
      }

      .tech-layer {
        grid-template-columns:28px 1fr;
        min-height:52px;
        gap:.65rem;
        padding:.52rem .58rem;
      }

      .layer-index {
        width:25px;
        height:25px;
        font-size:.5rem;
      }

      .layer-copy strong {
        font-size:.68rem;
      }

      .layer-copy span {
        font-size:.54rem;
      }

      .tech-card-footer {
        font-size:.45rem;
      }

      .bg-glow {
        width:280px;
        height:280px;
      }
    }

  
    /* HERO BACKGROUND OPTION 1 — LIGHTER CORPORATE BLUE */
    .hero-v2 {
      background:
        radial-gradient(circle at 76% 28%, rgba(98,168,226,.22), transparent 30%),
        radial-gradient(circle at 20% 18%, rgba(255,255,255,.06), transparent 24%),
        radial-gradient(circle at 92% 86%, rgba(120,156,190,.16), transparent 28%),
        linear-gradient(132deg,#677f94 0%, #536a7f 48%, #3f5568 100%) !important;
    }
    .hero-v2 .hero-eyebrow { color:#d9ecfb; }
    .hero-v2 .hero-lead { color:#e3ebf1; }
    .hero-operating-model { color:#c1ced8; }
    .hero-v2 .btn-itx-ghost {
      background:rgba(255,255,255,.05);
      border-color:rgba(255,255,255,.28);
      color:#fff;
    }

  
    /* =========================================================
       SECTION 02C — RIGHT ARCHITECTURE CARD COLOR REFINEMENT
       Option 1 hero background retained.
       Brighter card header + unified tile color.
       ========================================================= */

    /* Slightly lighter overall architecture card */
    .tech-architecture-card {
      background:
        linear-gradient(145deg, rgba(66,86,103,.92), rgba(49,66,80,.90)) !important;
      border-color:rgba(210,228,241,.20) !important;
      box-shadow:
        0 30px 72px rgba(22,34,46,.22),
        inset 0 1px 0 rgba(255,255,255,.055) !important;
    }

    /* Brighter / matching top area */
    .tech-card-top {
      margin:-1.25rem -1.25rem 1rem !important;
      padding:1.05rem 1.25rem 1rem !important;
      border-bottom:1px solid rgba(255,255,255,.13) !important;
      border-radius:20px 20px 0 0;
      background:
        linear-gradient(135deg, rgba(104,139,168,.96), rgba(79,112,139,.96)) !important;
    }

    .tech-card-kicker {
      color:#d8e9f6 !important;
    }

    .tech-card-title {
      color:#ffffff !important;
      font-weight:760 !important;
    }

    .tech-card-mark {
      background:rgba(255,255,255,.10) !important;
      border-color:rgba(255,255,255,.24) !important;
      color:#fff !important;
    }

    /* One unified tile system */
    .tech-layer,
    .layer-software,
    .layer-ai,
    .layer-data,
    .layer-cloud,
    .layer-compute,
    .layer-infra {
      background:rgba(255,255,255,.055) !important;
      border:1px solid rgba(214,230,242,.11) !important;
      box-shadow:inset 3px 0 0 rgba(102,174,229,.58) !important;
    }

    .tech-layer:hover {
      background:rgba(255,255,255,.085) !important;
      border-color:rgba(156,201,235,.18) !important;
      transform:translateX(3px);
    }

    .layer-index {
      background:rgba(119,179,225,.09) !important;
      border-color:rgba(139,193,234,.15) !important;
      color:#b9daf3 !important;
    }

    .layer-copy strong {
      color:#f6f9fb !important;
    }

    .layer-copy span {
      color:#adbbc6 !important;
    }

    .tech-card-footer {
      color:#aebcc7 !important;
      border-top-color:rgba(255,255,255,.10) !important;
    }

    @media (max-width:575.98px) {
      .tech-card-top {
        margin:-1rem -1rem .85rem !important;
        padding:.9rem 1rem .85rem !important;
        border-radius:16px 16px 0 0;
      }
    }

  
    /* =========================================================
       SECTION 02D — ARCHITECTURE BOX BACKGROUND SYSTEM
       Focus only: full panel background + tile backgrounds.
       ========================================================= */

    /* One unified full-panel background */
    .tech-architecture-card {
      background:#435A6D !important;
      border:1px solid rgba(220,232,241,.18) !important;
      box-shadow:
        0 28px 68px rgba(24,37,49,.18),
        inset 0 1px 0 rgba(255,255,255,.045) !important;
    }

    /* Remove the separate brighter header block so the card reads as one object */
    .tech-card-top {
      margin:0 !important;
      padding:.3rem .15rem 1.05rem !important;
      background:transparent !important;
      border-bottom:1px solid rgba(255,255,255,.10) !important;
      border-radius:0 !important;
    }

    .tech-card-kicker {
      color:#C9DCEB !important;
    }

    .tech-card-title {
      color:#FFFFFF !important;
    }

    .tech-card-mark {
      background:#516C81 !important;
      border-color:rgba(221,234,244,.20) !important;
      color:#FFFFFF !important;
    }

    /* Unified tile background */
    .tech-layer,
    .layer-software,
    .layer-ai,
    .layer-data,
    .layer-cloud,
    .layer-compute,
    .layer-infra {
      background:#50687B !important;
      border:1px solid rgba(222,234,242,.11) !important;
      box-shadow:inset 3px 0 0 #66AEE5 !important;
    }

    .tech-layer:hover {
      background:#577084 !important;
      border-color:rgba(225,238,247,.16) !important;
    }

    .layer-index {
      background:#587187 !important;
      border-color:rgba(217,232,243,.13) !important;
      color:#D6E8F5 !important;
    }

    .layer-copy strong {
      color:#FFFFFF !important;
    }

    .layer-copy span {
      color:#C3CED7 !important;
    }

    .tech-card-footer {
      color:#C3CED7 !important;
      border-top-color:rgba(255,255,255,.10) !important;
    }

  
    /* =========================================================
       SECTION 02E — MATCH TILE COLOR TO THE BRIGHTER HEADER TONE
       Full architecture panel stays dark; all six tiles use one
       brighter blue-slate treatment.
       ========================================================= */

    .tech-layer,
    .layer-software,
    .layer-ai,
    .layer-data,
    .layer-cloud,
    .layer-compute,
    .layer-infra {
      background:linear-gradient(135deg,#688BA8 0%,#4F708B 100%) !important;
      border:1px solid rgba(225,237,246,.15) !important;
      box-shadow:inset 3px 0 0 #8CC8F2 !important;
    }

    .tech-layer:hover {
      background:linear-gradient(135deg,#7296B2 0%,#587A95 100%) !important;
      border-color:rgba(232,242,249,.22) !important;
    }

    .layer-index {
      background:rgba(56,82,103,.34) !important;
      border-color:rgba(228,239,247,.16) !important;
      color:#E4F0F8 !important;
    }

    .layer-copy strong {
      color:#FFFFFF !important;
    }

    .layer-copy span {
      color:#D6E0E7 !important;
    }

  
    /* =========================================================
       SECTION 02F — HERO PHOTO BACKGROUND TEST
       Right architecture card stays unchanged.
       Free Unsplash server-room photo with readability overlays.
       ========================================================= */

    .hero-v2 {
      background:
        linear-gradient(
          90deg,
          rgba(76,99,118,.94) 0%,
          rgba(70,94,113,.91) 34%,
          rgba(58,82,101,.82) 60%,
          rgba(48,72,91,.72) 100%
        ),
        linear-gradient(
          180deg,
          rgba(81,113,139,.12) 0%,
          rgba(26,43,58,.26) 100%
        ),
        url("../images/home/hero-data-center.jpg") center center / cover no-repeat !important;
    }

    /* Let the photograph show through, but keep the architectural grid subtle */
    .hero-v2::before {
      opacity:.48 !important;
      background-size:80px 80px !important;
    }

    .hero-v2::after {
      opacity:.45 !important;
    }

    .hero-grid-overlay {
      background:
        linear-gradient(90deg,rgba(68,91,110,.30) 0%,transparent 56%),
        linear-gradient(180deg,rgba(255,255,255,.025),rgba(20,35,48,.13)) !important;
    }

    /* Maintain high first-screen readability over the photo */
    .hero-v2 h1 {
      text-shadow:0 3px 18px rgba(24,39,52,.14);
    }

    .hero-v2 .hero-lead {
      color:#EEF3F6 !important;
      text-shadow:0 2px 10px rgba(25,39,51,.16);
    }

    .hero-v2 .hero-eyebrow {
      color:#E4F2FC !important;
    }

    .hero-operating-model {
      color:#D0DCE4 !important;
    }

    @media (max-width:991.98px) {
      .hero-v2 {
        background-position:center center !important;
      }
    }

    @media (max-width:575.98px) {
      .hero-v2 {
        background:
          linear-gradient(
            180deg,
            rgba(72,96,116,.92) 0%,
            rgba(62,86,105,.88) 45%,
            rgba(48,70,88,.82) 100%
          ),
          url("../images/home/hero-data-center.jpg") center center / cover no-repeat !important;
      }
    }

  
    /* =========================================================
       SECTION 02G — HERO PHOTO VISIBILITY REFINEMENT
       Make the background image more visible while preserving
       left-side readability. Architecture card unchanged.
       ========================================================= */

    .hero-v2 {
      background:
        linear-gradient(
          90deg,
          rgba(56,78,96,.82) 0%,
          rgba(52,74,92,.72) 34%,
          rgba(42,63,81,.50) 62%,
          rgba(34,55,72,.34) 100%
        ),
        linear-gradient(
          180deg,
          rgba(86,120,146,.06) 0%,
          rgba(19,34,48,.16) 100%
        ),
        url("../images/home/hero-data-center.jpg")
        center center / cover no-repeat !important;
    }

    /* Reduce the extra grid wash so photo detail comes through */
    .hero-v2::before {
      opacity:.28 !important;
    }

    .hero-v2::after {
      opacity:.26 !important;
    }

    /* Localized left-side readability rather than washing the whole photo */
    .hero-grid-overlay {
      background:
        linear-gradient(
          90deg,
          rgba(45,65,82,.24) 0%,
          rgba(45,65,82,.15) 34%,
          rgba(45,65,82,.04) 58%,
          transparent 76%
        ),
        linear-gradient(
          180deg,
          rgba(255,255,255,.015),
          rgba(16,29,40,.08)
        ) !important;
    }

    /* Keep text crisp over the more visible image */
    .hero-v2 h1 {
      text-shadow:0 3px 18px rgba(19,31,42,.18);
    }

    .hero-v2 .hero-lead {
      color:#F1F5F7 !important;
      text-shadow:0 2px 12px rgba(19,31,42,.22);
    }

    .hero-v2 .hero-eyebrow {
      color:#E8F4FC !important;
      text-shadow:0 1px 8px rgba(20,34,46,.20);
    }

    .hero-operating-model {
      color:#D9E3EA !important;
      text-shadow:0 1px 7px rgba(20,34,46,.18);
    }

    @media (max-width:575.98px) {
      .hero-v2 {
        background:
          linear-gradient(
            180deg,
            rgba(59,82,100,.78) 0%,
            rgba(52,75,94,.68) 48%,
            rgba(39,61,79,.54) 100%
          ),
          url("../images/home/hero-data-center.jpg")
          center center / cover no-repeat !important;
      }
    }

  
    /* =========================================================
       SECTION 02H — REMOVE EXCESS TOP SPACE IN HERO
       Only vertical positioning changes.
       ========================================================= */

    @media (min-width:992px) {
      .hero-v2 {
        min-height:690px !important;
        align-items:flex-start !important;
      }

      .hero-v2 .container-xl {
        padding-top:42px !important;
        padding-bottom:46px !important;
      }

      .hero-v2 .hero-copy {
        padding:34px 0 58px !important;
      }

      .hero-techscape {
        min-height:600px !important;
        padding-top:0 !important;
        align-items:flex-start !important;
      }

      .tech-architecture-card {
        margin-top:0 !important;
      }
    }

    @media (max-width:991.98px) {
      .hero-v2 .hero-copy {
        padding-top:48px !important;
      }
    }

  
    /* =========================================================
       SECTION 02I — ARCHITECTURE TILE TEXT READABILITY
       Only typography/contrast inside Software–Infrastructure tiles.
       ========================================================= */

    .layer-copy strong {
      color:#FFFFFF !important;
      font-size:.80rem !important;
      font-weight:780 !important;
      letter-spacing:.005em !important;
      text-shadow:0 1px 2px rgba(16,28,38,.12);
    }

    .layer-copy span {
      color:#E2EBF1 !important;
      font-size:.65rem !important;
      line-height:1.45 !important;
      font-weight:500 !important;
      opacity:1 !important;
      text-shadow:0 1px 2px rgba(16,28,38,.10);
    }

    .layer-index {
      color:#F1F7FB !important;
      font-weight:800 !important;
      background:rgba(51,77,98,.42) !important;
      border-color:rgba(235,244,250,.18) !important;
    }

    @media (max-width:575.98px) {
      .layer-copy strong {
        font-size:.72rem !important;
      }

      .layer-copy span {
        font-size:.58rem !important;
        line-height:1.42 !important;
      }

      .layer-index {
        font-size:.53rem !important;
      }
    }

  
    /* =========================================================
       SECTION 02J — SUBTLE U.S.-INSPIRED FIRST-LOOK ACCENTS
       Corporate, not patriotic: navy + ITMagix blue + white +
       a restrained red detail.
       ========================================================= */

    :root {
      --us-navy:#0A3161;
      --us-red:#B31942;
    }

    /* Primary CTA: deeper navy-blue, still consistent with ITMagix */
    .hero-v2 .btn-itx-primary {
      background:linear-gradient(135deg,#174F88 0%,#0A3161 100%) !important;
      border-color:#174F88 !important;
      color:#fff !important;
      box-shadow:0 14px 30px rgba(10,49,97,.22) !important;
      position:relative;
      overflow:hidden;
    }

    /* Tiny red edge — just enough to introduce the U.S. palette */
    .hero-v2 .btn-itx-primary::after {
      content:"";
      position:absolute;
      left:0;
      top:0;
      bottom:0;
      width:3px;
      background:#B31942;
      opacity:.92;
    }

    .hero-v2 .btn-itx-primary:hover,
    .hero-v2 .btn-itx-primary:focus {
      background:linear-gradient(135deg,#1C5D9F 0%,#0D3C73 100%) !important;
      border-color:#1C5D9F !important;
      box-shadow:0 16px 34px rgba(10,49,97,.28) !important;
    }

    /* Eyebrow keeps blue identity, with a restrained red micro-accent */
    .hero-v2 .hero-eyebrow .dot {
      background:#3B8BD4 !important;
      box-shadow:
        0 0 0 5px rgba(59,139,212,.12),
        10px 0 0 -2px rgba(179,25,66,.92) !important;
    }

    /* Active navigation underline: slightly deeper blue for consistency */
    .itx-navbar .nav-link.active::before {
      background:#3B8BD4 !important;
    }

    /* Architecture panel stays blue/steel; only a very small red cue in the $T mark */
    .tech-card-mark {
      position:relative;
    }

    .tech-card-mark::after {
      content:"";
      position:absolute;
      right:6px;
      bottom:6px;
      width:5px;
      height:5px;
      border-radius:50%;
      background:#B31942;
      opacity:.9;
    }

    /* Keep the rest of the Hero corporate and neutral */
    .hero-v2 h1,
    .hero-v2 .hero-lead,
    .layer-copy strong,
    .layer-copy span {
      filter:none !important;
    }

  
    /* =========================================================
       SECTION 02K — UNIFY PRIMARY NAVY ACCENT
       Match Explore Our Capabilities with Engage Us and
       architecture tile titles.
       ========================================================= */

    /* Top navigation Engage Us = same navy family as primary Hero CTA */
    .engage-btn {
      background:linear-gradient(135deg,#174F88 0%,#0A3161 100%) !important;
      border-color:#174F88 !important;
      color:#FFFFFF !important;
      box-shadow:0 10px 24px rgba(10,49,97,.18) !important;
      position:relative;
      overflow:hidden;
    }

    .engage-btn::after {
      content:"";
      position:absolute;
      left:0;
      top:0;
      bottom:0;
      width:3px;
      background:#B31942;
      opacity:.92;
    }

    .engage-btn:hover,
    .engage-btn:focus {
      background:linear-gradient(135deg,#1C5D9F 0%,#0D3C73 100%) !important;
      border-color:#1C5D9F !important;
      color:#FFFFFF !important;
      box-shadow:0 12px 28px rgba(10,49,97,.24) !important;
    }

    /* Architecture tile titles = deep navy accent */
    .layer-copy strong {
      color:#0A3161 !important;
      font-weight:800 !important;
      text-shadow:none !important;
    }

    /* Keep descriptions bright enough to remain readable on blue tiles */
    .layer-copy span {
      color:#EEF4F8 !important;
    }

    /* Slightly deepen the number badge so title + number read as one hierarchy */
    .layer-index {
      background:rgba(10,49,97,.24) !important;
      border-color:rgba(10,49,97,.18) !important;
      color:#FFFFFF !important;
    }

    @media (max-width:575.98px) {
      .layer-copy strong {
        color:#0A3161 !important;
      }
    }

  
    /* =========================================================
       SECTION 02L — CORRECT NAVY BACKGROUND USE
       Navy belongs on tile backgrounds; titles return to white.
       ========================================================= */

    /* Right-side architecture tiles use the same navy family as primary CTA */
    .tech-layer,
    .layer-software,
    .layer-ai,
    .layer-data,
    .layer-cloud,
    .layer-compute,
    .layer-infra {
      background:linear-gradient(135deg,#174F88 0%,#0A3161 100%) !important;
      border:1px solid rgba(225,237,246,.15) !important;
      box-shadow:inset 3px 0 0 #79C4F2 !important;
    }

    .tech-layer:hover {
      background:linear-gradient(135deg,#1C5D9F 0%,#0D3C73 100%) !important;
      border-color:rgba(232,242,249,.22) !important;
    }

    /* Titles bright white */
    .layer-copy strong {
      color:#FFFFFF !important;
      font-weight:800 !important;
      text-shadow:none !important;
    }

    /* Descriptions stay bright/readable */
    .layer-copy span {
      color:#EAF2F7 !important;
      opacity:1 !important;
    }

    /* Number badge stays distinct inside navy tile */
    .layer-index {
      background:rgba(255,255,255,.10) !important;
      border-color:rgba(255,255,255,.16) !important;
      color:#FFFFFF !important;
    }

  
    /* =========================================================
       SECTION 02M — ARCHITECTURE BOX HARMONY + RED NUMBER BADGES
       Keep navy tiles. Improve outer panel contrast. Use restrained
       U.S. red only for the 01–06 number badges.
       ========================================================= */

    /* Outer architecture panel: cooler steel-blue for better harmony */
    .tech-architecture-card {
      background:
        linear-gradient(145deg,#4C6579 0%,#3C5366 100%) !important;
      border:1px solid rgba(220,233,242,.18) !important;
      box-shadow:
        0 28px 68px rgba(24,37,49,.18),
        inset 0 1px 0 rgba(255,255,255,.05) !important;
    }

    /* Header area stays integrated with the full panel */
    .tech-card-top {
      background:transparent !important;
      border-bottom:1px solid rgba(255,255,255,.11) !important;
    }

    .tech-card-kicker {
      color:#D6E5F0 !important;
    }

    .tech-card-title {
      color:#FFFFFF !important;
    }

    /* Footer stays within the same steel-blue family */
    .tech-card-footer {
      color:#D0DAE2 !important;
      border-top-color:rgba(255,255,255,.10) !important;
    }

    /* Red number badges inspired by U.S. flag red */
    .layer-index {
      background:#B31942 !important;
      border-color:#C54864 !important;
      color:#FFFFFF !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 4px 10px rgba(77,14,29,.14) !important;
      font-weight:800 !important;
    }

    /* Keep navy tiles exactly as the current version */
    .tech-layer,
    .layer-software,
    .layer-ai,
    .layer-data,
    .layer-cloud,
    .layer-compute,
    .layer-infra {
      background:linear-gradient(135deg,#174F88 0%,#0A3161 100%) !important;
      border:1px solid rgba(225,237,246,.15) !important;
      box-shadow:inset 3px 0 0 #79C4F2 !important;
    }

    .layer-copy strong {
      color:#FFFFFF !important;
    }

    .layer-copy span {
      color:#EAF2F7 !important;
    }

  
    /* =========================================================
       SECTION 02N — FLAG BLUE / FLAG RED BRAND RULE
       What Comes Next. = Flag Blue
       Every visible $T = Flag Red
       ========================================================= */

    :root {
      --flag-blue:#0A3161;
      --flag-red:#B31942;
    }

    /* Hero phrase */
    .hero-v2 h1 span {
      color:var(--flag-blue) !important;
      text-shadow:
        0 1px 0 rgba(255,255,255,.10),
        0 3px 18px rgba(10,49,97,.20) !important;
    }

    /* Every visible $T token */
    .brand-st-red {
      color:var(--flag-red) !important;
      font-weight:800;
    }

    /* Preserve the compact logo-side $T badge styling while changing its text */
    .st-badge .brand-st-red {
      color:var(--flag-red) !important;
    }

    /* Architecture $T mark: red text, no extra micro red dot needed */
    .tech-card-mark .brand-st-red {
      color:var(--flag-red) !important;
      font-weight:850;
    }

    .tech-card-mark::after {
      display:none !important;
    }

    /* Any hero/architecture legacy $T core mark */
    .arch-core-mark .brand-st-red,
    .system-core .brand-st-red {
      color:var(--flag-red) !important;
    }

    /* Keep red visible within topbar phrase / nav links without recoloring parent words */
    .topbar-message strong .brand-st-red,
    .itx-navbar .nav-link .brand-st-red,
    footer .brand-st-red,
    .insight-feature .brand-st-red,
    .strategic-card .brand-st-red {
      color:var(--flag-red) !important;
    }

  
    /* =========================================================
       SECTION 02O — $T WHITE CHIP + HERO BLUE RESTORE
       $T = red inside white box
       What Comes Next. = brighter ITMagix blue
       ========================================================= */

    /* Restore headline accent to a brighter ITMagix blue */
    .hero-v2 h1 span {
      color:#79B8EF !important;
      text-shadow:
        0 1px 0 rgba(255,255,255,.06),
        0 3px 18px rgba(59,139,212,.18) !important;
    }

    /* Universal visible $T chip */
    .brand-st-red {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      color:#B31942 !important;
      background:#FFFFFF !important;
      border:1px solid rgba(180,194,205,.55);
      border-radius:.28rem;
      padding:.08em .30em;
      line-height:1.15;
      font-weight:850 !important;
      box-shadow:0 1px 2px rgba(20,32,44,.06);
      vertical-align:baseline;
    }

    /* Logo-side compact $T badge becomes a clean white chip */
    .st-badge {
      background:transparent !important;
      border-color:transparent !important;
      padding:0 !important;
    }

    .st-badge .brand-st-red {
      padding:.23rem .44rem;
      border-radius:.38rem;
      font-size:.62rem;
    }

    /* Architecture $T mark = white box with red text */
    .tech-card-mark {
      background:#FFFFFF !important;
      border-color:rgba(219,230,238,.62) !important;
      box-shadow:0 3px 10px rgba(22,34,45,.08) !important;
    }

    .tech-card-mark .brand-st-red {
      background:transparent !important;
      border:0 !important;
      box-shadow:none !important;
      padding:0 !important;
      color:#B31942 !important;
      font-size:1rem;
    }

    /* Inline $T chips in text/nav stay small and unobtrusive */
    .topbar-message .brand-st-red,
    .itx-navbar .nav-link .brand-st-red,
    footer .brand-st-red,
    .insight-feature .brand-st-red,
    .strategic-card .brand-st-red {
      padding:.05em .24em;
      border-radius:.24rem;
      font-size:.90em;
    }

    /* Keep red from duplicating as an extra dot */
    .tech-card-mark::after {
      display:none !important;
    }

  
    /* =========================================================
       SECTION 02P — RUNNING-TEXT $T STAYS PLAIN
       Example: "The New Software $T Company"
       ========================================================= */

    .topbar-message .brand-st-red {
      display:inline !important;
      color:inherit !important;
      background:transparent !important;
      border:0 !important;
      border-radius:0 !important;
      padding:0 !important;
      margin:0 !important;
      box-shadow:none !important;
      font-size:inherit !important;
      font-weight:inherit !important;
      line-height:inherit !important;
      vertical-align:baseline !important;
    }

  
    /* =========================================================
       SECTION 02Q — FORCE TOPBAR RUNNING-TEXT $T TO MATCH TEXT
       ========================================================= */

    .topbar-message strong .brand-st-red {
      display:inline !important;
      color:inherit !important;
      background:transparent !important;
      border:0 !important;
      border-radius:0 !important;
      padding:0 !important;
      margin:0 !important;
      box-shadow:none !important;
      font-size:inherit !important;
      font-weight:inherit !important;
      line-height:inherit !important;
      letter-spacing:inherit !important;
      vertical-align:baseline !important;
    }

  
    .tech-architecture-card {
      background:linear-gradient(145deg,#3E5A7D 0%,#294566 100%) !important;
      border:1px solid rgba(222,233,241,.17) !important;
    }
    .tech-card-kicker { color:#D8E4EE !important; }
    .tech-card-title { color:#FFFFFF !important; }
    .tech-card-footer { color:#D1DCE5 !important; }

  
    /* =========================================================
       SECTION 01 / HERO — FLAG-PALETTE UTILITY BAR
       Only the very top utility bar is changed.
       ========================================================= */

    .itx-topbar {
      background:#0A3161 !important;              /* U.S. flag navy */
      border-bottom:2px solid #B31942 !important; /* restrained flag red */
      color:#FFFFFF !important;
    }

    .topbar-label,
    .topbar-positioning {
      color:#E8EEF5 !important;
    }

    .topbar-message strong {
      color:#FFFFFF !important;
    }

    /* Running-text $T remains completely normal */
    .topbar-message strong .brand-st-red,
    .topbar-message .brand-st-red {
      display:inline !important;
      color:inherit !important;
      background:transparent !important;
      border:0 !important;
      border-radius:0 !important;
      padding:0 !important;
      margin:0 !important;
      box-shadow:none !important;
      font-size:inherit !important;
      font-weight:inherit !important;
      line-height:inherit !important;
      letter-spacing:inherit !important;
      vertical-align:baseline !important;
    }

    .topbar-sep {
      color:rgba(255,255,255,.48) !important;
    }

    .topbar-contact {
      color:#F2F6F9 !important;
    }

    .topbar-contact i {
      color:#8CC8F2 !important;
    }

    .topbar-contact:hover,
    .topbar-contact:focus {
      color:#FFFFFF !important;
    }

    .topbar-rule {
      background:rgba(255,255,255,.24) !important;
    }

  
    /* =========================================================
       SECTION 01R — EXECUTIVE NAVY UTILITY BAR
       Match the dominant navy family used in the right architecture box.
       ========================================================= */

    .itx-topbar {
      background:linear-gradient(90deg,#3E5A7D 0%,#294566 100%) !important;
      border-bottom:1px solid rgba(179,25,66,.78) !important;
      color:#FFFFFF !important;
    }

    .topbar-label,
    .topbar-positioning {
      color:#E6EDF3 !important;
    }

    .topbar-message strong {
      color:#FFFFFF !important;
    }

    .topbar-sep {
      color:rgba(255,255,255,.46) !important;
    }

    .topbar-contact {
      color:#F2F6F9 !important;
    }

    .topbar-contact i {
      color:#9CCCF0 !important;
    }

    .topbar-rule {
      background:rgba(255,255,255,.22) !important;
    }

  
    /* =========================================================
       SECTION 01S — UTILITY BAR MATCHES RIGHT ARCHITECTURE BOX
       Exact same background gradient as Option B panel.
       ========================================================= */

    .itx-topbar {
      background:linear-gradient(145deg,#3E5A7D 0%,#294566 100%) !important;
    }

  
    /* =========================================================
       SECTION 01U — RED NAV UNDERLINE + RED DROPDOWN CARETS
       ========================================================= */

    /* Active and interaction underline */
    .itx-navbar .nav-link.active::before,
    .itx-navbar .nav-link:hover::before,
    .itx-navbar .nav-link:focus::before,
    .itx-navbar .nav-link.show::before {
      background:#B31942 !important;
    }

    /* Bootstrap dropdown caret */
    .itx-navbar .dropdown-toggle::after {
      border-top-color:#B31942 !important;
      border-right-color:transparent !important;
      border-bottom-color:transparent !important;
      border-left-color:transparent !important;
      opacity:1 !important;
    }

    /* Mobile open-state accent stays consistent */
    @media (max-width:991.98px) {
      .itx-navbar .nav-link.show {
        border-left-color:#B31942 !important;
      }
    }

  
    /* =========================================================
       SECTION 01V — WHITE CARETS + SLIGHTLY LARGER NAV TEXT
       Keep red underline only.
       ========================================================= */

    /* Restore dropdown carets to white */
    .itx-navbar .dropdown-toggle::after {
      border-top-color:#FFFFFF !important;
      border-right-color:transparent !important;
      border-bottom-color:transparent !important;
      border-left-color:transparent !important;
      opacity:.82 !important;
    }

    /* Slightly increase desktop navigation size */
    @media (min-width:992px) {
      .itx-navbar .nav-link {
        font-size:.86rem !important;
        font-weight:650 !important;
      }
    }

    /* Keep red underline / active accent */
    .itx-navbar .nav-link.active::before,
    .itx-navbar .nav-link:hover::before,
    .itx-navbar .nav-link:focus::before,
    .itx-navbar .nav-link.show::before {
      background:#B31942 !important;
    }

  
    /* =========================================================
       SECTION 03A — REFINED VERSION 1 CAPABILITY STRIP
       Unified container + restrained flag palette.
       ========================================================= */

    .cap-strip-inner {
      background:#FFFFFF !important;
      border:1px solid rgba(10,49,97,.10) !important;
      border-radius:16px !important;
      box-shadow:0 16px 38px rgba(24,39,54,.08) !important;
      overflow:hidden !important;
    }

    .cap-strip .col-md-3 {
      position:relative;
      background:#FFFFFF !important;
      border-right:1px solid rgba(10,49,97,.09) !important;
    }

    .cap-strip .col-md-3:last-child {
      border-right:0 !important;
    }

    .cap-mini {
      position:relative;
      min-height:118px !important;
      padding:1.55rem 1.55rem 1.4rem !important;
      background:#FFFFFF !important;
      transition:background .18s ease;
    }

    /* Stronger but still restrained top accents */
    .cap-mini::before {
      content:"";
      position:absolute;
      left:0 !important;
      right:0 !important;
      top:0;
      height:4px !important;
      opacity:1 !important;
      background:#0A3161 !important;
    }

    /* Transform + Operate = flag red */
    .cap-strip .col-md-3:nth-child(2) .cap-mini::before,
    .cap-strip .col-md-3:nth-child(4) .cap-mini::before {
      background:#B31942 !important;
    }

    .cap-mini strong {
      display:block;
      margin:.12rem 0 .5rem !important;
      color:#294566 !important; /* Executive Navy */
      font-size:.74rem !important;
      font-weight:820 !important;
      letter-spacing:.14em !important;
      text-transform:uppercase;
    }

    .cap-mini span {
      display:block;
      max-width:280px;
      color:#64717C !important;
      font-size:.90rem !important;
      line-height:1.55 !important;
      font-weight:500 !important;
    }

    /* Very subtle hover tint, no extra border/card effect */
    .cap-strip .col-md-3:nth-child(odd) .cap-mini:hover {
      background:linear-gradient(180deg,#FAFCFE 0%,#F5F8FB 100%) !important;
    }

    .cap-strip .col-md-3:nth-child(even) .cap-mini:hover {
      background:linear-gradient(180deg,#FFFCFD 0%,#FBF6F7 100%) !important;
    }

    @media (max-width:767.98px) {
      .cap-strip-inner {
        border-radius:14px !important;
      }

      .cap-strip .col-md-3 {
        border-right:0 !important;
        border-bottom:1px solid rgba(10,49,97,.09) !important;
      }

      .cap-strip .col-md-3:last-child {
        border-bottom:0 !important;
      }

      .cap-mini {
        min-height:auto !important;
        padding:1.15rem 1.2rem 1.05rem !important;
      }

      .cap-mini::before {
        height:3px !important;
      }

      .cap-mini span {
        max-width:none !important;
      }
    }

  
    /* =========================================================
       SECTION 03C — STATIC FLAG-TINT CAPABILITY COLUMNS
       Make the navy/red identity visible even without hover.
       ========================================================= */

    /* Permanent subtle navy tint: Build + Automate */
    .cap-strip .col-md-3:nth-child(1) .cap-mini,
    .cap-strip .col-md-3:nth-child(3) .cap-mini {
      background:linear-gradient(180deg,#F7FAFD 0%,#F3F7FB 100%) !important;
    }

    /* Permanent subtle red tint: Transform + Operate */
    .cap-strip .col-md-3:nth-child(2) .cap-mini,
    .cap-strip .col-md-3:nth-child(4) .cap-mini {
      background:linear-gradient(180deg,#FFF9FA 0%,#FCF5F7 100%) !important;
    }

    /* Keep hover restrained: only deepen the existing tint slightly */
    .cap-strip .col-md-3:nth-child(1) .cap-mini:hover,
    .cap-strip .col-md-3:nth-child(3) .cap-mini:hover {
      background:linear-gradient(180deg,#F2F7FC 0%,#ECF3F9 100%) !important;
    }

    .cap-strip .col-md-3:nth-child(2) .cap-mini:hover,
    .cap-strip .col-md-3:nth-child(4) .cap-mini:hover {
      background:linear-gradient(180deg,#FFF5F7 0%,#F9EEF1 100%) !important;
    }

    /* Keep the shared container visually unified */
    .cap-strip-inner {
      background:#FFFFFF !important;
    }

  
    /* =========================================================
       SECTION 04 — TECHNOLOGY LIFECYCLE INTRO
       Refines Section 1 only. Existing Build / Transform /
       Automate / Operate cards remain unchanged.
       ========================================================= */

    #services .lifecycle-section-head {
      margin-bottom:3.1rem;
    }

    #services .lifecycle-section-head .section-title {
      max-width:820px;
    }

    #services .lifecycle-section-head .section-lead {
      max-width:430px;
      color:#667482;
      font-size:1.02rem;
      line-height:1.72;
    }

    #services .lifecycle-bridge {
      margin-top:2.2rem;
      padding:1.05rem 1.25rem 1rem;
      border:1px solid rgba(10,49,97,.09);
      border-radius:12px;
      background:linear-gradient(90deg,rgba(10,49,97,.025),rgba(179,25,66,.018));
      box-shadow:0 10px 30px rgba(24,39,54,.035);
    }

    #services .lifecycle-bridge-copy {
      display:flex;
      align-items:baseline;
      justify-content:space-between;
      gap:1rem;
      margin-bottom:.8rem;
    }

    #services .lifecycle-kicker {
      color:#0A3161;
      font-size:.62rem;
      font-weight:850;
      letter-spacing:.15em;
      text-transform:uppercase;
      white-space:nowrap;
    }

    #services .lifecycle-bridge-copy strong {
      color:#294566;
      font-size:.88rem;
      font-weight:720;
      letter-spacing:-.01em;
    }

    #services .lifecycle-bridge-line {
      display:grid;
      grid-template-columns:auto 1fr auto 1fr auto 1fr auto;
      align-items:center;
      gap:.5rem;
    }

    #services .lifecycle-bridge-line span {
      width:8px;
      height:8px;
      border-radius:50%;
      background:#0A3161;
      box-shadow:0 0 0 4px rgba(10,49,97,.07);
    }

    #services .lifecycle-bridge-line span:nth-of-type(2),
    #services .lifecycle-bridge-line span:nth-of-type(4) {
      background:#B31942;
      box-shadow:0 0 0 4px rgba(179,25,66,.06);
    }

    #services .lifecycle-bridge-line i {
      height:1px;
      display:block;
      background:linear-gradient(90deg,rgba(10,49,97,.18),rgba(179,25,66,.14));
    }

    #services .lifecycle-bridge-end {
      display:grid;
      grid-template-columns:repeat(4,1fr);
      margin-top:.65rem;
      color:#7B8792;
      font-size:.67rem;
      font-weight:650;
      letter-spacing:.04em;
      text-transform:uppercase;
    }

    #services .lifecycle-bridge-end span:nth-child(2),
    #services .lifecycle-bridge-end span:nth-child(3) {
      text-align:center;
    }

    #services .lifecycle-bridge-end span:last-child {
      text-align:right;
    }

    @media (max-width:991.98px) {
      #services .lifecycle-section-head {
        margin-bottom:2.5rem;
      }

      #services .lifecycle-section-head .section-lead {
        max-width:720px;
      }

      #services .lifecycle-bridge {
        margin-top:1.7rem;
      }
    }

    @media (max-width:575.98px) {
      #services .lifecycle-bridge {
        padding:.9rem 1rem;
      }

      #services .lifecycle-bridge-copy {
        display:block;
        margin-bottom:.75rem;
      }

      #services .lifecycle-bridge-copy strong {
        display:block;
        margin-top:.28rem;
        font-size:.82rem;
      }

      #services .lifecycle-bridge-end {
        font-size:.54rem;
        letter-spacing:.025em;
      }

      #services .lifecycle-bridge-line {
        gap:.34rem;
      }

      #services .lifecycle-bridge-line span {
        width:7px;
        height:7px;
      }
    }

  
    /* =========================================================
       SECTION 04B — LIFECYCLE VISUAL + CARD FRAMEWORK
       Existing Build / Transform / Automate / Operate card
       content remains unchanged.
       ========================================================= */

    #services {
      position:relative;
      background:
        linear-gradient(180deg,#FFFFFF 0%,#FBFCFD 62%,#F6F8FA 100%);
      border-bottom:1px solid rgba(10,49,97,.055);
    }

    #services::before {
      content:"";
      position:absolute;
      left:0; right:0; top:0;
      height:1px;
      background:linear-gradient(90deg,transparent,rgba(10,49,97,.12),rgba(179,25,66,.09),transparent);
    }

    #services .lifecycle-section-head {
      margin-bottom:2.35rem !important;
    }

    #services .lifecycle-section-head .section-lead {
      max-width:430px;
      color:#5F6F7D;
    }

    /* Stronger lifecycle ribbon */
    #services .lifecycle-bridge {
      position:relative;
      overflow:hidden;
      margin-top:2rem !important;
      padding:0 !important;
      border:1px solid rgba(255,255,255,.12) !important;
      border-radius:16px !important;
      background:
        radial-gradient(circle at 88% 20%,rgba(121,184,239,.11),transparent 30%),
        linear-gradient(135deg,#3E5A7D 0%,#294566 100%) !important;
      box-shadow:
        0 18px 42px rgba(24,39,54,.14),
        inset 0 1px 0 rgba(255,255,255,.055) !important;
    }

    #services .lifecycle-bridge::after {
      content:"";
      position:absolute;
      left:0; right:0; top:0;
      height:3px;
      background:linear-gradient(90deg,#0A3161 0%,#0A3161 50%,#B31942 50%,#B31942 100%);
      opacity:.95;
    }

    #services .lifecycle-bridge-intro {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:1.25rem;
      padding:1.05rem 1.3rem .9rem;
      border-bottom:1px solid rgba(255,255,255,.10);
    }

    #services .lifecycle-kicker {
      color:#A9D2F1 !important;
      font-size:.62rem !important;
      font-weight:850 !important;
      letter-spacing:.16em !important;
    }

    #services .lifecycle-bridge-intro strong {
      color:#FFFFFF;
      font-size:.9rem;
      font-weight:720;
      letter-spacing:-.01em;
    }

    #services .lifecycle-stages {
      display:grid;
      grid-template-columns:repeat(4,1fr);
    }

    #services .lifecycle-stage {
      position:relative;
      min-height:82px;
      padding:1rem 1.1rem 1rem 1.2rem;
      display:grid;
      grid-template-columns:auto auto 1fr;
      align-items:center;
      gap:.7rem;
      border-right:1px solid rgba(255,255,255,.09);
    }

    #services .lifecycle-stage:last-child {
      border-right:0;
    }

    #services .lifecycle-stage::before {
      content:"";
      position:absolute;
      left:0; right:0; bottom:0;
      height:2px;
      background:transparent;
      transition:background .18s ease;
    }

    #services .lifecycle-stage:hover {
      background:rgba(255,255,255,.035);
    }

    #services .lifecycle-stage:hover::before {
      background:#79B8EF;
    }

    #services .stage-number {
      color:rgba(255,255,255,.48);
      font-size:.58rem;
      font-weight:800;
      letter-spacing:.1em;
    }

    #services .stage-dot {
      width:8px;
      height:8px;
      border-radius:50%;
      background:#79B8EF;
      box-shadow:0 0 0 4px rgba(121,184,239,.10);
    }

    #services .lifecycle-stage:nth-child(2) .stage-dot,
    #services .lifecycle-stage:nth-child(4) .stage-dot {
      background:#B31942;
      box-shadow:0 0 0 4px rgba(179,25,66,.12);
    }

    #services .lifecycle-stage strong {
      color:#FFFFFF;
      font-size:.8rem;
      font-weight:760;
      letter-spacing:.015em;
      text-transform:uppercase;
    }

    /* Give the four existing cards a clear shared visual field */
    #services .lifecycle-cards-shell {
      position:relative;
      margin-top:2.2rem;
      padding:1.15rem;
      border:1px solid rgba(10,49,97,.08);
      border-radius:22px;
      background:
        linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,249,251,.94));
      box-shadow:
        0 18px 45px rgba(24,39,54,.055),
        inset 0 1px 0 #FFFFFF;
    }

    #services .lifecycle-cards-shell::before {
      content:"";
      position:absolute;
      left:1.15rem;
      right:1.15rem;
      top:0;
      height:3px;
      border-radius:999px;
      background:linear-gradient(
        90deg,
        #0A3161 0%,
        #0A3161 24%,
        #B31942 26%,
        #B31942 49%,
        #0A3161 51%,
        #0A3161 74%,
        #B31942 76%,
        #B31942 100%
      );
      opacity:.78;
    }

    #services .lifecycle-cards-shell .pillar-card {
      background:#FFFFFF;
      border-color:#DDE4E9;
      box-shadow:0 8px 24px rgba(24,39,54,.035);
    }

    #services .lifecycle-cards-shell .pillar-card:hover {
      box-shadow:0 20px 48px rgba(24,39,54,.10);
    }

    @media (max-width:991.98px) {
      #services .lifecycle-stages {
        grid-template-columns:1fr 1fr;
      }

      #services .lifecycle-stage:nth-child(2) {
        border-right:0;
      }

      #services .lifecycle-stage:nth-child(-n+2) {
        border-bottom:1px solid rgba(255,255,255,.09);
      }

      #services .lifecycle-cards-shell {
        margin-top:1.7rem;
        padding:1rem;
      }
    }

    @media (max-width:575.98px) {
      #services .lifecycle-bridge-intro {
        display:block;
        padding:1rem 1rem .85rem;
      }

      #services .lifecycle-bridge-intro strong {
        display:block;
        margin-top:.32rem;
        font-size:.82rem;
      }

      #services .lifecycle-stages {
        grid-template-columns:1fr;
      }

      #services .lifecycle-stage,
      #services .lifecycle-stage:nth-child(2) {
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.08);
      }

      #services .lifecycle-stage:last-child {
        border-bottom:0;
      }

      #services .lifecycle-stage {
        min-height:62px;
        padding:.8rem 1rem;
      }

      #services .lifecycle-cards-shell {
        padding:.75rem;
        border-radius:17px;
      }

      #services .lifecycle-cards-shell::before {
        left:.75rem;
        right:.75rem;
      }
    }

  
    /* =========================================================
       SECTION 04C — FLAG PALETTE + LOWER CARD ACCENT LINE
       Build / Automate = navy
       Transform / Operate = restrained flag red
       Move shared segmented accent line to bottom of card group.
       ========================================================= */

    /* Remove the accent from the top and place it at the bottom */
    #services .lifecycle-cards-shell::before {
      top:auto !important;
      bottom:0 !important;
      height:4px !important;
      border-radius:0 0 18px 18px !important;
      background:linear-gradient(
        90deg,
        #0A3161 0%,
        #0A3161 24%,
        #B31942 26%,
        #B31942 49%,
        #0A3161 51%,
        #0A3161 74%,
        #B31942 76%,
        #B31942 100%
      ) !important;
      opacity:.92 !important;
    }

    /* Replace legacy green / purple / gold card edge accents */
    #services .pillar-card::before,
    #services .pillar-card.build-card::before,
    #services .pillar-card.automate-card::before {
      background:#0A3161 !important;
    }

    #services .pillar-card.transform-card::before,
    #services .pillar-card.operate-card::before {
      background:#B31942 !important;
    }

    /* Unified flag-inspired icon system */
    #services .build-card .pillar-icon,
    #services .automate-card .pillar-icon {
      background:#F3F7FB !important;
      border-color:rgba(10,49,97,.12) !important;
      color:#0A3161 !important;
    }

    #services .transform-card .pillar-icon,
    #services .operate-card .pillar-icon {
      background:#FFF5F7 !important;
      border-color:rgba(179,25,66,.13) !important;
      color:#B31942 !important;
    }

    /* Card index follows the same navy/red rhythm */
    #services .build-card .pillar-index,
    #services .automate-card .pillar-index {
      color:#607A96 !important;
    }

    #services .transform-card .pillar-index,
    #services .operate-card .pillar-index {
      color:#9C6371 !important;
    }

    /* Keep links one corporate blue, avoiding rainbow styling */
    #services .pillar-card .text-link {
      color:#176FB7 !important;
    }

    /* A little more breathing room above the moved bottom line */
    #services .lifecycle-cards-shell {
      padding-bottom:1.3rem !important;
    }

    @media (max-width:575.98px) {
      #services .lifecycle-cards-shell::before {
        height:3px !important;
        border-radius:0 0 14px 14px !important;
      }
    }

  
    /* =========================================================
       SECTION 04D — REDUCE TOP SPACE
       Tighten only the space before "Technology Lifecycle".
       Internal spacing and card layout remain unchanged.
       ========================================================= */

    #services.section-pad {
      padding-top:72px !important;
    }

    @media (max-width:991.98px) {
      #services.section-pad {
        padding-top:60px !important;
      }
    }

    @media (max-width:575.98px) {
      #services.section-pad {
        padding-top:48px !important;
      }
    }

  
    /* =========================================================
       SECTION 05 — TECHNOLOGY STACK
       Distinct purpose: WHAT technology layers ITMagix covers.
       Avoids repeating lifecycle and future-expansion sections.
       ========================================================= */

    .technology-stack-section {
      position:relative;
      overflow:hidden;
      background:
        radial-gradient(circle at 88% 14%,rgba(121,184,239,.11),transparent 26%),
        linear-gradient(138deg,#34495F 0%,#253A50 58%,#1E3247 100%) !important;
      border-top:1px solid rgba(255,255,255,.05);
      border-bottom:1px solid rgba(255,255,255,.05);
    }

    .technology-stack-section::before {
      content:"";
      position:absolute;
      left:0;right:0;top:0;
      height:4px;
      background:linear-gradient(90deg,#0A3161 0 50%,#B31942 50% 100%);
      opacity:.95;
    }

    .technology-stack-section::after {
      content:"";
      position:absolute;
      width:520px;
      height:520px;
      border-radius:50%;
      right:-250px;
      bottom:-300px;
      border:1px solid rgba(255,255,255,.035);
      box-shadow:
        0 0 0 85px rgba(255,255,255,.012),
        0 0 0 170px rgba(255,255,255,.008);
      pointer-events:none;
    }

    .technology-stack-section .technology-stack-copy {
      position:relative;
      z-index:2;
      max-width:510px;
      padding-top:.25rem;
    }

    .technology-stack-section .eyebrow {
      color:#9CCCF0;
    }

    .technology-stack-section .section-title {
      color:#FFFFFF;
      max-width:620px;
      margin-bottom:1.4rem;
    }

    .technology-stack-section .section-lead {
      color:#C2CFD9;
      max-width:500px;
      font-size:1.02rem;
      line-height:1.72;
    }

    .stack-principle {
      display:flex;
      align-items:flex-start;
      gap:.85rem;
      margin-top:2rem;
      padding-top:1.3rem;
      border-top:1px solid rgba(255,255,255,.10);
    }

    .stack-principle-mark {
      flex:0 0 auto;
      width:9px;
      height:9px;
      margin-top:.34rem;
      border-radius:50%;
      background:#B31942;
      box-shadow:0 0 0 5px rgba(179,25,66,.10);
    }

    .stack-principle strong {
      display:block;
      color:#FFFFFF;
      font-size:.9rem;
      font-weight:760;
      margin-bottom:.2rem;
    }

    .stack-principle span:not(.stack-principle-mark) {
      display:block;
      color:#93A6B5;
      font-size:.78rem;
      line-height:1.55;
    }

    .technology-stack-panel {
      position:relative;
      z-index:2;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.12);
      border-radius:18px;
      background:rgba(255,255,255,.035);
      box-shadow:
        0 28px 70px rgba(8,22,35,.22),
        inset 0 1px 0 rgba(255,255,255,.045);
      backdrop-filter:blur(7px);
    }

    .stack-layer {
      position:relative;
      display:grid;
      grid-template-columns:42px 46px 1fr;
      align-items:center;
      gap:1rem;
      min-height:78px;
      padding:1rem 1.2rem;
      border-bottom:1px solid rgba(255,255,255,.085);
      transition:background .18s ease, transform .18s ease;
    }

    .stack-layer:last-of-type {
      border-bottom:0;
    }

    .stack-layer::before {
      content:"";
      position:absolute;
      left:0;
      top:0;
      bottom:0;
      width:4px;
      background:#0A3161;
    }

    .stack-layer:nth-child(even)::before {
      background:#B31942;
    }

    .stack-layer:hover {
      background:rgba(255,255,255,.045);
    }

    .stack-layer-index {
      color:#A7BAC8;
      font-size:.61rem;
      font-weight:850;
      letter-spacing:.12em;
    }

    .stack-layer-icon {
      width:42px;
      height:42px;
      display:grid;
      place-items:center;
      border-radius:14px;
      background:rgba(255,255,255,.055);
      border:1px solid rgba(255,255,255,.09);
      color:#A9D2F1;
      font-size:1rem;
    }

    .stack-layer:nth-child(even) .stack-layer-icon {
      color:#E5A8B6;
      background:rgba(179,25,66,.07);
      border-color:rgba(179,25,66,.16);
    }

    .stack-layer-copy {
      min-width:0;
    }

    .stack-layer-copy strong {
      display:block;
      color:#FFFFFF;
      font-size:1rem;
      font-weight:760;
      letter-spacing:-.012em;
      margin-bottom:.22rem;
    }

    .stack-layer-copy span {
      display:block;
      color:#B8C7D2;
      font-size:.76rem;
      line-height:1.45;
    }

    .stack-panel-footer {
      display:flex;
      align-items:center;
      justify-content:center;
      flex-wrap:wrap;
      gap:.55rem;
      padding:.8rem 1rem;
      border-top:1px solid rgba(255,255,255,.09);
      background:rgba(8,26,42,.20);
      color:#849AAA;
      font-size:.58rem;
      font-weight:780;
      letter-spacing:.10em;
      text-transform:uppercase;
    }

    .stack-panel-footer i {
      color:#6D8496;
      font-size:.62rem;
    }

    @media (max-width:991.98px) {
      .technology-stack-section .technology-stack-copy {
        max-width:760px;
      }

      .technology-stack-section .section-lead {
        max-width:720px;
      }

      .technology-stack-panel {
        margin-top:.5rem;
      }
    }

    @media (max-width:575.98px) {
      .technology-stack-section {
        padding-top:72px !important;
        padding-bottom:72px !important;
      }

      .stack-principle {
        margin-top:1.5rem;
      }

      .stack-layer {
        grid-template-columns:30px 38px 1fr;
        gap:.72rem;
        min-height:70px;
        padding:.85rem .85rem;
      }

      .stack-layer-icon {
        width:36px;
        height:36px;
        border-radius:9px;
        font-size:.9rem;
      }

      .stack-layer-copy strong {
        font-size:.9rem;
      }

      .stack-layer-copy span {
        font-size:.68rem;
      }

      .stack-panel-footer {
        gap:.4rem;
        font-size:.49rem;
        letter-spacing:.07em;
      }
    }

  
    /* =========================================================
       SECTION 05B — OPEN TECHNOLOGY STACK
       Remove Hero-like boxed architecture panel.
       Create a distinct layered / stepped technology landscape.
       ========================================================= */

    .technology-stack-open {
      position:relative;
      z-index:2;
      padding:1rem 0 .25rem;
    }

    .technology-stack-open::before {
      content:"";
      position:absolute;
      right:2%;
      top:0;
      bottom:2.2rem;
      width:1px;
      background:linear-gradient(
        180deg,
        transparent,
        rgba(156,204,240,.22) 12%,
        rgba(156,204,240,.12) 88%,
        transparent
      );
    }

    .stack-band {
      position:relative;
      min-height:76px;
      margin-left:auto;
      margin-bottom:.62rem;
      display:grid;
      grid-template-columns:44px 1fr;
      align-items:center;
      gap:1rem;
      padding:.9rem 1.15rem;
      background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
      border-top:1px solid rgba(255,255,255,.085);
      border-bottom:1px solid rgba(255,255,255,.055);
      border-left:4px solid #0A3161;
      border-radius:9px 0 0 9px;
      box-shadow:0 10px 30px rgba(9,23,36,.07);
      transition:transform .18s ease, background .18s ease;
    }

    .stack-band:nth-child(even) {
      border-left-color:#B31942;
    }

    .stack-band:hover {
      transform:translateX(-5px);
      background:linear-gradient(90deg,rgba(255,255,255,.075),rgba(255,255,255,.032));
    }

    /* Stepped stack: infrastructure forms the broad foundation */
    .band-software       { width:68%; }
    .band-ai             { width:75%; }
    .band-data           { width:82%; }
    .band-cloud          { width:88%; }
    .band-compute        { width:94%; }
    .band-infrastructure { width:100%; }

    .stack-band::after {
      content:"";
      position:absolute;
      right:-5px;
      top:50%;
      transform:translateY(-50%);
      width:9px;
      height:9px;
      border-radius:50%;
      background:#79B8EF;
      box-shadow:0 0 0 4px rgba(121,184,239,.08);
    }

    .stack-band:nth-child(even)::after {
      background:#B31942;
      box-shadow:0 0 0 4px rgba(179,25,66,.09);
    }

    .stack-band-icon {
      width:38px;
      height:38px;
      display:grid;
      place-items:center;
      color:#AED5F3;
      font-size:1rem;
    }

    .stack-band:nth-child(even) .stack-band-icon {
      color:#E7A9B7;
    }

    .stack-band-copy {
      min-width:0;
    }

    .stack-band-copy strong {
      display:block;
      color:#FFFFFF;
      font-size:1rem;
      font-weight:760;
      letter-spacing:-.015em;
      margin-bottom:.18rem;
    }

    .stack-band-copy span {
      display:block;
      color:#B9C8D3;
      font-size:.75rem;
      line-height:1.45;
    }

    .stack-base-line {
      display:flex;
      align-items:center;
      justify-content:flex-end;
      flex-wrap:wrap;
      gap:.52rem;
      margin-top:1rem;
      padding-right:1.2rem;
      color:#8297A7;
      font-size:.55rem;
      font-weight:800;
      letter-spacing:.11em;
      text-transform:uppercase;
    }

    .stack-base-line i {
      width:24px;
      height:1px;
      display:block;
      background:rgba(255,255,255,.14);
    }

    /* Retire the previous Hero-like panel styling */
    .technology-stack-section .technology-stack-panel,
    .technology-stack-section .stack-layer,
    .technology-stack-section .stack-panel-footer {
      display:none !important;
    }

    @media (max-width:991.98px) {
      .technology-stack-open {
        margin-top:.4rem;
      }

      .band-software,
      .band-ai,
      .band-data,
      .band-cloud,
      .band-compute,
      .band-infrastructure {
        width:100%;
      }

      .technology-stack-open::before {
        display:none;
      }

      .stack-band {
        border-radius:9px;
      }

      .stack-band:hover {
        transform:none;
      }

      .stack-band::after {
        right:1rem;
      }

      .stack-base-line {
        justify-content:flex-start;
        padding-right:0;
      }
    }

    @media (max-width:575.98px) {
      .stack-band {
        grid-template-columns:34px 1fr;
        min-height:66px;
        gap:.65rem;
        padding:.78rem .85rem;
      }

      .stack-band-icon {
        width:32px;
        height:32px;
        font-size:.88rem;
      }

      .stack-band-copy strong {
        font-size:.9rem;
      }

      .stack-band-copy span {
        font-size:.67rem;
        padding-right:1.2rem;
      }

      .stack-base-line {
        gap:.35rem;
        font-size:.46rem;
        letter-spacing:.07em;
      }

      .stack-base-line i {
        width:13px;
      }
    }

  
    /* =========================================================
       SECTION 05C — HIGH-INTENT STACK COPY + PROPORTION POLISH
       Makes Section 2 clearly distinct from the Hero architecture.
       ========================================================= */

    /* Slightly tighter step progression */
    .band-software       { width:74% !important; }
    .band-ai             { width:79% !important; }
    .band-data           { width:84% !important; }
    .band-cloud          { width:89% !important; }
    .band-compute        { width:94% !important; }
    .band-infrastructure { width:100% !important; }

    /* Outcome-led copy needs a little more reading room */
    .stack-band-copy span {
      max-width:640px;
      color:#C1CFD9 !important;
      font-size:.77rem !important;
      line-height:1.48 !important;
    }

    /* Right-edge nodes stay visible but quieter */
    .stack-band::after {
      width:7px !important;
      height:7px !important;
      opacity:.74;
      box-shadow:0 0 0 4px rgba(121,184,239,.055) !important;
    }

    .stack-band:nth-child(even)::after {
      box-shadow:0 0 0 4px rgba(179,25,66,.055) !important;
    }

    /* Bring the stack descriptor closer to the layers */
    .stack-base-line {
      margin-top:.58rem !important;
      padding-right:.8rem !important;
      color:#A0B2C0 !important;
      font-size:.56rem !important;
    }

    .stack-base-line i {
      background:rgba(255,255,255,.20) !important;
    }

    /* Slightly tighten the left narrative block */
    .technology-stack-section .section-lead {
      max-width:475px !important;
    }

    @media (max-width:991.98px) {
      .band-software,
      .band-ai,
      .band-data,
      .band-cloud,
      .band-compute,
      .band-infrastructure {
        width:100% !important;
      }

      .technology-stack-section .section-lead {
        max-width:720px !important;
      }

      .stack-band-copy span {
        max-width:none;
      }
    }

    @media (max-width:575.98px) {
      .stack-band-copy span {
        font-size:.68rem !important;
        line-height:1.46 !important;
      }

      .stack-base-line {
        margin-top:.5rem !important;
        padding-right:0 !important;
      }
    }

  
    /* =========================================================
       SECTION 05D — FINAL STACK PROPORTION POLISH
       Minor spacing and proportion refinement only.
       ========================================================= */

    /* Slightly broaden the upper layers so the progression feels more controlled */
    .band-software       { width:78% !important; }
    .band-ai             { width:82% !important; }
    .band-data           { width:86% !important; }
    .band-cloud          { width:90% !important; }
    .band-compute        { width:95% !important; }
    .band-infrastructure { width:100% !important; }

    /* Pull the stack slightly inward from the right edge */
    .technology-stack-open {
      padding-right:1.15rem !important;
    }

    /* Bring the bottom descriptor closer to the stack and increase legibility */
    .stack-base-line {
      margin-top:.28rem !important;
      padding-right:1.15rem !important;
      color:#B1C0CC !important;
      font-size:.57rem !important;
      letter-spacing:.105em !important;
    }

    .stack-base-line i {
      background:rgba(255,255,255,.24) !important;
    }

    @media (max-width:991.98px) {
      .band-software,
      .band-ai,
      .band-data,
      .band-cloud,
      .band-compute,
      .band-infrastructure {
        width:100% !important;
      }

      .technology-stack-open {
        padding-right:0 !important;
      }

      .stack-base-line {
        padding-right:0 !important;
      }
    }

  
    /* =========================================================
       SECTION 06 — INDUSTRIES
       Distinct purpose: WHERE ITMagix applies technology.
       Editorial matrix, not another generic card grid.
       ========================================================= */

    .industries-section {
      position:relative;
      background:
        linear-gradient(180deg,#FFFFFF 0%,#FAFBFC 100%);
      border-bottom:1px solid rgba(10,49,97,.055);
    }

    .industries-section::before {
      content:"";
      position:absolute;
      left:0;right:0;top:0;
      height:1px;
      background:linear-gradient(90deg,transparent,rgba(10,49,97,.09),rgba(179,25,66,.07),transparent);
    }

    .industries-head {
      margin-bottom:2.8rem;
    }

    .industries-section .section-title {
      max-width:760px;
    }

    .industry-intro {
      max-width:500px;
      color:#667482;
      font-size:.98rem;
      line-height:1.68;
    }

    .industry-matrix {
      display:grid;
      grid-template-columns:1fr 1fr;
      border:1px solid rgba(10,49,97,.09);
      border-radius:18px;
      overflow:hidden;
      background:#FFFFFF;
      box-shadow:0 18px 48px rgba(24,39,54,.055);
    }

    .industry-row {
      position:relative;
      min-height:164px;
      display:grid;
      grid-template-columns:38px 48px 1fr 24px;
      align-items:start;
      gap:1rem;
      padding:1.55rem 1.45rem 1.4rem;
      border-bottom:1px solid #E8EDF1;
      transition:background .18s ease, transform .18s ease;
    }

    .industry-row:nth-child(odd) {
      border-right:1px solid #E8EDF1;
    }

    .industry-row:nth-last-child(-n+2) {
      border-bottom:0;
    }

    .industry-row::before {
      content:"";
      position:absolute;
      left:0;top:0;bottom:0;
      width:4px;
      background:#0A3161;
    }

    .industry-row.industry-red::before {
      background:#B31942;
    }

    .industry-row:hover {
      background:#F8FAFC;
    }

    .industry-row-index {
      color:#8A98A5;
      font-size:.61rem;
      font-weight:850;
      letter-spacing:.12em;
      padding-top:.65rem;
    }

    .industry-row-icon {
      width:42px;
      height:42px;
      display:grid;
      place-items:center;
      border-radius:14px;
      background:#F3F7FB;
      border:1px solid rgba(10,49,97,.10);
      color:#0A3161;
      font-size:1rem;
    }

    .industry-red .industry-row-icon {
      background:#FFF5F7;
      border-color:rgba(179,25,66,.12);
      color:#B31942;
    }

    .industry-row-copy h3 {
      margin:.05rem 0 .5rem;
      color:#17202A;
      font-size:1.18rem;
      font-weight:740;
      letter-spacing:-.025em;
    }

    .industry-row-copy p {
      margin:0;
      max-width:430px;
      color:#667482;
      font-size:.84rem;
      line-height:1.58;
    }

    .industry-row-arrow {
      color:#9AA7B2;
      font-size:.85rem;
      padding-top:.2rem;
      transition:transform .18s ease,color .18s ease;
    }

    .industry-row:hover .industry-row-arrow {
      transform:translate(2px,-2px);
      color:#176FB7;
    }

    @media (max-width:991.98px) {
      .industry-intro {
        max-width:720px;
      }

      .industry-matrix {
        grid-template-columns:1fr;
      }

      .industry-row,
      .industry-row:nth-child(odd),
      .industry-row:nth-last-child(-n+2) {
        border-right:0;
        border-bottom:1px solid #E8EDF1;
      }

      .industry-row:last-child {
        border-bottom:0;
      }
    }

    @media (max-width:575.98px) {
      .industries-section {
        padding-top:72px !important;
        padding-bottom:72px !important;
      }

      .industries-head {
        margin-bottom:2rem;
      }

      .industry-row {
        min-height:auto;
        grid-template-columns:30px 40px 1fr;
        gap:.75rem;
        padding:1.15rem 1rem 1.1rem;
      }

      .industry-row-arrow {
        display:none;
      }

      .industry-row-icon {
        width:36px;
        height:36px;
        border-radius:9px;
        font-size:.9rem;
      }

      .industry-row-index {
        padding-top:.55rem;
      }

      .industry-row-copy h3 {
        font-size:1.02rem;
      }

      .industry-row-copy p {
        font-size:.78rem;
      }
    }

  
    /* =========================================================
       SECTION 06B — INDUSTRY LANDSCAPE
       New visual language: no colored side borders, no boxed matrix.
       ========================================================= */

    .industry-landscape {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      margin-top:.25rem;
      border-top:1px solid #DDE4E9;
      border-bottom:1px solid #DDE4E9;
      background:
        linear-gradient(180deg,rgba(247,250,252,.72),rgba(255,255,255,.95));
    }

    .industry-landscape-item {
      position:relative;
      min-height:260px;
      padding:1.8rem 1.7rem 1.55rem;
      display:flex;
      flex-direction:column;
      border-right:1px solid #E4E9ED;
      border-bottom:1px solid #E4E9ED;
      transition:background .18s ease, transform .18s ease;
    }

    .industry-landscape-item:nth-child(3n) {
      border-right:0;
    }

    .industry-landscape-item:nth-last-child(-n+3) {
      border-bottom:0;
    }

    .industry-landscape-item:hover {
      background:#FFFFFF;
    }

    .industry-landscape-top {
      display:flex;
      align-items:center;
      justify-content:space-between;
      margin-bottom:2.25rem;
    }

    .industry-landscape-index {
      color:#A7B1BA;
      font-size:.62rem;
      font-weight:850;
      letter-spacing:.16em;
    }

    .industry-landscape-icon {
      width:42px;
      height:42px;
      display:grid;
      place-items:center;
      border-radius:50%;
      background:#F3F7FB;
      border:1px solid rgba(10,49,97,.10);
      color:#0A3161;
      font-size:1rem;
    }

    .tone-red .industry-landscape-icon {
      background:#FFF5F7;
      border-color:rgba(179,25,66,.12);
      color:#B31942;
    }

    .industry-landscape-item h3 {
      margin:0 0 .7rem;
      color:#17202A;
      font-size:1.25rem;
      font-weight:750;
      letter-spacing:-.03em;
    }

    .industry-landscape-item p {
      margin:0;
      color:#667482;
      font-size:.86rem;
      line-height:1.62;
      max-width:355px;
    }

    .industry-landscape-link {
      margin-top:auto;
      padding-top:1.7rem;
      display:inline-flex;
      align-items:center;
      gap:.4rem;
      color:#6F7D89;
      text-decoration:none;
      font-size:.73rem;
      font-weight:760;
      letter-spacing:.025em;
      text-transform:uppercase;
      transition:color .18s ease,gap .18s ease;
    }

    .industry-landscape-link i {
      font-size:.74rem;
    }

    .industry-landscape-item:hover .industry-landscape-link {
      color:#176FB7;
      gap:.55rem;
    }

    /* tiny flag-color detail only; no perimeter borders */
    .industry-landscape-item::after {
      content:"";
      position:absolute;
      left:1.7rem;
      top:0;
      width:34px;
      height:2px;
      background:#0A3161;
      opacity:.75;
    }

    .industry-landscape-item.tone-red::after {
      background:#B31942;
    }

    @media (max-width:991.98px) {
      .industry-landscape {
        grid-template-columns:1fr 1fr;
      }

      .industry-landscape-item,
      .industry-landscape-item:nth-child(3n),
      .industry-landscape-item:nth-last-child(-n+3) {
        border-right:1px solid #E4E9ED;
        border-bottom:1px solid #E4E9ED;
      }

      .industry-landscape-item:nth-child(2n) {
        border-right:0;
      }

      .industry-landscape-item:nth-last-child(-n+2) {
        border-bottom:0;
      }
    }

    @media (max-width:575.98px) {
      .industry-landscape {
        grid-template-columns:1fr;
      }

      .industry-landscape-item,
      .industry-landscape-item:nth-child(2n),
      .industry-landscape-item:nth-child(3n),
      .industry-landscape-item:nth-last-child(-n+2),
      .industry-landscape-item:nth-last-child(-n+3) {
        border-right:0;
        border-bottom:1px solid #E4E9ED;
      }

      .industry-landscape-item:last-child {
        border-bottom:0;
      }

      .industry-landscape-item {
        min-height:220px;
        padding:1.4rem 1.2rem 1.25rem;
      }

      .industry-landscape-top {
        margin-bottom:1.5rem;
      }

      .industry-landscape-item::after {
        left:1.2rem;
      }

      .industry-landscape-item h3 {
        font-size:1.08rem;
      }

      .industry-landscape-item p {
        font-size:.8rem;
      }
    }

    /* Retire previous Section 3 matrix visuals */
    .industry-matrix,
    .industry-row {
      display:none !important;
    }

  
    /* =========================================================
       SECTION 06C — INDUSTRY PHOTO ACCENT CARDS
       Text-first cards with subtle right-side photography.
       No full-photo backgrounds and no colored side borders.
       ========================================================= */

    .industry-photo-grid {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:1rem;
      margin-top:.35rem;
    }

    .industry-photo-card {
      position:relative;
      min-height:258px;
      overflow:hidden;
      display:grid;
      grid-template-columns:minmax(0,1.45fr) minmax(150px,.78fr);
      background:#FFFFFF;
      border:1px solid #DFE6EB;
      border-radius:16px;
      box-shadow:0 10px 28px rgba(24,39,54,.045);
      transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }

    .industry-photo-card:hover {
      transform:translateY(-4px);
      border-color:#D2DDE5;
      box-shadow:0 20px 44px rgba(24,39,54,.085);
    }

    .industry-photo-content {
      position:relative;
      z-index:2;
      display:flex;
      flex-direction:column;
      min-width:0;
      padding:1.35rem 1.2rem 1.15rem 1.25rem;
      background:
        linear-gradient(90deg,#FFFFFF 0%,rgba(255,255,255,.98) 78%,rgba(255,255,255,.72) 100%);
    }

    .industry-photo-meta {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:.75rem;
      margin-bottom:1.25rem;
    }

    .industry-photo-index {
      color:#9AA7B2;
      font-size:.61rem;
      font-weight:850;
      letter-spacing:.15em;
    }

    .industry-photo-icon {
      width:38px;
      height:38px;
      display:grid;
      place-items:center;
      border-radius:50%;
      background:#F2F7FB;
      border:1px solid rgba(10,49,97,.10);
      color:#0A3161;
      font-size:.95rem;
    }

    .tone-red .industry-photo-icon {
      background:#FFF5F7;
      border-color:rgba(179,25,66,.12);
      color:#B31942;
    }

    .industry-photo-card h3 {
      margin:0 0 .55rem;
      color:#17202A;
      font-size:1.12rem;
      font-weight:760;
      letter-spacing:-.028em;
      line-height:1.2;
    }

    .industry-photo-card p {
      margin:0;
      color:#667482;
      font-size:.82rem;
      line-height:1.56;
      max-width:320px;
    }

    .industry-photo-link {
      margin-top:auto;
      padding-top:1.25rem;
      display:inline-flex;
      align-items:center;
      gap:.4rem;
      color:#60778C;
      text-decoration:none;
      font-size:.7rem;
      font-weight:800;
      letter-spacing:.04em;
      text-transform:uppercase;
      transition:color .18s ease,gap .18s ease;
    }

    .industry-photo-link:hover {
      color:#176FB7;
      gap:.55rem;
    }

    .industry-photo-visual {
      position:relative;
      min-height:100%;
      background-position:center;
      background-size:cover;
      filter:saturate(.70) contrast(.96);
    }

    .industry-photo-visual::before {
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(90deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.26) 46%,rgba(10,49,97,.06) 100%);
    }

    .industry-photo-visual::after {
      content:"";
      position:absolute;
      left:-34px;
      top:-15%;
      width:78px;
      height:130%;
      background:rgba(255,255,255,.92);
      transform:rotate(8deg);
      box-shadow:18px 0 34px rgba(255,255,255,.34);
    }

    .tone-red .industry-photo-visual::before {
      background:
        linear-gradient(90deg,rgba(255,255,255,.82) 0%,rgba(255,255,255,.26) 46%,rgba(179,25,66,.035) 100%);
    }

    /* Free Unsplash image accents */
    .visual-realestate {
      background-image:url("../images/home/industry-real-estate.jpg");
    }

    .visual-finance {
      background-image:url("../images/home/lifecycle-automate-analytics.jpg");
    }

    .visual-healthcare {
      background-image:url("../images/home/industry-healthcare.jpg");
    }

    .visual-retail {
      background-image:url("../images/home/industry-retail.jpg");
    }

    .visual-saas {
      background-image:url("../images/home/lifecycle-build-software.jpg");
    }

    .visual-enterprise {
      background-image:url("../images/home/industry-enterprise.jpg");
    }

    @media (max-width:1199.98px) {
      .industry-photo-card {
        grid-template-columns:minmax(0,1.35fr) minmax(130px,.72fr);
      }
    }

    @media (max-width:991.98px) {
      .industry-photo-grid {
        grid-template-columns:1fr 1fr;
      }

      .industry-photo-card {
        grid-template-columns:minmax(0,1.4fr) minmax(135px,.72fr);
      }
    }

    @media (max-width:575.98px) {
      .industry-photo-grid {
        grid-template-columns:1fr;
      }

      .industry-photo-card {
        min-height:230px;
        grid-template-columns:minmax(0,1.5fr) minmax(120px,.68fr);
        border-radius:14px;
      }

      .industry-photo-content {
        padding:1.15rem 1rem 1rem;
      }

      .industry-photo-meta {
        margin-bottom:1rem;
      }

      .industry-photo-card h3 {
        font-size:1.02rem;
      }

      .industry-photo-card p {
        font-size:.77rem;
      }

      .industry-photo-visual::after {
        left:-40px;
      }
    }

    /* Retire earlier industry layout variants */
    .industry-landscape,
    .industry-landscape-item,
    .industry-matrix,
    .industry-row {
      display:none !important;
    }

  
    /* =========================================================
       SECTION 06D — INDUSTRY IMAGE CONSISTENCY POLISH
       Keep v56 structure. Refine photo treatment only.
       ========================================================= */

    /* Make the image zone consistent across all six cards */
    .industry-photo-card {
      grid-template-columns:minmax(0,1.5fr) 190px !important;
    }

    .industry-photo-visual {
      width:190px !important;
      min-width:190px !important;
      justify-self:end;
      background-position:center center !important;
      background-size:cover !important;
      filter:
        saturate(.66)
        contrast(.97)
        brightness(.98)
        sepia(.03)
        hue-rotate(178deg) !important;
    }

    /* Slightly stronger image presence while keeping text dominant */
    .industry-photo-visual::before {
      background:
        linear-gradient(
          90deg,
          rgba(255,255,255,.78) 0%,
          rgba(255,255,255,.20) 44%,
          rgba(10,49,97,.08) 100%
        ) !important;
    }

    .tone-red .industry-photo-visual::before {
      background:
        linear-gradient(
          90deg,
          rgba(255,255,255,.78) 0%,
          rgba(255,255,255,.20) 44%,
          rgba(179,25,66,.045) 100%
        ) !important;
    }

    /* Keep the soft transition between copy and photography consistent */
    .industry-photo-visual::after {
      left:-30px !important;
      width:72px !important;
      background:rgba(255,255,255,.90) !important;
      box-shadow:16px 0 30px rgba(255,255,255,.28) !important;
    }

    /* Slightly stronger edge definition without turning cards heavy */
    .industry-photo-card {
      border-color:#DCE4EA !important;
      box-shadow:0 10px 28px rgba(24,39,54,.05) !important;
    }

    .industry-photo-card:hover {
      border-color:#CBD7E0 !important;
      box-shadow:0 20px 46px rgba(24,39,54,.09) !important;
    }

    /* Keep all image subjects framed predictably */
    .visual-realestate  { background-position:center center !important; }
    .visual-finance     { background-position:center center !important; }
    .visual-healthcare  { background-position:center center !important; }
    .visual-retail      { background-position:center center !important; }
    .visual-saas        { background-position:center center !important; }
    .visual-enterprise  { background-position:center center !important; }

    @media (max-width:1199.98px) {
      .industry-photo-card {
        grid-template-columns:minmax(0,1.45fr) 165px !important;
      }

      .industry-photo-visual {
        width:165px !important;
        min-width:165px !important;
      }
    }

    @media (max-width:991.98px) {
      .industry-photo-card {
        grid-template-columns:minmax(0,1.45fr) 160px !important;
      }

      .industry-photo-visual {
        width:160px !important;
        min-width:160px !important;
      }
    }

    @media (max-width:575.98px) {
      .industry-photo-card {
        grid-template-columns:minmax(0,1.5fr) 125px !important;
      }

      .industry-photo-visual {
        width:125px !important;
        min-width:125px !important;
      }

      .industry-photo-visual::after {
        left:-36px !important;
        width:62px !important;
      }
    }

  
    /* =========================================================
       SECTION 07 — BUSINESS DECISIONS
       Distinct purpose: WHEN technology becomes strategic.
       Executive decision framework, not a service-card grid.
       ========================================================= */

    .decision-section {
      position:relative;
      overflow:hidden;
      background:
        linear-gradient(180deg,#F5F7F9 0%,#F8FAFB 100%) !important;
      border-top:1px solid #E7ECEF;
      border-bottom:1px solid #E2E8EC;
    }

    .decision-section::before {
      content:"";
      position:absolute;
      right:-160px;
      top:-210px;
      width:460px;
      height:460px;
      border-radius:50%;
      border:1px solid rgba(10,49,97,.035);
      box-shadow:
        0 0 0 70px rgba(10,49,97,.012),
        0 0 0 140px rgba(179,25,66,.008);
      pointer-events:none;
    }

    .decision-section-head {
      position:relative;
      z-index:2;
      margin-bottom:3rem;
    }

    .decision-section .section-title {
      max-width:780px;
    }

    .decision-section .section-lead {
      max-width:500px;
      color:#667482;
      font-size:1rem;
      line-height:1.7;
    }

    .decision-framework {
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:minmax(270px,.72fr) minmax(0,1.8fr);
      border-top:1px solid #D9E1E7;
      border-bottom:1px solid #D9E1E7;
      background:#FFFFFF;
      box-shadow:0 18px 48px rgba(24,39,54,.045);
    }

    .decision-framework-intro {
      position:relative;
      padding:2.2rem 2rem 2rem;
      background:
        linear-gradient(145deg,#3E5A7D 0%,#294566 100%);
      color:#FFFFFF;
      overflow:hidden;
    }

    .decision-framework-intro::before {
      content:"";
      position:absolute;
      left:0;right:0;top:0;
      height:3px;
      background:linear-gradient(90deg,#0A3161 0 50%,#B31942 50% 100%);
    }

    .decision-framework-intro::after {
      content:"";
      position:absolute;
      width:190px;
      height:190px;
      right:-90px;
      bottom:-90px;
      border-radius:50%;
      border:38px solid rgba(255,255,255,.025);
      pointer-events:none;
    }

    .decision-framework-label {
      display:block;
      color:#A8D0EF;
      font-size:.61rem;
      font-weight:850;
      letter-spacing:.16em;
      margin-bottom:2.2rem;
    }

    .decision-framework-intro h3 {
      position:relative;
      z-index:1;
      margin:0 0 .9rem;
      color:#FFFFFF;
      font-size:clamp(1.65rem,2.4vw,2.25rem);
      line-height:1.08;
      font-weight:760;
      letter-spacing:-.045em;
    }

    .decision-framework-intro p {
      position:relative;
      z-index:1;
      margin:0;
      max-width:340px;
      color:#D2DDE5;
      font-size:.88rem;
      line-height:1.66;
    }

    .decision-advisory-link {
      position:absolute;
      z-index:2;
      left:2rem;
      bottom:2rem;
      display:inline-flex;
      align-items:center;
      gap:.45rem;
      color:#FFFFFF;
      text-decoration:none;
      font-size:.73rem;
      font-weight:790;
      letter-spacing:.025em;
      transition:gap .18s ease;
    }

    .decision-advisory-link:hover {
      color:#FFFFFF;
      gap:.62rem;
    }

    .decision-framework-list {
      display:grid;
      grid-template-columns:1fr 1fr;
      background:#FFFFFF;
    }

    .decision-question {
      min-height:188px;
      display:grid;
      grid-template-columns:42px 1fr;
      gap:1rem;
      padding:1.65rem 1.55rem 1.45rem;
      border-left:1px solid #E7ECEF;
      border-bottom:1px solid #E7ECEF;
      transition:background .18s ease;
    }

    .decision-question:nth-last-child(-n+2) {
      border-bottom:0;
    }

    .decision-question:hover {
      background:#FAFBFC;
    }

    .decision-number {
      color:#A1ADB7;
      font-size:.61rem;
      font-weight:850;
      letter-spacing:.14em;
      padding-top:.2rem;
    }

    .decision-topic {
      display:inline-flex;
      align-items:center;
      gap:.42rem;
      color:#0A3161;
      font-size:.59rem;
      font-weight:850;
      letter-spacing:.15em;
      margin-bottom:.62rem;
    }

    .decision-topic::before {
      content:"";
      width:16px;
      height:2px;
      background:#0A3161;
    }

    .decision-question:nth-child(even) .decision-topic {
      color:#B31942;
    }

    .decision-question:nth-child(even) .decision-topic::before {
      background:#B31942;
    }

    .decision-question h3 {
      margin:0 0 .55rem;
      color:#17202A;
      font-size:1.02rem;
      font-weight:750;
      line-height:1.28;
      letter-spacing:-.022em;
    }

    .decision-question p {
      margin:0;
      max-width:390px;
      color:#667482;
      font-size:.80rem;
      line-height:1.58;
    }

    @media (max-width:991.98px) {
      .decision-framework {
        grid-template-columns:1fr;
      }

      .decision-framework-intro {
        min-height:290px;
      }

      .decision-framework-list {
        border-top:1px solid #E7ECEF;
      }

      .decision-question:nth-child(odd) {
        border-left:0;
      }
    }

    @media (max-width:575.98px) {
      .decision-section {
        padding-top:72px !important;
        padding-bottom:72px !important;
      }

      .decision-section-head {
        margin-bottom:2rem;
      }

      .decision-framework-intro {
        min-height:270px;
        padding:1.6rem 1.35rem 1.4rem;
      }

      .decision-framework-label {
        margin-bottom:1.6rem;
      }

      .decision-advisory-link {
        left:1.35rem;
        bottom:1.4rem;
      }

      .decision-framework-list {
        grid-template-columns:1fr;
      }

      .decision-question,
      .decision-question:nth-last-child(-n+2) {
        min-height:auto;
        border-left:0;
        border-bottom:1px solid #E7ECEF;
        padding:1.3rem 1.1rem 1.2rem;
      }

      .decision-question:last-child {
        border-bottom:0;
      }
    }

    /* Retire legacy decision card layout */
    .decision-card {
      display:none !important;
    }

  
    /* =========================================================
       SECTION 07B — BUSINESS DECISIONS FINAL POLISH
       Tighten vertical rhythm and improve small-text readability.
       ========================================================= */

    /* Slightly reduce the overall framework height */
    .decision-framework-intro {
      padding-top:1.95rem !important;
      padding-bottom:1.7rem !important;
    }

    /* Pull the advisory CTA up from the bottom edge */
    .decision-advisory-link {
      bottom:1.55rem !important;
    }

    /* Tighten the six decision cells */
    .decision-question {
      min-height:172px !important;
      padding:1.45rem 1.5rem 1.28rem !important;
    }

    /* Improve 01–06 readability */
    .decision-number {
      color:#83919D !important;
    }

    /* Slightly tighten supporting copy inside the dark panel */
    .decision-framework-intro p {
      line-height:1.6 !important;
    }

    @media (max-width:991.98px) {
      .decision-framework-intro {
        min-height:270px !important;
      }

      .decision-question {
        min-height:160px !important;
      }
    }

    @media (max-width:575.98px) {
      .decision-framework-intro {
        min-height:250px !important;
        padding-top:1.45rem !important;
        padding-bottom:1.25rem !important;
      }

      .decision-advisory-link {
        bottom:1.2rem !important;
      }

      .decision-question,
      .decision-question:nth-last-child(-n+2) {
        min-height:auto !important;
        padding:1.15rem 1rem 1.05rem !important;
      }
    }

  
    /* =========================================================
       SECTION 07C — RIGHT-SIDE DECISION GRID REFINEMENT
       Add quiet Explore actions and subtle visual hierarchy.
       ========================================================= */

    .decision-framework-list {
      position:relative;
      background:
        linear-gradient(180deg,#FFFFFF 0%,#FCFDFE 100%) !important;
    }

    .decision-question {
      position:relative;
      overflow:hidden;
      padding-bottom:1.2rem !important;
      background:#FFFFFF;
      transition:
        background .18s ease,
        box-shadow .18s ease,
        transform .18s ease !important;
    }

    /* restrained top accent; not a perimeter border */
    .decision-question::before {
      content:"";
      position:absolute;
      left:1.5rem;
      top:0;
      width:38px;
      height:2px;
      background:#0A3161;
      opacity:.62;
    }

    .decision-question:nth-child(even)::before {
      background:#B31942;
    }

    .decision-question:hover {
      background:linear-gradient(180deg,#FFFFFF 0%,#F8FAFC 100%) !important;
      box-shadow:inset 0 0 0 1px rgba(10,49,97,.025);
    }

    .decision-question:nth-child(even):hover {
      background:linear-gradient(180deg,#FFFFFF 0%,#FFF9FA 100%) !important;
    }

    .decision-question h3 {
      max-width:420px;
    }

    .decision-question p {
      max-width:405px !important;
    }

    .decision-explore {
      display:inline-flex;
      align-items:center;
      gap:.35rem;
      margin-top:.9rem;
      color:#6B7B89;
      text-decoration:none;
      font-size:.68rem;
      font-weight:800;
      letter-spacing:.055em;
      text-transform:uppercase;
      transition:color .18s ease,gap .18s ease;
    }

    .decision-question:nth-child(odd) .decision-explore:hover {
      color:#0A3161;
      gap:.5rem;
    }

    .decision-question:nth-child(even) .decision-explore:hover {
      color:#B31942;
      gap:.5rem;
    }

    .decision-explore i {
      font-size:.7rem;
    }

    /* Small corner cue adds finish without making the cells feel like cards */
    .decision-question::after {
      content:"";
      position:absolute;
      right:1.15rem;
      top:1.2rem;
      width:5px;
      height:5px;
      border-radius:50%;
      background:#79B8EF;
      opacity:.55;
    }

    .decision-question:nth-child(even)::after {
      background:#B31942;
      opacity:.45;
    }

    @media (max-width:575.98px) {
      .decision-question::before {
        left:1rem;
      }

      .decision-question::after {
        right:.9rem;
        top:1rem;
      }

      .decision-explore {
        margin-top:.75rem;
      }
    }

  
    /* =========================================================
       SECTION 07D — DECISION CARDS REFINEMENT
       Replace flat grid cells with cleaner individual cards.
       Remove top-right dots and previous top accent bars.
       ========================================================= */

    .decision-framework-list {
      padding:1rem !important;
      gap:.9rem !important;
      background:#F5F7F9 !important;
    }

    .decision-question {
      min-height:178px !important;
      padding:1.35rem 1.35rem 1.2rem !important;
      border:1px solid #DDE5EA !important;
      border-radius:12px !important;
      background:#FFFFFF !important;
      box-shadow:0 8px 22px rgba(24,39,54,.035) !important;
      overflow:hidden !important;
      position:relative;
      display:grid !important;
      grid-template-columns:1fr !important;
      gap:0 !important;
      transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease,
        background .18s ease !important;
    }

    .decision-question:hover {
      transform:translateY(-2px);
      background:#FFFFFF !important;
      border-color:#CCD8E1 !important;
      box-shadow:0 16px 32px rgba(24,39,54,.07) !important;
    }

    /* Retire old grid accents/dots completely */
    .decision-question::before,
    .decision-question::after {
      display:none !important;
      content:none !important;
    }

    /* Number + topic in one compact header row */
    .decision-question {
      padding-top:1.2rem !important;
    }

    .decision-number {
      position:absolute;
      top:1.1rem;
      right:1.15rem;
      color:#97A5B1 !important;
      font-size:.60rem !important;
      font-weight:850 !important;
      letter-spacing:.12em !important;
    }

    .decision-topic {
      width:max-content;
      min-height:24px;
      display:inline-flex !important;
      align-items:center !important;
      gap:.35rem !important;
      margin:0 0 .85rem !important;
      padding:.26rem .52rem !important;
      border-radius:999px !important;
      background:#F2F6FA !important;
      border:1px solid rgba(10,49,97,.09) !important;
      color:#0A3161 !important;
      font-size:.58rem !important;
      font-weight:850 !important;
      letter-spacing:.12em !important;
    }

    .decision-topic::before {
      width:7px !important;
      height:7px !important;
      border-radius:50% !important;
      background:#0A3161 !important;
    }

    .decision-question:nth-child(even) .decision-topic {
      background:#FFF5F7 !important;
      border-color:rgba(179,25,66,.10) !important;
      color:#B31942 !important;
    }

    .decision-question:nth-child(even) .decision-topic::before {
      background:#B31942 !important;
    }

    .decision-question h3 {
      margin:0 0 .55rem !important;
      max-width:420px !important;
      color:#17202A !important;
      font-size:1rem !important;
      line-height:1.28 !important;
      font-weight:760 !important;
      letter-spacing:-.022em !important;
    }

    .decision-question p {
      margin:0 !important;
      max-width:405px !important;
      color:#667482 !important;
      font-size:.80rem !important;
      line-height:1.58 !important;
    }

    .decision-explore {
      margin-top:1rem !important;
      padding-top:.8rem !important;
      border-top:1px solid #EDF1F4 !important;
      color:#60778C !important;
      font-size:.67rem !important;
      font-weight:800 !important;
      letter-spacing:.055em !important;
      text-transform:uppercase !important;
    }

    .decision-question:nth-child(odd) .decision-explore:hover {
      color:#0A3161 !important;
    }

    .decision-question:nth-child(even) .decision-explore:hover {
      color:#B31942 !important;
    }

    @media (max-width:991.98px) {
      .decision-framework-list {
        padding:.85rem !important;
        gap:.75rem !important;
      }

      .decision-question {
        min-height:166px !important;
      }
    }

    @media (max-width:575.98px) {
      .decision-framework-list {
        padding:.65rem !important;
        gap:.65rem !important;
      }

      .decision-question {
        min-height:auto !important;
        padding:1.1rem 1rem 1rem !important;
      }

      .decision-number {
        top:1rem;
        right:1rem;
      }
    }

  
    /* =========================================================
       SECTION 07E — DECISION LENS HIGH-INTENT CONTENT
       Adds advisory outcomes without repeating the six decision cards.
       ========================================================= */

    .decision-lens-outcomes {
      position:relative;
      z-index:2;
      margin-top:1.7rem;
      padding-top:1.05rem;
      border-top:1px solid rgba(255,255,255,.13);
    }

    .decision-lens-outcome {
      display:grid;
      grid-template-columns:28px 1fr;
      gap:.7rem;
      padding:.72rem 0;
      border-bottom:1px solid rgba(255,255,255,.085);
    }

    .decision-lens-outcome:last-child {
      border-bottom:0;
    }

    .lens-outcome-no {
      color:#94B9D5;
      font-size:.56rem;
      font-weight:850;
      letter-spacing:.12em;
      padding-top:.15rem;
    }

    .decision-lens-outcome strong {
      display:block;
      color:#FFFFFF;
      font-size:.80rem;
      font-weight:760;
      line-height:1.25;
      margin-bottom:.16rem;
    }

    .decision-lens-outcome span:not(.lens-outcome-no) {
      display:block;
      color:#BCCBD7;
      font-size:.69rem;
      line-height:1.45;
    }

    /* Keep the CTA clearly separated from the new high-intent content */
    .decision-advisory-link {
      bottom:1.35rem !important;
    }

    @media (max-width:991.98px) {
      .decision-framework-intro {
        min-height:390px !important;
      }
    }

    @media (max-width:575.98px) {
      .decision-framework-intro {
        min-height:390px !important;
      }

      .decision-lens-outcomes {
        margin-top:1.35rem;
      }

      .decision-lens-outcome {
        padding:.6rem 0;
      }

      .decision-advisory-link {
        bottom:1.1rem !important;
      }
    }

  
    /* =========================================================
       SECTION 07F — FINAL DECISION LENS POLISH
       Small readability + CTA spacing refinements only.
       ========================================================= */

    .decision-lens-outcome span:not(.lens-outcome-no) {
      color:#D0D9E0 !important;
    }

    .decision-framework-intro p {
      color:#D9E2E8 !important;
    }

    .decision-advisory-link {
      bottom:1.6rem !important;
    }

    @media (max-width:575.98px) {
      .decision-advisory-link {
        bottom:1.35rem !important;
      }
    }

  
    /* =========================================================
       SECTION 07G — MOBILE CTA OVERLAP FIX
       Keep desktop placement unchanged; let CTA flow naturally on mobile.
       ========================================================= */

    @media (max-width:575.98px) {
      .decision-framework-intro {
        min-height:auto !important;
        padding-bottom:1.35rem !important;
      }

      .decision-advisory-link {
        position:relative !important;
        left:auto !important;
        bottom:auto !important;
        margin-top:1.35rem !important;
        padding-top:.9rem !important;
        border-top:1px solid rgba(255,255,255,.12);
        width:100%;
      }

      .decision-lens-outcomes {
        margin-bottom:0 !important;
      }
    }

  
    /* =========================================================
       SECTION 07H — TIGHTER OUTER VERTICAL SPACING
       Reduce only the whitespace above and below Section 4.
       ========================================================= */

    .decision-section.section-pad {
      padding-top:74px !important;
      padding-bottom:74px !important;
    }

    @media (max-width:991.98px) {
      .decision-section.section-pad {
        padding-top:62px !important;
        padding-bottom:62px !important;
      }
    }

    @media (max-width:575.98px) {
      .decision-section.section-pad {
        padding-top:50px !important;
        padding-bottom:50px !important;
      }
    }

  
    /* =========================================================
       SECTION 08 — STRATEGIC PATHWAYS
       Distinct purpose: what ITMagix can do beyond delivery.
       Editorial pathways, not another two-card service block.
       ========================================================= */

    .strategic-pathways-section {
      position:relative;
      background:
        linear-gradient(180deg,#FFFFFF 0%,#FBFCFD 100%);
      border-bottom:1px solid rgba(10,49,97,.055);
    }

    .strategic-pathways-section::before {
      content:"";
      position:absolute;
      left:0;right:0;top:0;
      height:1px;
      background:linear-gradient(90deg,transparent,rgba(10,49,97,.10),rgba(179,25,66,.08),transparent);
    }

    .strategic-pathways-head {
      margin-bottom:2.8rem;
    }

    .strategic-pathways-section .section-title {
      max-width:760px;
    }

    .strategic-pathways-intro {
      max-width:500px;
      color:#667482;
      font-size:.98rem;
      line-height:1.7;
    }

    .strategic-pathways {
      border-top:1px solid #DDE4E9;
      border-bottom:1px solid #DDE4E9;
      background:#FFFFFF;
    }

    .strategic-pathway {
      position:relative;
      display:grid;
      grid-template-columns:150px minmax(0,1.65fr) minmax(260px,.8fr);
      min-height:320px;
      border-bottom:1px solid #E3E8EC;
    }

    .strategic-pathway:last-child {
      border-bottom:0;
    }

    .strategic-pathway-marker {
      padding:1.7rem 1.35rem;
      border-right:1px solid #E6EBEF;
      background:#F8FAFC;
    }

    .strategic-pathway-no {
      display:block;
      margin-bottom:1.05rem;
      color:#82919D;
      font-size:.66rem;
      font-weight:850;
      letter-spacing:.15em;
    }

    .strategic-pathway-type {
      display:block;
      color:#0A3161;
      font-size:.58rem;
      font-weight:850;
      letter-spacing:.14em;
      writing-mode:vertical-rl;
      transform:rotate(180deg);
      text-transform:uppercase;
    }

    .strategic-pathway-ventures .strategic-pathway-type {
      color:#B31942;
    }

    .strategic-pathway-main {
      position:relative;
      padding:2rem 2rem 1.8rem;
    }

    .strategic-pathway-main::before {
      content:"";
      position:absolute;
      left:2rem;
      top:0;
      width:56px;
      height:3px;
      background:#0A3161;
    }

    .strategic-pathway-ventures .strategic-pathway-main::before {
      background:#B31942;
    }

    .strategic-pathway-kicker {
      margin-bottom:.7rem;
      color:#0A3161;
      font-size:.64rem;
      font-weight:850;
      letter-spacing:.12em;
      text-transform:uppercase;
    }

    .strategic-pathway-ventures .strategic-pathway-kicker {
      color:#B31942;
    }

    .strategic-pathway-main h3 {
      margin:0 0 .8rem;
      max-width:620px;
      color:#17202A;
      font-size:clamp(1.7rem,2.7vw,2.45rem);
      line-height:1.08;
      font-weight:760;
      letter-spacing:-.045em;
    }

    .strategic-pathway-main p {
      margin:0;
      max-width:650px;
      color:#667482;
      font-size:.9rem;
      line-height:1.68;
    }

    .strategic-pathway-signals {
      display:flex;
      flex-wrap:wrap;
      gap:.55rem;
      margin-top:1.35rem;
    }

    .strategic-pathway-signals span {
      padding:.42rem .68rem;
      border:1px solid #DDE5EA;
      border-radius:999px;
      background:#FAFBFC;
      color:#5F6F7D;
      font-size:.65rem;
      font-weight:740;
      letter-spacing:.02em;
    }

    .strategic-pathway-link {
      display:inline-flex;
      align-items:center;
      gap:.42rem;
      margin-top:1.45rem;
      color:#176FB7;
      text-decoration:none;
      font-size:.76rem;
      font-weight:800;
      transition:gap .18s ease;
    }

    .strategic-pathway-link:hover {
      color:#0A3161;
      gap:.6rem;
    }

    .strategic-pathway-ventures .strategic-pathway-link:hover {
      color:#B31942;
    }

    .strategic-pathway-side {
      display:flex;
      flex-direction:column;
      justify-content:center;
      padding:2rem 1.8rem;
      border-left:1px solid #E6EBEF;
      background:
        linear-gradient(145deg,#F6F9FB 0%,#EEF3F7 100%);
    }

    .strategic-pathway-ventures .strategic-pathway-side {
      background:
        linear-gradient(145deg,#FFF9FA 0%,#F9F1F3 100%);
    }

    .strategic-side-label {
      margin-bottom:1rem;
      color:#7A8A97;
      font-size:.58rem;
      font-weight:850;
      letter-spacing:.14em;
    }

    .strategic-pathway-side strong {
      display:block;
      margin-bottom:.55rem;
      color:#294566;
      font-size:1.05rem;
      line-height:1.35;
      font-weight:760;
    }

    .strategic-pathway-ventures .strategic-pathway-side strong {
      color:#7E3146;
    }

    .strategic-pathway-side p {
      margin:0;
      color:#687783;
      font-size:.78rem;
      line-height:1.58;
    }

    .strategic-pathways-section .brand-st-red {
      color:#B31942 !important;
    }

    @media (max-width:991.98px) {
      .strategic-pathway {
        grid-template-columns:90px 1fr;
      }

      .strategic-pathway-marker {
        grid-row:1 / span 2;
      }

      .strategic-pathway-side {
        grid-column:2;
        border-left:0;
        border-top:1px solid #E6EBEF;
      }
    }

    @media (max-width:575.98px) {
      .strategic-pathways-section {
        padding-top:72px !important;
        padding-bottom:72px !important;
      }

      .strategic-pathways-head {
        margin-bottom:2rem;
      }

      .strategic-pathway {
        grid-template-columns:1fr;
      }

      .strategic-pathway-marker {
        grid-row:auto;
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:.9rem 1rem;
        border-right:0;
        border-bottom:1px solid #E6EBEF;
      }

      .strategic-pathway-no {
        margin:0;
      }

      .strategic-pathway-type {
        writing-mode:horizontal-tb;
        transform:none;
      }

      .strategic-pathway-main {
        padding:1.45rem 1.1rem 1.3rem;
      }

      .strategic-pathway-main::before {
        left:1.1rem;
      }

      .strategic-pathway-main h3 {
        font-size:1.55rem;
      }

      .strategic-pathway-side {
        grid-column:auto;
        padding:1.2rem 1.1rem;
      }
    }

    /* Retire legacy strategic-card visuals */
    .strategic-card {
      display:none !important;
    }

  
    /* =========================================================
       SECTION 08B — STRATEGIC VISUAL PATHWAYS
       Premium editorial image-led treatment for M&A + $T Ventures.
       ========================================================= */

    .strategic-visual-pathways {
      display:grid;
      gap:1.15rem;
    }

    .strategic-visual-row {
      display:grid;
      grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
      min-height:360px;
      overflow:hidden;
      border:1px solid #DDE5EA;
      border-radius:18px;
      background:#FFFFFF;
      box-shadow:0 16px 42px rgba(24,39,54,.055);
    }

    .strategic-visual-row + .strategic-visual-row {
      grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);
    }

    .strategic-visual-copy {
      position:relative;
      padding:2rem 2.1rem 1.8rem;
      display:flex;
      flex-direction:column;
      justify-content:center;
      background:#FFFFFF;
    }

    .strategic-visual-copy::before {
      content:"";
      position:absolute;
      left:2.1rem;
      top:0;
      width:56px;
      height:3px;
      background:#0A3161;
    }

    .strategic-visual-ventures .strategic-visual-copy::before {
      background:#B31942;
    }

    .strategic-visual-meta {
      display:flex;
      align-items:center;
      gap:.8rem;
      margin-bottom:.9rem;
    }

    .strategic-visual-no {
      color:#8795A1;
      font-size:.62rem;
      font-weight:850;
      letter-spacing:.15em;
    }

    .strategic-visual-kicker {
      color:#0A3161;
      font-size:.64rem;
      font-weight:850;
      letter-spacing:.12em;
      text-transform:uppercase;
    }

    .strategic-visual-ventures .strategic-visual-kicker {
      color:#B31942;
    }

    .strategic-visual-copy h3 {
      margin:0 0 .8rem;
      max-width:660px;
      color:#17202A;
      font-size:clamp(1.8rem,2.8vw,2.55rem);
      line-height:1.08;
      font-weight:760;
      letter-spacing:-.045em;
    }

    .strategic-visual-copy p {
      margin:0;
      max-width:660px;
      color:#667482;
      font-size:.9rem;
      line-height:1.7;
    }

    .strategic-visual-signals {
      display:flex;
      flex-wrap:wrap;
      gap:.55rem;
      margin-top:1.35rem;
    }

    .strategic-visual-signals span {
      padding:.42rem .68rem;
      border:1px solid #DDE5EA;
      border-radius:999px;
      background:#FAFBFC;
      color:#5F6F7D;
      font-size:.65rem;
      font-weight:740;
      letter-spacing:.02em;
    }

    .strategic-visual-link {
      display:inline-flex;
      align-items:center;
      gap:.42rem;
      width:max-content;
      margin-top:1.45rem;
      color:#176FB7;
      text-decoration:none;
      font-size:.76rem;
      font-weight:800;
      transition:gap .18s ease,color .18s ease;
    }

    .strategic-visual-link:hover {
      color:#0A3161;
      gap:.6rem;
    }

    .strategic-visual-ventures .strategic-visual-link:hover {
      color:#B31942;
    }

    .strategic-visual-image {
      position:relative;
      min-height:360px;
      background-size:cover;
      background-position:center;
      overflow:hidden;
      filter:saturate(.72) contrast(.96);
    }

    .strategic-visual-image::before {
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(180deg,rgba(10,25,42,.04),rgba(10,25,42,.32)),
        linear-gradient(90deg,rgba(10,49,97,.10),transparent 48%);
    }

    .strategic-visual-ventures .strategic-visual-image::before {
      background:
        linear-gradient(180deg,rgba(25,16,20,.02),rgba(25,16,20,.32)),
        linear-gradient(90deg,rgba(179,25,66,.07),transparent 48%);
    }

    .strategic-visual-image-ma {
      background-image:url("../images/home/beyond-delivery-ma-advisory.jpg");
    }

    .strategic-visual-image-ventures {
      background-image:url("../images/home/beyond-delivery-ventures.jpg");
    }

    .strategic-image-overlay {
      position:absolute;
      left:1.2rem;
      right:1.2rem;
      bottom:1.2rem;
      padding:1rem 1.05rem;
      border:1px solid rgba(255,255,255,.18);
      border-radius:12px;
      background:rgba(14,36,58,.78);
      box-shadow:0 12px 28px rgba(0,0,0,.12);
      backdrop-filter:blur(8px);
      color:#FFFFFF;
    }

    .strategic-visual-ventures .strategic-image-overlay {
      background:rgba(73,28,42,.76);
    }

    .strategic-image-overlay span {
      display:block;
      margin-bottom:.45rem;
      color:#A9D2F1;
      font-size:.56rem;
      font-weight:850;
      letter-spacing:.14em;
    }

    .strategic-visual-ventures .strategic-image-overlay span {
      color:#F1B2C0;
    }

    .strategic-image-overlay strong {
      display:block;
      margin-bottom:.35rem;
      color:#FFFFFF;
      font-size:1rem;
      line-height:1.32;
      font-weight:760;
    }

    .strategic-image-overlay p {
      margin:0;
      color:#D7E1E8;
      font-size:.73rem;
      line-height:1.48;
    }

    .strategic-visual-ventures .strategic-image-overlay p {
      color:#F0DDE2;
    }

    @media (max-width:991.98px) {
      .strategic-visual-row,
      .strategic-visual-row + .strategic-visual-row {
        grid-template-columns:1fr;
      }

      .strategic-visual-ventures .strategic-visual-image {
        order:2;
      }

      .strategic-visual-ventures .strategic-visual-copy {
        order:1;
      }

      .strategic-visual-image {
        min-height:300px;
      }
    }

    @media (max-width:575.98px) {
      .strategic-visual-row {
        min-height:auto;
        border-radius:15px;
      }

      .strategic-visual-copy {
        padding:1.45rem 1.15rem 1.3rem;
      }

      .strategic-visual-copy::before {
        left:1.15rem;
      }

      .strategic-visual-copy h3 {
        font-size:1.55rem;
      }

      .strategic-visual-image {
        min-height:250px;
      }

      .strategic-image-overlay {
        left:.8rem;
        right:.8rem;
        bottom:.8rem;
      }
    }

    /* Retire previous strategic pathway layout */
    .strategic-pathways,
    .strategic-pathway,
    .strategic-pathway-marker,
    .strategic-pathway-main,
    .strategic-pathway-side {
      display:none !important;
    }

  
    /* =========================================================
       SECTION 08C — IMAGE SWAP + TOP HEADING REFINEMENT
       1st pathway image left; 2nd pathway image right.
       ========================================================= */

    .strategic-pathways-head {
      align-items:center !important;
      margin-bottom:1.45rem !important;
      padding-bottom:1.05rem;
      position:relative;
    }

    .strategic-pathways-head::after {
      content:"";
      position:absolute;
      left:12px;
      right:12px;
      bottom:0;
      height:1px;
      background:linear-gradient(
        90deg,
        rgba(10,49,97,.16),
        rgba(10,49,97,.05) 38%,
        rgba(179,25,66,.05) 68%,
        rgba(179,25,66,.13)
      );
    }

    .strategic-pathways-intro {
      max-width:34rem !important;
      margin-left:auto;
      line-height:1.72 !important;
    }

    .strategic-visual-ma {
      grid-template-columns:minmax(360px,.86fr) minmax(0,1.14fr) !important;
    }

    .strategic-visual-ventures {
      grid-template-columns:minmax(0,1.14fr) minmax(360px,.86fr) !important;
    }

    .strategic-visual-row + .strategic-visual-row {
      grid-template-columns:unset;
    }

    .strategic-visual-image {
      min-height:370px !important;
    }

    @media (max-width:991.98px) {
      .strategic-visual-ma,
      .strategic-visual-ventures,
      .strategic-visual-row + .strategic-visual-row {
        grid-template-columns:1fr !important;
      }

      .strategic-visual-ma .strategic-visual-copy,
      .strategic-visual-ventures .strategic-visual-copy {
        order:1;
      }

      .strategic-visual-ma .strategic-visual-image,
      .strategic-visual-ventures .strategic-visual-image {
        order:2;
      }

      .strategic-pathways-intro {
        margin-left:0 !important;
        max-width:none !important;
      }
    }

    @media (max-width:575.98px) {
      .strategic-pathways-head {
        margin-bottom:1rem !important;
        padding-bottom:.75rem;
      }

      .strategic-pathways-head::after {
        left:0;
        right:0;
      }
    }

  
    /* =========================================================
       SECTION 08D — FINAL STRATEGIC VISUAL POLISH
       Keep v68 structure. Refine spacing and image treatment only.
       ========================================================= */

    /* Slightly tighten the space between heading block and first pathway */
    .strategic-pathways-head {
      margin-bottom:1.05rem !important;
      padding-bottom:.9rem !important;
    }

    /* Unify both images with the same cool executive treatment */
    .strategic-visual-image {
      filter:
        saturate(.68)
        contrast(.97)
        brightness(.96)
        sepia(.02)
        hue-rotate(178deg) !important;
    }

    .strategic-visual-image::before {
      background:
        linear-gradient(180deg,rgba(10,25,42,.03),rgba(10,25,42,.30)),
        linear-gradient(90deg,rgba(10,49,97,.10),transparent 48%) !important;
    }

    .strategic-visual-ventures .strategic-visual-image::before {
      background:
        linear-gradient(180deg,rgba(10,25,42,.03),rgba(10,25,42,.30)),
        linear-gradient(90deg,rgba(10,49,97,.08),transparent 48%) !important;
    }

    /* Make overlay panels more elegant and compact */
    .strategic-image-overlay {
      left:1.05rem !important;
      right:1.05rem !important;
      bottom:1.05rem !important;
      padding:.82rem .9rem !important;
      border-radius:10px !important;
      background:rgba(18,42,65,.80) !important;
      backdrop-filter:blur(7px) !important;
    }

    .strategic-visual-ventures .strategic-image-overlay {
      background:rgba(58,38,48,.78) !important;
    }

    .strategic-image-overlay span {
      margin-bottom:.34rem !important;
      font-size:.54rem !important;
    }

    .strategic-image-overlay strong {
      margin-bottom:.28rem !important;
      font-size:.94rem !important;
      line-height:1.28 !important;
    }

    .strategic-image-overlay p {
      font-size:.69rem !important;
      line-height:1.42 !important;
    }

    /* Slightly tighten pathway rhythm */
    .strategic-visual-pathways {
      gap:1rem !important;
    }

    @media (max-width:991.98px) {
      .strategic-pathways-head {
        margin-bottom:.9rem !important;
      }

      .strategic-image-overlay {
        left:.9rem !important;
        right:.9rem !important;
        bottom:.9rem !important;
      }
    }

    @media (max-width:575.98px) {
      .strategic-pathways-head {
        margin-bottom:.7rem !important;
        padding-bottom:.65rem !important;
      }

      .strategic-image-overlay {
        left:.7rem !important;
        right:.7rem !important;
        bottom:.7rem !important;
        padding:.72rem .78rem !important;
      }

      .strategic-image-overlay strong {
        font-size:.88rem !important;
      }

      .strategic-image-overlay p {
        font-size:.66rem !important;
      }
    }

  
    /* =========================================================
       SECTION 08E — TOP SPACING + FLAG-RED EYEBROW
       Tighten Section 5 top space and give Beyond Delivery
       the restrained U.S. flag red treatment.
       ========================================================= */

    .strategic-pathways-section.section-pad {
      padding-top:64px !important;
    }

    .strategic-pathways-section .eyebrow {
      color:#B31942 !important;
    }

    .strategic-pathways-section .eyebrow::before {
      background:#B31942 !important;
    }

    @media (max-width:991.98px) {
      .strategic-pathways-section.section-pad {
        padding-top:56px !important;
      }
    }

    @media (max-width:575.98px) {
      .strategic-pathways-section.section-pad {
        padding-top:46px !important;
      }
    }

  
    /* =========================================================
       SECTION 08F — FINAL OVERLAY COLOR STANDARDIZATION
       M&A = Executive Navy
       $T Ventures = restrained flag-red / burgundy family
       ========================================================= */

    .strategic-visual-ma .strategic-image-overlay {
      background:rgba(30, 57, 86, .88) !important;
      border-color:rgba(255,255,255,.16) !important;
    }

    .strategic-visual-ma .strategic-image-overlay span {
      color:#A9D2F1 !important;
    }

    .strategic-visual-ma .strategic-image-overlay p {
      color:#D9E3EA !important;
    }

    .strategic-visual-ventures .strategic-image-overlay {
      background:rgba(112, 40, 58, .88) !important;
      border-color:rgba(255,255,255,.16) !important;
    }

    .strategic-visual-ventures .strategic-image-overlay span {
      color:#F2B4C1 !important;
    }

    .strategic-visual-ventures .strategic-image-overlay p {
      color:#F2E1E5 !important;
    }

  
    /* =========================================================
       SECTION 08G — FINAL OVERLAY RENDERING FIX
       Prevent parent image filtering from shifting overlay colors.
       Cool image tone is handled by an image tint layer instead.
       ========================================================= */

    /* Remove parent-level filter so child overlays keep exact colors */
    .strategic-visual-image {
      filter:none !important;
    }

    /* Recreate the cool executive image treatment with overlays only */
    .strategic-visual-ma .strategic-visual-image::before {
      background:
        linear-gradient(180deg,rgba(10,25,42,.08),rgba(10,25,42,.30)),
        linear-gradient(90deg,rgba(10,49,97,.18),rgba(10,49,97,.04) 55%,transparent 100%) !important;
    }

    .strategic-visual-ventures .strategic-visual-image::before {
      background:
        linear-gradient(180deg,rgba(10,25,42,.08),rgba(10,25,42,.28)),
        linear-gradient(90deg,rgba(10,49,97,.13),rgba(179,25,66,.035) 58%,transparent 100%) !important;
    }

    /* Exact overlay colors — no parent filter can alter them now */
    .strategic-visual-ma .strategic-image-overlay {
      background:rgba(30,57,86,.92) !important;
      border-color:rgba(255,255,255,.17) !important;
      color:#FFFFFF !important;
    }

    .strategic-visual-ventures .strategic-image-overlay {
      background:rgba(112,40,58,.92) !important;
      border-color:rgba(255,255,255,.17) !important;
      color:#FFFFFF !important;
    }

    .strategic-visual-ma .strategic-image-overlay span {
      color:#A9D2F1 !important;
    }

    .strategic-visual-ventures .strategic-image-overlay span {
      color:#F2B4C1 !important;
    }

    .strategic-visual-ma .strategic-image-overlay p {
      color:#DCE5EB !important;
    }

    .strategic-visual-ventures .strategic-image-overlay p {
      color:#F3E4E8 !important;
    }

  
    /* =========================================================
       SECTION 09 — SELECTED WORK / BUSINESS OUTCOMES
       Proof section: explicit Problem → Technology → Outcome.
       ========================================================= */

    .selected-work-section {
      position:relative;
      background:
        linear-gradient(180deg,#F7F9FA 0%,#F3F6F8 100%);
      border-top:1px solid #E7ECEF;
      border-bottom:1px solid #E1E7EB;
    }

    .selected-work-head {
      margin-bottom:2.25rem;
    }

    .selected-work-section .section-title {
      max-width:780px;
    }

    .selected-work-intro {
      margin:0 0 .75rem;
      max-width:520px;
      color:#667482;
      font-size:.96rem;
      line-height:1.68;
    }

    .selected-work-board {
      display:grid;
      gap:.85rem;
    }

    .selected-work-row {
      position:relative;
      display:grid;
      grid-template-columns:minmax(220px,.8fr) minmax(190px,.62fr) minmax(0,1.65fr) 86px;
      align-items:stretch;
      min-height:205px;
      overflow:hidden;
      border:1px solid #DBE4EA;
      border-radius:16px;
      background:#FFFFFF;
      box-shadow:0 10px 28px rgba(24,39,54,.035);
      transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }

    .selected-work-row:hover {
      transform:translateY(-2px);
      border-color:#CCD8E1;
      box-shadow:0 18px 40px rgba(24,39,54,.07);
    }

    .selected-work-row::before {
      content:"";
      position:absolute;
      left:0;
      top:0;
      bottom:0;
      width:4px;
      background:#0A3161;
    }

    .selected-work-row-red::before {
      background:#B31942;
    }

    .selected-work-project {
      display:grid;
      grid-template-columns:34px 1fr;
      gap:.75rem;
      align-content:center;
      padding:1.35rem 1.2rem 1.25rem 1.35rem;
      border-right:1px solid #E7ECEF;
    }

    .selected-work-no {
      color:#8C99A5;
      font-size:.61rem;
      font-weight:850;
      letter-spacing:.14em;
      padding-top:.18rem;
    }

    .selected-work-type {
      display:block;
      margin-bottom:.45rem;
      color:#0A3161;
      font-size:.58rem;
      font-weight:850;
      letter-spacing:.15em;
    }

    .selected-work-row-red .selected-work-type {
      color:#B31942;
    }

    .selected-work-project h3 {
      margin:0;
      color:#17202A;
      font-size:1.2rem;
      line-height:1.25;
      font-weight:760;
      letter-spacing:-.028em;
    }

    .selected-work-visual {
      position:relative;
      overflow:hidden;
      min-height:205px;
      border-right:1px solid #E7ECEF;
      isolation:isolate;
    }

    .selected-work-visual::before {
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(rgba(69,81,93,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(69,81,93,.035) 1px,transparent 1px);
      background-size:24px 24px;
      z-index:-1;
    }

    .case-ui {
      position:absolute;
      inset:18px;
      border:1px solid rgba(10,49,97,.10);
      border-radius:11px;
      background:rgba(255,255,255,.70);
      box-shadow:0 12px 28px rgba(30,48,64,.08);
      overflow:hidden;
    }

    .case-ui-modernize .case-ui-top {
      position:absolute;
      left:0;right:0;top:0;
      height:22px;
      background:#DCE8F1;
    }

    .case-ui-modernize .case-ui-nav {
      position:absolute;
      left:0;top:22px;bottom:0;
      width:30px;
      background:#E8EFF4;
    }

    .case-ui-panel {
      position:absolute;
      border-radius:6px;
      background:#D5E5F0;
    }

    .case-ui-panel.p1 { left:44px; top:40px; width:44%; height:48px; }
    .case-ui-panel.p2 { right:14px; top:40px; width:28%; height:48px; background:#E9D7DD; }
    .case-ui-panel.p3 { left:44px; right:14px; bottom:16px; height:54px; background:#E8EDF1; }

    .case-product-shell {
      position:absolute;
      left:14px;right:14px;top:14px;bottom:14px;
      border-radius:8px;
      background:linear-gradient(145deg,#EDF3F7,#E8EEF2);
    }

    .case-product-card {
      position:absolute;
      width:54px;
      height:58px;
      border-radius:9px;
      background:#FFFFFF;
      border:1px solid #DDE5EA;
      box-shadow:0 8px 18px rgba(24,39,54,.05);
    }

    .case-product-card.c1 { left:28px; top:36px; }
    .case-product-card.c2 { left:50%; top:52px; transform:translateX(-50%); background:#F9F1F4; }
    .case-product-card.c3 { right:28px; top:36px; background:#F3F7FB; }

    .case-ai-node {
      position:absolute;
      width:16px;
      height:16px;
      border-radius:50%;
      background:#0A3161;
      box-shadow:0 0 0 6px rgba(10,49,97,.08);
    }

    .case-ai-node.n1 { left:24px; top:34px; }
    .case-ai-node.n2 { right:30px; top:42px; background:#B31942; box-shadow:0 0 0 6px rgba(179,25,66,.08); }
    .case-ai-node.n3 { left:50%; top:50%; transform:translate(-50%,-50%); }
    .case-ai-node.n4 { left:40px; bottom:28px; background:#B31942; box-shadow:0 0 0 6px rgba(179,25,66,.08); }

    .case-ai-line {
      position:absolute;
      height:1px;
      background:#9FB2C0;
      transform-origin:left center;
    }

    .case-ai-line.l1 { left:40px; top:43px; width:88px; transform:rotate(16deg); }
    .case-ai-line.l2 { left:50%; top:50%; width:76px; transform:rotate(-15deg); }
    .case-ai-line.l3 { left:50px; bottom:37px; width:82px; transform:rotate(-25deg); }

    .selected-work-flow {
      display:grid;
      grid-template-columns:repeat(3,1fr);
      align-items:stretch;
    }

    .work-flow-step {
      padding:1.3rem 1.15rem 1.2rem;
      border-right:1px solid #E7ECEF;
    }

    .work-flow-step:last-child {
      border-right:0;
    }

    .work-flow-step span {
      display:block;
      margin-bottom:.55rem;
      color:#7D8B97;
      font-size:.58rem;
      font-weight:850;
      letter-spacing:.14em;
      text-transform:uppercase;
    }

    .work-flow-step p {
      margin:0;
      color:#536472;
      font-size:.78rem;
      line-height:1.56;
    }

    .selected-work-link {
      display:flex;
      align-items:center;
      justify-content:center;
      gap:.35rem;
      border-left:1px solid #E7ECEF;
      color:#176FB7;
      text-decoration:none;
      font-size:.67rem;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.04em;
      writing-mode:vertical-rl;
      transform:rotate(180deg);
      transition:background .18s ease,color .18s ease;
    }

    .selected-work-link:hover {
      background:#F5F8FA;
      color:#0A3161;
    }

    @media (max-width:1199.98px) {
      .selected-work-row {
        grid-template-columns:minmax(200px,.8fr) minmax(170px,.6fr) minmax(0,1.6fr) 72px;
      }
    }

    @media (max-width:991.98px) {
      .selected-work-row {
        grid-template-columns:1fr 1fr;
      }

      .selected-work-project,
      .selected-work-visual {
        border-bottom:1px solid #E7ECEF;
      }

      .selected-work-flow {
        grid-column:1 / -1;
        border-top:0;
      }

      .selected-work-link {
        grid-column:1 / -1;
        writing-mode:horizontal-tb;
        transform:none;
        min-height:46px;
        border-left:0;
        border-top:1px solid #E7ECEF;
      }
    }

    @media (max-width:575.98px) {
      .selected-work-section {
        padding-top:58px !important;
        padding-bottom:58px !important;
      }

      .selected-work-head {
        margin-bottom:1.65rem;
      }

      .selected-work-row {
        grid-template-columns:1fr;
      }

      .selected-work-project,
      .selected-work-visual {
        border-right:0;
      }

      .selected-work-project {
        padding:1.15rem 1rem 1rem;
      }

      .selected-work-visual {
        min-height:185px;
      }

      .selected-work-flow {
        grid-column:auto;
        grid-template-columns:1fr;
      }

      .work-flow-step {
        border-right:0;
        border-bottom:1px solid #E7ECEF;
        padding:1rem;
      }

      .work-flow-step:last-child {
        border-bottom:0;
      }

      .selected-work-link {
        grid-column:auto;
      }
    }

    /* Retire previous work-card layout */
    .work-card {
      display:none !important;
    }

  
    /* =========================================================
       SECTION 09B — SELECTED WORK EVIDENCE BOARD POLISH
       Keep concept; improve hierarchy, flow, visuals and CTA.
       ========================================================= */

    .selected-work-head {
      margin-bottom:1.55rem !important;
    }

    .selected-work-board {
      gap:.72rem !important;
    }

    .selected-work-row {
      grid-template-columns:minmax(245px,.82fr) minmax(215px,.68fr) minmax(0,1.7fr) !important;
      min-height:184px !important;
      border-radius:15px !important;
      box-shadow:0 10px 26px rgba(24,39,54,.035) !important;
    }

    .selected-work-project {
      align-content:center !important;
      padding:1.2rem 1.15rem 1.15rem 1.3rem !important;
      background:linear-gradient(180deg,#FFFFFF 0%,#FBFCFD 100%);
    }

    .selected-work-no {
      color:#84929E !important;
    }

    .selected-work-type {
      display:inline-flex !important;
      width:max-content;
      align-items:center;
      gap:.35rem;
      margin-bottom:.62rem !important;
      padding:.25rem .5rem;
      border-radius:999px;
      background:#F2F6FA;
      border:1px solid rgba(10,49,97,.09);
      color:#0A3161 !important;
    }

    .selected-work-type::before {
      content:"";
      width:6px;
      height:6px;
      border-radius:50%;
      background:#0A3161;
    }

    .selected-work-row-red .selected-work-type {
      background:#FFF5F7;
      border-color:rgba(179,25,66,.10);
      color:#B31942 !important;
    }

    .selected-work-row-red .selected-work-type::before {
      background:#B31942;
    }

    .selected-work-project h3 {
      max-width:220px;
      font-size:1.33rem !important;
      line-height:1.2 !important;
    }

    /* Stronger interface-style visual area */
    .selected-work-visual {
      min-height:184px !important;
      background:
        linear-gradient(145deg,#EEF4F7 0%,#E6EDF2 100%);
    }

    .selected-work-row-red .selected-work-visual {
      background:
        linear-gradient(145deg,#F8F1F3 0%,#EEF1F4 100%);
    }

    .case-ui {
      inset:15px !important;
      border-radius:12px !important;
      border-color:rgba(10,49,97,.12) !important;
      background:rgba(255,255,255,.86) !important;
      box-shadow:0 14px 30px rgba(30,48,64,.09) !important;
    }

    .case-ui::after {
      content:"";
      position:absolute;
      left:12px;
      right:12px;
      bottom:10px;
      height:5px;
      border-radius:999px;
      background:linear-gradient(90deg,#0A3161 0 62%,#B31942 62% 100%);
      opacity:.12;
    }

    .case-ui-modernize .case-ui-top {
      height:24px !important;
      background:linear-gradient(90deg,#D9E6F0,#E9D8DE) !important;
    }

    .case-ui-modernize .case-ui-nav {
      top:24px !important;
      width:34px !important;
      background:#E7EEF3 !important;
    }

    .case-ui-panel.p1 {
      left:48px !important;
      top:42px !important;
      width:42% !important;
      height:42px !important;
    }

    .case-ui-panel.p2 {
      top:42px !important;
      height:42px !important;
    }

    .case-ui-panel.p3 {
      left:48px !important;
      bottom:27px !important;
      height:48px !important;
    }

    .case-product-shell {
      background:
        linear-gradient(145deg,#EDF3F7 0%,#F6F8FA 100%) !important;
      border:1px solid #E2E8EC;
    }

    .case-product-card {
      width:58px !important;
      height:64px !important;
      border-radius:10px !important;
    }

    .case-product-card.c2 {
      background:#F8EDEF !important;
    }

    .case-ai-node {
      width:15px !important;
      height:15px !important;
    }

    /* Explicit Problem → Technology → Outcome journey */
    .selected-work-flow {
      position:relative;
      grid-template-columns:1fr 1fr 1.12fr !important;
      min-width:0;
    }

    .work-flow-step {
      position:relative;
      padding:1.15rem 1.15rem 2.7rem !important;
      background:#FFFFFF;
    }

    .work-flow-step:nth-child(3) {
      background:linear-gradient(180deg,#F4F8FB 0%,#EDF4F8 100%);
    }

    .selected-work-row-red .work-flow-step:nth-child(3) {
      background:linear-gradient(180deg,#FFF7F8 0%,#F9EEF1 100%);
    }

    .work-flow-step span {
      margin-bottom:.58rem !important;
      color:#788793 !important;
    }

    .work-flow-step:nth-child(3) span {
      color:#0A3161 !important;
    }

    .selected-work-row-red .work-flow-step:nth-child(3) span {
      color:#B31942 !important;
    }

    .work-flow-step p {
      font-size:.79rem !important;
      line-height:1.58 !important;
    }

    .work-flow-step:nth-child(3) p {
      color:#294566 !important;
      font-weight:650;
    }

    .selected-work-row-red .work-flow-step:nth-child(3) p {
      color:#6E3545 !important;
    }

    .work-flow-step:not(:last-child)::after {
      content:"→";
      position:absolute;
      right:-12px;
      top:50%;
      z-index:3;
      width:24px;
      height:24px;
      margin-top:-12px;
      display:grid;
      place-items:center;
      border-radius:50%;
      background:#FFFFFF;
      border:1px solid #DCE5EA;
      color:#6F8292;
      font-size:.72rem;
      box-shadow:0 4px 12px rgba(24,39,54,.05);
    }

    /* Horizontal View Story CTA */
    .selected-work-link {
      position:absolute !important;
      right:1.15rem !important;
      bottom:.85rem !important;
      z-index:4;
      display:inline-flex !important;
      width:auto !important;
      align-items:center !important;
      justify-content:flex-start !important;
      gap:.35rem !important;
      padding:0 !important;
      border:0 !important;
      writing-mode:horizontal-tb !important;
      transform:none !important;
      color:#176FB7 !important;
      background:transparent !important;
      font-size:.66rem !important;
      letter-spacing:.045em !important;
    }

    .selected-work-link:hover {
      color:#0A3161 !important;
      background:transparent !important;
    }

    .selected-work-row-red .selected-work-link:hover {
      color:#B31942 !important;
    }

    /* Add a subtle proof cue */
    .selected-work-row::after {
      content:"CASE SIGNAL";
      position:absolute;
      left:1.3rem;
      bottom:.8rem;
      color:#A1ADB6;
      font-size:.48rem;
      font-weight:850;
      letter-spacing:.14em;
    }

    @media (max-width:1199.98px) {
      .selected-work-row {
        grid-template-columns:minmax(220px,.8fr) minmax(195px,.65fr) minmax(0,1.65fr) !important;
      }
    }

    @media (max-width:991.98px) {
      .selected-work-row {
        grid-template-columns:1fr 1fr !important;
      }

      .selected-work-flow {
        grid-column:1 / -1;
      }

      .selected-work-link {
        right:1rem !important;
        bottom:.75rem !important;
      }

      .selected-work-row::after {
        left:1rem;
        bottom:.75rem;
      }
    }

    @media (max-width:575.98px) {
      .selected-work-head {
        margin-bottom:1.3rem !important;
      }

      .selected-work-row {
        grid-template-columns:1fr !important;
        min-height:auto !important;
      }

      .selected-work-visual {
        min-height:178px !important;
      }

      .selected-work-flow {
        grid-template-columns:1fr !important;
      }

      .work-flow-step {
        padding:1rem 1rem 1.1rem !important;
      }

      .work-flow-step:not(:last-child)::after {
        content:"↓";
        right:auto;
        left:50%;
        top:auto;
        bottom:-12px;
        margin:0 0 0 -12px;
      }

      .work-flow-step:nth-child(3) {
        padding-bottom:3.2rem !important;
      }

      .selected-work-link {
        right:1rem !important;
        bottom:1rem !important;
      }

      .selected-work-row::after {
        display:none;
      }
    }

  
    /* =========================================================
       SECTION 09C — REAL CASE VISUALS
       Replace abstract placeholders with real technology imagery.
       Keep Problem → Technology → Outcome evidence-board structure.
       ========================================================= */

    .selected-work-row {
      grid-template-columns:minmax(245px,.82fr) minmax(245px,.78fr) minmax(0,1.7fr) !important;
    }

    .selected-work-photo-wrap {
      position:relative;
      min-height:184px !important;
      overflow:hidden;
      background:#DDE6EC !important;
      isolation:isolate;
    }

    .selected-work-photo-wrap::before {
      content:"";
      position:absolute;
      inset:0;
      z-index:2;
      background:
        linear-gradient(180deg,rgba(8,26,42,.02),rgba(8,26,42,.22)),
        linear-gradient(90deg,rgba(10,49,97,.13),transparent 62%);
      pointer-events:none;
    }

    .selected-work-row-red .selected-work-photo-wrap::before {
      background:
        linear-gradient(180deg,rgba(8,26,42,.02),rgba(8,26,42,.20)),
        linear-gradient(90deg,rgba(179,25,66,.09),transparent 62%);
    }

    .selected-work-photo {
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:center;
      display:block;
      filter:saturate(.72) contrast(.98) brightness(.96);
      transform:scale(1.01);
      transition:transform .35s ease, filter .35s ease;
    }

    .selected-work-row:hover .selected-work-photo {
      transform:scale(1.045);
      filter:saturate(.80) contrast(1) brightness(.98);
    }

    .selected-work-photo-label {
      position:absolute;
      z-index:3;
      left:.85rem;
      bottom:.75rem;
      display:inline-flex;
      align-items:center;
      min-height:26px;
      padding:.35rem .55rem;
      border:1px solid rgba(255,255,255,.20);
      border-radius:999px;
      background:rgba(20,49,76,.82);
      color:#FFFFFF;
      font-size:.52rem;
      font-weight:850;
      letter-spacing:.10em;
      text-transform:uppercase;
      backdrop-filter:blur(6px);
      box-shadow:0 8px 18px rgba(0,0,0,.08);
    }

    .selected-work-row-red .selected-work-photo-label {
      background:rgba(112,40,58,.84);
    }

    /* Slightly simplify the decorative treatment now that photos provide detail */
    .selected-work-photo-wrap::after {
      content:"";
      position:absolute;
      z-index:3;
      top:0;
      right:0;
      width:42px;
      height:3px;
      background:#0A3161;
    }

    .selected-work-row-red .selected-work-photo-wrap::after {
      background:#B31942;
    }

    /* Retire old generated placeholder UI styling */
    .case-ui,
    .case-ui-modernize,
    .case-ui-product,
    .case-ui-ai,
    .case-ui-panel,
    .case-product-shell,
    .case-product-card,
    .case-ai-node,
    .case-ai-line {
      display:none !important;
    }

    @media (max-width:1199.98px) {
      .selected-work-row {
        grid-template-columns:minmax(220px,.8fr) minmax(220px,.72fr) minmax(0,1.65fr) !important;
      }
    }

    @media (max-width:991.98px) {
      .selected-work-row {
        grid-template-columns:1fr 1fr !important;
      }

      .selected-work-photo-wrap {
        min-height:210px !important;
      }
    }

    @media (max-width:575.98px) {
      .selected-work-row {
        grid-template-columns:1fr !important;
      }

      .selected-work-photo-wrap {
        min-height:210px !important;
        border-right:0 !important;
      }

      .selected-work-photo-label {
        left:.75rem;
        bottom:.7rem;
      }
    }

  
    /* =========================================================
       SECTION 09D — FINAL SELECTED WORK CLEANUP
       Remove the unused "CASE SIGNAL" label only.
       ========================================================= */

    .selected-work-row::after {
      display:none !important;
      content:none !important;
    }

  
    /* =========================================================
       SECTION 10 — $T POINT OF VIEW / INSIGHTS
       Editorial thought-leadership treatment.
       Distinct from service, proof and image-led sections.
       ========================================================= */

    .insights-editorial-section {
      position:relative;
      overflow:hidden;
      background:
        radial-gradient(circle at 92% 8%,rgba(121,184,239,.08),transparent 28%),
        linear-gradient(138deg,#34495F 0%,#263D55 58%,#20364C 100%);
      border-top:1px solid rgba(255,255,255,.05);
      border-bottom:1px solid rgba(255,255,255,.05);
    }

    .insights-editorial-section::before {
      content:"";
      position:absolute;
      left:0;right:0;top:0;
      height:3px;
      background:linear-gradient(90deg,#0A3161 0 74%,#B31942 74% 100%);
      opacity:.95;
    }

    .insights-editorial-head {
      position:relative;
      z-index:2;
      margin-bottom:2rem;
    }

    .insights-editorial-section .eyebrow {
      color:#A9D2F1;
    }

    .insights-editorial-section .eyebrow::before {
      background:#79B8EF;
    }

    .insights-editorial-section .section-title {
      max-width:760px;
      color:#FFFFFF;
    }

    .insights-editorial-intro {
      max-width:510px;
      color:#C8D4DD;
      font-size:.98rem;
      line-height:1.72;
    }

    .insights-editorial-layout {
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
      gap:1rem;
    }

    .insight-thesis {
      position:relative;
      min-height:470px;
      padding:2rem 2rem 1.8rem;
      display:flex;
      flex-direction:column;
      border:1px solid rgba(255,255,255,.12);
      border-radius:18px;
      background:
        linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
      box-shadow:0 24px 58px rgba(8,20,32,.18);
      overflow:hidden;
    }

    .insight-thesis::after {
      content:"";
      position:absolute;
      right:-70px;
      bottom:-90px;
      width:260px;
      height:260px;
      border-radius:50%;
      border:48px solid rgba(255,255,255,.025);
      pointer-events:none;
    }

    .insight-thesis-meta {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:1rem;
      margin-bottom:2.1rem;
    }

    .insight-thesis-label {
      color:#9FC8E7;
      font-size:.58rem;
      font-weight:850;
      letter-spacing:.15em;
    }

    .insight-thesis-mark {
      display:grid;
      place-items:center;
      min-width:44px;
      height:30px;
      padding:0 .62rem;
      border-radius:7px;
      background:#FFFFFF;
      color:#B31942;
      font-size:.78rem;
      font-weight:900;
      letter-spacing:.04em;
      box-shadow:0 6px 16px rgba(0,0,0,.08);
    }

    .insight-thesis h3 {
      position:relative;
      z-index:1;
      margin:0 0 1rem;
      max-width:670px;
      color:#FFFFFF;
      font-size:clamp(2rem,3.5vw,3.2rem);
      line-height:1.06;
      font-weight:760;
      letter-spacing:-.045em;
    }

    .insight-thesis p {
      position:relative;
      z-index:1;
      margin:0;
      max-width:650px;
      color:#CBD7E0;
      font-size:.93rem;
      line-height:1.72;
    }

    .insight-thesis-principles {
      position:relative;
      z-index:1;
      display:flex;
      flex-wrap:wrap;
      gap:.55rem;
      margin-top:1.45rem;
    }

    .insight-thesis-principles span {
      padding:.42rem .7rem;
      border:1px solid rgba(255,255,255,.11);
      border-radius:999px;
      background:rgba(255,255,255,.04);
      color:#DCE5EB;
      font-size:.64rem;
      font-weight:720;
      letter-spacing:.02em;
    }

    .insight-thesis-link {
      position:relative;
      z-index:1;
      display:inline-flex;
      align-items:center;
      gap:.42rem;
      width:max-content;
      margin-top:auto;
      padding-top:1.5rem;
      color:#FFFFFF;
      text-decoration:none;
      font-size:.76rem;
      font-weight:800;
      transition:gap .18s ease;
    }

    .insight-thesis-link:hover {
      color:#FFFFFF;
      gap:.6rem;
    }

    .insight-topic-list {
      display:grid;
      grid-template-columns:1fr;
      gap:.75rem;
    }

    .insight-topic {
      position:relative;
      min-height:105px;
      display:grid;
      grid-template-columns:34px 1fr 20px;
      gap:.85rem;
      align-items:start;
      padding:1rem 1.05rem;
      border:1px solid rgba(255,255,255,.10);
      border-radius:14px;
      background:rgba(255,255,255,.04);
      text-decoration:none;
      transition:
        transform .18s ease,
        background .18s ease,
        border-color .18s ease;
    }

    .insight-topic:hover {
      transform:translateX(-3px);
      background:rgba(255,255,255,.065);
      border-color:rgba(255,255,255,.15);
    }

    .insight-topic::before {
      content:"";
      position:absolute;
      left:0;
      top:14px;
      bottom:14px;
      width:3px;
      border-radius:0 4px 4px 0;
      background:#79B8EF;
    }

    .insight-topic-red::before {
      background:#B31942;
    }

    .insight-topic-no {
      color:#8199AA;
      font-size:.58rem;
      font-weight:850;
      letter-spacing:.13em;
      padding-top:.18rem;
    }

    .insight-topic small {
      display:block;
      margin-bottom:.32rem;
      color:#A9CDE8;
      font-size:.56rem;
      font-weight:850;
      letter-spacing:.12em;
      text-transform:uppercase;
    }

    .insight-topic-red small {
      color:#E8A4B4;
    }

    .insight-topic h4 {
      margin:0 0 .28rem;
      color:#FFFFFF;
      font-size:.98rem;
      line-height:1.28;
      font-weight:740;
      letter-spacing:-.018em;
    }

    .insight-topic p {
      margin:0;
      color:#AEBECA;
      font-size:.72rem;
      line-height:1.48;
    }

    .insight-topic > i {
      color:#8097A8;
      font-size:.78rem;
      margin-top:.1rem;
      transition:transform .18s ease,color .18s ease;
    }

    .insight-topic:hover > i {
      transform:translate(2px,-2px);
      color:#FFFFFF;
    }

    @media (max-width:991.98px) {
      .insights-editorial-layout {
        grid-template-columns:1fr;
      }

      .insight-thesis {
        min-height:390px;
      }

      .insight-topic-list {
        grid-template-columns:1fr 1fr;
      }
    }

    @media (max-width:575.98px) {
      .insights-editorial-section {
        padding-top:58px !important;
        padding-bottom:58px !important;
      }

      .insights-editorial-head {
        margin-bottom:1.5rem;
      }

      .insight-thesis {
        min-height:360px;
        padding:1.45rem 1.2rem 1.25rem;
        border-radius:15px;
      }

      .insight-thesis-meta {
        margin-bottom:1.5rem;
      }

      .insight-thesis h3 {
        font-size:1.8rem;
      }

      .insight-topic-list {
        grid-template-columns:1fr;
      }

      .insight-topic {
        min-height:auto;
      }
    }

    /* Retire old insights layout */
    .insight-feature,
    .insight-list {
      display:none !important;
    }

  
    /* =========================================================
       SECTION 10B — FINAL POINT OF VIEW POLISH
       Compactness + readability only. Concept remains unchanged.
       ========================================================= */

    .insights-editorial-section.section-pad {
      padding-top:70px !important;
      padding-bottom:70px !important;
    }

    .insights-editorial-head {
      margin-bottom:1.5rem !important;
    }

    .insight-thesis {
      min-height:420px !important;
      padding:1.75rem 1.8rem 1.55rem !important;
    }

    .insight-thesis-meta {
      margin-bottom:1.65rem !important;
    }

    .insight-thesis p {
      color:#D3DDE4 !important;
    }

    .insight-thesis-principles {
      gap:.45rem !important;
      margin-top:1.2rem !important;
    }

    .insight-thesis-principles span {
      padding:.34rem .58rem !important;
      font-size:.60rem !important;
    }

    .insight-thesis-link {
      margin-top:1.25rem !important;
      padding-top:1rem !important;
    }

    .insight-topic-list {
      gap:.62rem !important;
    }

    .insight-topic {
      min-height:94px !important;
      padding:.88rem .95rem !important;
    }

    .insight-topic p {
      color:#C0CDD7 !important;
      font-size:.73rem !important;
      line-height:1.46 !important;
    }

    .insight-topic h4 {
      margin-bottom:.22rem !important;
    }

    .insight-topic::before {
      top:12px !important;
      bottom:12px !important;
    }

    @media (max-width:991.98px) {
      .insights-editorial-section.section-pad {
        padding-top:60px !important;
        padding-bottom:60px !important;
      }

      .insight-thesis {
        min-height:360px !important;
      }
    }

    @media (max-width:575.98px) {
      .insights-editorial-section.section-pad {
        padding-top:50px !important;
        padding-bottom:50px !important;
      }

      .insights-editorial-head {
        margin-bottom:1.25rem !important;
      }

      .insight-thesis {
        min-height:340px !important;
        padding:1.35rem 1.1rem 1.15rem !important;
      }

      .insight-thesis-meta {
        margin-bottom:1.25rem !important;
      }

      .insight-thesis-principles span {
        font-size:.58rem !important;
      }

      .insight-topic {
        min-height:auto !important;
        padding:.85rem .9rem !important;
      }
    }

  
    /* =========================================================
       SECTION 11 — TECHNOLOGY ECOSYSTEM
       Purpose: platforms/tools + vendor-neutral architecture.
       Distinct from Section 2's technology-domain coverage.
       ========================================================= */

    .technology-ecosystem-section {
      position:relative;
      background:
        linear-gradient(180deg,#FFFFFF 0%,#F9FBFC 100%);
      border-top:1px solid #E6ECEF;
      border-bottom:1px solid #E2E8EC;
    }

    .technology-ecosystem-head {
      margin-bottom:1.8rem;
    }

    .technology-ecosystem-section .section-title {
      max-width:760px;
    }

    .technology-ecosystem-intro {
      max-width:520px;
      color:#667482;
      font-size:.97rem;
      line-height:1.7;
    }

    .ecosystem-board {
      overflow:hidden;
      border:1px solid #DCE4EA;
      border-radius:17px;
      background:#FFFFFF;
      box-shadow:0 16px 40px rgba(24,39,54,.045);
    }

    .ecosystem-board-top {
      display:grid;
      grid-template-columns:minmax(230px,.8fr) minmax(0,1.35fr) minmax(260px,1fr);
      gap:0;
      min-height:42px;
      align-items:center;
      border-bottom:1px solid #E4E9ED;
      background:#F6F8FA;
      color:#8795A0;
      font-size:.55rem;
      font-weight:850;
      letter-spacing:.14em;
      text-transform:uppercase;
    }

    .ecosystem-board-top span {
      padding:0 1.2rem;
    }

    .ecosystem-board-top span + span {
      border-left:1px solid #E4E9ED;
    }

    .ecosystem-row {
      position:relative;
      display:grid;
      grid-template-columns:minmax(230px,.8fr) minmax(0,1.35fr) minmax(260px,1fr);
      min-height:108px;
      border-bottom:1px solid #E6EBEF;
      transition:background .18s ease;
    }

    .ecosystem-row:last-child {
      border-bottom:0;
    }

    .ecosystem-row:hover {
      background:#FAFBFC;
    }

    .ecosystem-row::before {
      content:"";
      position:absolute;
      left:0;
      top:0;
      bottom:0;
      width:4px;
      background:#0A3161;
    }

    .ecosystem-row-red::before {
      background:#B31942;
    }

    .ecosystem-capability {
      display:grid;
      grid-template-columns:28px 38px 1fr;
      align-items:center;
      gap:.7rem;
      padding:1rem 1.15rem 1rem 1.25rem;
      border-right:1px solid #E6EBEF;
    }

    .ecosystem-no {
      color:#909DA8;
      font-size:.58rem;
      font-weight:850;
      letter-spacing:.12em;
    }

    .ecosystem-icon {
      width:36px;
      height:36px;
      display:grid;
      place-items:center;
      border-radius:9px;
      background:#F2F7FB;
      border:1px solid rgba(10,49,97,.09);
      color:#0A3161;
      font-size:.9rem;
    }

    .ecosystem-row-red .ecosystem-icon {
      background:#FFF5F7;
      border-color:rgba(179,25,66,.10);
      color:#B31942;
    }

    .ecosystem-capability strong {
      color:#17202A;
      font-size:.92rem;
      font-weight:760;
      line-height:1.25;
    }

    .ecosystem-tools {
      display:flex;
      align-content:center;
      align-items:center;
      flex-wrap:wrap;
      gap:.45rem;
      padding:1rem 1.15rem;
      border-right:1px solid #E6EBEF;
    }

    .ecosystem-tools span {
      padding:.35rem .58rem;
      border:1px solid #DEE6EB;
      border-radius:999px;
      background:#FBFCFD;
      color:#586876;
      font-size:.63rem;
      font-weight:720;
      white-space:nowrap;
    }

    .ecosystem-principle {
      display:flex;
      flex-direction:column;
      justify-content:center;
      padding:1rem 1.2rem;
      background:#FCFDFE;
    }

    .ecosystem-principle strong {
      margin-bottom:.2rem;
      color:#294566;
      font-size:.82rem;
      font-weight:760;
    }

    .ecosystem-row-red .ecosystem-principle strong {
      color:#7B3648;
    }

    .ecosystem-principle p {
      margin:0;
      color:#6D7C88;
      font-size:.72rem;
      line-height:1.48;
    }

    .ecosystem-future-band {
      position:relative;
      display:grid;
      grid-template-columns:minmax(280px,.9fr) minmax(0,1.6fr);
      gap:1.5rem;
      margin-top:1rem;
      padding:1.35rem 1.45rem;
      overflow:hidden;
      border:1px solid #DCE4EA;
      border-radius:15px;
      background:
        linear-gradient(145deg,#F3F7FA 0%,#F8FAFB 100%);
    }

    .ecosystem-future-band::before {
      content:"";
      position:absolute;
      left:0;
      top:0;
      width:50%;
      height:3px;
      background:#0A3161;
    }

    .ecosystem-future-band::after {
      content:"";
      position:absolute;
      right:0;
      top:0;
      width:50%;
      height:3px;
      background:#B31942;
    }

    .ecosystem-future-label {
      display:block;
      margin-bottom:.4rem;
      color:#7A8995;
      font-size:.55rem;
      font-weight:850;
      letter-spacing:.14em;
    }

    .ecosystem-future-copy strong {
      display:block;
      margin-bottom:.28rem;
      color:#17202A;
      font-size:1rem;
      font-weight:760;
    }

    .ecosystem-future-copy p {
      margin:0;
      max-width:430px;
      color:#6B7A86;
      font-size:.74rem;
      line-height:1.5;
    }

    .ecosystem-future-items {
      display:flex;
      align-content:center;
      align-items:center;
      justify-content:flex-end;
      flex-wrap:wrap;
      gap:.5rem;
    }

    .ecosystem-future-items span {
      padding:.42rem .65rem;
      border:1px solid #D8E1E7;
      border-radius:999px;
      background:#FFFFFF;
      color:#4E6070;
      font-size:.64rem;
      font-weight:760;
    }

    @media (max-width:991.98px) {
      .ecosystem-board-top {
        display:none;
      }

      .ecosystem-row {
        grid-template-columns:1fr 1.35fr;
      }

      .ecosystem-capability {
        border-right:1px solid #E6EBEF;
      }

      .ecosystem-tools {
        border-right:0;
      }

      .ecosystem-principle {
        grid-column:1 / -1;
        border-top:1px solid #E6EBEF;
        padding:.8rem 1.15rem;
      }

      .ecosystem-future-band {
        grid-template-columns:1fr;
      }

      .ecosystem-future-items {
        justify-content:flex-start;
      }
    }

    @media (max-width:575.98px) {
      .technology-ecosystem-section {
        padding-top:54px !important;
        padding-bottom:54px !important;
      }

      .technology-ecosystem-head {
        margin-bottom:1.35rem;
      }

      .ecosystem-row {
        grid-template-columns:1fr;
      }

      .ecosystem-capability,
      .ecosystem-tools {
        border-right:0;
        border-bottom:1px solid #E6EBEF;
      }

      .ecosystem-capability {
        padding:.9rem 1rem;
      }

      .ecosystem-tools {
        padding:.8rem 1rem;
      }

      .ecosystem-principle {
        grid-column:auto;
        border-top:0;
        padding:.8rem 1rem;
      }

      .ecosystem-future-band {
        padding:1.15rem 1rem;
      }
    }

    /* Retire legacy ecosystem cards */
    .tech-group,
    .tech-icon {
      display:none !important;
    }

  
    /* =========================================================
       SECTION 11B — FINAL TECHNOLOGY ECOSYSTEM POLISH
       Remove Digital Growth, tighten rows, emphasize principles.
       ========================================================= */

    .ecosystem-row {
      min-height:98px !important;
    }

    .ecosystem-capability {
      padding:.88rem 1.05rem .88rem 1.18rem !important;
    }

    .ecosystem-tools {
      padding:.86rem 1.05rem !important;
    }

    .ecosystem-principle {
      padding:.88rem 1.08rem !important;
      background:linear-gradient(180deg,#F7FAFC 0%,#F3F7FA 100%) !important;
    }

    .ecosystem-row-red .ecosystem-principle {
      background:linear-gradient(180deg,#FCF8F9 0%,#F8F2F4 100%) !important;
    }

    .ecosystem-principle strong {
      margin-bottom:.16rem !important;
    }

    .ecosystem-principle p {
      line-height:1.44 !important;
    }

    @media (max-width:991.98px) {
      .ecosystem-row {
        min-height:auto !important;
      }

      .ecosystem-principle {
        padding:.72rem 1rem !important;
      }
    }

    @media (max-width:575.98px) {
      .ecosystem-capability,
      .ecosystem-tools,
      .ecosystem-principle {
        padding:.76rem .92rem !important;
      }
    }

  
    /* =========================================================
       SECTION 11C — FULL-SECTION UNSPLASH BACKGROUND
       Real infrastructure image across the full section,
       softened with white overlays for readability.
       ========================================================= */

    .technology-ecosystem-section {
      position:relative !important;
      isolation:isolate;
      overflow:hidden;
      background:
        linear-gradient(
          180deg,
          rgba(255,255,255,.90) 0%,
          rgba(255,255,255,.88) 32%,
          rgba(255,255,255,.93) 72%,
          rgba(255,255,255,.96) 100%
        ),
        linear-gradient(
          90deg,
          rgba(255,255,255,.88) 0%,
          rgba(255,255,255,.80) 46%,
          rgba(255,255,255,.84) 100%
        ),
        url("../images/home/infrastructure-data-center.jpg")
        center center / cover no-repeat !important;
    }

    .technology-ecosystem-section::before {
      content:"";
      position:absolute;
      inset:0;
      z-index:0;
      pointer-events:none;
      background:
        radial-gradient(circle at 14% 16%, rgba(10,49,97,.045), transparent 32%),
        radial-gradient(circle at 84% 18%, rgba(179,25,66,.028), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.08));
    }

    .technology-ecosystem-section > .container-xl {
      position:relative;
      z-index:2;
    }

    .ecosystem-board {
      background:rgba(255,255,255,.94) !important;
      backdrop-filter:blur(6px);
      box-shadow:0 18px 42px rgba(24,39,54,.06) !important;
    }

    .ecosystem-board-top {
      background:rgba(246,248,250,.92) !important;
    }

    .ecosystem-row {
      background:rgba(255,255,255,.91);
    }

    .ecosystem-row:hover {
      background:rgba(250,251,252,.96) !important;
    }

    .ecosystem-principle {
      background:rgba(247,250,252,.94) !important;
    }

    .ecosystem-row-red .ecosystem-principle {
      background:rgba(252,248,249,.94) !important;
    }

    .ecosystem-future-band {
      background:rgba(245,248,250,.94) !important;
      backdrop-filter:blur(6px);
      box-shadow:0 14px 34px rgba(24,39,54,.05);
    }

    @media (max-width:991.98px) {
      .technology-ecosystem-section {
        background:
          linear-gradient(
            180deg,
            rgba(255,255,255,.93) 0%,
            rgba(255,255,255,.92) 46%,
            rgba(255,255,255,.96) 100%
          ),
          linear-gradient(
            90deg,
            rgba(255,255,255,.91) 0%,
            rgba(255,255,255,.86) 100%
          ),
          url("../images/home/infrastructure-data-center.jpg")
          center center / cover no-repeat !important;
      }
    }

    @media (max-width:575.98px) {
      .technology-ecosystem-section {
        background:
          linear-gradient(
            180deg,
            rgba(255,255,255,.95) 0%,
            rgba(255,255,255,.94) 100%
          ),
          url("../images/home/infrastructure-data-center.jpg")
          center center / cover no-repeat !important;
      }

      .ecosystem-board,
      .ecosystem-future-band {
        backdrop-filter:none;
      }
    }

  
    /* =========================================================
       SECTION 11E — VISIBLE UNSPLASH BACKGROUND + RED EYEBROW
       Make the infrastructure image clearly visible across
       the whole section while preserving content readability.
       ========================================================= */

    .technology-ecosystem-section {
      background:
        linear-gradient(
          180deg,
          rgba(255,255,255,.72) 0%,
          rgba(255,255,255,.70) 34%,
          rgba(255,255,255,.78) 72%,
          rgba(255,255,255,.84) 100%
        ),
        linear-gradient(
          90deg,
          rgba(255,255,255,.72) 0%,
          rgba(255,255,255,.58) 48%,
          rgba(255,255,255,.68) 100%
        ),
        url("../images/home/infrastructure-data-center.jpg")
        center center / cover no-repeat !important;
    }

    .technology-ecosystem-section::before {
      background:
        radial-gradient(circle at 12% 15%, rgba(255,255,255,.22), transparent 31%),
        linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.12)) !important;
    }

    /* Flag-red eyebrow */
    .technology-ecosystem-section .eyebrow {
      color:#B31942 !important;
    }

    .technology-ecosystem-section .eyebrow::before {
      background:#B31942 !important;
    }

    /* Keep board readable but allow background to remain perceptible */
    .ecosystem-board {
      background:rgba(255,255,255,.91) !important;
      backdrop-filter:blur(5px);
    }

    .ecosystem-board-top {
      background:rgba(246,248,250,.89) !important;
    }

    .ecosystem-row {
      background:rgba(255,255,255,.88) !important;
    }

    .ecosystem-principle {
      background:rgba(247,250,252,.90) !important;
    }

    .ecosystem-row-red .ecosystem-principle {
      background:rgba(252,248,249,.90) !important;
    }

    .ecosystem-future-band {
      background:rgba(245,248,250,.91) !important;
      backdrop-filter:blur(5px);
    }

    @media (max-width:991.98px) {
      .technology-ecosystem-section {
        background:
          linear-gradient(
            180deg,
            rgba(255,255,255,.78) 0%,
            rgba(255,255,255,.76) 45%,
            rgba(255,255,255,.84) 100%
          ),
          linear-gradient(
            90deg,
            rgba(255,255,255,.76) 0%,
            rgba(255,255,255,.64) 100%
          ),
          url("../images/home/infrastructure-data-center.jpg")
          center center / cover no-repeat !important;
      }
    }

    @media (max-width:575.98px) {
      .technology-ecosystem-section {
        background:
          linear-gradient(
            180deg,
            rgba(255,255,255,.84) 0%,
            rgba(255,255,255,.82) 100%
          ),
          url("../images/home/infrastructure-data-center.jpg")
          center center / cover no-repeat !important;
      }

      .ecosystem-board,
      .ecosystem-future-band {
        backdrop-filter:none;
      }
    }

  
    /* =========================================================
       SECTION 11F — STRONGER INFRASTRUCTURE BACKGROUND
       Increase image visibility without sacrificing board clarity.
       ========================================================= */

    .technology-ecosystem-section {
      background:
        linear-gradient(
          180deg,
          rgba(255,255,255,.52) 0%,
          rgba(255,255,255,.48) 30%,
          rgba(255,255,255,.57) 66%,
          rgba(255,255,255,.70) 100%
        ),
        linear-gradient(
          90deg,
          rgba(255,255,255,.54) 0%,
          rgba(255,255,255,.34) 48%,
          rgba(255,255,255,.46) 100%
        ),
        url("../images/home/infrastructure-data-center.jpg")
        center center / cover no-repeat !important;
    }

    .technology-ecosystem-section::before {
      background:
        linear-gradient(
          180deg,
          rgba(255,255,255,.04) 0%,
          rgba(255,255,255,.02) 45%,
          rgba(255,255,255,.14) 100%
        ) !important;
    }

    /* Keep heading readable against the stronger photograph */
    .technology-ecosystem-head {
      position:relative;
      z-index:3;
    }

    .technology-ecosystem-section .section-title {
      text-shadow:0 1px 0 rgba(255,255,255,.28);
    }

    .technology-ecosystem-intro {
      color:#425463 !important;
      font-weight:500;
    }

    /* Board remains visually solid over the stronger background */
    .ecosystem-board {
      background:rgba(255,255,255,.95) !important;
      backdrop-filter:blur(7px);
      box-shadow:0 20px 46px rgba(24,39,54,.10) !important;
    }

    .ecosystem-board-top {
      background:rgba(246,248,250,.95) !important;
    }

    .ecosystem-row {
      background:rgba(255,255,255,.94) !important;
    }

    .ecosystem-principle {
      background:rgba(247,250,252,.96) !important;
    }

    .ecosystem-row-red .ecosystem-principle {
      background:rgba(252,248,249,.96) !important;
    }

    .ecosystem-future-band {
      background:rgba(245,248,250,.95) !important;
      backdrop-filter:blur(7px);
      box-shadow:0 16px 38px rgba(24,39,54,.08);
    }

    @media (max-width:991.98px) {
      .technology-ecosystem-section {
        background:
          linear-gradient(
            180deg,
            rgba(255,255,255,.62) 0%,
            rgba(255,255,255,.58) 44%,
            rgba(255,255,255,.70) 100%
          ),
          linear-gradient(
            90deg,
            rgba(255,255,255,.62) 0%,
            rgba(255,255,255,.46) 100%
          ),
          url("../images/home/infrastructure-data-center.jpg")
          center center / cover no-repeat !important;
      }
    }

    @media (max-width:575.98px) {
      .technology-ecosystem-section {
        background:
          linear-gradient(
            180deg,
            rgba(255,255,255,.72) 0%,
            rgba(255,255,255,.69) 100%
          ),
          url("../images/home/infrastructure-data-center.jpg")
          center center / cover no-repeat !important;
      }

      .ecosystem-board,
      .ecosystem-future-band {
        backdrop-filter:none;
      }
    }

  
    /* =========================================================
       SECTION 11G — FINAL HEADING READABILITY VEIL
       Keep the strong full-section background, but soften it
       locally behind the heading/intro only.
       ========================================================= */

    .technology-ecosystem-head {
      position:relative;
      z-index:3;
      isolation:isolate;
    }

    .technology-ecosystem-head::before {
      content:"";
      position:absolute;
      z-index:-1;
      inset:-18px -22px -16px -22px;
      border-radius:18px;
      background:
        linear-gradient(
          90deg,
          rgba(255,255,255,.62) 0%,
          rgba(255,255,255,.50) 42%,
          rgba(255,255,255,.40) 72%,
          rgba(255,255,255,.30) 100%
        );
      filter:blur(.1px);
      pointer-events:none;
    }

    .technology-ecosystem-section .section-title {
      text-shadow:none !important;
    }

    .technology-ecosystem-intro {
      color:#425463 !important;
    }

    @media (max-width:991.98px) {
      .technology-ecosystem-head::before {
        inset:-14px -16px -14px -16px;
        background:
          linear-gradient(
            90deg,
            rgba(255,255,255,.68) 0%,
            rgba(255,255,255,.56) 58%,
            rgba(255,255,255,.42) 100%
          );
      }
    }

    @media (max-width:575.98px) {
      .technology-ecosystem-head::before {
        inset:-10px -10px -10px -10px;
        border-radius:14px;
        background:rgba(255,255,255,.68);
      }
    }

  
    /* =========================================================
       SECTION 12 — WHY ITMAGIX
       Purpose: working principles and client-side outcomes.
       Avoids repeating capabilities, lifecycle or technology stack.
       ========================================================= */

    .why-itmagix-section {
      position:relative;
      overflow:hidden;
      background:
        linear-gradient(180deg,#FFFFFF 0%,#FAFBFC 100%);
      border-top:1px solid #E5EBEF;
      border-bottom:1px solid #E5EBEF;
    }

    .why-itmagix-section::before {
      content:"";
      position:absolute;
      right:-150px;
      top:-170px;
      width:430px;
      height:430px;
      border-radius:50%;
      border:72px solid rgba(10,49,97,.018);
      pointer-events:none;
    }

    .why-itmagix-head {
      position:relative;
      z-index:2;
      margin-bottom:2rem;
    }

    .why-itmagix-section .section-title {
      max-width:820px;
    }

    .why-itmagix-intro {
      max-width:520px;
      color:#667482;
      font-size:.97rem;
      line-height:1.72;
    }

    .why-itmagix-principles {
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:repeat(4,1fr);
      border-top:1px solid #DDE5EA;
      border-bottom:1px solid #DDE5EA;
    }

    .why-principle {
      position:relative;
      min-height:300px;
      padding:1.45rem 1.35rem 1.35rem;
      border-right:1px solid #E2E8EC;
      background:rgba(255,255,255,.72);
    }

    .why-principle:last-child {
      border-right:0;
    }

    .why-principle::before {
      content:"";
      position:absolute;
      left:0;
      top:0;
      width:62px;
      height:3px;
      background:#0A3161;
    }

    .why-principle-red::before {
      background:#B31942;
    }

    .why-principle-top {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:1rem;
      margin-bottom:2.5rem;
    }

    .why-principle-no {
      color:#8B99A4;
      font-size:.62rem;
      font-weight:850;
      letter-spacing:.14em;
    }

    .why-principle-label {
      color:#0A3161;
      font-size:.55rem;
      font-weight:850;
      letter-spacing:.13em;
    }

    .why-principle-red .why-principle-label {
      color:#B31942;
    }

    .why-principle h3 {
      margin:0 0 .72rem;
      color:#17202A;
      font-size:1.28rem;
      line-height:1.2;
      font-weight:760;
      letter-spacing:-.025em;
    }

    .why-principle p {
      margin:0;
      color:#657582;
      font-size:.79rem;
      line-height:1.6;
    }

    .why-itmagix-close {
      position:relative;
      z-index:2;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:1.5rem;
      padding:1.2rem 0 0;
    }

    .why-itmagix-close span {
      color:#8A98A3;
      font-size:.55rem;
      font-weight:850;
      letter-spacing:.14em;
    }

    .why-itmagix-close strong {
      color:#294566;
      font-size:.98rem;
      font-weight:760;
      text-align:right;
    }

    @media (max-width:991.98px) {
      .why-itmagix-principles {
        grid-template-columns:1fr 1fr;
      }

      .why-principle:nth-child(2) {
        border-right:0;
      }

      .why-principle:nth-child(-n+2) {
        border-bottom:1px solid #E2E8EC;
      }
    }

    @media (max-width:575.98px) {
      .why-itmagix-section {
        padding-top:54px !important;
        padding-bottom:54px !important;
      }

      .why-itmagix-head {
        margin-bottom:1.4rem;
      }

      .why-itmagix-principles {
        grid-template-columns:1fr;
      }

      .why-principle {
        min-height:auto;
        padding:1.2rem 1rem 1.1rem;
        border-right:0 !important;
        border-bottom:1px solid #E2E8EC;
      }

      .why-principle:last-child {
        border-bottom:0;
      }

      .why-principle-top {
        margin-bottom:1.25rem;
      }

      .why-itmagix-close {
        align-items:flex-start;
        flex-direction:column;
        gap:.45rem;
      }

      .why-itmagix-close strong {
        text-align:left;
      }
    }

    /* Retire previous Why cards */
    .why-card {
      display:none !important;
    }

  
    /* =========================================================
       SECTION 12B — WHY ITMAGIX EXECUTIVE GRID
       2×2 principle architecture + strong closing standard band.
       ========================================================= */

    .why-itmagix-section .eyebrow {
      color:#B31942 !important;
    }

    .why-itmagix-section .eyebrow::before {
      background:#B31942 !important;
    }

    .why-itmagix-head {
      margin-bottom:1.7rem !important;
    }

    .why-itmagix-grid {
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:1rem;
    }

    .why-exec-card {
      position:relative;
      min-height:240px;
      display:grid;
      grid-template-columns:86px 1fr;
      align-items:stretch;
      overflow:hidden;
      border:1px solid #DDE5EA;
      border-radius:16px;
      background:#FFFFFF;
      box-shadow:0 12px 30px rgba(24,39,54,.035);
      transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }

    .why-exec-card:hover {
      transform:translateY(-2px);
      border-color:#CCD8E1;
      box-shadow:0 18px 38px rgba(24,39,54,.065);
    }

    .why-exec-card::before {
      content:"";
      position:absolute;
      left:0;
      top:0;
      width:64px;
      height:4px;
      background:#0A3161;
    }

    .why-exec-card-red::before {
      background:#B31942;
    }

    .why-exec-number {
      display:flex;
      align-items:flex-end;
      justify-content:center;
      padding:0 0 1.1rem;
      background:
        linear-gradient(180deg,#F7FAFC 0%,#F1F5F8 100%);
      border-right:1px solid #E3E9ED;
      color:rgba(10,49,97,.16);
      font-size:2.5rem;
      line-height:1;
      font-weight:850;
      letter-spacing:-.05em;
    }

    .why-exec-card-red .why-exec-number {
      background:
        linear-gradient(180deg,#FFF8F9 0%,#F8F1F3 100%);
      color:rgba(179,25,66,.15);
    }

    .why-exec-content {
      display:flex;
      flex-direction:column;
      justify-content:center;
      padding:1.55rem 1.55rem 1.45rem;
    }

    .why-exec-label {
      display:inline-flex;
      width:max-content;
      margin-bottom:.75rem;
      color:#0A3161;
      font-size:.57rem;
      font-weight:850;
      letter-spacing:.14em;
    }

    .why-exec-card-red .why-exec-label {
      color:#B31942;
    }

    .why-exec-content h3 {
      margin:0 0 .72rem;
      max-width:520px;
      color:#17202A;
      font-size:1.42rem;
      line-height:1.18;
      font-weight:760;
      letter-spacing:-.03em;
    }

    .why-exec-content p {
      margin:0;
      max-width:580px;
      color:#657582;
      font-size:.82rem;
      line-height:1.62;
    }

    .why-itmagix-standard {
      position:relative;
      z-index:2;
      display:grid;
      grid-template-columns:180px 1fr;
      align-items:center;
      gap:1.5rem;
      margin-top:1rem;
      padding:1.25rem 1.4rem;
      overflow:hidden;
      border-radius:15px;
      background:
        linear-gradient(145deg,#3E5A7D 0%,#294566 100%);
      box-shadow:0 16px 36px rgba(21,43,66,.10);
    }

    .why-itmagix-standard::before {
      content:"";
      position:absolute;
      left:0;
      top:0;
      width:50%;
      height:3px;
      background:#0A3161;
    }

    .why-itmagix-standard::after {
      content:"";
      position:absolute;
      right:0;
      top:0;
      width:50%;
      height:3px;
      background:#B31942;
    }

    .why-standard-label {
      color:#A9D2F1;
      font-size:.58rem;
      font-weight:850;
      letter-spacing:.14em;
    }

    .why-standard-points {
      display:flex;
      align-items:center;
      justify-content:flex-end;
      flex-wrap:wrap;
      gap:0;
    }

    .why-standard-points span {
      position:relative;
      color:#FFFFFF;
      font-size:1rem;
      line-height:1.35;
      font-weight:760;
    }

    .why-standard-points span + span {
      margin-left:1.2rem;
      padding-left:1.2rem;
    }

    .why-standard-points span + span::before {
      content:"";
      position:absolute;
      left:0;
      top:50%;
      width:4px;
      height:4px;
      margin-top:-2px;
      border-radius:50%;
      background:#79B8EF;
    }

    @media (max-width:991.98px) {
      .why-itmagix-grid {
        grid-template-columns:1fr;
      }

      .why-exec-card {
        min-height:210px;
      }

      .why-itmagix-standard {
        grid-template-columns:1fr;
        gap:.75rem;
      }

      .why-standard-points {
        justify-content:flex-start;
      }
    }

    @media (max-width:575.98px) {
      .why-itmagix-section {
        padding-top:52px !important;
        padding-bottom:52px !important;
      }

      .why-itmagix-head {
        margin-bottom:1.25rem !important;
      }

      .why-exec-card {
        grid-template-columns:64px 1fr;
        min-height:auto;
        border-radius:14px;
      }

      .why-exec-number {
        font-size:2rem;
        padding-bottom:.9rem;
      }

      .why-exec-content {
        padding:1.15rem 1rem 1.1rem;
      }

      .why-exec-content h3 {
        font-size:1.2rem;
      }

      .why-itmagix-standard {
        padding:1.1rem 1rem;
        border-radius:14px;
      }

      .why-standard-points {
        align-items:flex-start;
        flex-direction:column;
        gap:.4rem;
      }

      .why-standard-points span + span {
        margin-left:0;
        padding-left:0;
      }

      .why-standard-points span + span::before {
        display:none;
      }
    }

    /* Retire previous principle table */
    .why-itmagix-principles,
    .why-principle,
    .why-itmagix-close {
      display:none !important;
    }

  
    /* =========================================================
       SECTION 12C — WHY ITMAGIX IMAGE-LED EXECUTIVE CARDS
       Keep exact 2×2 outer card footprint; integrate real images.
       ========================================================= */

    .why-exec-card {
      grid-template-columns:minmax(180px,36%) 1fr !important;
      min-height:240px !important;
    }

    .why-exec-image {
      position:relative;
      overflow:hidden;
      min-height:100%;
      background-size:cover;
      background-position:center;
      border-right:1px solid #E3E9ED;
      isolation:isolate;
    }

    .why-exec-image::before {
      content:"";
      position:absolute;
      inset:0;
      z-index:1;
      background:
        linear-gradient(180deg,rgba(10,25,42,.03),rgba(10,25,42,.32)),
        linear-gradient(90deg,rgba(10,49,97,.16),transparent 68%);
    }

    .why-exec-card-red .why-exec-image::before {
      background:
        linear-gradient(180deg,rgba(22,18,20,.03),rgba(22,18,20,.30)),
        linear-gradient(90deg,rgba(179,25,66,.12),transparent 68%);
    }

    .why-exec-image-context {
      background-image:
        url("../images/home/why-itmagix-context.jpg");
    }

    .why-exec-image-accountability {
      background-image:
        url("../images/home/lifecycle-transform-workshop.jpg");
    }

    .why-exec-image-continuity {
      background-image:
        url("../images/home/lifecycle-build-software.jpg");
    }

    .why-exec-image-fit {
      background-image:
        url("../images/home/beyond-delivery-ventures.jpg");
    }

    .why-exec-image .why-exec-number {
      position:absolute;
      z-index:2;
      left:1rem;
      bottom:.85rem;
      display:block;
      padding:0;
      background:none !important;
      border:0 !important;
      color:rgba(255,255,255,.88) !important;
      font-size:2.15rem;
      line-height:1;
      font-weight:850;
      letter-spacing:-.05em;
      text-shadow:0 2px 12px rgba(0,0,0,.22);
    }

    .why-exec-content {
      background:
        linear-gradient(180deg,#FFFFFF 0%,#FBFCFD 100%);
      padding:1.45rem 1.5rem 1.35rem !important;
    }

    .why-exec-card-red .why-exec-content {
      background:
        linear-gradient(180deg,#FFFFFF 0%,#FEFBFC 100%);
    }

    .why-exec-content h3 {
      font-size:1.32rem !important;
      line-height:1.19 !important;
    }

    .why-exec-content p {
      font-size:.79rem !important;
      line-height:1.58 !important;
    }

    @media (max-width:991.98px) {
      .why-exec-card {
        grid-template-columns:minmax(190px,34%) 1fr !important;
      }
    }

    @media (max-width:575.98px) {
      .why-exec-card {
        grid-template-columns:1fr !important;
      }

      .why-exec-image {
        min-height:185px;
        border-right:0;
        border-bottom:1px solid #E3E9ED;
      }

      .why-exec-image .why-exec-number {
        left:.85rem;
        bottom:.7rem;
        font-size:1.9rem;
      }

      .why-exec-content {
        padding:1.1rem 1rem 1.05rem !important;
      }
    }

  
    /* =========================================================
       SECTION 13 — FINAL CTA
       One message. One action. No repeated capability lists.
       ========================================================= */

    .final-engage-section {
      position:relative;
      padding:72px 0 0;
      background:#FFFFFF;
    }

    .final-engage-panel {
      position:relative;
      overflow:hidden;
      display:grid;
      grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);
      min-height:330px;
      border-radius:20px;
      background:
        radial-gradient(circle at 88% 18%,rgba(121,184,239,.12),transparent 26%),
        linear-gradient(135deg,#3E5A7D 0%,#294566 58%,#223B55 100%);
      box-shadow:0 28px 70px rgba(30,43,56,.14);
    }

    .final-engage-panel::before {
      content:"";
      position:absolute;
      left:0;
      top:0;
      width:72%;
      height:4px;
      background:#0A3161;
    }

    .final-engage-panel::after {
      content:"";
      position:absolute;
      right:0;
      top:0;
      width:28%;
      height:4px;
      background:#B31942;
    }

    .final-engage-copy {
      position:relative;
      z-index:2;
      display:flex;
      flex-direction:column;
      justify-content:center;
      padding:2.7rem 2.8rem;
    }

    .final-engage-eyebrow {
      display:flex;
      align-items:center;
      gap:.65rem;
      margin-bottom:1.25rem;
      color:#BFD8EB;
      font-size:.58rem;
      font-weight:850;
      letter-spacing:.15em;
    }

    .final-engage-line {
      width:28px;
      height:2px;
      border-radius:99px;
      background:#B31942;
    }

    .final-engage-copy h2 {
      margin:0;
      max-width:760px;
      color:#FFFFFF;
      font-size:clamp(2.6rem,5vw,4.6rem);
      line-height:.98;
      font-weight:760;
      letter-spacing:-.055em;
    }

    .final-engage-copy p {
      margin:1.15rem 0 0;
      max-width:700px;
      color:#D2DDE5;
      font-size:.96rem;
      line-height:1.72;
    }

    .final-engage-action {
      position:relative;
      z-index:2;
      display:flex;
      flex-direction:column;
      justify-content:center;
      padding:2.2rem 2rem;
      border-left:1px solid rgba(255,255,255,.11);
      background:rgba(13,37,59,.22);
      backdrop-filter:blur(4px);
    }

    .final-engage-action-label {
      margin-bottom:.65rem;
      color:#E0A4B2;
      font-size:.56rem;
      font-weight:850;
      letter-spacing:.15em;
    }

    .final-engage-action strong {
      max-width:280px;
      margin-bottom:1.35rem;
      color:#FFFFFF;
      font-size:1.2rem;
      line-height:1.35;
      font-weight:720;
    }

    .final-engage-button {
      display:inline-flex;
      align-items:center;
      justify-content:space-between;
      gap:1rem;
      width:100%;
      max-width:280px;
      padding:.9rem 1rem;
      border:1px solid rgba(255,255,255,.20);
      border-radius:14px;
      background:#FFFFFF;
      color:#0A3161;
      text-decoration:none;
      font-size:.78rem;
      font-weight:820;
      box-shadow:0 12px 28px rgba(0,0,0,.10);
      transition:transform .18s ease, box-shadow .18s ease;
    }

    .final-engage-button:hover {
      color:#0A3161;
      transform:translateY(-2px);
      box-shadow:0 18px 34px rgba(0,0,0,.14);
    }

    .final-engage-button i {
      color:#B31942;
    }

    @media (max-width:991.98px) {
      .final-engage-section {
        padding-top:60px;
      }

      .final-engage-panel {
        grid-template-columns:1fr;
        min-height:auto;
      }

      .final-engage-copy {
        padding:2.25rem 2rem 1.8rem;
      }

      .final-engage-action {
        border-left:0;
        border-top:1px solid rgba(255,255,255,.11);
        padding:1.6rem 2rem 1.9rem;
      }

      .final-engage-button {
        max-width:320px;
      }
    }

    @media (max-width:575.98px) {
      .final-engage-section {
        padding-top:48px;
      }

      .final-engage-panel {
        border-radius:16px;
      }

      .final-engage-copy {
        padding:1.75rem 1.2rem 1.4rem;
      }

      .final-engage-copy h2 {
        font-size:2.35rem;
      }

      .final-engage-copy p {
        font-size:.9rem;
      }

      .final-engage-action {
        padding:1.35rem 1.2rem 1.5rem;
      }

      .final-engage-button {
        max-width:none;
      }
    }

    /* Retire previous final CTA */
    .final-cta {
      display:none !important;
    }

  
    /* =========================================================
       SECTION 13B — FINAL CTA / OPEN LIGHT CLOSE
       Keep Why ITMagix untouched. One action, minimal repetition.
       ========================================================= */

    .final-engage-light {
      position:relative;
      padding:58px 0 0;
      background:#FFFFFF;
    }

    .final-engage-light-grid {
      display:grid;
      grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);
      align-items:end;
      gap:2.5rem;
      padding:2.2rem 0 2rem;
      border-top:1px solid #E2E8EC;
      border-bottom:1px solid #E2E8EC;
    }

    .final-engage-light-eyebrow {
      color:#B31942 !important;
    }

    .final-engage-light-eyebrow::before {
      background:#B31942 !important;
    }

    .final-engage-light-copy h2 {
      margin:0;
      max-width:760px;
      color:#17202A;
      font-size:clamp(2.7rem,5vw,4.8rem);
      line-height:.98;
      font-weight:760;
      letter-spacing:-.055em;
    }

    .final-engage-light-copy p {
      margin:1rem 0 0;
      max-width:760px;
      color:#667482;
      font-size:.98rem;
      line-height:1.72;
    }

    .final-engage-light-action {
      display:flex;
      align-items:flex-end;
      justify-content:flex-end;
    }

    .final-engage-light-button {
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:space-between;
      gap:1.1rem;
      min-width:250px;
      padding:.95rem 1.05rem .95rem 1.2rem;
      border:1px solid #0A3161;
      border-radius:14px;
      background:linear-gradient(135deg,#174F88 0%,#0A3161 100%);
      color:#FFFFFF;
      text-decoration:none;
      font-size:.8rem;
      font-weight:820;
      box-shadow:0 12px 28px rgba(10,49,97,.10);
      transition:transform .18s ease, box-shadow .18s ease;
    }

    .final-engage-light-button::before {
      content:"";
      position:absolute;
      left:0;
      top:8px;
      bottom:8px;
      width:3px;
      border-radius:0 3px 3px 0;
      background:#B31942;
    }

    .final-engage-light-button:hover {
      color:#FFFFFF;
      transform:translateY(-2px);
      box-shadow:0 18px 34px rgba(10,49,97,.15);
    }

    .final-engage-light-button i {
      color:#FFFFFF;
    }

    .final-engage-light-close {
      display:flex;
      align-items:center;
      justify-content:flex-end;
      flex-wrap:wrap;
      gap:0;
      padding:1rem 0 0;
      color:#5B6C79;
      font-size:.72rem;
      font-weight:760;
      letter-spacing:.01em;
    }

    .final-engage-light-close span + span {
      position:relative;
      margin-left:1rem;
      padding-left:1rem;
    }

    .final-engage-light-close span + span::before {
      content:"";
      position:absolute;
      left:0;
      top:50%;
      width:4px;
      height:4px;
      margin-top:-2px;
      border-radius:50%;
      background:#B31942;
    }

    @media (max-width:991.98px) {
      .final-engage-light {
        padding-top:48px;
      }

      .final-engage-light-grid {
        grid-template-columns:1fr;
        gap:1.5rem;
        align-items:start;
      }

      .final-engage-light-action {
        justify-content:flex-start;
      }
    }

    @media (max-width:575.98px) {
      .final-engage-light {
        padding-top:40px;
      }

      .final-engage-light-grid {
        padding:1.7rem 0 1.5rem;
      }

      .final-engage-light-copy h2 {
        font-size:2.45rem;
      }

      .final-engage-light-copy p {
        font-size:.91rem;
      }

      .final-engage-light-button {
        width:100%;
        min-width:0;
      }

      .final-engage-light-close {
        justify-content:flex-start;
        align-items:flex-start;
        flex-direction:column;
        gap:.35rem;
      }

      .final-engage-light-close span + span {
        margin-left:0;
        padding-left:0;
      }

      .final-engage-light-close span + span::before {
        display:none;
      }
    }

    /* Retire dark CTA variant */
    .final-engage-section,
    .final-engage-panel,
    .final-engage-copy,
    .final-engage-action {
      display:none !important;
    }

  
    /* =========================================================
       SECTION 13C — COMPACT PREMIUM FINAL CTA
       Tight, connected, institutional close.
       ========================================================= */

    .final-engage-compact {
      position:relative;
      padding:44px 0 0;
      background:#FFFFFF;
    }

    .final-engage-compact-panel {
      position:relative;
      overflow:hidden;
      display:grid;
      grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);
      align-items:center;
      gap:2rem;
      min-height:220px;
      padding:2rem 2.2rem;
      border:1px solid #DCE4EA;
      border-radius:18px;
      background:
        linear-gradient(135deg,#F7F9FB 0%,#F3F6F8 100%);
      box-shadow:0 16px 38px rgba(24,39,54,.055);
    }

    .final-engage-compact-panel::before {
      content:"";
      position:absolute;
      left:0;
      top:0;
      width:72%;
      height:3px;
      background:#0A3161;
    }

    .final-engage-compact-panel::after {
      content:"";
      position:absolute;
      right:0;
      top:0;
      width:28%;
      height:3px;
      background:#B31942;
    }

    .final-engage-compact-copy {
      position:relative;
      z-index:2;
    }

    .final-engage-compact-eyebrow {
      margin-bottom:.8rem !important;
      color:#B31942 !important;
    }

    .final-engage-compact-eyebrow::before {
      background:#B31942 !important;
    }

    .final-engage-compact-copy h2 {
      margin:0;
      max-width:680px;
      color:#17202A;
      font-size:clamp(2.15rem,3.6vw,3.55rem);
      line-height:1.02;
      font-weight:760;
      letter-spacing:-.045em;
    }

    .final-engage-compact-copy p {
      margin:.75rem 0 0;
      max-width:690px;
      color:#667482;
      font-size:.92rem;
      line-height:1.65;
    }

    .final-engage-compact-action {
      display:flex;
      align-items:center;
      justify-content:flex-end;
    }

    .final-engage-compact-button {
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:space-between;
      gap:1rem;
      min-width:245px;
      padding:.92rem 1rem .92rem 1.15rem;
      border:1px solid #0A3161;
      border-radius:14px;
      background:linear-gradient(135deg,#174F88 0%,#0A3161 100%);
      color:#FFFFFF;
      text-decoration:none;
      font-size:.78rem;
      font-weight:820;
      box-shadow:0 12px 26px rgba(10,49,97,.11);
      transition:transform .18s ease, box-shadow .18s ease;
    }

    .final-engage-compact-button::before {
      content:"";
      position:absolute;
      left:0;
      top:8px;
      bottom:8px;
      width:3px;
      border-radius:0 3px 3px 0;
      background:#B31942;
    }

    .final-engage-compact-button:hover {
      color:#FFFFFF;
      transform:translateY(-2px);
      box-shadow:0 16px 32px rgba(10,49,97,.16);
    }

    .final-engage-compact-button i {
      color:#FFFFFF;
    }

    @media (max-width:991.98px) {
      .final-engage-compact {
        padding-top:38px;
      }

      .final-engage-compact-panel {
        grid-template-columns:1fr;
        gap:1.35rem;
        min-height:auto;
        padding:1.7rem 1.6rem;
      }

      .final-engage-compact-action {
        justify-content:flex-start;
      }
    }

    @media (max-width:575.98px) {
      .final-engage-compact {
        padding-top:32px;
      }

      .final-engage-compact-panel {
        padding:1.45rem 1.1rem;
        border-radius:15px;
      }

      .final-engage-compact-copy h2 {
        font-size:2.2rem;
      }

      .final-engage-compact-copy p {
        font-size:.89rem;
      }

      .final-engage-compact-button {
        width:100%;
        min-width:0;
      }
    }

    /* Retire v90 light CTA */
    .final-engage-light,
    .final-engage-light-grid,
    .final-engage-light-copy,
    .final-engage-light-action,
    .final-engage-light-close {
      display:none !important;
    }

  
    /* =========================================================
       SECTION 13D — FINAL CTA POLISH
       Improve balance and action hierarchy without adding noise.
       ========================================================= */

    .final-engage-compact-panel {
      min-height:228px !important;
      padding:0 !important;
      grid-template-columns:minmax(0,1.38fr) minmax(300px,.62fr) !important;
      gap:0 !important;
      background:
        radial-gradient(circle at 91% 24%,rgba(121,184,239,.10),transparent 24%),
        linear-gradient(135deg,#F8FAFC 0%,#F2F6F8 100%) !important;
    }

    .final-engage-compact-panel::before {
      width:72% !important;
    }

    .final-engage-compact-panel::after {
      width:28% !important;
    }

    .final-engage-compact-panel > * {
      position:relative;
      z-index:2;
    }

    .final-engage-compact-panel .final-engage-compact-copy {
      padding:2rem 2.25rem !important;
    }

    .final-engage-compact-copy::after {
      content:"";
      position:absolute;
      right:2rem;
      bottom:1.35rem;
      width:128px;
      height:128px;
      border-radius:50%;
      border:24px solid rgba(10,49,97,.025);
      pointer-events:none;
    }

    .final-engage-compact-copy h2 {
      font-size:clamp(2.2rem,3.5vw,3.35rem) !important;
      max-width:650px !important;
    }

    .final-engage-compact-copy p {
      max-width:720px !important;
      margin-top:.7rem !important;
    }

    .final-engage-compact-action {
      min-height:228px;
      padding:1.75rem 2rem !important;
      display:flex !important;
      flex-direction:column;
      align-items:flex-start !important;
      justify-content:center !important;
      border-left:1px solid #D8E2E8;
      background:
        linear-gradient(180deg,rgba(255,255,255,.46),rgba(255,255,255,.20));
    }

    .final-engage-action-kicker {
      display:block;
      margin-bottom:.5rem;
      color:#B31942;
      font-size:.56rem;
      font-weight:850;
      letter-spacing:.14em;
    }

    .final-engage-compact-action strong {
      display:block;
      max-width:270px;
      margin-bottom:1rem;
      color:#294566;
      font-size:.92rem;
      line-height:1.45;
      font-weight:740;
    }

    .final-engage-compact-button {
      width:100%;
      max-width:285px;
      min-width:0 !important;
      padding:.9rem 1rem .9rem 1.15rem !important;
    }

    @media (max-width:991.98px) {
      .final-engage-compact-panel {
        grid-template-columns:1fr !important;
      }

      .final-engage-compact-panel .final-engage-compact-copy {
        padding:1.7rem 1.6rem 1.5rem !important;
      }

      .final-engage-compact-action {
        min-height:auto;
        padding:1.35rem 1.6rem 1.6rem !important;
        border-left:0;
        border-top:1px solid #D8E2E8;
      }

      .final-engage-compact-button {
        max-width:320px;
      }
    }

    @media (max-width:575.98px) {
      .final-engage-compact-panel .final-engage-compact-copy {
        padding:1.45rem 1.1rem 1.25rem !important;
      }

      .final-engage-compact-action {
        padding:1.15rem 1.1rem 1.35rem !important;
      }

      .final-engage-compact-copy::after {
        display:none;
      }

      .final-engage-compact-button {
        max-width:none;
      }
    }

  
    /* =========================================================
       SECTION 13E — FINAL CTA BACKGROUND DEPTH
       CSS only. Subtle technical atmosphere; no image asset.
       ========================================================= */

    .final-engage-compact-panel {
      position:relative;
      isolation:isolate;
      background:
        radial-gradient(circle at 88% 18%, rgba(121,184,239,.18) 0%, rgba(121,184,239,0) 26%),
        radial-gradient(circle at 10% 92%, rgba(10,49,97,.07) 0%, rgba(10,49,97,0) 31%),
        radial-gradient(circle at 72% 76%, rgba(179,25,66,.045) 0%, rgba(179,25,66,0) 22%),
        linear-gradient(135deg,#F8FAFC 0%,#F1F5F8 58%,#F5F8FA 100%) !important;
    }

    .final-engage-compact-panel > .final-engage-compact-copy::before {
      content:"";
      position:absolute;
      inset:0;
      z-index:-1;
      pointer-events:none;
      opacity:.48;
      background-image:
        linear-gradient(rgba(10,49,97,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(10,49,97,.035) 1px, transparent 1px);
      background-size:32px 32px;
      mask-image:linear-gradient(90deg, rgba(0,0,0,.75), rgba(0,0,0,.18) 72%, transparent 100%);
      -webkit-mask-image:linear-gradient(90deg, rgba(0,0,0,.75), rgba(0,0,0,.18) 72%, transparent 100%);
    }

    .final-engage-compact-panel > .final-engage-compact-copy::after {
      width:160px !important;
      height:160px !important;
      right:1.6rem !important;
      bottom:-1.8rem !important;
      border:28px solid rgba(10,49,97,.035) !important;
      box-shadow:
        0 0 0 22px rgba(121,184,239,.022),
        0 0 0 44px rgba(10,49,97,.012);
    }

    .final-engage-compact-action {
      background:
        radial-gradient(circle at 82% 16%, rgba(121,184,239,.10), transparent 34%),
        linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.28)) !important;
    }

    .final-engage-compact-action::after {
      content:"";
      position:absolute;
      right:-34px;
      bottom:-42px;
      width:145px;
      height:145px;
      border-radius:50%;
      border:24px solid rgba(179,25,66,.025);
      pointer-events:none;
    }

    .final-engage-compact-button {
      box-shadow:
        0 12px 26px rgba(10,49,97,.12),
        inset 0 1px 0 rgba(255,255,255,.12) !important;
    }

    @media (max-width:991.98px) {
      .final-engage-compact-panel > .final-engage-compact-copy::before {
        background-size:28px 28px;
        opacity:.34;
      }

      .final-engage-compact-panel > .final-engage-compact-copy::after {
        width:125px !important;
        height:125px !important;
        border-width:22px !important;
      }
    }

    @media (max-width:575.98px) {
      .final-engage-compact-panel > .final-engage-compact-copy::before {
        opacity:.22;
        background-size:26px 26px;
      }

      .final-engage-compact-panel > .final-engage-compact-copy::after,
      .final-engage-compact-action::after {
        display:none;
      }
    }

  
    /* =========================================================
       FOOTER — ENTERPRISE / FUTURE-READY
       Distinct, compact and aligned with the site architecture.
       ========================================================= */

    .itx-footer {
      position:relative;
      margin-top:68px;
      overflow:hidden;
      color:#AFC0CC;
      background:
        radial-gradient(circle at 90% 8%,rgba(121,184,239,.07),transparent 27%),
        linear-gradient(145deg,#20384F 0%,#172D42 52%,#10263A 100%);
      border-top:1px solid rgba(255,255,255,.06);
    }

    .itx-footer::before {
      content:"";
      position:absolute;
      left:0;
      top:0;
      width:72%;
      height:3px;
      background:#0A3161;
    }

    .itx-footer::after {
      content:"";
      position:absolute;
      right:0;
      top:0;
      width:28%;
      height:3px;
      background:#B31942;
    }

    .itx-footer-main {
      position:relative;
      padding:62px 0 34px;
    }

    .itx-footer-main::before {
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      opacity:.16;
      background-image:
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
      background-size:38px 38px;
      mask-image:linear-gradient(90deg,rgba(0,0,0,.45),transparent 58%);
      -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.45),transparent 58%);
    }

    .itx-footer-main > .container-xl {
      position:relative;
      z-index:2;
    }

    .itx-footer-grid {
      display:grid;
      grid-template-columns:minmax(300px,1.05fr) minmax(0,1.95fr);
      gap:4rem;
      align-items:start;
    }

    .itx-footer-logo {
      display:inline-flex;
      align-items:center;
      margin-bottom:1.15rem;
    }

    .itx-footer-logo img {
      width:auto;
      height:46px;
      display:block;
    }

    .itx-footer-positioning {
      margin:0 0 .55rem;
      color:#FFFFFF;
      font-size:1.18rem;
      font-weight:760;
      letter-spacing:-.02em;
    }

    .itx-footer-summary {
      max-width:410px;
      margin:0;
      color:#AEBECA;
      font-size:.82rem;
      line-height:1.68;
    }

    .itx-footer-contact {
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:.55rem;
      margin-top:1.3rem;
    }

    .itx-footer-contact a {
      display:inline-flex;
      align-items:center;
      gap:.45rem;
      min-height:34px;
      padding:.42rem .65rem;
      border:1px solid rgba(255,255,255,.10);
      border-radius:8px;
      background:rgba(255,255,255,.035);
      color:#D6E0E7;
      font-size:.69rem;
      font-weight:700;
      text-decoration:none;
      transition:background .18s ease,border-color .18s ease,color .18s ease;
    }

    .itx-footer-contact a:hover {
      color:#FFFFFF;
      border-color:rgba(255,255,255,.18);
      background:rgba(255,255,255,.065);
    }

    .itx-footer-contact i {
      color:#79B8EF;
      font-size:.76rem;
    }

    .itx-footer-nav {
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:1.35rem;
    }

    .itx-footer-nav-group h6 {
      position:relative;
      margin:0 0 1rem;
      padding-top:.7rem;
      color:#FFFFFF;
      font-size:.58rem;
      font-weight:850;
      letter-spacing:.14em;
      text-transform:uppercase;
    }

    .itx-footer-nav-group h6::before {
      content:"";
      position:absolute;
      left:0;
      top:0;
      width:26px;
      height:2px;
      border-radius:99px;
      background:#79B8EF;
    }

    .itx-footer-nav-group:nth-child(even) h6::before {
      background:#B31942;
    }

    .itx-footer-nav-group ul {
      list-style:none;
      margin:0;
      padding:0;
    }

    .itx-footer-nav-group li {
      margin:.48rem 0;
    }

    .itx-footer-nav-group a {
      display:inline-flex;
      align-items:center;
      color:#AEBECA;
      font-size:.76rem;
      line-height:1.42;
      text-decoration:none;
      transition:color .18s ease,transform .18s ease;
    }

    .itx-footer-nav-group a:hover {
      color:#FFFFFF;
      transform:translateX(2px);
    }

    .itx-footer-nav-group .brand-st-red {
      margin-right:.18rem;
    }

    .itx-footer-scope {
      position:relative;
      display:grid;
      grid-template-columns:170px 1fr;
      align-items:center;
      gap:1rem;
      margin-top:2.3rem;
      padding:1rem 1.1rem;
      border:1px solid rgba(255,255,255,.08);
      border-radius:12px;
      background:rgba(255,255,255,.025);
    }

    .itx-footer-scope-label {
      color:#8FB9D8;
      font-size:.54rem;
      font-weight:850;
      letter-spacing:.14em;
    }

    .itx-footer-scope-items {
      display:flex;
      align-items:center;
      justify-content:flex-end;
      flex-wrap:wrap;
      gap:.45rem;
    }

    .itx-footer-scope-items span {
      padding:.34rem .54rem;
      border:1px solid rgba(255,255,255,.09);
      border-radius:999px;
      background:rgba(255,255,255,.03);
      color:#D4DEE5;
      font-size:.61rem;
      font-weight:720;
      white-space:nowrap;
    }

    .itx-footer-bottom {
      border-top:1px solid rgba(255,255,255,.075);
      background:rgba(4,17,29,.14);
    }

    .itx-footer-bottom-inner {
      display:grid;
      grid-template-columns:1fr auto 1fr;
      align-items:center;
      gap:1rem;
      min-height:54px;
      color:#8395A3;
      font-size:.66rem;
    }

    .itx-footer-legal {
      display:flex;
      align-items:center;
      gap:1rem;
    }

    .itx-footer-legal a {
      color:#94A5B2;
      text-decoration:none;
    }

    .itx-footer-legal a:hover {
      color:#FFFFFF;
    }

    .itx-footer-mark {
      justify-self:end;
      color:#8FA2B0;
      letter-spacing:.02em;
    }

    @media (max-width:991.98px) {
      .itx-footer {
        margin-top:56px;
      }

      .itx-footer-main {
        padding:52px 0 30px;
      }

      .itx-footer-grid {
        grid-template-columns:1fr;
        gap:2.6rem;
      }

      .itx-footer-nav {
        grid-template-columns:repeat(2,1fr);
        row-gap:2rem;
      }

      .itx-footer-scope {
        grid-template-columns:1fr;
      }

      .itx-footer-scope-items {
        justify-content:flex-start;
      }

      .itx-footer-bottom-inner {
        grid-template-columns:1fr;
        gap:.5rem;
        padding:.8rem 0;
      }

      .itx-footer-mark {
        justify-self:start;
      }
    }

    @media (max-width:575.98px) {
      .itx-footer {
        margin-top:46px;
      }

      .itx-footer-main {
        padding:44px 0 26px;
      }

      .itx-footer-logo img {
        height:42px;
      }

      .itx-footer-positioning {
        font-size:1.05rem;
      }

      .itx-footer-nav {
        grid-template-columns:1fr 1fr;
        gap:1.65rem 1rem;
      }

      .itx-footer-nav-group a {
        font-size:.73rem;
      }

      .itx-footer-scope {
        margin-top:1.8rem;
        padding:.9rem;
      }

      .itx-footer-scope-items {
        gap:.38rem;
      }

      .itx-footer-scope-items span {
        font-size:.58rem;
      }

      .itx-footer-legal {
        flex-wrap:wrap;
        gap:.8rem;
      }
    }

    /* Retire legacy footer-specific styling where needed */
    .footer-main,
    .footer-bottom,
    .footer-copy,
    .footer-logo {
      display:none !important;
    }

  
    /* =========================================================
       FOOTER TECHNOLOGY SCOPE — ARCHITECTURAL RIBBON
       Final visual refinement only.
       ========================================================= */

    .itx-footer-scope {
      grid-template-columns:minmax(260px,.82fr) minmax(0,1.8fr) !important;
      gap:1.4rem !important;
      padding:0 !important;
      overflow:hidden;
      background:rgba(255,255,255,.022) !important;
    }

    .itx-footer-scope-copy {
      display:flex;
      flex-direction:column;
      justify-content:center;
      min-height:78px;
      padding:1rem 1.15rem;
    }

    .itx-footer-scope-label {
      margin-bottom:.26rem;
    }

    .itx-footer-scope-subline {
      color:#AEBECA;
      font-size:.69rem;
      line-height:1.45;
    }

    .itx-footer-scope-ribbon {
      display:grid;
      grid-template-columns:1fr .72fr .78fr .9fr 1fr 1.55fr;
      min-height:78px;
      border-left:1px solid rgba(255,255,255,.075);
    }

    .scope-segment {
      position:relative;
      display:flex;
      align-items:center;
      justify-content:center;
      min-width:0;
      padding:.9rem .55rem;
      color:#E4EBF0;
      font-size:.68rem;
      line-height:1.25;
      font-weight:760;
      text-align:center;
      white-space:nowrap;
    }

    .scope-segment + .scope-segment {
      border-left:1px solid rgba(255,255,255,.075);
    }

    .scope-segment::before {
      content:"";
      position:absolute;
      left:0;
      right:0;
      top:0;
      height:2px;
      background:#79B8EF;
      opacity:.95;
    }

    .scope-segment-red::before {
      background:#B31942;
    }

    .scope-segment::after {
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));
      pointer-events:none;
    }

    @media (max-width:991.98px) {
      .itx-footer-scope {
        grid-template-columns:1fr !important;
        gap:0 !important;
      }

      .itx-footer-scope-copy {
        min-height:auto;
        padding:.9rem 1rem .8rem;
      }

      .itx-footer-scope-ribbon {
        border-left:0;
        border-top:1px solid rgba(255,255,255,.075);
      }
    }

    @media (max-width:575.98px) {
      .itx-footer-scope-ribbon {
        grid-template-columns:1fr 1fr;
      }

      .scope-segment {
        min-height:52px;
        white-space:normal;
      }

      .scope-segment:nth-child(odd) {
        border-left:0;
      }

      .scope-segment:nth-child(n+3) {
        border-top:1px solid rgba(255,255,255,.075);
      }
    }

    .itx-footer-scope-items {
      display:none !important;
    }

  
    /* =========================================================
       FOOTER FINAL TYPOGRAPHY POLISH
       Slightly larger scope ribbon and legal text only.
       ========================================================= */

    .itx-footer-scope-label {
      font-size:.58rem !important;
    }

    .itx-footer-scope-subline {
      font-size:.72rem !important;
      line-height:1.5 !important;
    }

    .scope-segment {
      font-size:.77rem !important;
      font-weight:780 !important;
    }

    .itx-footer-bottom-inner {
      font-size:.70rem !important;
    }

    .itx-footer-legal a {
      font-size:.70rem !important;
    }

    .itx-footer-mark {
      font-size:.70rem !important;
    }

    @media (max-width:575.98px) {
      .scope-segment {
        font-size:.72rem !important;
      }

      .itx-footer-scope-label {
        font-size:.56rem !important;
      }

      .itx-footer-scope-subline {
        font-size:.68rem !important;
      }

      .itx-footer-bottom-inner,
      .itx-footer-legal a,
      .itx-footer-mark {
        font-size:.67rem !important;
      }
    }

  
    /* =========================================================
       SECTION 1 — CARD IMAGE THUMBNAILS / NEUTRAL CARD EDGES
       Uses the uploaded final v97 baseline.
       ========================================================= */

    /* Remove individual navy/red vertical card edge accents only. */
    #services .lifecycle-cards-shell .pillar-card::before,
    #services .pillar-card::before,
    #services .pillar-card.build-card::before,
    #services .pillar-card.transform-card::before,
    #services .pillar-card.automate-card::before,
    #services .pillar-card.operate-card::before {
      display:none !important;
      content:none !important;
    }

    /* Real-image replacement for the former small icon block. */
    #services .pillar-thumb {
      position:relative;
      width:100%;
      height:108px;
      margin-bottom:1.2rem;
      overflow:hidden;
      border:1px solid #DDE5EA;
      border-radius:14px;
      background:#EEF3F6;
      box-shadow:0 5px 14px rgba(24,39,54,.06);
    }

    #services .pillar-thumb img {
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
      object-position:center;
      filter:saturate(.72) contrast(.98);
      transform:scale(1.02);
    }

    #services .build-card .pillar-thumb img { object-position:center 28%; }
    #services .transform-card .pillar-thumb img { object-position:center 38%; }
    #services .automate-card .pillar-thumb img { object-position:center 35%; }
    #services .operate-card .pillar-thumb img { object-position:center 42%; }

    /* Keep the image treatment corporate and quiet. */
    #services .pillar-thumb::after {
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:linear-gradient(
        145deg,
        rgba(10,49,97,.035),
        rgba(255,255,255,.02) 55%,
        rgba(179,25,66,.018)
      );
    }

    #services .pillar-card:hover .pillar-thumb img {
      transform:scale(1.055);
      transition:transform .28s ease;
    }

    /* Retire the old icon boxes in this section if any survive. */
    #services .pillar-icon {
      display:none !important;
    }

    @media (max-width:575.98px) {
      #services .pillar-thumb {
        width:100%;
        height:92px;
        margin-bottom:1rem;
        border-radius:12px;
      }
    }

  
    /* =========================================================
       FINAL PRODUCTION OVERRIDES
       Canonical rules only — replaces iterative v100-v107
       navigator, eyebrow and homepage-link override layers.
       ========================================================= */

    /* Section eyebrow colors */
    #services .lifecycle-section-head .eyebrow,
    #industries .industries-head .eyebrow,
    .decision-section .decision-section-head .eyebrow,
    .selected-work-section .selected-work-head .eyebrow {
      color:#B31942 !important;
    }

    #services .lifecycle-section-head .eyebrow::before,
    #industries .industries-head .eyebrow::before,
    .decision-section .decision-section-head .eyebrow::before,
    .selected-work-section .selected-work-head .eyebrow::before {
      background:#B31942 !important;
    }

    .technology-stack-section .technology-stack-copy > .eyebrow {
      color:#9CCCF0 !important;
    }

    .technology-stack-section .technology-stack-copy > .eyebrow::before {
      background:#9CCCF0 !important;
    }

    .insights-editorial-section .insights-editorial-head .eyebrow {
      color:#A9D2F1 !important;
    }

    .insights-editorial-section .insights-editorial-head .eyebrow::before {
      background:#79B8EF !important;
    }

    /* Homepage internal CTAs */
    .technology-stack-link {
      margin-top:1.15rem;
      color:#9CCCF0 !important;
    }

    .technology-stack-link:hover,
    .technology-stack-link:focus {
      color:#FFFFFF !important;
    }

    .homepage-inner-link {
      margin-top:.9rem;
    }

    /* Page navigator */
    .itx-section-nav {
      position:fixed !important;
      right:16px !important;
      top:50% !important;
      bottom:auto !important;
      z-index:2147483000 !important;
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      gap:6px !important;
      width:auto !important;
      height:auto !important;
      padding:0 !important;
      margin:0 !important;
      border:0 !important;
      border-radius:0 !important;
      background:transparent !important;
      box-shadow:none !important;
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
      opacity:1 !important;
      visibility:visible !important;
      pointer-events:auto !important;
      transform:translateY(-50%) !important;
      transition:opacity .2s ease, transform .2s ease, box-shadow .2s ease;
    }

    .itx-section-nav:hover {
      box-shadow:none !important;
    }

    .itx-section-nav button {
      position:relative;
      width:40px !important;
      height:40px !important;
      display:grid !important;
      place-items:center !important;
      flex:0 0 40px !important;
      padding:0 !important;
      border:1px solid rgba(255,255,255,.34) !important;
      border-radius:50% !important;
      background:linear-gradient(145deg,#C51F46 0%,#B31942 100%) !important;
      color:#FFFFFF !important;
      font-size:.90rem !important;
      line-height:1 !important;
      cursor:pointer !important;
      box-shadow:
        0 7px 18px rgba(179,25,66,.24),
        0 0 0 1px rgba(179,25,66,.10) !important;
      transition:
        transform .16s ease,
        box-shadow .16s ease,
        opacity .16s ease,
        background .16s ease !important;
    }

    .itx-section-nav button::after {
      content:"";
      position:absolute;
      right:3px;
      top:9px;
      width:2px;
      height:13px;
      border-radius:99px;
      background:#FFFFFF !important;
      opacity:.28 !important;
    }

    .itx-section-nav button:hover:not(:disabled),
    .itx-section-nav button:focus-visible:not(:disabled) {
      background:linear-gradient(145deg,#D1264F 0%,#A9153B 100%) !important;
      color:#FFFFFF !important;
      transform:translateY(-1px) scale(1.04) !important;
      box-shadow:
        0 10px 24px rgba(179,25,66,.30),
        0 0 0 2px rgba(179,25,66,.14) !important;
      outline:none !important;
    }

    .itx-section-nav button:disabled {
      opacity:.34 !important;
      cursor:default !important;
      box-shadow:0 4px 12px rgba(10,49,97,.10) !important;
    }

    .itx-section-nav-top,
    .itx-section-nav-bottom {
      width:36px !important;
      height:36px !important;
      flex:0 0 36px !important;
      background:linear-gradient(145deg,#B31942 0%,#971335 100%) !important;
    }

    .itx-section-nav-top i,
    .itx-section-nav-bottom i {
      font-size:.82rem !important;
    }

    .itx-section-nav-track {
      position:relative !important;
      width:3px !important;
      height:28px !important;
      overflow:hidden !important;
      flex:0 0 28px !important;
      border-radius:999px !important;
      background:rgba(62,90,125,.18) !important;
      box-shadow:none !important;
    }

    .itx-section-nav-progress {
      position:absolute !important;
      left:0 !important;
      right:0 !important;
      top:0 !important;
      width:100% !important;
      height:0%;
      border-radius:999px !important;
      background:linear-gradient(180deg,#79B8EF 0%,#3E5A7D 58%,#B31942 100%) !important;
      transition:height .12s linear;
    }

    @media (max-width:991.98px) {
      .itx-section-nav {
        right:8px !important;
        left:auto !important;
        top:52% !important;
        bottom:auto !important;
        gap:5px !important;
        transform:translateY(-50%) !important;
      }

      .itx-section-nav button {
        width:36px !important;
        height:36px !important;
        flex:0 0 36px !important;
        font-size:.78rem !important;
        border-width:1px !important;
      }

      .itx-section-nav button::after {
        top:8px;
        height:11px;
      }

      .itx-section-nav-top,
      .itx-section-nav-bottom {
        width:32px !important;
        height:32px !important;
        flex:0 0 32px !important;
      }

      .itx-section-nav-track {
        width:3px !important;
        height:24px !important;
        flex:0 0 24px !important;
      }
    }

    @media (max-width:575.98px) {
      .itx-section-nav {
        right:6px !important;
        top:54% !important;
      }

      .itx-section-nav button {
        width:34px !important;
        height:34px !important;
        flex-basis:34px !important;
        font-size:.74rem !important;
      }

      .itx-section-nav-top,
      .itx-section-nav-bottom {
        width:30px !important;
        height:30px !important;
        flex-basis:30px !important;
      }

      .itx-section-nav-track {
        height:22px !important;
        flex-basis:22px !important;
      }
    }

    @media (prefers-reduced-motion:reduce) {
      .itx-section-nav,
      .itx-section-nav *,
      .itx-section-nav button {
        transition:none !important;
      }
    }