/* ============================================================
   ITMAGIX — BUILD MASTER REDESIGN V2
   /services/build/
   Hero + all sections through Business Outcomes redesigned.
   Beyond Build and final CTA retained in the established style.
   ============================================================ */

.build-master-page {
  --bld-navy:#0A3161;
  --bld-red:#B31942;
  --bld-blue:#79B8EF;
  --bld-ink:#142A3C;
  --bld-muted:#667782;
  --bld-line:#DCE5EA;
  --bld-soft:#F5F8FA;
  --bld-dark:#15334B;
}

/* ---------- SHARED SECTION HEAD ---------- */

.bldr-section-head,
.bldr-continuum-head,
.bld-section-head {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(330px,.62fr);
  gap:clamp(2.5rem,6vw,6rem);
  align-items:end;
  margin-bottom:1.9rem;
}

.bldr-section-head .section-title,
.bldr-continuum-head .section-title,
.bld-section-head .section-title {
  max-width:850px;
}

/* ============================================================
   HERO — FULL-BLEED BUILD STUDIO
   ============================================================ */

.bldr-hero {
  position:relative;
  overflow:hidden;
  color:#fff;
  background:linear-gradient(145deg,#0D3454 0%,#082940 62%,#062338 100%);
}

.bldr-hero > .container-xl {
  position:relative;
  z-index:2;
}

.bldr-breadcrumb {
  margin-bottom:1rem;
}

.bldr-breadcrumb a,
.bldr-breadcrumb li {
  color:rgba(255,255,255,.72);
}

.bldr-breadcrumb a:hover { color:#fff; }

.bldr-hero-stage {
  position:relative;
  min-height:690px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:24px;
  background:#0A2B44;
  box-shadow:0 28px 70px rgba(2,16,28,.20);
}

.bldr-hero-media,
.bldr-hero-shade {
  position:absolute;
  inset:0;
}

.bldr-hero-media img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:64% 50%;
}

.bldr-hero-shade {
  background:
    linear-gradient(90deg,rgba(6,32,52,.97) 0%,rgba(6,32,52,.91) 38%,rgba(6,32,52,.53) 68%,rgba(6,32,52,.24) 100%),
    linear-gradient(180deg,rgba(6,32,52,.05) 50%,rgba(6,32,52,.76) 100%);
}

.bldr-hero-copy {
  position:absolute;
  z-index:5;
  left:clamp(1.4rem,4vw,4rem);
  top:50%;
  width:min(780px,55%);
  transform:translateY(-57%);
}

.bldr-hero-copy .eyebrow { color:#9FD0F4 !important; }

.build-master-page .bldr-hero h1.inner-page-title {
  max-width:760px;
  margin:0 0 1rem;
  color:#fff !important;
  font-size:clamp(2.85rem,4.8vw,4.85rem) !important;
  line-height:.99 !important;
  letter-spacing:-.047em !important;
}

.bldr-hero-copy .inner-page-lead {
  max-width:690px;
  margin:0;
  color:#D0DEE7 !important;
  font-size:clamp(.98rem,1.25vw,1.14rem);
  line-height:1.72;
}

.bldr-hero-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.85rem 1.15rem;
  margin-top:1.35rem;
}

.bldr-hero .btn-itx-primary {
  background:var(--bld-red);
  border-color:var(--bld-red);
  box-shadow:0 12px 28px rgba(179,25,66,.18);
}

.bldr-hero .btn-itx-primary:hover {
  background:#971638;
  border-color:#971638;
}

.bldr-hero-secondary {
  display:inline-flex;
  align-items:center;
  gap:.38rem;
  color:#E2EEF5;
  font-size:.74rem;
  font-weight:800;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.34);
}

.bldr-hero-secondary:hover { color:#fff; }

.bldr-hero-brief {
  position:absolute;
  z-index:6;
  right:clamp(1.2rem,3vw,3rem);
  top:clamp(1.2rem,3vw,3rem);
  width:min(330px,29%);
  padding:1rem 1.05rem;
  border:1px solid rgba(255,255,255,.14);
  border-top:3px solid var(--bld-red);
  border-radius:15px;
  background:rgba(6,31,50,.82);
  box-shadow:0 18px 40px rgba(1,15,26,.18);
  backdrop-filter:blur(10px);
}

.bldr-hero-brief > small {
  display:block;
  margin-bottom:.4rem;
  color:#9ECFF3;
  font-size:.43rem;
  font-weight:850;
  letter-spacing:.12em;
}

.bldr-hero-brief > strong {
  display:block;
  color:#fff;
  font-size:.78rem;
  line-height:1.45;
}

.bldr-hero-brief-list {
  display:grid;
  gap:.38rem;
  margin-top:.75rem;
}

.bldr-hero-brief-list span {
  padding:.42rem .55rem;
  color:#CBD8E1;
  font-size:.52rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:rgba(255,255,255,.035);
}

.bldr-hero-rail {
  position:absolute;
  z-index:7;
  left:1rem;
  right:1rem;
  bottom:1rem;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.11);
  border-radius:14px;
  background:rgba(5,25,40,.78);
  backdrop-filter:blur(9px);
}

.bldr-hero-rail a {
  display:grid;
  grid-template-columns:28px 1fr;
  gap:.45rem;
  align-items:center;
  min-height:72px;
  padding:.65rem .75rem;
  color:inherit;
  text-decoration:none;
  transition:background .18s ease;
}

.bldr-hero-rail a + a { border-left:1px solid rgba(255,255,255,.08); }
.bldr-hero-rail a:hover { background:rgba(255,255,255,.055); }

.bldr-hero-rail span {
  color:#89C4F0;
  font-size:.48rem;
  font-weight:850;
}

.bldr-hero-rail a:nth-child(even) span { color:#FF91AA; }
.bldr-hero-rail strong { color:#fff; font-size:.58rem; line-height:1.34; }

/* ============================================================
   BUILD CAPABILITIES — TWO EDITORIAL CHAPTERS
   ============================================================ */

.bldr-capabilities {
  background:#F6F8FA;
  border-bottom:1px solid #E3E9ED;
}

.bldr-capability-chapter {
  display:grid;
  grid-template-columns:minmax(480px,1.02fr) minmax(0,.98fr);
  gap:clamp(2.6rem,5.5vw,5.5rem);
  align-items:center;
  padding:2rem 0;
}

.bldr-capability-chapter + .bldr-capability-chapter {
  margin-top:1rem;
  padding-top:3rem;
  border-top:1px solid #DCE4E9;
}

.bldr-chapter-visual {
  position:relative;
  min-height:500px;
}

.bldr-chapter-visual figure {
  position:absolute;
  margin:0;
  overflow:hidden;
  border-radius:17px;
  background:#17344C;
  box-shadow:0 18px 40px rgba(18,42,62,.09);
}

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

.bldr-chapter-main-image {
  left:0;
  top:0;
  width:76%;
  height:100%;
}

.bldr-chapter-float {
  right:0;
  width:35%;
  height:42%;
}

.bldr-chapter-float-top { top:5%; }
.bldr-chapter-float-bottom { bottom:5%; }

.bldr-chapter-caption {
  position:absolute;
  z-index:3;
  left:1rem;
  bottom:1rem;
  width:min(420px,64%);
  padding:.8rem .9rem;
  border-left:3px solid var(--bld-red);
  background:rgba(7,31,51,.85);
  backdrop-filter:blur(8px);
}

.bldr-chapter-caption span,
.bldr-chapter-caption strong { display:block; }
.bldr-chapter-caption span { margin-bottom:.25rem; color:#9ECFF3; font-size:.43rem; font-weight:850; letter-spacing:.12em; }
.bldr-chapter-caption strong { color:#fff; font-size:.68rem; line-height:1.4; }

.bldr-chapter-content { max-width:700px; }
.bldr-chapter-index { display:block; margin-bottom:.75rem; color:var(--bld-red); font-size:.48rem; font-weight:850; letter-spacing:.12em; }
.bldr-capability-chapter-systems .bldr-chapter-index { color:var(--bld-navy); }

.bldr-chapter-content > h3 {
  max-width:690px;
  margin:0 0 .75rem;
  color:var(--bld-ink);
  font-size:clamp(1.7rem,2.6vw,2.55rem);
  line-height:1.08;
  letter-spacing:-.035em;
}

.bldr-chapter-content > p {
  max-width:650px;
  margin:0;
  color:#687782;
  font-size:.78rem;
  line-height:1.65;
}

.bldr-chapter-links {
  margin-top:1.25rem;
  border-top:1px solid #D7E0E6;
}

.bldr-chapter-links a {
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 26px;
  gap:.7rem;
  align-items:center;
  min-height:86px;
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid #D7E0E6;
  transition:padding .18s ease,background .18s ease;
}

.bldr-chapter-links a:hover {
  padding-left:.6rem;
  padding-right:.5rem;
  background:#fff;
}

.bldr-chapter-links a > span {
  color:#A0ACB5;
  font-size:.72rem;
  font-weight:800;
}

.bldr-chapter-links strong,
.bldr-chapter-links small { display:block; }
.bldr-chapter-links strong { color:var(--bld-ink); font-size:.78rem; }
.bldr-chapter-links small { margin-top:.18rem; color:#7B8992; font-size:.55rem; }
.bldr-chapter-links i { color:var(--bld-red); }
.bldr-capability-chapter-systems .bldr-chapter-links i { color:var(--bld-navy); }

/* ============================================================
   BUILD CONTINUUM — PANORAMA + RAIL
   ============================================================ */

.bldr-continuum { background:#fff; }

.bldr-continuum-panorama {
  position:relative;
  height:390px;
  overflow:hidden;
  border-radius:20px 20px 0 0;
  background:#17344C;
}

.bldr-continuum-panorama::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(7,29,48,.04) 24%,rgba(7,29,48,.76) 100%);
}

.bldr-continuum-panorama img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.bldr-continuum-panorama-copy {
  position:absolute;
  z-index:2;
  left:1.25rem;
  bottom:1.15rem;
  padding:.75rem .9rem;
  border-left:3px solid var(--bld-red);
  background:rgba(7,31,51,.80);
  backdrop-filter:blur(8px);
}

.bldr-continuum-panorama-copy small,
.bldr-continuum-panorama-copy strong { display:block; }
.bldr-continuum-panorama-copy small { margin-bottom:.25rem; color:#9ECFF3; font-size:.44rem; font-weight:850; letter-spacing:.12em; }
.bldr-continuum-panorama-copy strong { color:#fff; font-size:.75rem; }

.bldr-continuum-rail {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  overflow:hidden;
  border:1px solid #D9E2E8;
  border-top:0;
  border-radius:0 0 20px 20px;
}

.bldr-continuum-rail article {
  min-height:170px;
  padding:1rem;
  background:#fff;
}

.bldr-continuum-rail article + article { border-left:1px solid #D9E2E8; }
.bldr-continuum-rail span { display:block; margin-bottom:.65rem; color:#A0ACB5; font-size:.72rem; font-weight:800; }
.bldr-continuum-rail small { display:block; margin-bottom:.35rem; color:var(--bld-red); font-size:.44rem; font-weight:850; letter-spacing:.12em; }
.bldr-continuum-rail article:nth-child(even) small { color:var(--bld-navy); }
.bldr-continuum-rail strong { display:block; color:var(--bld-ink); font-size:.82rem; line-height:1.4; }
.bldr-continuum-rail p { margin:.38rem 0 0; color:#6C7B86; font-size:.64rem; line-height:1.52; }

/* ============================================================
   INSIDE THE BUILD — DARK EDITORIAL SPLIT
   ============================================================ */

.bldr-inside {
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 84% 10%,rgba(121,184,239,.10),transparent 30%),
    linear-gradient(145deg,#1B3952,#102A40);
}

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

.bldr-inside > .container-xl { position:relative; z-index:2; }

.bldr-inside-grid {
  display:grid;
  grid-template-columns:minmax(440px,.96fr) minmax(0,1.04fr);
  gap:clamp(3rem,6vw,6rem);
  align-items:center;
}

.bldr-inside-media {
  position:relative;
  min-height:570px;
  overflow:hidden;
  border-radius:20px;
  background:#0A2235;
  box-shadow:0 22px 55px rgba(1,14,24,.22);
}

.bldr-inside-media img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  opacity:.84;
}

.bldr-inside-media::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(7,29,48,.04) 35%,rgba(7,29,48,.80) 100%);
}

.bldr-inside-media-note {
  position:absolute;
  z-index:2;
  left:1rem;
  right:1rem;
  bottom:1rem;
  padding:.9rem 1rem;
  border-left:3px solid var(--bld-red);
  background:rgba(7,31,51,.84);
  backdrop-filter:blur(8px);
}

.bldr-inside-media-note small,
.bldr-inside-media-note strong { display:block; }
.bldr-inside-media-note small { margin-bottom:.3rem; color:#9ECFF3; font-size:.44rem; font-weight:850; letter-spacing:.12em; }
.bldr-inside-media-note strong { color:#fff; font-size:.76rem; line-height:1.45; }

.bldr-inside-copy .eyebrow { color:#9CCDF2; }
.bldr-inside-copy .section-title { max-width:720px; margin-bottom:1rem; color:#fff; }
.bldr-inside-copy .section-lead { color:#BBCAD4; }

.bldr-architecture-lines {
  margin-top:1.35rem;
  border-top:1px solid rgba(255,255,255,.11);
}

.bldr-architecture-lines article {
  display:grid;
  grid-template-columns:44px 1fr;
  gap:.9rem;
  padding:.85rem 0;
  border-bottom:1px solid rgba(255,255,255,.11);
}

.bldr-architecture-lines article > span {
  color:#FF91AA;
  font-size:.58rem;
  font-weight:850;
}

.bldr-architecture-lines article:nth-child(even) > span { color:#8FC7F1; }
.bldr-architecture-lines small { display:block; margin-bottom:.2rem; color:#94AABC; font-size:.42rem; font-weight:850; letter-spacing:.12em; }
.bldr-architecture-lines strong { color:#fff; font-size:.72rem; line-height:1.45; }

/* ============================================================
   BUILD PROCESS — ALTERNATING STORY ROWS
   ============================================================ */

.bldr-process {
  background:#F6F8FA;
  border-top:1px solid #E3E9ED;
  border-bottom:1px solid #E3E9ED;
}

.bldr-process-story {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}

.bldr-process-step {
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  min-height:280px;
  overflow:hidden;
  border:1px solid #DCE4E9;
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 34px rgba(17,42,63,.04);
}

.bldr-process-step-reverse {
  grid-template-columns:1.18fr .82fr;
}

.bldr-process-step-reverse .bldr-process-image { order:2; }
.bldr-process-step-reverse .bldr-process-copy { order:1; }

.bldr-process-image { min-width:0; }
.bldr-process-image img { width:100%; height:100%; display:block; object-fit:cover; }

.bldr-process-copy {
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:1rem 1.1rem;
}

.bldr-process-copy > span { color:#A0ACB5; font-size:1.35rem; font-weight:760; letter-spacing:-.05em; }
.bldr-process-copy small { display:block; margin:.45rem 0 .3rem; color:var(--bld-red); font-size:.44rem; font-weight:850; letter-spacing:.12em; }
.bldr-process-step:nth-child(even) .bldr-process-copy small { color:var(--bld-navy); }
.bldr-process-copy h3 { margin:0 0 .4rem; color:var(--bld-ink); font-size:.86rem; line-height:1.42; }
.bldr-process-copy p { margin:0; color:#6B7A85; font-size:.66rem; line-height:1.56; }

/* ============================================================
   TECHNOLOGY FIT — IMAGE + STACK INDEX
   ============================================================ */

.bldr-tech { background:#fff; }

.bldr-tech-grid {
  display:grid;
  grid-template-columns:minmax(480px,.98fr) minmax(0,1.02fr);
  gap:clamp(3rem,6vw,6rem);
  align-items:center;
}

.bldr-tech-media {
  position:relative;
  min-height:520px;
  overflow:hidden;
  border-radius:20px;
  background:#17344C;
  box-shadow:0 20px 48px rgba(18,42,62,.08);
}

.bldr-tech-media img { width:100%; height:100%; display:block; object-fit:cover; }
.bldr-tech-media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(7,29,48,.03) 40%,rgba(7,29,48,.80) 100%); }

.bldr-tech-media-label {
  position:absolute;
  z-index:2;
  left:1rem;
  right:1rem;
  bottom:1rem;
  padding:.85rem .95rem;
  border-left:3px solid var(--bld-red);
  background:rgba(7,31,51,.84);
  backdrop-filter:blur(8px);
}

.bldr-tech-media-label small,
.bldr-tech-media-label strong { display:block; }
.bldr-tech-media-label small { margin-bottom:.28rem; color:#9ECFF3; font-size:.43rem; font-weight:850; letter-spacing:.12em; }
.bldr-tech-media-label strong { color:#fff; font-size:.72rem; line-height:1.45; }

.bldr-tech-copy .section-title { max-width:720px; margin-bottom:1rem; }

.bldr-tech-index {
  margin-top:1.25rem;
  border-top:1px solid #D7E0E6;
}

.bldr-tech-index article {
  display:grid;
  grid-template-columns:115px 1fr;
  gap:1rem;
  padding:.85rem 0;
  border-bottom:1px solid #D7E0E6;
}

.bldr-tech-index span { color:var(--bld-red); font-size:.45rem; font-weight:850; letter-spacing:.12em; }
.bldr-tech-index article:nth-child(even) span { color:var(--bld-navy); }
.bldr-tech-index strong { display:block; color:var(--bld-ink); font-size:.72rem; }
.bldr-tech-index small { display:block; margin-top:.2rem; color:#788690; font-size:.56rem; }

/* ============================================================
   BUSINESS OUTCOMES — IMAGE + LEDGER
   ============================================================ */

.bldr-outcomes {
  background:#F6F8FA;
  border-top:1px solid #E3E9ED;
}

.bldr-outcome-layout {
  display:grid;
  grid-template-columns:minmax(420px,.88fr) minmax(0,1.12fr);
  gap:clamp(3rem,6vw,6rem);
  align-items:center;
}

.bldr-outcome-media {
  position:relative;
  min-height:500px;
  overflow:hidden;
  border-radius:20px;
  background:#17344C;
  box-shadow:0 18px 42px rgba(18,42,62,.07);
}

.bldr-outcome-media img { width:100%; height:100%; display:block; object-fit:cover; }
.bldr-outcome-media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(7,29,48,.02) 42%,rgba(7,29,48,.82) 100%); }

.bldr-outcome-media-copy {
  position:absolute;
  z-index:2;
  left:1rem;
  right:1rem;
  bottom:1rem;
  padding:.9rem 1rem;
  border-left:3px solid var(--bld-red);
  background:rgba(7,31,51,.85);
  backdrop-filter:blur(8px);
}

.bldr-outcome-media-copy small,
.bldr-outcome-media-copy strong { display:block; }
.bldr-outcome-media-copy small { margin-bottom:.28rem; color:#9ECFF3; font-size:.44rem; font-weight:850; letter-spacing:.12em; }
.bldr-outcome-media-copy strong { color:#fff; font-size:.76rem; line-height:1.46; }

.bldr-outcome-copy .section-title { max-width:760px; margin-bottom:1rem; }

.bldr-outcome-ledger { border-top:1px solid #D7E0E6; }

.bldr-outcome-ledger article {
  display:grid;
  grid-template-columns:48px 1fr;
  gap:.9rem;
  padding:.9rem 0;
  border-bottom:1px solid #D7E0E6;
}

.bldr-outcome-ledger article > span { color:#A0ACB5; font-size:.72rem; font-weight:800; }
.bldr-outcome-ledger small { display:block; margin-bottom:.26rem; color:var(--bld-red); font-size:.44rem; font-weight:850; letter-spacing:.12em; }
.bldr-outcome-ledger article:nth-child(even) small { color:var(--bld-navy); }
.bldr-outcome-ledger strong { color:var(--bld-ink); font-size:.8rem; line-height:1.45; }

/* ============================================================
   BEYOND BUILD — PRESERVED
   ============================================================ */

.bld-beyond {
  background:#fff;
  border-top:1px solid #E7ECEF;
}

.bld-beyond-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.95rem;
}

.bld-beyond-card {
  display:flex;
  flex-direction:column;
  overflow:hidden;
  min-height:100%;
  color:inherit;
  text-decoration:none;
  border:1px solid #DDE4E9;
  border-radius:14px;
  background:#fff;
  box-shadow:0 12px 30px rgba(19,42,65,.04);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.bld-beyond-card:hover {
  transform:translateY(-3px);
  border-color:#CFDAE2;
  box-shadow:0 18px 40px rgba(19,42,65,.08);
}

.bld-beyond-thumb {
  position:relative;
  aspect-ratio:16/7;
  overflow:hidden;
  background:#132A41;
}

.bld-beyond-thumb::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(19,42,65,.06),rgba(19,42,65,.32));
}

.bld-beyond-thumb img {
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .25s ease;
}

.bld-beyond-card:hover .bld-beyond-thumb img {
  transform:scale(1.04);
}

.bld-beyond-copy {
  padding:1rem 1rem 1.05rem;
}

.bld-beyond-copy span {
  display:block;
  margin-bottom:.7rem;
  color:var(--bld-red);
  font-size:.45rem;
  font-weight:850;
  letter-spacing:.12em;
}

.bld-beyond-card:nth-child(even) .bld-beyond-copy span { color:var(--bld-navy); }
.bld-beyond-copy h3 { margin:0; color:var(--bld-ink); font-size:.86rem; line-height:1.35; }
.bld-beyond-copy p { margin:.48rem 0 .85rem; color:#6D7A85; font-size:.67rem; line-height:1.55; }
.bld-beyond-copy strong { color:var(--bld-navy); font-size:.58rem; }


/* ============================================================
   RHYTHM
   ============================================================ */

.build-master-page > .bldr-hero {
  padding-top:1rem !important;
  padding-bottom:1.1rem !important;
}

.build-master-page .section-pad {
  padding-top:clamp(3.4rem,4.7vw,4.6rem) !important;
  padding-bottom:clamp(3.4rem,4.7vw,4.6rem) !important;
}

.build-master-page .section-pad-sm {
  padding-top:clamp(2.8rem,3.8vw,3.7rem) !important;
  padding-bottom:clamp(2.8rem,3.8vw,3.7rem) !important;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width:1199.98px) {
  .bldr-hero-copy { width:min(740px,61%); }
  .bldr-hero-brief { width:min(300px,30%); }
  .bldr-hero-rail strong { font-size:.54rem; }
  .bldr-capability-chapter { grid-template-columns:minmax(420px,1fr) minmax(0,1fr); }
  .bld-beyond-grid { grid-template-columns:repeat(2,1fr); }
  .bld-beyond-thumb { aspect-ratio:16/6; }
}

@media (max-width:991.98px) {
  .bldr-section-head,
  .bldr-continuum-head,
  .bld-section-head,
  .bldr-capability-chapter,
  .bldr-inside-grid,
  .bldr-tech-grid,
  .bldr-outcome-layout {
    grid-template-columns:1fr;
  }

  .bldr-hero-stage { min-height:780px; }
  .bldr-hero-copy { top:3rem; left:2rem; right:2rem; width:auto; transform:none; }
  .bldr-hero-brief { top:auto; left:2rem; right:auto; bottom:7.2rem; width:min(360px,46%); }
  .bldr-hero-rail { grid-template-columns:repeat(3,1fr); }
  .bldr-hero-rail a:nth-child(4) { border-left:0; border-top:1px solid rgba(255,255,255,.08); }
  .bldr-hero-rail a:nth-child(5),
  .bldr-hero-rail a:nth-child(6) { border-top:1px solid rgba(255,255,255,.08); }

  .bldr-capability-chapter-systems .bldr-chapter-content { order:2; }
  .bldr-capability-chapter-systems .bldr-chapter-visual { order:1; }
  .bldr-chapter-visual { max-width:760px; min-height:470px; }

  .bldr-process-story { grid-template-columns:1fr; }
  .bldr-process-step { min-height:250px; }

  .bldr-inside-media,
  .bldr-tech-media,
  .bldr-outcome-media { min-height:430px; }
}

@media (max-width:767.98px) {
  .build-master-page .bldr-hero h1.inner-page-title {
    font-size:clamp(2.25rem,9.5vw,3.35rem) !important;
  }

  .bldr-hero-stage { min-height:940px; border-radius:18px; }
  .bldr-hero-copy { top:1.5rem; left:1rem; right:1rem; }
  .bldr-hero-brief { left:1rem; right:1rem; bottom:13.5rem; width:auto; }
  .bldr-hero-rail { left:.7rem; right:.7rem; bottom:.7rem; grid-template-columns:1fr 1fr; }
  .bldr-hero-rail a:nth-child(3),
  .bldr-hero-rail a:nth-child(5) { border-left:0; }
  .bldr-hero-rail a:nth-child(3),
  .bldr-hero-rail a:nth-child(4),
  .bldr-hero-rail a:nth-child(5),
  .bldr-hero-rail a:nth-child(6) { border-top:1px solid rgba(255,255,255,.08); }

  .bldr-chapter-visual { min-height:430px; }
  .bldr-chapter-main-image { width:82%; height:70%; }
  .bldr-chapter-float { width:42%; height:30%; }
  .bldr-chapter-float-top { top:auto; bottom:0; right:45%; }
  .bldr-chapter-float-bottom { bottom:0; }
  .bldr-chapter-caption { width:72%; bottom:29%; }

  .bldr-continuum-panorama { height:300px; }
  .bldr-continuum-rail { grid-template-columns:1fr; }
  .bldr-continuum-rail article + article { border-left:0; border-top:1px solid #D9E2E8; }

  .bldr-process-step,
  .bldr-process-step-reverse { grid-template-columns:1fr; }
  .bldr-process-step-reverse .bldr-process-image,
  .bldr-process-step-reverse .bldr-process-copy { order:initial; }
  .bldr-process-image { min-height:190px; }

  .bldr-tech-index article { grid-template-columns:92px 1fr; }
  .bldr-inside-media,
  .bldr-tech-media,
  .bldr-outcome-media { min-height:350px; }

  .build-master-page > .bldr-hero {
    padding-top:.65rem !important;
    padding-bottom:.75rem !important;
  }

  .build-master-page .section-pad {
    padding-top:2.35rem !important;
    padding-bottom:2.35rem !important;
  }

  .build-master-page .section-pad-sm {
    padding-top:2.1rem !important;
    padding-bottom:2.1rem !important;
  }
}

@media (max-width:575.98px) {
  .bldr-hero-stage { min-height:1010px; }
  .bldr-hero-actions { align-items:flex-start; flex-direction:column; }
  .bldr-hero-brief { bottom:14.5rem; }
  .bldr-hero-rail strong { font-size:.5rem; }
  .bldr-chapter-links a { grid-template-columns:34px 1fr 24px; }
  .bld-beyond-grid { grid-template-columns:1fr; }
  .bld-beyond-thumb { aspect-ratio:16/6.5; }
}

@media (prefers-reduced-motion:reduce) {
  .bldr-hero-rail a,
  .bldr-chapter-links a,
  .bld-beyond-grid a {
    transition:none !important;
  }
}


/* ============================================================
   DIRECT BUILD SERVICE NAVIGATION
   Immediate six-path navigation directly below the hero.
   ============================================================ */

.bldr-service-nav {
  background:#F6F8FA;
  border-top:1px solid #E3E9ED;
  border-bottom:1px solid #E3E9ED;
}

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

.bldr-service-nav-head .section-title {
  max-width:760px;
  margin-bottom:0;
}

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

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

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

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

.bldr-service-nav-card:nth-child(even)::before {
  background:var(--bld-navy);
}

.bldr-service-nav-thumb {
  position:relative;
  min-width:0;
  overflow:hidden;
  background:#17344C;
}

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

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

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

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

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

.bldr-service-nav-card:nth-child(even) .bldr-service-nav-copy > span {
  color:var(--bld-navy);
}

.bldr-service-nav-copy strong,
.bldr-service-nav-copy small {
  display:block;
}

.bldr-service-nav-copy strong {
  color:var(--bld-ink);
  font-size:.78rem;
  line-height:1.35;
}

.bldr-service-nav-copy small {
  margin-top:.22rem;
  color:#7B8992;
  font-size:.53rem;
  line-height:1.42;
}

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

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

/* The six links now live below the hero, so the hero can be more compact. */
.bldr-hero-stage {
  min-height:620px;
}

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

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

  .bldr-hero-stage {
    min-height:700px;
  }

  .bldr-hero-brief {
    bottom:2rem;
  }
}

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

  .bldr-service-nav-card {
    grid-template-columns:105px minmax(0,1fr);
    min-height:118px;
  }

  .bldr-hero-stage {
    min-height:760px;
  }

  .bldr-hero-brief {
    left:1rem;
    right:1rem;
    bottom:1rem;
    width:auto;
  }
}

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

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

  .bldr-hero-stage {
    min-height:800px;
  }
}


/* ============================================================
   BUILD MASTER — HERO V3 4-SLIDE SCROLLER
   2026-10-07
   ============================================================ */

.bldr-hero-v3 {
  position: relative;
  overflow: hidden;
  min-height: 730px;
  color: #fff;
  background: #0A2A43;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.bldr-hero-v3-slider,
.bldr-hero-v3-slide,
.bldr-hero-v3-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.bldr-hero-v3-slider {
  z-index: 0;
}

.bldr-hero-v3-slide {
  opacity: 0;
  background-size: cover;
  background-position: center;
  transform: scale(1.035);
  animation: bldrHeroV3Cycle 24s infinite;
}

.bldr-hero-v3-slide-one {
  background-image: url("/assets/images/services/build/hero-slide-01.jpg");
  animation-delay: 0s;
}

.bldr-hero-v3-slide-two {
  background-image: url("/assets/images/services/build/hero-slide-02.jpg");
  animation-delay: 6s;
}

.bldr-hero-v3-slide-three {
  background-image: url("/assets/images/services/build/hero-slide-03.jpg");
  animation-delay: 12s;
}

.bldr-hero-v3-slide-four {
  background-image: url("/assets/images/services/build/hero-slide-04.jpg");
  animation-delay: 18s;
}

.bldr-hero-v3-overlay {
  z-index: 2;
  background:
    linear-gradient(90deg, rgba(5,24,40,.94) 0%, rgba(5,24,40,.86) 45%, rgba(5,24,40,.56) 72%, rgba(5,24,40,.66) 100%),
    linear-gradient(180deg, rgba(5,24,40,.10), rgba(5,24,40,.46));
}

@keyframes bldrHeroV3Cycle {
  0% { opacity: 0; transform: scale(1.04); }
  4% { opacity: 1; }
  21% { opacity: 1; transform: scale(1); }
  25% { opacity: 0; }
  100% { opacity: 0; }
}

.bldr-hero-v3 > .container-xl {
  position: relative;
  z-index: 5;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.bldr-hero-v3-breadcrumb {
  min-height: 0 !important;
  margin: 0 !important;
  padding: .48rem 0 .38rem !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.bldr-hero-v3-breadcrumb ol {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}

.bldr-hero-v3-breadcrumb a,
.bldr-hero-v3-breadcrumb li {
  color: rgba(255,255,255,.74);
}

.bldr-hero-v3-breadcrumb a:hover {
  color: #fff;
}

.bldr-hero-v3-stage {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1.02fr) minmax(360px,.66fr);
  gap: clamp(2.4rem,5vw,5.2rem);
  align-items: center;
  min-height: 640px;
  padding: 1rem 0 4.2rem;
}

.bldr-hero-v3-copy {
  max-width: 760px;
}

.bldr-hero-v3-copy .eyebrow {
  margin-bottom: .8rem;
  color: #9FD0F4 !important;
}

.build-master-page .bldr-hero-v3 h1.inner-page-title {
  max-width: 760px;
  margin: 0 0 1rem;
  color: #fff !important;
  font-size: clamp(2.75rem,4.5vw,4.6rem) !important;
  line-height: .99 !important;
  letter-spacing: -.047em !important;
  text-shadow: 0 3px 24px rgba(0,0,0,.18);
}

.bldr-hero-v3-copy .inner-page-lead {
  max-width: 690px;
  margin: 0;
  color: #D0DEE7 !important;
  font-size: clamp(.98rem,1.2vw,1.12rem);
  line-height: 1.72;
}

.bldr-hero-v3-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .8rem 1rem;
  margin-top: 1.25rem;
}

.bldr-hero-v3 .btn-itx-primary {
  background: var(--bld-red);
  border-color: var(--bld-red);
  box-shadow: 0 12px 28px rgba(179,25,66,.22);
}

.bldr-hero-v3 .btn-itx-primary:hover {
  background: #971638;
  border-color: #971638;
}

.bldr-hero-v3-secondary {
  display: inline-flex;
  align-items: center;
  gap: .38rem;
  color: #D8EAF7;
  font-size: .69rem;
  font-weight: 800;
  text-decoration: none;
}

.bldr-hero-v3-secondary:hover {
  color: #fff;
}

.bldr-hero-v3-tags {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  margin-top: 1.15rem;
}

.bldr-hero-v3-tags span {
  padding: .42rem .62rem;
  color: #E0EAF0;
  font-size: .54rem;
  font-weight: 760;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 999px;
  background: rgba(6,29,47,.34);
  backdrop-filter: blur(7px);
}

.bldr-hero-v3-brief {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 18px;
  background: rgba(7,31,50,.72);
  box-shadow: 0 24px 58px rgba(0,13,24,.24);
  backdrop-filter: blur(11px);
}

.bldr-hero-v3-brief::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg,var(--bld-blue),var(--bld-red),var(--bld-blue));
}

.bldr-hero-v3-brief-head {
  padding: 1.08rem 1.15rem .95rem 1.35rem;
  border-bottom: 1px solid rgba(255,255,255,.10);
}

.bldr-hero-v3-brief-head small,
.bldr-hero-v3-brief-head strong {
  display: block;
}

.bldr-hero-v3-brief-head small {
  margin-bottom: .32rem;
  color: #9FD0F4;
  font-size: .42rem;
  font-weight: 850;
  letter-spacing: .12em;
}

.bldr-hero-v3-brief-head strong {
  color: #fff;
  font-size: .88rem;
  line-height: 1.42;
}

.bldr-hero-v3-brief-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
}

.bldr-hero-v3-brief-grid article {
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  gap: .62rem;
  align-items: start;
  padding: .95rem 1rem;
  min-height: 92px;
}

.bldr-hero-v3-brief-grid article:nth-child(even) {
  border-left: 1px solid rgba(255,255,255,.08);
}

.bldr-hero-v3-brief-grid article:nth-child(n+3) {
  border-top: 1px solid rgba(255,255,255,.08);
}

.bldr-hero-v3-brief-grid article > span {
  color: #FF90A8;
  font-size: .56rem;
  font-weight: 850;
  line-height: 1.2;
}

.bldr-hero-v3-brief-grid article:nth-child(even) > span {
  color: #8FC8F2;
}

.bldr-hero-v3-brief-grid small,
.bldr-hero-v3-brief-grid strong {
  display: block;
}

.bldr-hero-v3-brief-grid small {
  margin-bottom: .16rem;
  color: #9FB3C0;
  font-size: .44rem;
  font-weight: 850;
  letter-spacing: .1em;
}

.bldr-hero-v3-brief-grid strong {
  color: #fff;
  font-size: .72rem;
  line-height: 1.38;
}

.bldr-hero-v3-brief-foot {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  border-top: 1px solid rgba(255,255,255,.08);
}

.bldr-hero-v3-brief-foot span {
  padding: .72rem .55rem;
  color: #D0DCE4;
  font-size: .49rem;
  font-weight: 780;
  text-align: center;
}

.bldr-hero-v3-brief-foot span + span {
  border-left: 1px solid rgba(255,255,255,.08);
}

.bldr-hero-v3-slider-status {
  position: absolute;
  left: 0;
  bottom: 1.05rem;
  display: flex;
  gap: .4rem;
}

.bldr-hero-v3-slider-status span {
  width: 32px;
  height: 3px;
  border-radius: 999px;
  background: rgba(255,255,255,.28);
  animation: bldrHeroV3Status 24s infinite;
}

.bldr-hero-v3-slider-status span:nth-child(2) { animation-delay: 6s; }
.bldr-hero-v3-slider-status span:nth-child(3) { animation-delay: 12s; }
.bldr-hero-v3-slider-status span:nth-child(4) { animation-delay: 18s; }

@keyframes bldrHeroV3Status {
  0%,3% { background: rgba(255,255,255,.28); }
  5%,22% { background: #fff; }
  25%,100% { background: rgba(255,255,255,.28); }
}

@media (max-width:1199.98px) {
  .bldr-hero-v3-stage {
    grid-template-columns: minmax(0,1fr) minmax(330px,.62fr);
    gap: 2.2rem;
  }
}

@media (max-width:991.98px) {
  .bldr-hero-v3 {
    min-height: auto;
  }

  .bldr-hero-v3-stage {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 1rem 0 4rem;
  }

  .bldr-hero-v3-copy {
    max-width: 760px;
  }

  .bldr-hero-v3-brief {
    max-width: 690px;
  }
}

@media (max-width:767.98px) {
  .bldr-hero-v3-overlay {
    background:
      linear-gradient(180deg,rgba(5,24,40,.90) 0%,rgba(5,24,40,.82) 60%,rgba(5,24,40,.74) 100%);
  }

  .bldr-hero-v3-breadcrumb {
    padding: .38rem 0 .28rem !important;
  }

  .build-master-page .bldr-hero-v3 h1.inner-page-title {
    font-size: clamp(2.2rem,9vw,3.2rem) !important;
  }

  .bldr-hero-v3-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .bldr-hero-v3-brief {
    border-radius: 15px;
  }

  .bldr-hero-v3-brief-grid article {
    min-height: 84px;
    padding: .85rem .9rem;
  }

  .bldr-hero-v3-brief-grid strong {
    font-size: .69rem;
  }

  .bldr-hero-v3-brief-grid small {
    font-size: .42rem;
  }
}

@media (max-width:575.98px) {
  .bldr-hero-v3-brief-grid {
    grid-template-columns: 1fr;
  }

  .bldr-hero-v3-brief-grid article:nth-child(even) {
    border-left: 0;
  }

  .bldr-hero-v3-brief-grid article + article {
    border-top: 1px solid rgba(255,255,255,.08);
  }

  .bldr-hero-v3-brief-foot {
    grid-template-columns: 1fr 1fr;
  }

  .bldr-hero-v3-brief-foot span:nth-child(3) {
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.08);
  }

  .bldr-hero-v3-brief-foot span:nth-child(4) {
    border-top: 1px solid rgba(255,255,255,.08);
  }
}

@media (prefers-reduced-motion: reduce) {
  .bldr-hero-v3-slide,
  .bldr-hero-v3-slider-status span {
    animation: none !important;
  }

  .bldr-hero-v3-slide-one {
    opacity: 1;
    transform: none;
  }
}