/* Homepage review iteration: disclosure, diagrams, scroll stack and compact talent block. */
.proof-section-v2 { padding-top: 72px; }
.proof-stories { grid-template-columns: repeat(2,minmax(0,1fr)); align-items: start; }
.proof-disclosure { display: block; min-height: 0; padding: 0; overflow: hidden; }
.proof-disclosure summary { display: flex; flex-direction: column; min-height: 365px; padding: 28px; cursor: pointer; list-style: none; }
.proof-disclosure summary::-webkit-details-marker { display: none; }
.proof-disclosure summary:focus-visible { outline: 3px solid var(--orange); outline-offset: -5px; border-radius: 27px; }
.proof-client-v3 { display: flex; align-items: center; gap: 15px; min-height: 67px; margin: 30px 0 10px; }
.proof-client-v3 h3,.proof-disclosure h3 { margin: 0; }
.proof-logo-v3 { display: grid; place-items: center; flex: 0 0 88px; width: 88px; height: 58px; padding: 8px; border: 1px solid rgba(30,58,138,.1); border-radius: 14px; background: rgba(255,255,255,.57); }
.proof-logo-v3 img { max-width: 100%; max-height: 43px; object-fit: contain; }
.proof-logo-v3.light-logo-v3 { background: var(--navy); }
.anonymous-mark-v4 { display: inline-flex; align-items: baseline; color: var(--navy-2); font: 900 31px/1 var(--display); letter-spacing: -.09em; }
.anonymous-mark-v4 span { color: var(--orange); }
.proof-disclosure .proof-context { margin-bottom: 0; }
.proof-result-v3 { display: block; margin-top: auto; padding-top: 28px; color: var(--navy-2); font: 800 24px/1.12 var(--display); letter-spacing: -.035em; }
.proof-open-v3 { display: flex; justify-content: space-between; align-items: center; margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(30,58,138,.14); color: var(--navy-2); font: 700 10px/1 var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.proof-open-v3 i { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(255,255,255,.6); font: 700 17px/1 var(--body); transition: transform .3s ease; }
.proof-disclosure[open] .proof-open-v3 i { transform: rotate(135deg); }
.proof-detail-v3 { display: grid; gap: 16px; padding: 0 28px 28px; animation: proof-open-v3 .35s ease both; }
.proof-detail-v3 > div { padding: 17px; border: 1px solid rgba(255,255,255,.75); border-radius: 17px; background: rgba(255,255,255,.36); }
.proof-detail-v3 span { display: block; margin-bottom: 7px; color: var(--orange); font: 700 9px/1.2 var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.proof-detail-v3 p { margin: 0; color: var(--ink); font-size: 13px; }
.proof-detail-v3 ul { margin: 0; padding-left: 18px; color: var(--ink); font-size: 13px; }
.proof-detail-v3 li + li { margin-top: 4px; }
.proof-conclusion-v3 { padding: 0 3px; color: var(--muted) !important; }
@keyframes proof-open-v3 { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }

.case-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.case-card-v3 { min-height: 385px; }
.case-card-v3 .case-company { display: flex; align-items: center; gap: 12px; }
.case-logo-v3 { display: grid; place-items: center; flex: 0 0 88px; width: 88px; height: 48px; padding: 7px; border-radius: 12px; background: rgba(255,255,255,.72); }
.case-logo-v3.light-logo-v3 { background: var(--navy); }
.case-logo-v3 img { max-width: 100%; max-height: 36px; object-fit: contain; }
.case-status-v3 { display: block; margin-top: 20px; color: var(--orange); font: 700 9px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.case-card-v3:nth-child(2) .case-status-v3 { color: #fff1d6; }
.case-card-v3 .case-metric { max-width: 440px; margin: 46px 0 13px; font-size: clamp(30px,3.5vw,48px); line-height: 1.02; }
.case-card-v3 p { max-width: 440px; position: relative; z-index: 1; }
.case-card-v3 .case-number { pointer-events: none; }

.pillar-art-v3 { position: relative; flex: 1; min-height: 400px; overflow: hidden; padding: 24px; border: 1px solid rgba(255,255,255,.25); border-radius: 27px; color: white; background: linear-gradient(145deg,#2d4b9e,#101f56 78%); box-shadow: var(--shadow-dark); }
.pillar-art-v3:before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size: 30px 30px; mask-image: linear-gradient(#000,transparent); }
.scene-kicker-v3 { position: relative; z-index: 2; display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.6); font: 700 9px/1.2 var(--mono); letter-spacing: .08em; }
.scene-kicker-v3 img { width: 25px; height: 25px; object-fit: contain; }
.scene-kicker-v3 b { margin-left: auto; padding: 8px 10px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; color: #c7f7d5; background: rgba(103,214,142,.12); white-space: nowrap; }
.team-track-v3 { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4,1fr); gap: 5px; margin: 67px 0 24px; }
.team-track-v3 span { position: relative; padding: 14px 6px; border: 1px solid rgba(255,255,255,.14); border-radius: 12px; background: rgba(255,255,255,.06); text-align: center; font-size: 10px; }
.team-track-v3 span:last-child { border-color: rgba(255,189,56,.5); background: rgba(255,189,56,.16); }
.team-track-v3 span:not(:last-child):after { content: "→"; position: absolute; right: -8px; top: 10px; z-index: 2; color: var(--amber); font-weight: 800; }
.team-cards-v3 { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }
.team-cards-v3 article { min-width: 0; min-height: 120px; padding: 14px; border: 1px solid rgba(255,255,255,.13); border-radius: 16px; background: rgba(255,255,255,.07); }
.team-cards-v3 i { display: grid; place-items: center; width: 34px; height: 34px; margin-bottom: 13px; border-radius: 10px; color: var(--navy); background: linear-gradient(130deg,var(--amber),var(--orange)); font: 700 9px/1 var(--mono); }
.team-cards-v3 b,.team-cards-v3 small { display: block; }
.team-cards-v3 b { font-size: 11px; }
.team-cards-v3 small { margin-top: 4px; color: rgba(255,255,255,.52); font-size: 9px; }
.playbook-cover-v3 { position: relative; z-index: 2; width: 78%; min-height: 245px; margin: 29px auto 0; padding: 21px; border: 1px solid rgba(255,255,255,.2); border-radius: 19px; background: linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.055)); box-shadow: 14px 16px 0 rgba(255,255,255,.04),0 24px 40px rgba(5,13,40,.2); transform: rotate(-2deg); }
.playbook-cover-v3 small { color: var(--amber); font: 700 9px/1 var(--mono); }
.playbook-cover-v3 h4 { max-width: 390px; margin: 28px 0 24px; font: 750 25px/1.1 var(--display); }
.playbook-lines-v3 { display: grid; gap: 6px; }
.playbook-lines-v3 span { padding: 5px 0; border-bottom: 1px solid rgba(255,255,255,.13); color: rgba(255,255,255,.63); font-size: 10px; }
.channel-strip-v3 { position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 16px; }
.channel-strip-v3 span { padding: 8px 12px; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; background: rgba(255,255,255,.09); font: 700 9px/1 var(--mono); }
.crm-map-v3 { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: 75px 130px 75px; gap: 10px 34px; align-items: stretch; max-width: 475px; margin: 18px auto 0; }
.crm-map-v3:before,.crm-map-v3:after { content: ""; position: absolute; left: 50%; top: 15%; bottom: 15%; z-index: -1; width: 1px; background: linear-gradient(transparent,var(--amber),transparent); opacity: .65; }
.crm-map-v3:after { inset: 50% 9% auto; width: 82%; height: 1px; background: linear-gradient(90deg,transparent,var(--amber),transparent); }
.crm-tool-v3 { display: grid; grid-template-columns: 27px 1fr; gap: 2px 8px; align-content: center; min-width: 0; padding: 9px; border: 1px solid rgba(255,255,255,.14); border-radius: 13px; background: rgba(255,255,255,.09); }
.crm-tool-v3 i { grid-row: 1/3; display: grid; place-items: center; width: 27px; height: 27px; border-radius: 8px; color: var(--navy); background: var(--amber); font: 700 15px/1 var(--body); }
.crm-tool-v3 b { font-size: 10px; }
.crm-tool-v3 small { color: rgba(255,255,255,.55); font-size: 9px; }
.crm-core-v3 { grid-column: 1/-1; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 150px; height: 125px; justify-self: center; align-self: center; border: 1px solid rgba(255,255,255,.5); border-radius: 26px; background: linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,189,56,.12)); box-shadow: 0 0 0 12px rgba(255,255,255,.04),0 22px 42px rgba(0,0,0,.18); }
.crm-core-v3 img { width: 47px; height: 47px; object-fit: contain; }
.crm-core-v3 b { margin-top: 2px; font: 800 18px/1 var(--display); }
.crm-core-v3 small { margin-top: 4px; color: rgba(255,255,255,.6); font-size: 9px; }
.crm-caption-v3 { position: relative; z-index: 2; margin-top: 15px; text-align: center; color: rgba(255,255,255,.64); font-size: 10px; }
.cadence-track-v3 { position: relative; z-index: 2; display: grid; gap: 12px; max-width: 470px; margin: 66px auto 0; }
.cadence-track-v3:before { content: ""; position: absolute; left: 31px; top: 18px; bottom: 18px; width: 2px; background: linear-gradient(var(--amber),var(--orange)); }
.cadence-track-v3 article { display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 12px; padding: 15px; border: 1px solid rgba(255,255,255,.13); border-radius: 15px; background: rgba(255,255,255,.075); }
.cadence-track-v3 i { position: relative; z-index: 2; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; color: var(--navy); background: var(--amber); font: 700 9px/1 var(--mono); }
.cadence-track-v3 b,.cadence-track-v3 small { display: block; }
.cadence-track-v3 b { font-size: 11px; }
.cadence-track-v3 small { color: rgba(255,255,255,.55); font-size: 9px; }
.cadence-track-v3 em { color: #bcf1c9; font: normal 8px/1 var(--mono); text-transform: uppercase; }
.report-tiles-v3 { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin-top: 42px; }
.report-tiles-v3 article { padding: 13px; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: rgba(255,255,255,.07); }
.report-tiles-v3 small { color: var(--amber); font: 700 9px/1 var(--mono); }
.report-tiles-v3 b,.report-tiles-v3 span { display: block; }
.report-tiles-v3 b { margin-top: 18px; font-size: 13px; }
.report-tiles-v3 span { margin-top: 4px; color: rgba(255,255,255,.55); font-size: 9px; }
.report-chart-v3 { position: relative; z-index: 2; display: flex; align-items: flex-end; gap: 12px; height: 135px; margin-top: 15px; padding: 15px 18px; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: rgba(255,255,255,.05); }
.report-chart-v3 span { flex: 1; height: var(--bar); border-radius: 7px 7px 2px 2px; background: linear-gradient(var(--amber),var(--orange)); transform-origin: bottom; animation: report-rise-v3 4s ease-in-out infinite alternate; }
.report-chart-v3 span:nth-child(even) { animation-delay: -2s; }
.report-cycle-v3 { position: relative; z-index: 2; margin-top: 13px; color: rgba(255,255,255,.65); text-align: center; font: 700 9px/1 var(--mono); text-transform: uppercase; }
.report-cycle-v3 i { margin: 0 8px; color: var(--amber); font-style: normal; }
@keyframes report-rise-v3 { 50% { transform: scaleY(.8); } }

.transformation-v2 { margin-top: 42px; }
.transform-toggle:has(button:first-child.active) i { background: rgba(255,255,255,.17); }
.transform-board { min-height: 0; aspect-ratio: 1000 / 720; border: 0; border-radius: 0; background: none; overflow: visible; }
.transform-diagram-v4 { padding: 0; }
.transform-diagram-v4 > svg { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; fill: none; stroke: none; animation: none; pointer-events: none; }
.transform-diagram-v4 > svg path { fill: none; stroke-width: 2; stroke-linecap: round; }
.before-view .diagram-connections-v4 path { stroke: rgba(255,255,255,.26); stroke-width: 1.5; stroke-dasharray: 6 7; }
.after-view .diagram-connections-v4 path { stroke: rgba(255,105,63,.58); stroke-width: 2.5; stroke-dasharray: none; }
.diagram-flow-dot-v4 { fill: var(--orange); stroke: none; }
.diagram-cluster-v4 { position: absolute; z-index: 1; display: grid; gap: 7px; padding: 14px; border: 1px solid rgba(255,255,255,.15); border-radius: 20px; background: rgba(255,255,255,.045); backdrop-filter: blur(14px); }
.after-view .diagram-cluster-v4 { border-color: rgba(255,113,66,.34); background: rgba(255,112,64,.055); }
.diagram-cluster-v4 > b { display: block; padding: 2px 0 6px; color: rgba(255,255,255,.43); text-align: center; font: 700 10px/1 var(--mono); letter-spacing: .18em; }
.after-view .diagram-cluster-v4 > b { color: #ff8655; }
.diagram-top-v4 { left: 50%; bottom: 69.444%; width: 38%; transform: translateX(-50%); }
.diagram-left-v4 { left: 0; top: 55.555%; width: 25%; transform: translateY(-50%); }
.diagram-right-v4 { right: 0; top: 55.555%; width: 25%; transform: translateY(-50%); }
.diagram-node-v4 { position: relative; display: flex; align-items: center; gap: 9px; min-width: 0; min-height: 40px; padding: 6px 9px; border: 1px solid rgba(255,255,255,.13); border-radius: 11px; color: rgba(255,255,255,.69); background: rgba(255,255,255,.075); font-size: clamp(10px,.83vw,13px); line-height: 1.22; }
.diagram-node-v4 > span { min-width: 0; }
.after-view .diagram-node-v4 { border-color: rgba(255,125,80,.35); color: #243765; background: #fff; box-shadow: 0 8px 24px rgba(3,11,39,.1); }
.diagram-icon-v4 { display: block; flex: 0 0 26px; width: 26px; height: 26px; background-image: url("https://media.base44.com/images/public/6a306a067bbd5827471ec94a/e70adce44_DOJOB-IconLibrary.png"); background-size: 775.8% 510.7%; background-repeat: no-repeat; }
.before-view .diagram-icon-v4 { filter: grayscale(1); opacity: .53; }
.diagram-node-v4 em { position: absolute; z-index: 2; right: 5px; top: -9px; padding: 4px 7px; border-radius: 7px; color: white; background: #e76162; font: normal 700 8px/1 var(--mono); text-transform: uppercase; white-space: nowrap; box-shadow: 0 4px 12px rgba(0,0,0,.15); }
.after-view .diagram-node-v4 em.metric { position: static; margin-left: auto; padding: 0; color: var(--orange); background: none; box-shadow: none; }
.diagram-hub-v4 { position: absolute; left: 41%; right: 41%; top: 47.222%; bottom: 36.111%; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; border: 1px solid rgba(255,255,255,.18); border-radius: 22px; background: rgba(255,255,255,.055); text-align: center; }
.diagram-hub-v4 strong { color: rgba(255,255,255,.75); font: 700 clamp(13px,1.25vw,18px)/1.22 var(--display); }
.diagram-hub-v4 span { color: rgba(255,255,255,.4); font: 700 9px/1 var(--mono); letter-spacing: .16em; }
.diagram-hub-v4.ordered { border-color: rgba(255,113,66,.7); background: white; box-shadow: 0 0 0 6px rgba(255,111,64,.08),0 25px 55px rgba(4,12,42,.25); }
.diagram-hub-v4.ordered img { width: clamp(42px,5vw,68px); height: clamp(42px,5vw,68px); object-fit: contain; }
.diagram-hub-v4.ordered span { color: var(--orange); }
.diagram-outcome-v4 { position: absolute; left: 50%; top: 75%; z-index: 2; width: max-content; max-width: 37%; transform: translate(-50%,-50%); }
.diagram-outcome-v4 .diagram-node-v4 { min-height: 45px; }
.diagram-results-v4 { position: absolute; left: 6%; right: 6%; top: 86.11%; z-index: 2; display: grid; gap: 12px; }
.diagram-results-v4.two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.diagram-results-v4.four { grid-template-columns: repeat(4,minmax(0,1fr)); }
.diagram-results-v4 .diagram-node-v4 { min-height: 48px; }

.deployment-v2 { overflow: clip; }
.deployment-grid { align-items: stretch; }
.deployment-console { align-self: start; top: 100px; z-index: 3; }
.deployment-steps { display: block; padding-bottom: 26vh; }
.deployment-card-v3 { position: sticky; top: calc(100px + var(--card-index) * 5px); z-index: calc(10 + var(--card-index)); display: flex; flex-direction: column; justify-content: center; min-height: min(54vh,480px); margin-bottom: 16vh; padding: 32px; border: 1px solid rgba(255,255,255,.28); border-radius: 27px; color: white; background: linear-gradient(145deg,#3759aa,#1b2f71 85%); box-shadow: 0 28px 60px rgba(3,12,42,.28),inset 0 1px 0 rgba(255,255,255,.21); cursor: pointer; transition: border-color .3s,box-shadow .3s,transform .3s; }
.deployment-card-v3:nth-child(2n) { background: linear-gradient(145deg,#314f9d,#182b68 85%); }
.deployment-card-v3.active { z-index: 40; border-color: rgba(255,189,56,.68); box-shadow: 0 30px 70px rgba(3,12,42,.38),inset 0 1px 0 rgba(255,255,255,.25); }
.deployment-card-v3:focus-visible { outline: 3px solid var(--amber); outline-offset: 4px; }
.deploy-card-top-v3 { position: absolute; top: 23px; left: 30px; right: 30px; display: flex; align-items: center; justify-content: space-between; color: var(--amber); font: 700 10px/1 var(--mono); letter-spacing: .08em; }
.deploy-card-top-v3 img { width: 34px; height: 34px; object-fit: contain; }
.deploy-card-action-v3 { color: #ffcf65; font: 700 10px/1 var(--mono); text-transform: uppercase; letter-spacing: .11em; }
.deployment-card-v3 h3 { max-width: 470px; margin: 16px 0 10px; font: 800 clamp(28px,3vw,41px)/1.05 var(--display); letter-spacing: -.045em; }
.deployment-card-v3 p { max-width: 450px; margin: 0; color: rgba(255,255,255,.7); font-size: 14px; }
.deploy-card-tags-v3 { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 28px; }
.deploy-card-tags-v3 i { padding: 7px 10px; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; background: rgba(255,255,255,.08); font: normal 9px/1 var(--mono); }
.deployment-console:before,.deployment-console:after { display: none; }
.deploy-visual { min-height: 430px; display: block; text-align: left; }
.deploy-visual > .deploy-scene-host-v4 { position: relative; z-index: 2; display: block; width: 100%; min-height: 430px; margin: 0; }
.deploy-scene-v4 { position: relative; min-height: 430px; padding: 28px 0 20px; animation: deploy-scene-in-v4 .42s ease both; }
.deploy-scene-head-v4 { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 18px; }
.deploy-scene-head-v4 span { color: var(--amber); font: 700 9px/1.2 var(--mono); letter-spacing: .07em; }
.deploy-scene-head-v4 b { color: rgba(255,255,255,.57); font: 600 10px/1.2 var(--body); }
@keyframes deploy-scene-in-v4 { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
.audit-photo-v4,.onboard-photo-v4 { position: relative; height: 235px; overflow: hidden; border: 1px solid rgba(255,255,255,.18); border-radius: 20px; background: #253b76; }
.audit-photo-v4 img,.onboard-photo-v4 img { width: 100%; height: 100%; object-fit: cover; object-position: center 40%; }
.audit-photo-v4:after,.onboard-photo-v4:after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(10,20,50,.03) 40%,rgba(10,20,50,.75)); }
.audit-photo-v4 > span,.onboard-photo-v4 > span { position: absolute; left: 18px; bottom: 19px; z-index: 1; color: white; font: 700 10px/1.2 var(--mono); text-transform: uppercase; letter-spacing: .07em; }
.audit-sheet-v4 { position: relative; z-index: 2; width: 87%; margin: -38px auto 0; padding: 17px; border: 1px solid rgba(255,255,255,.33); border-radius: 17px; background: rgba(29,49,111,.93); box-shadow: 0 18px 36px rgba(4,12,42,.22); backdrop-filter: blur(20px); }
.audit-sheet-v4 > strong { display: block; margin-bottom: 10px; font-size: 13px; }
.audit-sheet-v4 > div { display: grid; grid-template-columns: 75px 1fr auto; align-items: center; gap: 10px; min-height: 26px; color: rgba(255,255,255,.7); font-size: 10px; }
.audit-sheet-v4 i { height: 5px; border-radius: 9px; background: linear-gradient(90deg,var(--orange),rgba(255,255,255,.2)); }
.audit-sheet-v4 > div:nth-of-type(2) i { background: linear-gradient(90deg,var(--amber),rgba(255,255,255,.2)); }
.audit-sheet-v4 b { color: #ffd18d; font: 700 8px/1 var(--mono); text-transform: uppercase; }
.market-radar-v4 { position: relative; height: 260px; margin-top: 7px; }
.radar-ring-v4 { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(255,189,56,.28); border-radius: 50%; transform: translate(-50%,-50%); }
.radar-ring-v4.r1 { width: 130px; height: 130px; background: rgba(255,189,56,.035); }
.radar-ring-v4.r2 { width: 200px; height: 200px; }
.radar-ring-v4.r3 { width: 255px; height: 255px; border-style: dashed; opacity: .55; }
.radar-core-v4 { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 95px; height: 95px; border: 1px solid rgba(255,255,255,.4); border-radius: 26px; transform: translate(-50%,-50%); color: var(--navy); background: linear-gradient(145deg,#fff,#ffdb91); box-shadow: 0 16px 32px rgba(4,12,42,.22); font: 800 27px/1 var(--display); }
.radar-core-v4 span { margin-top: -18px; font: 700 7px/1 var(--mono); text-transform: uppercase; }
.radar-node-v4 { position: absolute; padding: 9px 11px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: rgba(255,255,255,.13); backdrop-filter: blur(10px); font: 700 9px/1 var(--mono); }
.radar-node-v4.n1 { left: 6%; top: 28%; }.radar-node-v4.n2 { right: 5%; top: 18%; }.radar-node-v4.n3 { right: 10%; bottom: 13%; }
.market-brief-v4 { display: grid; grid-template-columns: 1fr auto; gap: 7px; align-items: end; padding: 15px; border: 1px solid rgba(255,255,255,.16); border-radius: 16px; background: rgba(255,255,255,.07); }
.market-brief-v4 span { grid-column: 1/-1; color: var(--amber); font: 700 8px/1 var(--mono); }
.market-brief-v4 b { font: 700 17px/1.15 var(--display); }
.market-brief-v4 i { color: #ffc26c; font: normal 700 9px/1 var(--mono); }
.crm-lanes-v4 { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin-top: 35px; }
.crm-lanes-v4 article { min-height: 200px; padding: 9px; border: 1px solid rgba(255,255,255,.15); border-radius: 13px; background: rgba(255,255,255,.075); }
.crm-lanes-v4 b { display: block; margin-bottom: 16px; color: #ffcd7c; font: 700 8px/1.2 var(--mono); }
.crm-lanes-v4 span { display: block; margin-top: 7px; padding: 9px 6px; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; color: rgba(255,255,255,.82); background: rgba(255,255,255,.09); font-size: 9px; }
.crm-lanes-v4 article:last-child span { border-color: rgba(255,185,91,.5); background: rgba(255,185,91,.16); }
.crm-script-v4 { margin-top: 13px; padding: 16px; border: 1px solid rgba(255,255,255,.15); border-radius: 14px; background: rgba(255,255,255,.07); }
.crm-script-v4 > span { color: var(--amber); font: 700 8px/1 var(--mono); }
.crm-script-v4 p { margin: 9px 0 !important; color: white !important; font-size: 12px !important; }
.crm-script-v4 > div { display: flex; gap: 6px; margin-top: 9px; }
.crm-script-v4 i { padding: 6px 8px; border: 1px solid rgba(255,255,255,.17); border-radius: 999px; font: normal 700 8px/1 var(--mono); }
.onboard-photo-v4 { height: 250px; }
.onboard-card-v4 { position: relative; z-index: 2; display: flex; align-items: center; gap: 12px; width: 90%; margin: -45px auto 0; padding: 14px; border: 1px solid rgba(255,255,255,.3); border-radius: 16px; background: rgba(28,48,109,.94); box-shadow: 0 20px 35px rgba(4,12,42,.25); }
.onboard-card-v4 > img { width: 42px; height: 42px; object-fit: contain; }
.onboard-card-v4 > div { flex: 1; }
.onboard-card-v4 small,.onboard-card-v4 strong,.onboard-card-v4 span { display: block; }
.onboard-card-v4 small { color: var(--amber); font: 700 8px/1 var(--mono); }
.onboard-card-v4 strong { margin: 4px 0; font-size: 14px; }
.onboard-card-v4 span { color: rgba(255,255,255,.58); font-size: 10px; }
.onboard-card-v4 > b { color: #b5e6be; }
.onboard-flow-v4 { display: flex; justify-content: center; align-items: center; gap: 7px; margin-top: 20px; color: rgba(255,255,255,.8); font: 700 8px/1 var(--mono); }
.onboard-flow-v4 i { color: var(--amber); font-style: normal; }
.launch-status-v4 { display: flex; align-items: center; gap: 8px; padding: 13px; border: 1px solid rgba(123,235,158,.25); border-radius: 12px; color: #bcf6c9; background: rgba(83,203,128,.1); font: 700 9px/1 var(--mono); }
.launch-status-v4 > i { width: 8px; height: 8px; border-radius: 50%; background: #71e195; box-shadow: 0 0 0 5px rgba(113,225,149,.12); }
.launch-status-v4 span { margin-left: auto; color: rgba(255,255,255,.58); font-weight: 400; }
.launch-flow-v4 { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin: 62px 0 48px; }
.launch-flow-v4 article { flex: 1; min-width: 0; padding: 18px 9px; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; background: rgba(255,255,255,.08); text-align: center; }
.launch-flow-v4 article i { display: grid; place-items: center; width: 34px; height: 34px; margin: 0 auto 13px; border-radius: 11px; color: var(--navy); background: var(--amber); font: normal 700 18px/1 var(--body); }
.launch-flow-v4 article b,.launch-flow-v4 article small { display: block; }
.launch-flow-v4 article b { font-size: 11px; }.launch-flow-v4 article small { margin-top: 3px; color: rgba(255,255,255,.56); font-size: 9px; }
.launch-flow-v4 > em { color: var(--amber); font: normal 700 16px/1 var(--mono); }
.launch-appointment-v4 { display: grid; grid-template-columns: 1fr auto; gap: 5px; padding: 18px; border: 1px solid rgba(255,189,56,.4); border-radius: 16px; background: rgba(255,189,56,.11); }
.launch-appointment-v4 span { grid-column: 1/-1; color: var(--amber); font: 700 8px/1 var(--mono); }.launch-appointment-v4 b { font-size: 16px; }.launch-appointment-v4 i { color: #bff1c8; font-style: normal; }
.weekly-chart-v4 { padding: 16px; border: 1px solid rgba(255,255,255,.16); border-radius: 16px; background: rgba(255,255,255,.07); }
.weekly-chart-v4 > div { display: flex; justify-content: space-between; gap: 9px; align-items: center; }.weekly-chart-v4 > div span { color: var(--amber); font: 700 8px/1 var(--mono); }.weekly-chart-v4 > div b { font-size: 12px; }
.weekly-chart-v4 section { display: flex; align-items: flex-end; justify-content: space-around; gap: 10px; height: 175px; margin: 25px 0 7px; padding: 0 10px; border-bottom: 1px solid rgba(255,255,255,.2); }
.weekly-chart-v4 section i { width: 15%; height: var(--h); border-radius: 8px 8px 0 0; background: linear-gradient(180deg,#ffd97f,#ff754f); }
.weekly-chart-v4 footer { display: flex; justify-content: space-around; color: rgba(255,255,255,.52); font: 700 8px/1 var(--mono); }
.weekly-decision-v4 { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin-top: 17px; }
.weekly-decision-v4 span { grid-column: 1/-1; color: var(--amber); font: 700 8px/1 var(--mono); }
.weekly-decision-v4 b { display: grid; place-items: center; min-height: 60px; padding: 9px; border: 1px solid rgba(255,255,255,.16); border-radius: 11px; background: rgba(255,255,255,.07); text-align: center; font-size: 10px; }
.optimize-compare-v4 { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; margin-top: 55px; }
.optimize-compare-v4 article { min-width: 0; min-height: 180px; padding: 17px; border: 1px solid rgba(255,255,255,.16); border-radius: 15px; background: rgba(255,255,255,.07); }
.optimize-compare-v4 article:last-child { border-color: rgba(255,189,56,.42); background: rgba(255,189,56,.1); }
.optimize-compare-v4 span { color: var(--amber); font: 700 8px/1 var(--mono); }.optimize-compare-v4 b { display: block; margin: 31px 0 12px; font-size: 13px; }
.optimize-compare-v4 article div { height: 8px; border-radius: 99px; background: rgba(255,255,255,.1); }.optimize-compare-v4 article div i { display: block; width: var(--w); height: 100%; border-radius: 99px; background: linear-gradient(90deg,var(--orange),var(--amber)); }
.optimize-compare-v4 small { display: block; margin-top: 9px; color: rgba(255,255,255,.54); font-size: 9px; }.optimize-compare-v4 > em { color: var(--amber); font: normal 700 15px/1 var(--mono); }
.optimize-loop-v4 { display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; margin-top: 35px; }.optimize-loop-v4 span { padding: 9px; border: 1px solid rgba(255,255,255,.15); border-radius: 999px; background: rgba(255,255,255,.07); font: 700 8px/1 var(--mono); }.optimize-loop-v4 i { color: var(--amber); font-style: normal; }
.scene-optimize-v4 > p { margin-top: 17px; color: rgba(255,255,255,.46); text-align: center; font-size: 10px; }

.talent-v2 { padding: 54px 0 48px; }
.talent-v2 .section-head { margin-bottom: 24px; }
.talent-v2 h2 { max-width: 900px; font-size: clamp(2.1rem,3.4vw,3.5rem); }
.talent-v2 .section-intro { font-size: 15px; }
.talent-photo-v2 { height: 380px; min-height: 0; }
.talent-photo-v2 img { position: absolute; inset: 0; }
.talent-photo-v2 strong { font-size: 20px; }
.talent-panel-v2 { padding: 24px; }
.talent-panel-v2 > p { margin-bottom: 8px; font-size: 13px; }
.talent-benefit-grid { gap: 7px; margin: 10px 0 16px; }
.talent-benefit-grid article { min-height: 105px; padding: 12px; }
.talent-benefit-grid b { margin-bottom: 10px; }
.talent-benefit-grid strong { font-size: 14px; }
.talent-benefit-grid span { font-size: 10px; }
.talent-panel-v2 .button { min-height: 42px; padding: 0 14px; font-size: 12px; }
.talent-process-v2 { margin-top: 8px; }
.talent-process-v2 div { padding: 10px 13px; }
.talent-process-v2 b { margin-bottom: 4px; }
.talent-process-v2 span { font-size: 11px; }

.footer-brand img { height: 42px; filter: none; }
.footer-status-v3 { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 42px; padding: 16px 20px; border: 1px solid rgba(255,255,255,.16); border-radius: 18px; background: rgba(255,255,255,.07); }
.footer-status-v3 > span { color: var(--amber); font: 700 10px/1.3 var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.footer-status-v3 > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; color: rgba(255,255,255,.7); font-size: 11px; }
.footer-status-v3 > div span { display: grid; gap: 4px; }
.footer-status-v3 b { color: white; font: 700 13px/1 var(--mono); }
.footer-grid-v3 { grid-template-columns: 1.1fr repeat(3,1fr); }
.footer-col a:hover { color: var(--amber); }
.footer-app-v3 { display: inline-flex !important; width: max-content; margin-top: 18px !important; padding: 9px 13px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; }

@media (max-width: 1040px) {
  .footer-grid-v3 { grid-template-columns: 1fr 1fr; }
  .footer-grid-v3 .footer-brand { grid-column: 1/-1; }
  .footer-grid-v3 .footer-col:last-child { grid-column: auto; }
  .deployment-grid { grid-template-columns: .85fr 1.15fr; }
  .transform-board { aspect-ratio: auto; min-height: 0; }
  .transform-diagram-v4 { position: relative; inset: auto; display: grid; gap: 12px; padding: 0 4px; opacity: 1 !important; transform: none !important; }
  .transform-board[data-transform-state="before"] .after-view,.transform-board[data-transform-state="after"] .before-view { display: none; }
  .transform-diagram-v4 > svg { display: none; }
  .diagram-cluster-v4,.diagram-hub-v4,.diagram-outcome-v4,.diagram-results-v4 { position: relative; inset: auto; left: auto; right: auto; top: auto; bottom: auto; width: auto; max-width: none; transform: none; }
  .diagram-hub-v4 { order: 0; width: min(100%,230px); height: 125px; margin: 0 auto 6px; }
  .diagram-top-v4 { order: 1; }
  .diagram-left-v4 { order: 2; }
  .diagram-right-v4 { order: 3; }
  .diagram-outcome-v4 { order: 4; }
  .diagram-results-v4 { order: 5; }
  .diagram-node-v4 { font-size: 12px; }
}
@media (max-width: 900px) {
  .deployment-grid { grid-template-columns: 1fr; }
  .deployment-console { position: sticky; top: 74px; }
  .deploy-visual,.deploy-visual > .deploy-scene-host-v4,.deploy-scene-v4 { min-height: 248px; }
  .deploy-scene-v4 { padding: 15px 0 8px; }
  .deploy-scene-head-v4 { margin-bottom: 10px; }
  .audit-photo-v4,.onboard-photo-v4 { height: 177px; }
  .audit-sheet-v4 { width: 88%; margin-top: -35px; padding: 10px; }
  .audit-sheet-v4 > div { min-height: 20px; }
  .market-radar-v4 { height: 200px; }
  .radar-ring-v4.r3 { width: 190px; height: 190px; }
  .radar-ring-v4.r2 { width: 155px; height: 155px; }
  .radar-ring-v4.r1 { width: 110px; height: 110px; }
  .market-brief-v4 { display: none; }
  .crm-lanes-v4 { margin-top: 12px; }
  .crm-lanes-v4 article { min-height: 165px; }
  .crm-script-v4 { padding: 9px; margin-top: 8px; }
  .crm-script-v4 p { margin: 4px 0 !important; }
  .crm-script-v4 > div { display: none; }
  .onboard-card-v4 { padding: 9px; margin-top: -35px; }
  .onboard-flow-v4 { display: none; }
  .launch-flow-v4 { margin: 25px 0 15px; }
  .launch-flow-v4 article { padding: 10px 5px; }
  .launch-appointment-v4 { padding: 11px; }
  .weekly-chart-v4 section { height: 115px; margin-top: 12px; }
  .weekly-decision-v4 { margin-top: 9px; }
  .weekly-decision-v4 b { min-height: 36px; }
  .optimize-compare-v4 { margin-top: 20px; }
  .optimize-compare-v4 article { min-height: 130px; padding: 10px; }
  .optimize-compare-v4 b { margin: 15px 0 8px; }
  .optimize-loop-v4 { margin-top: 14px; }
  .scene-optimize-v4 > p { display: none; }
  .deployment-steps { padding-bottom: 8vh; }
  .deployment-card-v3 { min-height: 55vh; margin-bottom: 20vh; top: calc(390px + var(--card-index) * 3px); }
}
@media (max-width: 720px) {
  .case-grid { grid-template-columns: 1fr; }
  .case-card-v3 { min-height: 350px; }
  .case-card-v3 .case-metric { margin-top: 42px; font-size: 34px; }
  .proof-stories { grid-template-columns: 1fr; }
  .proof-disclosure summary { min-height: 310px; padding: 22px; }
  .proof-client-v3 { margin-top: 25px; }
  .proof-client-v3 h3 { font-size: 27px; }
  .proof-detail-v3 { padding: 0 22px 22px; }
  .pillar-art-v3 { min-height: 400px; padding: 17px; }
  .scene-kicker-v3 { font-size: 8px; }
  .scene-kicker-v3 b { font-size: 7px; }
  .team-track-v3 { grid-template-columns: repeat(2,1fr); margin-top: 44px; }
  .team-track-v3 span:after { display: none; }
  .team-cards-v3 { grid-template-columns: 1fr; }
  .team-cards-v3 article { display: grid; grid-template-columns: 36px 1fr; min-height: 0; padding: 8px; }
  .team-cards-v3 i { grid-row: 1/3; margin: 0; }
  .team-cards-v3 small { margin: 0; }
  .playbook-cover-v3 { width: 96%; min-height: 230px; padding: 16px; }
  .playbook-cover-v3 h4 { font-size: 21px; }
  .crm-map-v3 { gap: 7px 15px; grid-template-rows: 74px 120px 74px; }
  .crm-tool-v3 { grid-template-columns: 1fr; padding: 7px; }
  .crm-tool-v3 i { display: none; }
  .crm-tool-v3 b { font-size: 9px; }
  .crm-tool-v3 small { font-size: 8px; }
  .crm-core-v3 { width: 122px; height: 110px; }
  .cadence-track-v3 { margin-top: 58px; }
  .cadence-track-v3 article { grid-template-columns: 37px 1fr; padding: 10px; }
  .cadence-track-v3 em { display: none; }
  .report-tiles-v3 article { padding: 8px; }
  .report-tiles-v3 b { margin-top: 9px; font-size: 10px; }
  .report-tiles-v3 span { font-size: 8px; }
  .diagram-cluster-v4 { padding: 12px; }
  .diagram-results-v4.two,.diagram-results-v4.four { grid-template-columns: 1fr; }
  .diagram-node-v4 { font-size: 11px; }
  .deployment-v2 { padding: 65px 0; }
  .deployment-console { top: 80px; padding: 14px; }
  .deploy-visual,.deploy-visual > .deploy-scene-host-v4,.deploy-scene-v4 { min-height: 236px; }
  .deploy-scene-head-v4 b { font-size: 9px; }
  .audit-photo-v4,.onboard-photo-v4 { height: 165px; }
  .audit-sheet-v4 > div { grid-template-columns: 62px 1fr auto; font-size: 9px; }
  .audit-sheet-v4 b { font-size: 7px; }
  .radar-node-v4 { font-size: 8px; }
  .crm-lanes-v4 article { min-height: 145px; }
  .crm-lanes-v4 span { font-size: 8px; }
  .crm-script-v4 p { font-size: 10px !important; }
  .launch-status-v4 span { display: none; }
  .launch-flow-v4 article small { display: none; }
  .launch-flow-v4 article b { font-size: 9px; }
  .weekly-decision-v4 b { font-size: 8px; }
  .weekly-decision-v4 { display: none; }
  .optimize-loop-v4 span { padding: 6px; font-size: 7px; }
  .deployment-card-v3 { top: calc(455px + var(--card-index) * 3px); min-height: 330px; margin-bottom: 170px; padding: 22px; }
  .deployment-card-v3 h3 { font-size: 27px; }
  .deployment-card-v3 p { font-size: 12px; }
  .talent-v2 { padding: 54px 0; }
  .talent-photo-v2 { height: 310px; min-height: 0; }
  .talent-panel-v2 { padding: 18px; }
  .talent-benefit-grid { grid-template-columns: repeat(2,1fr); }
  .talent-benefit-grid article { min-height: 100px; padding: 10px; }
  .talent-benefit-grid b { margin-bottom: 8px; }
  .talent-benefit-grid strong { font-size: 12px; }
  .talent-benefit-grid span { font-size: 9px; }
  .talent-process-v2 { grid-template-columns: repeat(2,1fr); }
  .footer-status-v3 { align-items: flex-start; }
  .footer-status-v3 > div { grid-template-columns: 1fr 1fr; }
  .footer-grid-v3 { grid-template-columns: 1fr 1fr; gap: 32px 18px; }
  .footer-grid-v3 .footer-brand { grid-column: 1/-1; }
  .footer-grid-v3 .footer-col:last-child { grid-column: 1/-1; }
}
@media (prefers-reduced-motion: reduce) {
  .report-chart-v3 span { animation: none; }
}