/* BizOps inner pages v4: primitive → semantic → component tokens. Scoped away from home and the audit pilot. */
.inner-v4 {
  --iv4-ink-950: #07121d;
  --iv4-ink-900: #0b1926;
  --iv4-ink-800: #142638;
  --iv4-slate-700: #34495b;
  --iv4-slate-500: #667887;
  --iv4-slate-300: #a9b5be;
  --iv4-paper-50: #f9fbfa;
  --iv4-paper-100: #f2f5f3;
  --iv4-paper-200: #e5eae7;
  --iv4-white: #ffffff;
  --iv4-coral-500: #ff5b45;
  --iv4-coral-600: #dc3f2b;
  --iv4-teal-400: #20c8b5;
  --iv4-teal-500: #0da896;
  --iv4-amber-400: #f5a623;
  --iv4-blue-400: #4ca8e8;
  --iv4-green-400: #80d76b;
  --iv4-alpha-dark-08: rgba(7,18,29,.08);
  --iv4-alpha-dark-14: rgba(7,18,29,.14);
  --iv4-alpha-dark-22: rgba(7,18,29,.22);
  --iv4-alpha-light-08: rgba(255,255,255,.08);
  --iv4-alpha-light-14: rgba(255,255,255,.14);
  --iv4-alpha-coral-16: rgba(255,91,69,.16);
  --iv4-alpha-teal-16: rgba(32,200,181,.16);

  --iv4-bg: var(--iv4-paper-100);
  --iv4-surface: var(--iv4-white);
  --iv4-surface-muted: var(--iv4-paper-200);
  --iv4-text: var(--iv4-ink-950);
  --iv4-text-muted: var(--iv4-slate-500);
  --iv4-line: var(--iv4-alpha-dark-14);
  --iv4-accent: var(--iv4-coral-500);
  --iv4-signal: var(--iv4-teal-400);
  --iv4-dark: var(--iv4-ink-950);

  --iv4-panel-bg: var(--iv4-surface);
  --iv4-panel-border: var(--iv4-line);
  --iv4-panel-shadow: 0 22px 60px var(--iv4-alpha-dark-08);
  --iv4-card-gap: clamp(12px,1.5vw,22px);
  --iv4-section-space: clamp(78px,8vw,128px);
  overflow: clip;
  background: var(--iv4-bg);
  color: var(--iv4-text);
}

.iv4-motion-root { min-width: 0; }
.iv4-container { width: min(1320px,calc(100vw - 64px)); margin-inline: auto; }
.inner-v4 .breadcrumbs { padding: 24px 0 0; }
.inner-v4 .breadcrumbs ol { margin: 0; }
.iv4-kicker,.iv4-code { font: 700 10px/1.4 var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.iv4-kicker { display: inline-flex; align-items: center; gap: 10px; color: var(--iv4-accent); }
.iv4-kicker:before { width: 24px; height: 1px; content: ""; background: currentColor; }
.iv4-hero-copy h1,.iv4-section-head h2,.iv4-final h2,.iv4-index-catalog h2 { font-family: var(--display); text-transform: uppercase; letter-spacing: -.055em; }
.iv4-hero-copy h1 { max-width: 790px; margin: 18px 0 22px; font-size: clamp(48px,6vw,88px); font-weight: 900; line-height: .94; }
.iv4-hero-copy > p { max-width: 720px; margin: 0; color: var(--iv4-text-muted); font-size: clamp(18px,1.5vw,22px); line-height: 1.55; }
.iv4-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-top: 34px; }
.iv4-text-link { display: inline-flex; align-items: center; gap: 18px; padding: 6px 0; border-bottom: 1px solid currentColor; font-weight: 750; }
.iv4-text-link span { color: var(--iv4-accent); }
.iv4-section-head { max-width: 760px; }
.iv4-section-head .iv4-code { color: var(--iv4-accent); }
.iv4-section-head h2 { margin: 14px 0 18px; font-size: clamp(38px,4.7vw,68px); font-weight: 900; line-height: .98; }
.iv4-section-head p { max-width: 680px; margin: 0; color: var(--iv4-text-muted); font-size: 18px; }

/* Shared conclusion, FAQ and internal-link systems */
.iv4-faq { padding: var(--iv4-section-space) 0; background: linear-gradient(180deg,var(--iv4-paper-50),var(--iv4-paper-100)); }
.iv4-faq__layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 8vw; }
.iv4-faq__list { border-top: 1px solid var(--iv4-line); }
.iv4-faq details { border-bottom: 1px solid var(--iv4-line); }
.iv4-faq summary { display: flex; justify-content: space-between; gap: 20px; padding: 22px 0; cursor: pointer; font-weight: 750; list-style: none; }
.iv4-faq summary::-webkit-details-marker { display: none; }
.iv4-faq summary span { color: var(--iv4-accent); font: 24px/1 var(--mono); }
.iv4-faq details[open] summary span { transform: rotate(45deg); }
.iv4-faq details p { margin: -5px 44px 22px 0; color: var(--iv4-text-muted); }
.iv4-related { padding: var(--iv4-section-space) 0; background: var(--iv4-paper-200); }
.iv4-related__grid { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 48px; border-top: 1px solid var(--iv4-line); border-left: 1px solid var(--iv4-line); }
.iv4-related__card { min-height: 310px; display: flex; flex-direction: column; padding: 24px; border-right: 1px solid var(--iv4-line); border-bottom: 1px solid var(--iv4-line); background: color-mix(in srgb,var(--iv4-surface) 66%,transparent); transition: transform .2s,background .2s; }
.iv4-related__card:hover { z-index: 1; transform: translateY(-5px); background: var(--iv4-surface); box-shadow: var(--iv4-panel-shadow); }
.iv4-related__card > span { color: var(--iv4-accent); font: 700 9px/1.4 var(--mono); letter-spacing: .1em; }
.iv4-related__card h3 { margin: 32px 0 12px; font-family: var(--display); font-size: 25px; line-height: 1.05; text-transform: uppercase; }
.iv4-related__card p { margin: 0; color: var(--iv4-text-muted); font-size: 14px; }
.iv4-related__card b { margin-top: auto; padding-top: 22px; border-top: 1px solid var(--iv4-line); font-size: 12px; }
.iv4-related__card b i { float: right; color: var(--iv4-accent); font-style: normal; }
.iv4-final { padding: clamp(70px,8vw,112px) 0; background: var(--iv4-dark); color: var(--iv4-white); }
.iv4-final__inner { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 60px; }
.iv4-final .iv4-code { color: var(--iv4-signal); }
.iv4-final h2 { max-width: 900px; margin: 14px 0; font-size: clamp(40px,5vw,72px); line-height: .97; }
.iv4-final p { max-width: 720px; margin: 0; color: var(--iv4-slate-300); }
.iv4-sources { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 38px; padding: 18px 0; border-top: 1px solid var(--iv4-line); border-bottom: 1px solid var(--iv4-line); }
.iv4-sources a { display: inline-flex; align-items: center; gap: 12px; margin-left: auto; font-weight: 700; }
.iv4-sources a span { color: var(--iv4-accent); }

/* Service: blueprint and delivery package */
.iv4-service-hero { min-height: 780px; background: radial-gradient(circle at 82% 16%,var(--iv4-alpha-coral-16),transparent 30%),linear-gradient(135deg,var(--iv4-paper-50),var(--iv4-paper-200)); }
.iv4-service-hero__grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(44px,6vw,90px); align-items: center; padding: 72px 0 105px; }
.iv4-blueprint { position: relative; min-height: 520px; padding: 22px; border: 1px solid var(--iv4-panel-border); background: var(--iv4-dark); color: var(--iv4-white); box-shadow: 22px 24px 0 var(--iv4-alpha-coral-16); --aug-border-bg: var(--iv4-alpha-light-14); --aug-tl: 18px; --aug-br: 18px; }
.iv4-blueprint:before { position: absolute; inset: 0; content: ""; opacity: .7; background-image: linear-gradient(var(--iv4-alpha-light-08) 1px,transparent 1px),linear-gradient(90deg,var(--iv4-alpha-light-08) 1px,transparent 1px); background-size: 30px 30px; }
.iv4-blueprint__meta { position: relative; display: flex; justify-content: space-between; color: var(--iv4-slate-300); font: 9px var(--mono); }
.iv4-blueprint__meta b { color: var(--iv4-green-400); }
.iv4-blueprint__core { position: relative; width: 190px; height: 150px; display: grid; align-content: center; margin: 54px auto 34px; padding: 20px; border: 1px solid var(--iv4-coral-500); background: var(--iv4-ink-800); text-align: center; }
.iv4-blueprint__core small,.iv4-blueprint__core span { color: var(--iv4-slate-300); font: 8px var(--mono); }
.iv4-blueprint__core strong { font: 900 27px var(--display); }
.iv4-blueprint__core i { width: 8px; height: 8px; margin: 12px auto 0; border-radius: 50%; background: var(--iv4-green-400); box-shadow: 0 0 0 6px rgba(128,215,107,.13); }
.iv4-blueprint ol { position: relative; display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; margin: 0; padding: 0; list-style: none; }
.iv4-blueprint li { position: relative; min-height: 80px; padding: 12px; border: 1px solid var(--iv4-alpha-light-14); background: var(--iv4-ink-900); }
.iv4-blueprint li > span { color: var(--iv4-signal); font: 8px var(--mono); }
.iv4-blueprint li p { margin: 6px 0 0; font-size: 11px; line-height: 1.35; }
.iv4-blueprint__beam { position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: linear-gradient(90deg,var(--iv4-coral-500),transparent); }
.iv4-service-scope,.iv4-service-result,.iv4-service-roadmap { padding: var(--iv4-section-space) 0; }
.iv4-service-scope { background: linear-gradient(180deg,var(--iv4-paper-200),var(--iv4-paper-50)); }
.iv4-service-scope__grid { display: grid; grid-template-columns: .7fr 1.3fr; gap: 8vw; }
.iv4-signal-list { margin: 0; padding: 0; border-top: 1px solid var(--iv4-line); list-style: none; }
.iv4-signal-list li { display: grid; grid-template-columns: 56px 1fr auto; align-items: center; gap: 18px; min-height: 82px; border-bottom: 1px solid var(--iv4-line); }
.iv4-signal-list span,.iv4-signal-list i { color: var(--iv4-accent); font: 9px var(--mono); font-style: normal; }
.iv4-signal-list p { margin: 0; }
.iv4-service-result { background: var(--iv4-dark); color: var(--iv4-white); }
.iv4-service-result .iv4-section-head p { color: var(--iv4-slate-300); }
.iv4-deliverables { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 52px; }
.iv4-deliverables article { min-height: 330px; display: flex; flex-direction: column; padding: 22px; border: 1px solid var(--iv4-alpha-light-14); border-right: 0; background: var(--iv4-ink-900); }
.iv4-deliverables article:last-child { border-right: 1px solid var(--iv4-alpha-light-14); }
.iv4-deliverables article > span { color: var(--iv4-signal); font: 9px var(--mono); }
.iv4-deliverables h3 { margin: 80px 0 20px; font-family: var(--display); font-size: 24px; line-height: 1.05; text-transform: uppercase; }
.iv4-deliverables article div { display: flex; gap: 5px; margin-top: auto; }
.iv4-deliverables article i { width: 8px; height: 8px; background: var(--iv4-coral-500); }
.iv4-service-roadmap { background: var(--iv4-paper-50); }
.iv4-service-roadmap__track { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: var(--iv4-card-gap); margin: 72px 0 0; padding: 0; list-style: none; }
.iv4-service-roadmap__track:before { position: absolute; z-index: 0; top: 28px; left: 5%; right: 5%; height: 3px; content: ""; background: linear-gradient(90deg,var(--iv4-coral-500),var(--iv4-amber-400),var(--iv4-teal-400)); }
.iv4-service-roadmap__track li { position: relative; z-index: 1; padding-right: 18px; }
.iv4-service-roadmap__track li > span { width: 58px; height: 58px; display: grid; place-items: center; border: 3px solid var(--iv4-paper-50); border-radius: 50%; background: var(--iv4-dark); color: var(--iv4-white); font: 10px var(--mono); box-shadow: 0 0 0 2px var(--iv4-coral-500); }
.iv4-service-roadmap__track h3 { margin: 26px 0 10px; font-family: var(--display); text-transform: uppercase; }
.iv4-service-roadmap__track p { color: var(--iv4-text-muted); font-size: 14px; }

/* Integration: dark exchange channel and ledger */
.iv4-integration-hero { min-height: 800px; background: radial-gradient(circle at 70% 35%,var(--iv4-alpha-teal-16),transparent 32%),var(--iv4-dark); color: var(--iv4-white); }
.iv4-integration-hero .breadcrumbs,.iv4-integration-hero .breadcrumbs a { color: var(--iv4-slate-300); }
.iv4-integration-hero__copy { display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,.7fr); gap: 50px; align-items: end; padding: 64px 0 48px; }
.iv4-integration-hero__copy h1 { grid-column: 1; max-width: 900px; margin: 16px 0; font-family: var(--display); font-size: clamp(52px,7.5vw,112px); line-height: .88; letter-spacing: -.06em; text-transform: uppercase; }
.iv4-integration-hero__copy > p { grid-column: 2; grid-row: 2; color: var(--iv4-slate-300); font-size: 20px; }
.iv4-integration-hero__copy .iv4-actions { grid-column: 2; grid-row: 3; }
.iv4-integration-hero .iv4-text-link { color: var(--iv4-white); }
.iv4-exchange { display: grid; grid-template-columns: 220px 1fr 220px; align-items: center; min-height: 300px; padding-bottom: 70px; }
.iv4-exchange__node { min-height: 160px; display: grid; align-content: center; padding: 22px; border: 1px solid var(--iv4-alpha-light-14); background: var(--iv4-ink-900); }
.iv4-exchange__node small,.iv4-exchange__node span { color: var(--iv4-slate-300); font: 8px var(--mono); }
.iv4-exchange__node strong { overflow-wrap: anywhere; font: 900 23px/1 var(--display); }
.iv4-exchange__node--target { border-color: var(--iv4-teal-400); }
.iv4-exchange__lane { position: relative; height: 72px; overflow: hidden; border-top: 1px solid var(--iv4-teal-400); border-bottom: 1px solid var(--iv4-teal-400); background-image: linear-gradient(90deg,var(--iv4-alpha-light-08) 1px,transparent 1px); background-size: 36px 100%; }
.iv4-exchange__lane b { position: absolute; inset: auto 0 8px; text-align: center; color: var(--iv4-slate-300); font: 8px var(--mono); letter-spacing: .08em; }
.iv4-exchange__packet { position: absolute; left: 2%; top: 20px; width: 12px; height: 12px; display: block; background: var(--iv4-coral-500); box-shadow: 0 0 14px var(--iv4-coral-500); }
.iv4-contract,.iv4-reliability { padding: var(--iv4-section-space) 0; }
.iv4-contract { background: var(--iv4-paper-50); }
.iv4-contract__grid { display: grid; grid-template-columns: repeat(4,1fr); gap: var(--iv4-card-gap); margin-top: 58px; }
.iv4-contract article { min-height: 310px; padding: 24px; border: 1px solid var(--iv4-line); background: var(--iv4-surface); box-shadow: var(--iv4-panel-shadow); }
.iv4-contract article > span { color: var(--iv4-signal); font: 9px var(--mono); }
.iv4-contract h3 { margin: 70px 0 16px; font-family: var(--display); font-size: 24px; text-transform: uppercase; }
.iv4-contract p { color: var(--iv4-text-muted); font-size: 14px; }
.iv4-contract article > i { display: inline-block; margin-top: 22px; padding: 5px 8px; background: var(--iv4-alpha-teal-16); color: var(--iv4-teal-500); font: 8px var(--mono); font-style: normal; }
.iv4-reliability { background: linear-gradient(180deg,var(--iv4-paper-200),var(--iv4-paper-100)); }
.iv4-reliability__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 8vw; }
.iv4-ledger { border: 1px solid var(--iv4-line); background: var(--iv4-surface); }
.iv4-ledger > div { display: grid; grid-template-columns: 80px 1fr auto; align-items: center; gap: 18px; min-height: 74px; padding: 0 18px; border-bottom: 1px solid var(--iv4-line); }
.iv4-ledger > div:last-child { border-bottom: 0; }
.iv4-ledger span,.iv4-ledger b { font: 8px var(--mono); }
.iv4-ledger span { color: var(--iv4-accent); }
.iv4-ledger p { margin: 0; font-size: 14px; }
.iv4-ledger b { padding: 5px 7px; background: var(--iv4-alpha-teal-16); color: var(--iv4-teal-500); }
.iv4-reliability > .iv4-sources { width: min(1320px,calc(100vw - 64px)); margin: 38px auto 0; }

/* Solution: modular architecture and target flow */
.iv4-solution-hero { min-height: 780px; background: radial-gradient(circle at 78% 18%,var(--iv4-alpha-teal-16),transparent 28%),var(--iv4-paper-50); }
.iv4-solution-hero__grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 7vw; padding: 70px 0 100px; }
.iv4-architecture { position: relative; min-height: 530px; background-image: linear-gradient(var(--iv4-line) 1px,transparent 1px),linear-gradient(90deg,var(--iv4-line) 1px,transparent 1px); background-size: 38px 38px; }
.iv4-architecture__core { position: absolute; z-index: 3; left: 50%; top: 50%; width: 210px; height: 170px; display: grid; place-content: center; transform: translate(-50%,-50%); border: 1px solid var(--iv4-teal-400); background: var(--iv4-dark); color: var(--iv4-white); text-align: center; box-shadow: 18px 18px 0 var(--iv4-alpha-teal-16); }
.iv4-architecture__core small,.iv4-architecture__core span { color: var(--iv4-slate-300); font: 8px var(--mono); }
.iv4-architecture__core strong { font: 900 28px var(--display); }
.iv4-architecture__module { position: absolute; z-index: 2; width: 180px; min-height: 104px; display: grid; grid-template-columns: 34px 1fr; align-items: center; padding: 14px; border: 1px solid var(--iv4-line); background: var(--iv4-surface); box-shadow: var(--iv4-panel-shadow); }
.iv4-architecture__module span { color: var(--iv4-accent); font: 9px var(--mono); }
.iv4-architecture__module p { margin: 0; font-size: 12px; line-height: 1.35; }
.iv4-architecture__module--1 { left: 0; top: 8%; }.iv4-architecture__module--2 { right: 0; top: 8%; }.iv4-architecture__module--3 { left: 0; bottom: 8%; }.iv4-architecture__module--4 { right: 0; bottom: 8%; }
.iv4-architecture__line { position: absolute; left: 13%; right: 13%; top: 50%; height: 1px; background: var(--iv4-teal-400); transform: rotate(24deg); }
.iv4-architecture__line--b { transform: rotate(-24deg); }
.iv4-solution-modules,.iv4-solution-flow { padding: var(--iv4-section-space) 0; }
.iv4-solution-modules { background: var(--iv4-paper-200); }
.iv4-module-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: var(--iv4-card-gap); margin-top: 58px; }
.iv4-module-grid article { min-height: 280px; padding: 24px; border-top: 4px solid var(--iv4-teal-400); background: var(--iv4-surface); }
.iv4-module-grid article > span { color: var(--iv4-slate-300); font: 40px/1 var(--display); }
.iv4-module-grid h3 { margin: 58px 0 12px; font-family: var(--display); text-transform: uppercase; }
.iv4-module-grid p { color: var(--iv4-text-muted); font-size: 14px; }
.iv4-solution-flow { background: var(--iv4-paper-50); }
.iv4-solution-flow__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px 8vw; }
.iv4-solution-flow ol { display: flex; align-items: stretch; margin: 0; padding: 0; list-style: none; }
.iv4-solution-flow li { flex: 1; min-width: 0; display: grid; align-content: center; gap: 8px; padding: 16px; border: 1px solid var(--iv4-line); border-right: 0; }
.iv4-solution-flow li:last-child { border-right: 1px solid var(--iv4-line); }
.iv4-solution-flow li span { color: var(--iv4-accent); font: 8px var(--mono); }.iv4-solution-flow li b { font-size: 13px; }.iv4-solution-flow li i { color: var(--iv4-signal); font-style: normal; }
.iv4-start-panel { grid-column: 2; padding: 24px; border-left: 3px solid var(--iv4-accent); background: var(--iv4-dark); color: var(--iv4-white); }
.iv4-start-panel > span { color: var(--iv4-signal); font: 9px var(--mono); }.iv4-start-panel p { margin: 12px 0 0; color: var(--iv4-slate-300); }

/* Problem: evidence board and recovery trace */
.iv4-problem-hero { min-height: 780px; background: linear-gradient(115deg,var(--iv4-paper-50) 55%,var(--iv4-paper-200)); }
.iv4-problem-hero__grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 7vw; align-items: center; padding: 74px 0 110px; }
.iv4-trace { position: relative; min-height: 520px; padding: 30px; border: 1px solid var(--iv4-line); background: var(--iv4-dark); color: var(--iv4-white); }
.iv4-trace__rail { position: absolute; left: 15%; right: 15%; top: 50%; height: 2px; overflow: hidden; background: var(--iv4-alpha-light-14); }
.iv4-trace__pulse { position: absolute; left: 0; top: -3px; width: 9px; height: 9px; display: block; border-radius: 50%; background: var(--iv4-coral-500); box-shadow: 0 0 18px var(--iv4-coral-500); }
.iv4-trace__symptom,.iv4-trace__root { position: absolute; width: 180px; min-height: 150px; display: grid; align-content: center; padding: 18px; border: 1px solid var(--iv4-alpha-light-14); background: var(--iv4-ink-900); }
.iv4-trace__symptom { left: 0; top: 50%; transform: translateY(-50%); }.iv4-trace__root { right: 0; top: 50%; transform: translateY(-50%); border-color: var(--iv4-coral-500); }
.iv4-trace__symptom small,.iv4-trace__root small,.iv4-trace__symptom span,.iv4-trace__root span { color: var(--iv4-slate-300); font: 8px var(--mono); }
.iv4-trace__symptom strong,.iv4-trace__root strong { font: 900 23px var(--display); }
.iv4-trace__symptom span { overflow-wrap: anywhere; font-family: var(--sans); font-size: 10px; }
.iv4-trace__causes { position: absolute; left: 33%; right: 33%; top: 10%; bottom: 10%; display: grid; align-content: space-between; }
.iv4-trace__causes span { display: grid; grid-template-columns: 30px 1fr; align-items: center; min-height: 58px; padding: 9px; border: 1px solid var(--iv4-alpha-light-14); background: var(--iv4-ink-800); font-size: 10px; }
.iv4-trace__causes i { color: var(--iv4-accent); font: 8px var(--mono); font-style: normal; }
.iv4-evidence,.iv4-recovery { padding: var(--iv4-section-space) 0; }
.iv4-evidence { background: var(--iv4-paper-200); }
.iv4-evidence__board { display: grid; grid-template-columns: repeat(2,1fr); gap: var(--iv4-card-gap); margin-top: 58px; }
.iv4-evidence article { position: relative; min-height: 250px; padding: 24px; border: 1px solid var(--iv4-line); background: var(--iv4-surface); }
.iv4-evidence article > span,.iv4-evidence article > b { color: var(--iv4-accent); font: 8px var(--mono); }
.iv4-evidence h3 { max-width: 450px; margin: 42px 0; font-family: var(--display); font-size: 25px; text-transform: uppercase; }
.iv4-evidence article div { display: flex; gap: 8px; }.iv4-evidence article i { width: 34px; height: 4px; background: var(--iv4-slate-300); }.iv4-evidence article i:nth-child(2) { background: var(--iv4-amber-400); }.iv4-evidence article i:nth-child(3) { background: var(--iv4-coral-500); }
.iv4-evidence article > b { position: absolute; right: 24px; bottom: 24px; color: var(--iv4-text-muted); }
.iv4-recovery { background: var(--iv4-paper-50); }
.iv4-recovery__layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 8vw; }
.iv4-recovery ol { margin: 0; padding: 0; list-style: none; }
.iv4-recovery li { display: grid; grid-template-columns: 66px 1fr; gap: 22px; padding: 20px 0; border-bottom: 1px solid var(--iv4-line); }
.iv4-recovery li > span { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid var(--iv4-accent); border-radius: 50%; font: 9px var(--mono); }
.iv4-recovery small { color: var(--iv4-signal); font: 8px var(--mono); }.iv4-recovery p { margin: 4px 0 0; }

/* Scenario: road and checkpoints */
.iv4-scenario-hero { min-height: 800px; background: radial-gradient(circle at 20% 35%,var(--iv4-alpha-coral-16),transparent 30%),var(--iv4-paper-50); }
.iv4-scenario-hero__copy { max-width: 920px; padding: 64px 0 46px; }
.iv4-scenario-hero__copy h1 { margin: 18px 0 22px; font-family: var(--display); font-size: clamp(48px,6vw,88px); font-weight: 900; line-height: .94; letter-spacing: -.055em; text-transform: uppercase; }
.iv4-scenario-hero__copy > p { max-width: 820px; margin: 0; color: var(--iv4-text-muted); font-size: clamp(18px,1.5vw,22px); }
.iv4-route { position: relative; min-height: 260px; padding: 30px 20px; }
.iv4-route__base { position: absolute; left: 5%; right: 5%; top: 95px; height: 22px; overflow: hidden; border-radius: 12px; background: var(--iv4-ink-800); }
.iv4-route__base:after { position: absolute; left: 0; right: 0; top: 9px; height: 2px; content: ""; background-image: repeating-linear-gradient(90deg,var(--iv4-white) 0 14px,transparent 14px 26px); opacity: .55; }
.iv4-route__progress { position: absolute; z-index: 2; inset: 0; display: block; background: linear-gradient(90deg,var(--iv4-coral-500),var(--iv4-teal-400)); opacity: .35; }
.iv4-route ol { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(4,1fr); gap: 34px; margin: 0; padding: 0; list-style: none; }
.iv4-route li { text-align: center; }
.iv4-route li > span { display: inline-block; padding: 4px 8px; background: var(--iv4-surface); font: 8px var(--mono); box-shadow: 0 5px 18px var(--iv4-alpha-dark-08); }
.iv4-route li > i { width: 22px; height: 22px; display: block; margin: 28px auto 24px; border: 5px solid var(--iv4-paper-50); border-radius: 50%; background: var(--iv4-coral-500); box-shadow: 0 0 0 2px var(--iv4-coral-500); }
.iv4-route li:nth-child(n+3) > i { background: var(--iv4-teal-400); box-shadow: 0 0 0 2px var(--iv4-teal-400); }
.iv4-route li p { max-width: 220px; margin: 0 auto; font-size: 13px; font-weight: 700; }
.iv4-route__legend { display: flex; gap: 22px; margin-top: 30px; color: var(--iv4-text-muted); font: 8px var(--mono); }
.iv4-route__legend span { display: flex; align-items: center; gap: 7px; }.iv4-route__legend span i { width: 7px; height: 7px; border-radius: 50%; background: var(--iv4-coral-500); }.iv4-route__legend span:nth-child(2) i { background: var(--iv4-teal-400); }.iv4-route__legend b { margin-left: auto; color: var(--iv4-text); }
.iv4-checkpoints,.iv4-scenario-control { padding: var(--iv4-section-space) 0; }
.iv4-checkpoints { background: var(--iv4-dark); color: var(--iv4-white); }
.iv4-checkpoints .iv4-section-head p { color: var(--iv4-slate-300); }
.iv4-checkpoints ol { display: grid; grid-template-columns: repeat(4,1fr); margin: 58px 0 0; padding: 0; border-top: 1px solid var(--iv4-alpha-light-14); border-left: 1px solid var(--iv4-alpha-light-14); list-style: none; }
.iv4-checkpoints li { min-height: 310px; display: grid; grid-template-columns: 42px 1fr; gap: 14px; padding: 22px; border-right: 1px solid var(--iv4-alpha-light-14); border-bottom: 1px solid var(--iv4-alpha-light-14); }
.iv4-checkpoints li > span { color: var(--iv4-accent); font: 9px var(--mono); }
.iv4-checkpoints small { color: var(--iv4-signal); font: 8px var(--mono); }.iv4-checkpoints h3 { margin: 72px 0 12px; font-family: var(--display); text-transform: uppercase; }.iv4-checkpoints p { color: var(--iv4-slate-300); font-size: 13px; }
.iv4-scenario-control { background: linear-gradient(180deg,var(--iv4-paper-200),var(--iv4-paper-50)); }
.iv4-scenario-control__grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 8vw; }
.iv4-control-panel { border: 1px solid var(--iv4-line); background: var(--iv4-surface); }
.iv4-control-panel p { display: grid; grid-template-columns: 50px 1fr auto; gap: 18px; align-items: center; min-height: 72px; margin: 0; padding: 0 18px; border-bottom: 1px solid var(--iv4-line); }
.iv4-control-panel p:last-child { border-bottom: 0; }.iv4-control-panel span { color: var(--iv4-accent); font: 8px var(--mono); }.iv4-control-panel b { color: var(--iv4-teal-500); font: 8px var(--mono); }

/* Category indexes: shared navigation grammar, path-specific accent and labels */
.iv4-index-hero { min-height: 720px; background: linear-gradient(135deg,var(--iv4-paper-50),var(--iv4-paper-200)); }
.inner-v4--index-integration { --iv4-accent: var(--iv4-teal-500); --iv4-signal: var(--iv4-coral-500); }
.inner-v4--index-solution { --iv4-accent: var(--iv4-blue-400); }.inner-v4--index-problem { --iv4-accent: var(--iv4-coral-600); }.inner-v4--index-scenario { --iv4-accent: var(--iv4-teal-500); }
.iv4-index-hero__grid { display: grid; grid-template-columns: 1fr .8fr; gap: 8vw; align-items: center; padding: 72px 0 96px; }
.iv4-index-radar { position: relative; min-height: 470px; border: 1px solid var(--iv4-line); border-radius: 50%; background-image: radial-gradient(circle,var(--iv4-alpha-dark-08) 1px,transparent 1px); background-size: 20px 20px; }
.iv4-index-radar > i { position: absolute; inset: 12%; border: 1px solid var(--iv4-line); border-radius: 50%; }.iv4-index-radar > i:nth-child(2) { inset: 27%; }.iv4-index-radar > i:nth-child(3) { inset: 42%; }
.iv4-index-radar > div { position: absolute; left: 50%; top: 50%; width: 150px; height: 150px; display: grid; place-content: center; transform: translate(-50%,-50%); border: 1px solid var(--iv4-accent); background: var(--iv4-dark); color: var(--iv4-white); text-align: center; }
.iv4-index-radar small,.iv4-index-radar div span { color: var(--iv4-slate-300); font: 8px var(--mono); }.iv4-index-radar strong { font: 900 48px/1 var(--display); color: var(--iv4-accent); }
.iv4-index-radar__node { position: absolute; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--iv4-accent); border-radius: 50%; background: var(--iv4-surface); font: 8px var(--mono); }
.iv4-index-radar__node--1 { left: 9%; top: 22%; }.iv4-index-radar__node--2 { right: 12%; top: 12%; }.iv4-index-radar__node--3 { right: 5%; bottom: 24%; }.iv4-index-radar__node--4 { left: 17%; bottom: 9%; }.iv4-index-radar__node--5 { left: 3%; top: 52%; }
.iv4-index-catalog { padding: var(--iv4-section-space) 0; background: var(--iv4-paper-50); }
.iv4-index-catalog__grid { display: grid; grid-template-columns: repeat(2,1fr); margin-top: 58px; border-top: 1px solid var(--iv4-line); border-left: 1px solid var(--iv4-line); }
.iv4-index-catalog__grid > a { min-height: 300px; display: flex; flex-direction: column; padding: 28px; border-right: 1px solid var(--iv4-line); border-bottom: 1px solid var(--iv4-line); transition: background .2s,transform .2s; }
.iv4-index-catalog__grid > a:hover { z-index: 1; transform: translateY(-4px); background: var(--iv4-surface); box-shadow: var(--iv4-panel-shadow); }
.iv4-index-catalog__grid > a > span { color: var(--iv4-accent); font: 8px var(--mono); letter-spacing: .09em; }.iv4-index-catalog h2 { margin: 54px 0 15px; font-size: 30px; line-height: 1; }.iv4-index-catalog p { max-width: 560px; margin: 0; color: var(--iv4-text-muted); font-size: 14px; }.iv4-index-catalog b { margin-top: auto; padding-top: 20px; border-top: 1px solid var(--iv4-line); font-size: 12px; }.iv4-index-catalog b i { float: right; color: var(--iv4-accent); font-style: normal; }

@media (max-width: 1120px) {
  .iv4-service-hero__grid,.iv4-solution-hero__grid,.iv4-problem-hero__grid,.iv4-index-hero__grid { grid-template-columns: 1fr; }
  .iv4-blueprint,.iv4-architecture,.iv4-trace,.iv4-index-radar { width: min(720px,100%); }
  .iv4-deliverables,.iv4-contract__grid,.iv4-module-grid,.iv4-checkpoints ol,.iv4-related__grid { grid-template-columns: repeat(2,1fr); }
  .iv4-related__card { min-height: 260px; }
  .iv4-integration-hero__copy { grid-template-columns: 1fr; }.iv4-integration-hero__copy > p,.iv4-integration-hero__copy .iv4-actions { grid-column: 1; grid-row: auto; }
  .iv4-exchange { grid-template-columns: 180px 1fr 180px; }
}

@media (max-width: 780px) {
  .iv4-container,.iv4-reliability > .iv4-sources { width: min(100% - 40px,680px); }
  .inner-v4 .breadcrumbs { padding-top: 18px; }
  .iv4-hero-copy h1 { font-size: clamp(42px,11.5vw,64px); }
  .iv4-service-hero__grid,.iv4-solution-hero__grid,.iv4-problem-hero__grid,.iv4-index-hero__grid { padding: 46px 0 76px; }
  .iv4-service-scope__grid,.iv4-reliability__grid,.iv4-solution-flow__grid,.iv4-recovery__layout,.iv4-scenario-control__grid,.iv4-faq__layout { grid-template-columns: 1fr; gap: 44px; }
  .iv4-blueprint { min-height: 500px; padding: 18px; box-shadow: 10px 12px 0 var(--iv4-alpha-coral-16); }
  .iv4-blueprint__core { margin-top: 40px; }
  .iv4-deliverables,.iv4-contract__grid,.iv4-module-grid,.iv4-checkpoints ol,.iv4-related__grid,.iv4-evidence__board,.iv4-index-catalog__grid { grid-template-columns: 1fr; }
  .iv4-deliverables article { min-height: 240px; border-right: 1px solid var(--iv4-alpha-light-14); border-bottom: 0; }.iv4-deliverables article:last-child { border-bottom: 1px solid var(--iv4-alpha-light-14); }.iv4-deliverables h3 { margin-top: 48px; }
  .iv4-service-roadmap__track { grid-template-columns: 1fr; gap: 0; margin-top: 48px; }.iv4-service-roadmap__track:before { left: 28px; right: auto; top: 10px; bottom: 10px; width: 3px; height: auto; }.iv4-service-roadmap__track li { display: grid; grid-template-columns: 58px 1fr; gap: 20px; padding: 0 0 28px; }.iv4-service-roadmap__track h3,.iv4-service-roadmap__track p { grid-column: 2; margin: 0; }.iv4-service-roadmap__track p { margin-top: 8px; }
  .iv4-integration-hero__copy { padding-top: 46px; }.iv4-integration-hero__copy h1 { font-size: clamp(50px,15vw,86px); overflow-wrap: normal; }.iv4-exchange { grid-template-columns: 1fr; padding-bottom: 62px; }.iv4-exchange__lane { height: 92px; transform: rotate(90deg); margin: -4px auto; width: 92px; }.iv4-exchange__node { min-height: 132px; }
  .iv4-architecture { min-height: 660px; }.iv4-architecture__core { width: 180px; height: 145px; }.iv4-architecture__module { width: 150px; }.iv4-architecture__module--1,.iv4-architecture__module--3 { left: 0; }.iv4-architecture__module--2,.iv4-architecture__module--4 { right: 0; }
  .iv4-solution-flow ol { display: grid; grid-template-columns: repeat(2,1fr); }.iv4-solution-flow li { border-right: 1px solid var(--iv4-line); }.iv4-start-panel { grid-column: auto; }
  .iv4-trace { min-height: 700px; padding: 18px; }.iv4-trace__rail { left: 50%; right: auto; top: 18%; bottom: 18%; width: 2px; height: auto; }.iv4-trace__symptom,.iv4-trace__root { left: 50%; right: auto; width: min(250px,78%); transform: translateX(-50%); }.iv4-trace__symptom { top: 0; }.iv4-trace__root { top: auto; bottom: 0; }.iv4-trace__causes { left: 8%; right: 8%; top: 27%; bottom: 27%; }.iv4-trace__pulse { left: -3px; top: 0; }
  .iv4-scenario-hero__copy { padding-top: 46px; }.iv4-route { min-height: 620px; padding: 20px 0; }.iv4-route__base { left: 42px; right: auto; top: 8%; bottom: 10%; width: 22px; height: auto; }.iv4-route ol { grid-template-columns: 1fr; gap: 22px; }.iv4-route li { display: grid; grid-template-columns: 35px 24px 1fr; align-items: center; gap: 16px; text-align: left; }.iv4-route li > i { margin: 0; }.iv4-route li p { margin: 0; }.iv4-route__legend { margin-top: 44px; }
  .iv4-control-panel p { grid-template-columns: 38px 1fr; padding: 12px; }.iv4-control-panel b { grid-column: 2; }
  .iv4-index-radar { min-height: 350px; }.iv4-index-radar > div { width: 125px; height: 125px; }.iv4-index-radar strong { font-size: 40px; }
  .iv4-final__inner { grid-template-columns: 1fr; gap: 34px; }.iv4-final__inner .button { justify-self: start; }
}

@media (max-width: 430px) {
  .iv4-container,.iv4-reliability > .iv4-sources { width: calc(100% - 28px); }
  .iv4-hero-copy h1 { font-size: 40px; }
  .iv4-scenario-hero__copy h1 { font-size: 40px; }
  .iv4-actions { align-items: stretch; flex-direction: column; }.iv4-actions .button { width: 100%; }
  .iv4-section-head h2 { font-size: 38px; }
  .iv4-blueprint ol { grid-template-columns: 1fr; }.iv4-blueprint { min-height: 690px; }
  .iv4-signal-list li { grid-template-columns: 38px 1fr; }.iv4-signal-list i { grid-column: 2; }
  .iv4-ledger > div { grid-template-columns: 52px 1fr; padding: 12px; }.iv4-ledger b { grid-column: 2; justify-self: start; }
  .iv4-architecture { min-height: 700px; }.iv4-architecture__module { width: 132px; padding: 10px; grid-template-columns: 25px 1fr; }
  .iv4-evidence article { min-height: 270px; }.iv4-evidence article > b { left: 24px; right: auto; }
  .iv4-checkpoints li { min-height: 260px; }.iv4-checkpoints h3 { margin-top: 38px; }
  .iv4-index-radar { min-height: 315px; }.iv4-index-radar__node { width: 34px; height: 34px; }
  .iv4-related__card { min-height: 250px; }
}

/* Inner pages v6: direct aliases and component language from the approved audit pilot. */
.inner-v6 {
  --iv4-ink-950: #071019;
  --iv4-ink-900: #0d1722;
  --iv4-ink-800: var(--color-primary);
  --iv4-slate-700: var(--color-secondary);
  --iv4-slate-500: var(--muted);
  --iv4-slate-300: #a8b3c2;
  --iv4-paper-50: var(--color-background);
  --iv4-paper-100: var(--bg);
  --iv4-paper-200: var(--color-muted);
  --iv4-white: var(--paper);
  --iv4-coral-500: var(--color-accent);
  --iv4-coral-600: var(--accent);
  --iv4-teal-400: var(--color-cyan);
  --iv4-teal-500: #14b8a6;
  --iv4-green-400: var(--green);
  --iv4-alpha-coral-16: rgba(255,92,53,.16);
  --iv4-alpha-teal-16: rgba(67,229,207,.16);
  --iv4-alpha-light-08: rgba(255,255,255,.08);
  --iv4-alpha-light-14: rgba(255,255,255,.14);
  --iv4-alpha-dark-08: rgba(7,16,25,.08);
  --iv4-alpha-dark-14: rgba(7,16,25,.14);
  --iv4-alpha-dark-22: rgba(7,16,25,.22);
  --iv4-panel-shadow: 0 28px 80px rgba(7,16,25,.18);
  --iv4-section-space: clamp(92px,9vw,138px);
  background: #f4f6f5;
}

.inner-v6 [data-section] { isolation: isolate; }
.inner-v6 [data-section]:not(:first-child):before,
.inner-v6 .iv4-faq:before,
.inner-v6 .iv4-related:before,
.inner-v6 .iv4-final:before {
  position: absolute;
  z-index: 0;
  top: -94px;
  left: 0;
  right: 0;
  height: 96px;
  content: "";
  pointer-events: none;
  background: linear-gradient(180deg,var(--section-seam-from),var(--section-seam-to));
}
.inner-v6 [data-section] > *,
.inner-v6 .iv4-faq > *,
.inner-v6 .iv4-related > *,
.inner-v6 .iv4-final > * { position: relative; z-index: 1; }
.inner-v6 .iv4-faq,.inner-v6 .iv4-related,.inner-v6 .iv4-final { position: relative; }
.inner-v6 .iv4-faq { --section-seam-from: #f8fafc; --section-seam-to: #fff; background: #fff; }
.inner-v6 .iv4-related { --section-seam-from: #fff; --section-seam-to: #e8ecf1; background: linear-gradient(180deg,#e8ecf1,#f4f6f5); }
.inner-v6 .iv4-final { --section-seam-from: #f4f6f5; --section-seam-to: #071019; background: radial-gradient(circle at 78% 18%,rgba(67,229,207,.13),transparent 30%),radial-gradient(circle at 18% 78%,rgba(255,92,53,.12),transparent 28%),#071019; }
.inner-v6 .iv4-final__inner { padding-top: 18px; }
.inner-v6 .iv4-related__card { background: rgba(255,255,255,.58); backdrop-filter: blur(12px); }
.inner-v6 .iv4-faq summary span { color: var(--color-accent); }

.inner-v6 .iv5-implementation-hero,
.inner-v6 .iv5-migration-hero,
.inner-v6 .iv5-automation-hero {
  background: radial-gradient(circle at 76% 20%,rgba(67,229,207,.14),transparent 29%),radial-gradient(circle at 17% 72%,rgba(255,92,53,.12),transparent 31%),#071019;
  color: #f8fafc;
}
.inner-v6 .iv5-implementation-hero:after,
.inner-v6 .iv5-migration-hero:after,
.inner-v6 .iv5-automation-hero:after {
  position: absolute;
  inset: 0;
  content: "";
  pointer-events: none;
  opacity: .38;
  background-image: linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(105deg,#000,transparent 84%);
}
.inner-v6 .iv5-implementation-hero .iv4-container,
.inner-v6 .iv5-migration-hero .iv4-container,
.inner-v6 .iv5-automation-hero .iv4-container { position: relative; z-index: 1; }
.inner-v6 .iv5-implementation-hero .breadcrumbs,
.inner-v6 .iv5-automation-hero .breadcrumbs,
.inner-v6 .iv5-implementation-hero .breadcrumbs a,
.inner-v6 .iv5-automation-hero .breadcrumbs a { color: #8290a2; }
.inner-v6 .iv5-implementation-hero .iv4-hero-copy > p,
.inner-v6 .iv5-automation-hero .iv4-hero-copy > p { color: #b9c2cf; }
.inner-v6 .iv5-implementation-hero .iv4-text-link,
.inner-v6 .iv5-automation-hero .iv4-text-link { color: #f8fafc; }
.inner-v6 .iv4-kicker { color: var(--color-cyan); }

.inner-v6 .iv5-launch,
.inner-v6 .iv5-logic,
.inner-v6 .iv5-status {
  border-color: rgba(255,255,255,.16);
  background-color: rgba(8,15,23,.88);
  color: #f8fafc;
  box-shadow: 0 34px 90px rgba(0,0,0,.38),0 0 42px rgba(67,229,207,.08);
  backdrop-filter: blur(16px);
  --aug-tl: 26px;
  --aug-br: 34px;
  --aug-border-all: 1px;
  --aug-border-bg: linear-gradient(130deg,var(--color-cyan),rgba(255,255,255,.08) 55%,var(--color-accent));
}
.inner-v6 .iv5-launch__axis { border-color: rgba(67,229,207,.2); }
.inner-v6 .iv5-launch__gate { border-color: rgba(255,255,255,.14); background: rgba(13,23,34,.92); color: #f8fafc; box-shadow: 0 15px 40px rgba(0,0,0,.24); }
.inner-v6 .iv5-launch__core { border-color: var(--color-accent); background: linear-gradient(145deg,#111e2a,#08121b); box-shadow: 0 0 44px rgba(255,92,53,.14); }
.inner-v6 .iv5-launch__meter span { color: #8190a2; }
.inner-v6 .iv5-launch__meter i { box-shadow: 0 0 18px rgba(67,229,207,.45); }

.iv6-interface-window { position: relative; overflow: hidden; margin: 0; border: 1px solid rgba(255,255,255,.15); background: #0f1722; color: #f8fafc; box-shadow: 0 28px 70px rgba(0,0,0,.34); --aug-tl: 22px; --aug-br: 28px; --aug-border-all: 1px; --aug-border-bg: linear-gradient(135deg,rgba(67,229,207,.72),rgba(255,255,255,.08) 48%,rgba(255,92,53,.62)); }
.iv6-interface-window__bar { height: 32px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 11px; border-bottom: 1px solid rgba(255,255,255,.1); background: #101925; color: #8593a5; font: 7px var(--mono); letter-spacing: .09em; }
.iv6-interface-window__bar b { color: var(--color-cyan); }
.iv6-interface-window img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; background: #e9eff2; }
.iv6-interface-window figcaption { display: grid; grid-template-columns: 132px 1fr; gap: 18px; padding: 14px 16px; border-top: 1px solid rgba(255,255,255,.1); background: rgba(8,15,23,.96); }
.iv6-interface-window figcaption span { color: var(--color-accent); font: 8px var(--mono); letter-spacing: .08em; }
.iv6-interface-window figcaption p { margin: 0; color: #a8b5c4; font-size: 11px; line-height: 1.5; }

.iv6-control-profile { padding: 22px; border: 1px solid rgba(255,255,255,.14); background: rgba(8,15,23,.82); color: #f8fafc; box-shadow: 0 24px 60px rgba(0,0,0,.24); backdrop-filter: blur(14px); }
.iv6-control-profile header { display: flex; justify-content: space-between; gap: 14px; color: #748398; font: 7px var(--mono); letter-spacing: .08em; }
.iv6-control-profile header b { color: var(--color-cyan); }
.iv6-control-profile h3 { margin: 28px 0 20px; font: 850 24px/1 var(--display); text-transform: uppercase; }
.iv6-control-profile__bars > div { display: grid; grid-template-columns: 28px minmax(92px,.8fr) minmax(90px,1.2fr) 52px; align-items: center; gap: 10px; min-height: 42px; border-top: 1px solid rgba(255,255,255,.08); }
.iv6-control-profile__bars span,.iv6-control-profile__bars em { color: #758397; font: 7px var(--mono); font-style: normal; }
.iv6-control-profile__bars p { margin: 0; font-size: 11px; }
.iv6-control-profile__bars > div > i { height: 4px; overflow: hidden; background: rgba(255,255,255,.1); }
.iv6-control-profile__bars > div > i b { width: var(--bar-size); height: 100%; display: block; background: linear-gradient(90deg,var(--color-accent),var(--color-cyan)); box-shadow: 0 0 16px rgba(67,229,207,.55); transform-origin: left center; }
.iv6-control-profile__bars em { color: var(--green); text-align: right; }
.iv6-control-profile > small { display: block; margin-top: 16px; color: #718095; font: 7px/1.5 var(--mono); }

/* Implementation: launch cockpit and layered CRM evidence. */
.inner-v6 .iv5-readiness { --section-seam-from: #071019; --section-seam-to: #e8ecf1; background: radial-gradient(circle at 84% 16%,rgba(255,92,53,.1),transparent 26%),linear-gradient(180deg,#e8ecf1,#f8fafc); }
.iv6-implementation-workspace { --section-seam-from: #f8fafc; --section-seam-to: #0d1722; padding: var(--iv4-section-space) 0; background: radial-gradient(circle at 78% 20%,rgba(67,229,207,.14),transparent 30%),radial-gradient(circle at 18% 78%,rgba(255,92,53,.12),transparent 28%),#0d1722; color: #f8fafc; }
.iv6-implementation-workspace .iv4-section-head p { color: #a8b3c2; }
.iv6-implementation-workspace__stage { display: grid; grid-template-columns: minmax(280px,.68fr) minmax(0,1.32fr); gap: 42px; align-items: center; margin-top: 52px; }
.iv6-shot-stack { position: relative; min-height: 590px; padding: 0 128px 110px 0; }
.iv6-shot-stack > .iv6-interface-window:first-child { width: 100%; }
.iv6-interface-window--floating { position: absolute; z-index: 2; right: 0; bottom: 0; width: 54%; }
.inner-v6 .iv5-rollout { --section-seam-from: #0d1722; --section-seam-to: #f8fafc; background: radial-gradient(circle at 18% 12%,rgba(67,229,207,.08),transparent 24%),#f8fafc; }
.inner-v6 .iv5-acceptance { --section-seam-from: #f8fafc; --section-seam-to: #071019; background: radial-gradient(circle at 80% 20%,rgba(67,229,207,.12),transparent 30%),#071019; }

/* Migration: technical transfer console with inset data inspection. */
.inner-v6 .iv5-safeguards { --section-seam-from: #071019; --section-seam-to: #e8ecf1; background: radial-gradient(circle at 15% 18%,rgba(67,229,207,.11),transparent 27%),linear-gradient(180deg,#e8ecf1,#f8fafc); }
.iv6-migration-console { --section-seam-from: #f8fafc; --section-seam-to: #071019; padding: var(--iv4-section-space) 0; background: radial-gradient(circle at 78% 24%,rgba(255,92,53,.14),transparent 27%),radial-gradient(circle at 15% 80%,rgba(67,229,207,.13),transparent 29%),#071019; color: #f8fafc; }
.iv6-migration-console__grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(44px,7vw,96px); align-items: center; }
.iv6-migration-console .iv4-section-head p { color: #a8b3c2; }
.iv6-migration-console__copy .iv6-control-profile { margin-top: 38px; }
.iv6-migration-console__screens { position: relative; min-height: 640px; padding: 0 0 120px 92px; }
.iv6-migration-console__screens > .iv6-interface-window:first-child { width: 84%; margin-left: auto; }
.iv6-interface-window--inset { position: absolute; z-index: 2; left: 0; bottom: 0; width: 72%; }
.inner-v6 .iv5-rehearsal { --section-seam-from: #071019; --section-seam-to: #f8fafc; background: radial-gradient(circle at 82% 12%,rgba(255,92,53,.08),transparent 24%),#f8fafc; }
.inner-v6 .iv5-cutover { --section-seam-from: #f8fafc; --section-seam-to: #e8ecf1; background: linear-gradient(180deg,#e8ecf1,#f4f6f5); }

/* Support: light operations desk and a wide monitoring wall. */
.inner-v6 .iv5-support-hero { background: radial-gradient(circle at 78% 18%,rgba(67,229,207,.25),transparent 30%),radial-gradient(circle at 12% 72%,rgba(255,92,53,.16),transparent 28%),linear-gradient(145deg,#f8fafc,#dfeceb); }
.inner-v6 .iv5-support-hero:after { position: absolute; inset: 0; content: ""; opacity: .45; pointer-events: none; background-image: linear-gradient(rgba(7,16,25,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(7,16,25,.055) 1px,transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(90deg,#000,transparent 88%); }
.inner-v6 .iv5-support-hero .iv4-container { position: relative; z-index: 1; }
.inner-v6 .iv5-status__score { width: 250px; }
.inner-v6 .iv5-status__score strong { font-size: 58px; letter-spacing: -.05em; }
.inner-v6 .iv5-triage { --section-seam-from: #dfeceb; --section-seam-to: #f8fafc; background: radial-gradient(circle at 12% 20%,rgba(255,92,53,.1),transparent 24%),#f8fafc; }
.iv6-support-monitor { --section-seam-from: #f8fafc; --section-seam-to: #0d1722; padding: var(--iv4-section-space) 0; background: radial-gradient(circle at 82% 14%,rgba(67,229,207,.16),transparent 28%),radial-gradient(circle at 18% 80%,rgba(255,92,53,.11),transparent 27%),#0d1722; color: #f8fafc; }
.iv6-support-monitor__head { display: grid; grid-template-columns: .92fr 1.08fr; gap: 7vw; align-items: end; }
.iv6-support-monitor .iv4-section-head p { color: #a8b3c2; }
.iv6-support-monitor__screens { display: grid; grid-template-columns: 1.08fr .92fr; gap: 18px; align-items: end; margin-top: 52px; }
.iv6-support-monitor__screens .iv6-interface-window:last-child { transform: translateY(48px); }
.inner-v6 .iv5-cadence { --section-seam-from: #0d1722; --section-seam-to: #f8fafc; background: radial-gradient(circle at 82% 16%,rgba(67,229,207,.09),transparent 24%),#f8fafc; }
.inner-v6 .iv5-service-level { --section-seam-from: #f8fafc; --section-seam-to: #071019; background: radial-gradient(circle at 15% 78%,rgba(255,92,53,.12),transparent 28%),#071019; }

/* Automation: an asymmetrical runtime canvas, not the migration/support layout. */
.inner-v6 .iv5-friction { --section-seam-from: #071019; --section-seam-to: #0d1722; background: radial-gradient(circle at 82% 18%,rgba(255,92,53,.12),transparent 28%),#0d1722; }
.iv6-automation-canvas { --section-seam-from: #0d1722; --section-seam-to: #e8ecf1; padding: var(--iv4-section-space) 0; background: radial-gradient(circle at 84% 16%,rgba(67,229,207,.16),transparent 27%),linear-gradient(180deg,#e8ecf1,#f8fafc); }
.iv6-automation-canvas__copy { display: grid; grid-template-columns: .9fr 1.1fr; gap: 7vw; align-items: end; }
.iv6-automation-canvas .iv6-control-profile { background: linear-gradient(145deg,#101b26,#08111a); }
.iv6-automation-canvas__screens { position: relative; min-height: 700px; margin-top: 58px; padding: 0 36% 100px 0; }
.iv6-interface-window--robots { width: 100%; }
.iv6-interface-window--process { position: absolute; z-index: 2; right: 0; bottom: 0; width: 58%; }
.inner-v6 .iv5-rulebook { --section-seam-from: #f8fafc; --section-seam-to: #e8ecf1; background: linear-gradient(180deg,#e8ecf1,#f8fafc); }
.inner-v6 .iv5-verification { --section-seam-from: #f8fafc; --section-seam-to: #071019; background: radial-gradient(circle at 80% 18%,rgba(67,229,207,.11),transparent 28%),#071019; color: #f8fafc; }
.inner-v6 .iv5-verification .iv4-section-head p { color: #a8b3c2; }
.inner-v6 .iv5-verification li { border-color: rgba(255,255,255,.14); background: rgba(13,23,34,.88); }
.inner-v6 .iv5-verification li p { color: #a8b3c2; }

@media (max-width: 1120px) {
  .iv6-implementation-workspace__stage,.iv6-migration-console__grid,.iv6-support-monitor__head,.iv6-automation-canvas__copy { grid-template-columns: 1fr; }
  .iv6-control-profile { width: min(720px,100%); }
  .iv6-shot-stack,.iv6-migration-console__screens,.iv6-automation-canvas__screens { width: min(900px,100%); }
}

@media (max-width: 780px) {
  .inner-v6 [data-section]:not(:first-child):before,.inner-v6 .iv4-faq:before,.inner-v6 .iv4-related:before,.inner-v6 .iv4-final:before { top: -68px; height: 70px; }
  .iv6-interface-window figcaption { grid-template-columns: 1fr; gap: 7px; }
  .iv6-shot-stack,.iv6-migration-console__screens,.iv6-automation-canvas__screens { min-height: 0; padding: 0; }
  .iv6-interface-window--floating,.iv6-interface-window--inset,.iv6-interface-window--process { position: relative; right: auto; bottom: auto; left: auto; width: 88%; margin: -24px 0 0 auto; }
  .iv6-migration-console__screens > .iv6-interface-window:first-child { width: 92%; margin: 0; }
  .iv6-support-monitor__screens { grid-template-columns: 1fr; }
  .iv6-support-monitor__screens .iv6-interface-window:last-child { width: 92%; margin-left: auto; transform: translateY(-18px); }
}

@media (max-width: 430px) {
  .iv6-control-profile { padding: 16px; }
  .iv6-control-profile header { display: grid; }
  .iv6-control-profile__bars > div { grid-template-columns: 24px 1fr 42px; padding: 7px 0; }
  .iv6-control-profile__bars > div > i { grid-column: 2 / -1; }
  .iv6-interface-window--floating,.iv6-interface-window--inset,.iv6-interface-window--process { width: 96%; }
}

@media (prefers-reduced-motion: reduce) {
  .inner-v4 * { scroll-behavior: auto !important; animation: none !important; transition-duration: .01ms !important; }
  .inner-v4 [data-motion],.inner-v4 [data-motion-item] { opacity: 1 !important; visibility: visible !important; transform: none !important; }
}

/* Service routes v5: route-specific compositions and metaphors. */
.inner-v5 { --iv5-grid: linear-gradient(var(--iv4-line) 1px,transparent 1px),linear-gradient(90deg,var(--iv4-line) 1px,transparent 1px); }
.inner-v5 [data-section] { position: relative; }

/* Implementation: launch system, readiness gates, rollout track. */
.inner-v5--implementation { --iv4-accent: var(--iv4-coral-500); --iv4-signal: var(--iv4-teal-400); }
.iv5-implementation-hero { min-height: 800px; background: radial-gradient(circle at 75% 18%,var(--iv4-alpha-coral-16),transparent 27%),linear-gradient(145deg,var(--iv4-paper-50),var(--iv4-paper-200)); }
.iv5-implementation-hero__grid { display: grid; grid-template-columns: .94fr 1.06fr; align-items: center; gap: clamp(42px,6vw,92px); padding: 72px 0 110px; }
.iv5-launch { position: relative; min-height: 540px; overflow: hidden; border: 1px solid var(--iv4-line); background-color: color-mix(in srgb,var(--iv4-surface) 84%,transparent); background-image: var(--iv5-grid); background-size: 34px 34px; box-shadow: var(--iv4-panel-shadow); }
.iv5-launch__axis { position: absolute; inset: 10%; border: 1px dashed var(--iv4-line); border-radius: 50%; }
.iv5-launch__axis:before,.iv5-launch__axis:after { position: absolute; content: ""; background: var(--iv4-line); }
.iv5-launch__axis:before { left: 50%; top: -12%; bottom: -12%; width: 1px; }.iv5-launch__axis:after { top: 50%; left: -12%; right: -12%; height: 1px; }
.iv5-launch__core { position: absolute; z-index: 3; left: 50%; top: 49%; width: 190px; height: 155px; display: grid; place-content: center; transform: translate(-50%,-50%); border: 1px solid var(--iv4-coral-500); background: var(--iv4-dark); color: var(--iv4-white); text-align: center; box-shadow: 14px 14px 0 var(--iv4-alpha-coral-16); }
.iv5-launch__core small,.iv5-launch__core span { color: var(--iv4-slate-300); font: 8px var(--mono); }.iv5-launch__core strong { margin: 8px 0; font: 900 24px var(--display); }
.iv5-launch__gate { position: absolute; z-index: 4; width: 138px; min-height: 88px; display: grid; grid-template-columns: 30px 1fr; align-content: center; gap: 6px; padding: 13px; border: 1px solid var(--iv4-line); background: var(--iv4-surface); }
.iv5-launch__gate span,.iv5-launch__gate i { font: 8px var(--mono); font-style: normal; }.iv5-launch__gate span { color: var(--iv4-accent); }.iv5-launch__gate b { font-size: 12px; text-transform: uppercase; }.iv5-launch__gate i { grid-column: 2; color: var(--iv4-teal-500); }
.iv5-launch__gate--1 { left: 3%; top: 10%; }.iv5-launch__gate--2 { right: 3%; top: 10%; }.iv5-launch__gate--3 { left: 3%; bottom: 14%; }.iv5-launch__gate--4 { right: 3%; bottom: 14%; border-color: var(--iv4-teal-400); }
.iv5-launch__meter { position: absolute; left: 6%; right: 6%; bottom: 16px; display: grid; grid-template-columns: auto 1fr auto 1fr auto 1fr; align-items: center; gap: 8px; }
.iv5-launch__meter span { color: var(--iv4-text-muted); font: 7px var(--mono); }.iv5-launch__meter i { height: 3px; background: linear-gradient(90deg,var(--iv4-coral-500),var(--iv4-teal-400)); }
.iv5-readiness,.iv5-rollout,.iv5-acceptance { padding: var(--iv4-section-space) 0; }
.iv5-readiness { background: linear-gradient(180deg,var(--iv4-paper-200),var(--iv4-paper-50)); }.iv5-readiness__layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 8vw; }
.iv5-readiness__signals { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid var(--iv4-line); border-left: 1px solid var(--iv4-line); }
.iv5-readiness__signals article { min-height: 235px; display: flex; flex-direction: column; padding: 20px; border-right: 1px solid var(--iv4-line); border-bottom: 1px solid var(--iv4-line); background: color-mix(in srgb,var(--iv4-surface) 74%,transparent); }
.iv5-readiness__signals span,.iv5-readiness__signals i { color: var(--iv4-accent); font: 8px var(--mono); font-style: normal; }.iv5-readiness__signals h3 { margin: 42px 0 10px; font-family: var(--display); font-size: 20px; text-transform: uppercase; }.iv5-readiness__signals p { margin: 0; color: var(--iv4-text-muted); font-size: 12px; }.iv5-readiness__signals i { margin-top: auto; color: var(--iv4-teal-500); }
.iv5-rollout { background: var(--iv4-paper-50); }
.iv5-rollout__track { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; margin: 66px 0 0; padding: 0; list-style: none; }
.iv5-rollout__track:before { position: absolute; left: 6%; right: 6%; top: 40px; height: 18px; content: ""; border-radius: 10px; background: var(--iv4-ink-800); }
.iv5-rollout__track:after { position: absolute; left: 7%; right: 7%; top: 48px; height: 2px; content: ""; background-image: repeating-linear-gradient(90deg,var(--iv4-white) 0 12px,transparent 12px 24px); opacity: .65; }
.iv5-rollout__track li { position: relative; z-index: 2; padding: 0 8px; }.iv5-rollout__track li > div { display: inline-grid; grid-template-columns: 42px auto; align-items: center; gap: 8px; min-height: 80px; padding: 8px 12px; border: 1px solid var(--iv4-line); background: var(--iv4-surface); }
.iv5-rollout__track li span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: var(--iv4-coral-500); color: var(--iv4-white); font: 8px var(--mono); }.iv5-rollout__track li:nth-child(n+3) span { background: var(--iv4-teal-500); }.iv5-rollout__track li b { font-size: 11px; text-transform: uppercase; }
.iv5-rollout__track li > p { min-height: 105px; margin: 28px 0 0; padding: 18px 0; border-top: 1px solid var(--iv4-line); color: var(--iv4-text-muted); font-size: 13px; }.iv5-rollout__track li > i { position: absolute; right: -13px; top: 47px; width: 20px; height: 2px; background: var(--iv4-accent); }
.iv5-acceptance { background: var(--iv4-dark); color: var(--iv4-white); }.iv5-acceptance .iv4-section-head p { color: var(--iv4-slate-300); }.iv5-acceptance__grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 8vw; }
.iv5-acceptance__matrix { border: 1px solid var(--iv4-alpha-light-14); }.iv5-acceptance__matrix > div { display: grid; grid-template-columns: 44px 1fr 90px 70px; align-items: center; gap: 14px; min-height: 82px; padding: 14px; border-bottom: 1px solid var(--iv4-alpha-light-14); }.iv5-acceptance__matrix > div:last-child { border-bottom: 0; }
.iv5-acceptance__matrix span,.iv5-acceptance__matrix b,.iv5-acceptance__matrix i { font: 8px var(--mono); font-style: normal; }.iv5-acceptance__matrix span { color: var(--iv4-accent); }.iv5-acceptance__matrix p { margin: 0; font-size: 12px; }.iv5-acceptance__matrix b { color: var(--iv4-slate-300); }.iv5-acceptance__matrix i { color: var(--iv4-green-400); }

/* Migration: source/target transfer, rehearsal and cutover window. */
.inner-v5--migration { --iv4-accent: var(--iv4-teal-400); --iv4-signal: var(--iv4-coral-500); }
.iv5-migration-hero { min-height: 820px; background: radial-gradient(circle at 55% 75%,var(--iv4-alpha-teal-16),transparent 34%),var(--iv4-dark); color: var(--iv4-white); }
.iv5-migration-hero .breadcrumbs,.iv5-migration-hero .breadcrumbs a { color: var(--iv4-slate-300); }.iv5-migration-hero .iv4-text-link { color: var(--iv4-white); }
.iv5-migration-hero__copy { display: grid; grid-template-columns: 1.25fr .75fr; gap: 24px 70px; align-items: end; padding: 62px 0 46px; }.iv5-migration-hero__copy h1 { grid-column: 1; max-width: 940px; margin: 14px 0; font: 900 clamp(48px,6vw,88px)/.92 var(--display); letter-spacing: -.055em; text-transform: uppercase; }.iv5-migration-hero__copy > p,.iv5-migration-hero__copy .iv4-actions { grid-column: 2; }.iv5-migration-hero__copy > p { color: var(--iv4-slate-300); font-size: 18px; }
.iv5-transfer { display: grid; grid-template-columns: 220px 1fr 220px; align-items: center; padding: 22px 0 84px; }
.iv5-transfer__system { min-height: 160px; display: grid; align-content: center; padding: 20px; border: 1px solid var(--iv4-alpha-light-14); background: var(--iv4-ink-900); }.iv5-transfer__system--target { border-color: var(--iv4-teal-400); box-shadow: 0 0 40px var(--iv4-alpha-teal-16); }.iv5-transfer__system small,.iv5-transfer__system span { color: var(--iv4-slate-300); font: 8px var(--mono); }.iv5-transfer__system strong { margin: 8px 0; font: 900 28px var(--display); }
.iv5-transfer__lane { position: relative; min-height: 116px; border-top: 1px solid var(--iv4-teal-400); border-bottom: 1px solid var(--iv4-teal-400); background-image: linear-gradient(90deg,var(--iv4-alpha-light-08) 1px,transparent 1px); background-size: 32px 100%; }.iv5-transfer__lane:before { position: absolute; left: 0; right: 0; top: 40px; height: 2px; content: ""; background: var(--iv4-teal-400); }
.iv5-transfer__packet { position: absolute; z-index: 3; left: 1%; top: 35px; width: 12px; height: 12px; display: block; background: var(--iv4-coral-500); box-shadow: 0 0 18px var(--iv4-coral-500); }.iv5-transfer__lane ol { position: absolute; left: 0; right: 0; bottom: 11px; display: grid; grid-template-columns: repeat(4,1fr); margin: 0; padding: 0; list-style: none; }.iv5-transfer__lane li { display: grid; justify-items: center; gap: 3px; color: var(--iv4-slate-300); font: 7px var(--mono); }.iv5-transfer__lane li span { color: var(--iv4-signal); }
.iv5-safeguards,.iv5-rehearsal,.iv5-cutover { padding: var(--iv4-section-space) 0; }.iv5-safeguards { background: linear-gradient(180deg,var(--iv4-paper-200),var(--iv4-paper-50)); }
.iv5-safeguards__grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; margin-top: 54px; }.iv5-safeguards article { min-height: 280px; padding: 20px; border: 1px solid var(--iv4-line); background: var(--iv4-surface); }.iv5-safeguards span,.iv5-safeguards b { color: var(--iv4-accent); font: 8px var(--mono); }.iv5-safeguards h3 { min-height: 86px; margin: 52px 0 28px; font-family: var(--display); font-size: 20px; text-transform: uppercase; }.iv5-safeguards article div { height: 6px; overflow: hidden; background: var(--iv4-paper-200); }.iv5-safeguards article div i { width: var(--risk-level); height: 100%; display: block; background: linear-gradient(90deg,var(--iv4-coral-500),var(--iv4-amber-400)); }.iv5-safeguards b { display: block; margin-top: 14px; color: var(--iv4-text-muted); }
.iv5-rehearsal { background: var(--iv4-paper-50); }.iv5-rehearsal__layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 8vw; }.iv5-rehearsal ol { margin: 0; padding: 0; border-top: 1px solid var(--iv4-line); list-style: none; }.iv5-rehearsal li { display: grid; grid-template-columns: 64px 1fr auto; align-items: center; gap: 20px; min-height: 112px; border-bottom: 1px solid var(--iv4-line); }.iv5-rehearsal li > span,.iv5-rehearsal li > i { font: 8px var(--mono); font-style: normal; }.iv5-rehearsal li > span { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid var(--iv4-accent); border-radius: 50%; }.iv5-rehearsal li b { font-family: var(--display); text-transform: uppercase; }.iv5-rehearsal li p { margin: 5px 0 0; color: var(--iv4-text-muted); font-size: 12px; }.iv5-rehearsal li > i { color: var(--iv4-teal-500); }
.iv5-cutover { background: var(--iv4-paper-200); }.iv5-cutover__window { position: relative; display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; margin-top: 62px; }.iv5-cutover__window:before { position: absolute; left: 4%; right: 4%; top: 35px; height: 2px; content: ""; background: linear-gradient(90deg,var(--iv4-coral-500),var(--iv4-amber-400),var(--iv4-teal-400)); }.iv5-cutover__window > div { position: relative; z-index: 2; min-height: 240px; padding: 0 16px 20px; border: 1px solid var(--iv4-line); background: color-mix(in srgb,var(--iv4-surface) 80%,transparent); }.iv5-cutover__window span,.iv5-cutover__window b { font: 8px var(--mono); }.iv5-cutover__window span { display: inline-block; padding: 8px; background: var(--iv4-dark); color: var(--iv4-white); }.iv5-cutover__window > div > i { width: 18px; height: 18px; display: block; margin: 17px 0 24px; border: 4px solid var(--iv4-paper-200); border-radius: 50%; background: var(--iv4-accent); box-shadow: 0 0 0 2px var(--iv4-accent); }.iv5-cutover__window h3 { font-family: var(--display); font-size: 18px; text-transform: uppercase; }.iv5-cutover__window b { position: absolute; left: 16px; bottom: 18px; color: var(--iv4-teal-500); }

/* Support: live status, triage queue and operating cadence. */
.inner-v5--support { --iv4-accent: var(--iv4-teal-500); --iv4-signal: var(--iv4-coral-500); }
.iv5-support-hero { min-height: 780px; background: radial-gradient(circle at 76% 22%,var(--iv4-alpha-teal-16),transparent 30%),linear-gradient(135deg,var(--iv4-paper-50),var(--iv4-paper-200)); }.iv5-support-hero__grid { display: grid; grid-template-columns: 1fr .9fr; gap: 7vw; align-items: center; padding: 70px 0 108px; }
.iv5-status { min-height: 480px; padding: 22px; border: 1px solid var(--iv4-line); background: var(--iv4-dark); color: var(--iv4-white); box-shadow: 18px 20px 0 var(--iv4-alpha-teal-16); }.iv5-status header,.iv5-status footer { display: flex; justify-content: space-between; gap: 14px; color: var(--iv4-slate-300); font: 8px var(--mono); }.iv5-status header b { color: var(--iv4-green-400); }.iv5-status header b i { width: 7px; height: 7px; display: inline-block; margin-right: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 12px currentColor; }
.iv5-status__score { display: grid; grid-template-columns: auto 1fr; align-items: end; width: 190px; margin: 42px 0 34px; }.iv5-status__score strong { color: var(--iv4-teal-400); font: 900 82px/.8 var(--display); }.iv5-status__score span { color: var(--iv4-slate-300); font: 10px var(--mono); }.iv5-status__score small { grid-column: 1/-1; margin-top: 10px; color: var(--iv4-slate-300); font: 8px var(--mono); }
.iv5-status__services { border-top: 1px solid var(--iv4-alpha-light-14); }.iv5-status__services p { display: grid; grid-template-columns: 92px 1fr 48px; align-items: center; gap: 12px; min-height: 50px; margin: 0; border-bottom: 1px solid var(--iv4-alpha-light-14); font: 8px var(--mono); }.iv5-status__services p > i { height: 4px; overflow: hidden; background: var(--iv4-alpha-light-14); }.iv5-status__services p > i b { height: 100%; display: block; background: var(--iv4-teal-400); }.iv5-status__services em { color: var(--iv4-green-400); font-style: normal; }.iv5-status footer { margin-top: 22px; }
.iv5-triage,.iv5-cadence,.iv5-service-level { padding: var(--iv4-section-space) 0; }.iv5-triage { background: linear-gradient(180deg,var(--iv4-paper-200),var(--iv4-paper-50)); }.iv5-triage__layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 8vw; }.iv5-triage__queue { border: 1px solid var(--iv4-line); background: var(--iv4-surface); }.iv5-triage__queue article { display: grid; grid-template-columns: 74px 44px 1fr auto; align-items: center; gap: 14px; min-height: 82px; padding: 12px 16px; border-bottom: 1px solid var(--iv4-line); }.iv5-triage__queue article:last-child { border-bottom: 0; }.iv5-triage__queue article > span,.iv5-triage__queue article > b,.iv5-priority { font: 8px var(--mono); font-style: normal; }.iv5-triage__queue article > span { color: var(--iv4-text-muted); }.iv5-priority { padding: 5px; color: var(--iv4-white); background: var(--iv4-coral-500); text-align: center; }.iv5-priority--2 { background: var(--iv4-amber-400); }.iv5-priority--3,.iv5-priority--4 { background: var(--iv4-teal-500); }.iv5-triage__queue p { margin: 0; font-size: 13px; }.iv5-triage__queue article > b { color: var(--iv4-teal-500); }
.iv5-cadence { overflow: hidden; background: var(--iv4-paper-50); }.iv5-cadence__orbit { position: relative; min-height: 660px; margin-top: 36px; background-image: radial-gradient(circle,var(--iv4-alpha-dark-08) 1px,transparent 1px); background-size: 24px 24px; }.iv5-cadence__orbit:before { position: absolute; inset: 12%; content: ""; border: 1px dashed var(--iv4-line); border-radius: 50%; }.iv5-cadence__orbit > div { position: absolute; z-index: 2; left: 50%; top: 50%; width: 210px; height: 210px; display: grid; place-content: center; transform: translate(-50%,-50%); border: 1px solid var(--iv4-teal-400); border-radius: 50%; background: var(--iv4-dark); color: var(--iv4-white); text-align: center; }.iv5-cadence__orbit > div small,.iv5-cadence__orbit > div span { color: var(--iv4-slate-300); font: 8px var(--mono); }.iv5-cadence__orbit > div strong { margin: 7px 0; font: 900 30px var(--display); }
.iv5-cadence__step { position: absolute; z-index: 3; width: 235px; min-height: 155px; padding: 18px; border: 1px solid var(--iv4-line); background: var(--iv4-surface); box-shadow: var(--iv4-panel-shadow); }.iv5-cadence__step--1 { left: 5%; top: 8%; }.iv5-cadence__step--2 { right: 5%; top: 8%; }.iv5-cadence__step--3 { right: 5%; bottom: 8%; }.iv5-cadence__step--4 { left: 5%; bottom: 8%; }.iv5-cadence__step span { color: var(--iv4-accent); font: 8px var(--mono); }.iv5-cadence__step h3 { margin: 18px 0 8px; font-family: var(--display); text-transform: uppercase; }.iv5-cadence__step p { margin: 0; color: var(--iv4-text-muted); font-size: 11px; }
.iv5-service-level { background: var(--iv4-dark); color: var(--iv4-white); }.iv5-service-level .iv4-section-head p { color: var(--iv4-slate-300); }.iv5-service-level__grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 8vw; }.iv5-service-level__board { border: 1px solid var(--iv4-alpha-light-14); }.iv5-service-level__board > div { display: grid; grid-template-columns: 86px 1fr auto; align-items: center; gap: 16px; min-height: 82px; padding: 15px; border-bottom: 1px solid var(--iv4-alpha-light-14); }.iv5-service-level__board > div:last-child { border-bottom: 0; }.iv5-service-level__board span,.iv5-service-level__board b { font: 8px var(--mono); }.iv5-service-level__board span { color: var(--iv4-signal); }.iv5-service-level__board p { margin: 0; font-size: 12px; }.iv5-service-level__board b { color: var(--iv4-green-400); }

/* Automation: event logic, rule contract and test circuit. */
.inner-v5--automation { --iv4-accent: var(--iv4-coral-500); --iv4-signal: var(--iv4-teal-400); }
.iv5-automation-hero { min-height: 790px; background: radial-gradient(circle at 78% 25%,var(--iv4-alpha-coral-16),transparent 28%),var(--iv4-paper-50); }.iv5-automation-hero__grid { display: grid; grid-template-columns: .88fr 1.12fr; gap: 7vw; align-items: center; padding: 72px 0 110px; }
.iv5-logic { position: relative; min-height: 550px; border: 1px solid var(--iv4-line); background-color: var(--iv4-dark); background-image: linear-gradient(var(--iv4-alpha-light-08) 1px,transparent 1px),linear-gradient(90deg,var(--iv4-alpha-light-08) 1px,transparent 1px); background-size: 32px 32px; color: var(--iv4-white); box-shadow: 18px 20px 0 var(--iv4-alpha-coral-16); }.iv5-logic__node { position: absolute; z-index: 2; width: 175px; min-height: 120px; display: grid; align-content: center; padding: 16px; border: 1px solid var(--iv4-alpha-light-14); background: var(--iv4-ink-900); }.iv5-logic__node--event { left: 5%; top: 12%; }.iv5-logic__node--condition { right: 5%; top: 12%; border-color: var(--iv4-coral-500); }.iv5-logic__node--action { right: 5%; bottom: 12%; }.iv5-logic__node--control { left: 5%; bottom: 12%; border-color: var(--iv4-teal-400); }.iv5-logic__node span,.iv5-logic__node small { color: var(--iv4-slate-300); font: 8px var(--mono); }.iv5-logic__node span { color: var(--iv4-signal); }.iv5-logic__node strong { margin: 8px 0; font: 900 19px var(--display); }
.iv5-logic__line { position: absolute; z-index: 1; display: block; background: var(--iv4-teal-400); transform-origin: left center; }.iv5-logic__line--one { left: 35%; right: 35%; top: 24%; height: 2px; }.iv5-logic__line--two { right: 19%; top: 34%; bottom: 34%; width: 2px; }.iv5-logic__line--three { left: 35%; right: 35%; bottom: 24%; height: 2px; }.iv5-logic__exception { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 9px 12px; border: 1px solid var(--iv4-coral-500); background: var(--iv4-ink-800); color: var(--iv4-coral-500); font: 8px var(--mono); }
.iv5-friction,.iv5-rulebook,.iv5-verification { padding: var(--iv4-section-space) 0; }.iv5-friction { background: var(--iv4-dark); color: var(--iv4-white); }.iv5-friction .iv4-section-head p { color: var(--iv4-slate-300); }.iv5-friction__flow { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 58px; border-top: 1px solid var(--iv4-alpha-light-14); border-left: 1px solid var(--iv4-alpha-light-14); }.iv5-friction__flow article { position: relative; min-height: 285px; padding: 20px; border-right: 1px solid var(--iv4-alpha-light-14); border-bottom: 1px solid var(--iv4-alpha-light-14); }.iv5-friction__flow span,.iv5-friction__flow b { font: 8px var(--mono); }.iv5-friction__flow span { color: var(--iv4-accent); }.iv5-friction__flow p { margin: 65px 0 25px; font-family: var(--display); font-size: 20px; text-transform: uppercase; }.iv5-friction__flow article > i { color: var(--iv4-signal); font-size: 24px; font-style: normal; }.iv5-friction__flow b { position: absolute; left: 20px; bottom: 18px; color: var(--iv4-slate-300); }
.iv5-rulebook { background: linear-gradient(180deg,var(--iv4-paper-200),var(--iv4-paper-50)); }.iv5-rulebook__layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 8vw; }.iv5-rulebook__stack { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }.iv5-rulebook__stack article { min-height: 245px; display: flex; flex-direction: column; padding: 20px; border-top: 4px solid var(--iv4-coral-500); background: var(--iv4-surface); box-shadow: var(--iv4-panel-shadow); }.iv5-rulebook__stack article:nth-child(n+3) { border-color: var(--iv4-teal-400); }.iv5-rulebook__stack span,.iv5-rulebook__stack i { color: var(--iv4-accent); font: 8px var(--mono); font-style: normal; }.iv5-rulebook__stack h3 { margin: 38px 0 10px; font-family: var(--display); font-size: 20px; text-transform: uppercase; }.iv5-rulebook__stack p { margin: 0; color: var(--iv4-text-muted); font-size: 12px; }.iv5-rulebook__stack i { margin-top: auto; color: var(--iv4-teal-500); }
.iv5-verification { background: var(--iv4-paper-50); }.iv5-verification ol { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin: 58px 0 0; padding: 0; list-style: none; }.iv5-verification li { min-height: 260px; padding: 20px; border: 1px solid var(--iv4-line); background: var(--iv4-surface); }.iv5-verification li > span,.iv5-verification li > i { font: 8px var(--mono); font-style: normal; }.iv5-verification li > span { color: var(--iv4-accent); }.iv5-verification li b { display: block; margin: 58px 0 12px; font-family: var(--display); text-transform: uppercase; }.iv5-verification li p { color: var(--iv4-text-muted); font-size: 12px; }.iv5-verification li > i { display: inline-block; margin-top: 18px; padding: 5px 7px; background: var(--iv4-alpha-teal-16); color: var(--iv4-teal-500); }

@media (max-width: 1120px) {
  .iv5-implementation-hero__grid,.iv5-support-hero__grid,.iv5-automation-hero__grid { grid-template-columns: 1fr; }
  .iv5-launch,.iv5-status,.iv5-logic { width: min(760px,100%); }
  .iv5-migration-hero__copy { grid-template-columns: 1fr; }.iv5-migration-hero__copy > p,.iv5-migration-hero__copy .iv4-actions { grid-column: 1; }
  .iv5-safeguards__grid,.iv5-friction__flow,.iv5-verification ol { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 780px) {
  .iv5-implementation-hero__grid,.iv5-support-hero__grid,.iv5-automation-hero__grid { padding: 46px 0 78px; }
  .iv5-readiness__layout,.iv5-acceptance__grid,.iv5-rehearsal__layout,.iv5-triage__layout,.iv5-service-level__grid,.iv5-rulebook__layout { grid-template-columns: 1fr; gap: 44px; }
  .iv5-launch { min-height: 690px; }.iv5-launch__axis { inset: 23% 8%; }.iv5-launch__core { top: 48%; }.iv5-launch__gate--1,.iv5-launch__gate--2 { top: 7%; }.iv5-launch__gate--3,.iv5-launch__gate--4 { bottom: 9%; }.iv5-launch__gate { width: 135px; }.iv5-launch__meter { display: none; }
  .iv5-rollout__track { grid-template-columns: 1fr; gap: 10px; }.iv5-rollout__track:before,.iv5-rollout__track:after { left: 38px; right: auto; top: 24px; bottom: 24px; width: 18px; height: auto; }.iv5-rollout__track:after { left: 46px; width: 2px; background-image: repeating-linear-gradient(180deg,var(--iv4-white) 0 12px,transparent 12px 24px); }.iv5-rollout__track li { display: grid; grid-template-columns: 88px 1fr; align-items: start; }.iv5-rollout__track li > div { grid-column: 1; min-width: 80px; padding: 8px; }.iv5-rollout__track li > div b { display: none; }.iv5-rollout__track li > p { grid-column: 2; min-height: 80px; margin: 0; }.iv5-rollout__track li > i { display: none; }
  .iv5-transfer { grid-template-columns: 1fr; max-width: 560px; margin-inline: auto; }.iv5-transfer__lane { width: 116px; height: 150px; margin: -1px auto; transform: rotate(90deg); }.iv5-transfer__lane ol { display: none; }.iv5-transfer__system { min-height: 130px; }.iv5-safeguards__grid,.iv5-cutover__window { grid-template-columns: repeat(2,1fr); }.iv5-cutover__window:before { display: none; }
  .iv5-cadence__orbit { min-height: 820px; }.iv5-cadence__orbit:before { inset: 14% 4%; }.iv5-cadence__orbit > div { width: 175px; height: 175px; }.iv5-cadence__step { width: 190px; }.iv5-cadence__step--1,.iv5-cadence__step--4 { left: 0; }.iv5-cadence__step--2,.iv5-cadence__step--3 { right: 0; }
  .iv5-logic { min-height: 680px; }.iv5-logic__node { width: 155px; }.iv5-logic__node--event,.iv5-logic__node--condition { top: 7%; }.iv5-logic__node--action,.iv5-logic__node--control { bottom: 7%; }.iv5-logic__line--one,.iv5-logic__line--three { left: 41%; right: 41%; }.iv5-logic__exception { width: 190px; text-align: center; }
}

@media (max-width: 430px) {
  .iv5-launch { min-height: 740px; }.iv5-launch__gate { width: 122px; grid-template-columns: 25px 1fr; padding: 10px; }.iv5-launch__core { width: 170px; }.iv5-readiness__signals,.iv5-safeguards__grid,.iv5-cutover__window,.iv5-friction__flow,.iv5-rulebook__stack,.iv5-verification ol { grid-template-columns: 1fr; }
  .iv5-acceptance__matrix > div { grid-template-columns: 34px 1fr; }.iv5-acceptance__matrix b,.iv5-acceptance__matrix i { grid-column: 2; }
  .iv5-migration-hero__copy h1 { font-size: 40px; overflow-wrap: normal; }.iv5-rehearsal li { grid-template-columns: 54px 1fr; padding: 12px 0; }.iv5-rehearsal li > i { grid-column: 2; }
  .iv5-status { padding: 16px; }.iv5-status__services p { grid-template-columns: 74px 1fr; }.iv5-status__services em { grid-column: 2; }.iv5-triage__queue article { grid-template-columns: 58px 42px 1fr; }.iv5-triage__queue article > p,.iv5-triage__queue article > b { grid-column: 3; }.iv5-cadence__orbit { min-height: auto; display: grid; gap: 12px; padding-top: 210px; }.iv5-cadence__orbit:before { display: none; }.iv5-cadence__orbit > div { top: 0; transform: translateX(-50%); }.iv5-cadence__step { position: static; width: 100%; min-height: 130px; }.iv5-service-level__board > div { grid-template-columns: 72px 1fr; }.iv5-service-level__board b { grid-column: 2; }
  .iv5-automation-hero .iv4-hero-copy h1 { font-size: 36px; overflow-wrap: normal; }
  .iv5-logic { min-height: 760px; }.iv5-logic__node { left: 50%; right: auto; width: 210px; transform: translateX(-50%); }.iv5-logic__node--event { top: 4%; }.iv5-logic__node--condition { top: 27%; }.iv5-logic__node--action { top: 52%; bottom: auto; }.iv5-logic__node--control { top: 76%; bottom: auto; }.iv5-logic__line { left: 50%; right: auto; top: auto; width: 2px; height: 60px; }.iv5-logic__line--one { top: 19%; }.iv5-logic__line--two { top: 43%; bottom: auto; }.iv5-logic__line--three { top: 67%; bottom: auto; }.iv5-logic__exception { display: none; }
}
