/* Shared v2 shell: meaningful state, optional motion, visible reading. */
.section-nav{border-block:1px solid var(--line);background:var(--sheet)}
.section-nav .wrap{display:flex;flex-wrap:wrap;gap:4px 24px;padding-block:16px}
.section-nav a{font-size:14px;padding:8px 0;color:var(--slate);text-decoration:none;border-bottom:2px solid transparent}
.section-nav a[aria-current]{color:var(--blue);border-color:var(--blue)}
.limit-note{border-left:3px solid var(--blue);padding-left:16px;font-size:15px;line-height:1.6;color:var(--slate)}
.footer-status{max-width:78ch;margin-top:24px}.header-language{border-left:1px solid var(--line);padding-left:16px!important}
[data-scene] [data-draw]{stroke-dasharray:1;stroke-dashoffset:0}
[data-scene].drawn [data-draw]{animation:line-once 1.1s ease both}
[data-scene].draw-complete [data-draw]{animation:none;stroke-dashoffset:0}
@keyframes line-once{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.section-nav,.header-language{display:none!important}.home-scene *,[data-scene] *{animation:none!important;stroke-dashoffset:0!important}}
/* Tool surfaces: sober document rails, with the sample action first in DOM and on phones. */
.v2-opening{padding-block:clamp(30px,4vw,60px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(26px,5vw,76px);align-items:start}
.v2-opening h1{font-size:clamp(35px,4.2vw,60px);max-width:15ch}.v2-opening .lead{font-size:19px;margin-top:22px}.v2-opening .status{margin-top:22px}
.file-check{min-width:0;background:var(--sheet);border:1px solid var(--line);border-top:3px solid #123c44;padding:clamp(18px,2.4vw,32px);border-radius:3px}
.tool-heading{display:grid;gap:9px}.tool-heading h2{font-size:clamp(24px,2.6vw,34px);max-width:24ch}.tool-number{font:500 12px/1.4 'IBM Plex Mono',monospace;letter-spacing:.07em;color:var(--slate)}
.tool-meta{font-size:15px;line-height:1.55;color:var(--slate);margin-top:12px;overflow-wrap:anywhere}.tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin-block:18px}.tool-actions[hidden],[data-walk-controls][hidden],[data-role-controls][hidden]{display:none}
.tool-button{min-height:44px;padding:10px 16px;border:1px solid #7f919c;background:var(--sheet);color:#123c44;font-size:15px;line-height:1.4;font-weight:600;border-radius:4px}.tool-button:hover{background:#edf2f7}.tool-button:disabled{color:var(--slate);border-color:var(--line);background:var(--paper);cursor:default}.tool-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.tool-primary:hover{background:#184caa}.tool-reset{border-color:transparent;color:var(--slate)}
.tool-status{font-size:14px;color:var(--slate);min-height:1.5em;overflow-wrap:anywhere}.file-check[data-state=error] .tool-status{color:var(--danger)}
.file-check [data-result]:not(:empty){margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.file-check h3{font-size:16px;letter-spacing:0}.tool-digest{font:400 14px/1.6 'IBM Plex Mono',monospace;white-space:pre-wrap;overflow-wrap:anywhere;margin-block:8px;color:var(--ink)}
.file-check .limit-note{margin-top:18px}.tool-observations{margin-top:24px}.tool-findings{font-size:15px;margin:12px 0;padding-left:20px}.tool-findings li{margin-top:7px;overflow-wrap:anywhere}.tool-match{font-size:15px;color:#123c44;font-weight:600}.tool-change{margin-top:16px}.tool-change [data-changed]:not(:empty){margin-top:16px;padding-left:16px;border-left:3px solid var(--danger)}
.sample-reference{margin-top:20px;border-top:1px solid var(--line);padding-top:12px;font-size:14px;color:var(--slate)}.sample-reference summary{color:var(--blue);min-height:36px;cursor:pointer}.sample-reference p{margin-top:10px}.sample-reference code{font:400 12px/1.5 'IBM Plex Mono',monospace;overflow-wrap:anywhere}.drag-over{outline:3px solid var(--blue);outline-offset:3px}
.tool-compare{margin-top:24px;display:grid;gap:12px;font-size:15px}.tool-compare input{width:100%;min-width:0;padding:12px;border:1px solid var(--slate);border-radius:3px;font:400 14px 'IBM Plex Mono',monospace}.tool-compare .tool-button{justify-self:start}
.walkthrough{padding-block:48px}.walk-boundary{margin-top:18px;max-width:90ch}.walk-tabs{display:flex;flex-wrap:wrap;gap:6px 20px;border-bottom:1px solid var(--line);margin-top:24px}.walk-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;font-size:15px;font-weight:600;min-height:48px;padding:10px 3px;color:var(--slate)}.walk-tabs button[aria-selected=true]{border-color:var(--blue);color:var(--ink)}
.walk-panel{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(20px,4vw,48px);padding-top:24px;animation:panel-in .2s ease both}.walk-panel[hidden]{display:none}.walk-copy{display:grid;gap:16px;align-content:start}.walk-copy h3{font-size:24px}.walk-copy p{font-size:16px}.outcome-group{display:grid;gap:14px}.outcome-group .tool-actions{margin:0}.tool-button[aria-pressed=true]{border-color:var(--blue);background:#eaf1fd;color:#174caa}.walk-navigation{justify-content:flex-start}.walkthrough>.text-link{display:inline-block;margin-top:8px}
@keyframes panel-in{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:760px){.v2-opening{grid-template-columns:1fr;gap:28px}.v2-opening .lead{font-size:17px;margin-top:18px}.v2-opening .status{font-size:13px}.v2-opening .audiences{font-size:15px;margin-top:20px}.v2-opening .actions{margin-top:18px}.walk-panel{grid-template-columns:1fr}.walkthrough{padding-block:30px}.walk-tabs{gap:4px 14px}.walk-tabs button{font-size:14px}.file-check{padding:18px}.tool-actions{gap:8px}.tool-button{padding:10px 13px}.tool-heading h2{font-size:26px}}
@media print{.tool-actions,.tool-button,.walk-tabs,[data-role-controls]{display:none!important}.file-check,.walk-panel{break-inside:avoid}.walk-panel[hidden],[data-role-panel][hidden]{display:grid!important}.walk-panel{grid-template-columns:1fr 1fr;animation:none!important}.tool-digest{font-size:9pt}.sample-reference{display:block}.v2-opening{grid-template-columns:1fr 1fr}.limit-note{font-size:9pt}}

.flow-section{padding-block:48px}.flow-diagram{margin-top:24px}.flow-diagram svg{display:block;width:100%;height:auto}.flow-diagram .scene-v{display:none}.flow-diagram .ink{fill:none;stroke:#123c44;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.flow-diagram .thin{stroke-width:1.2;stroke:#7e95a0}.flow-diagram .lbl{font:600 19px 'IBM Plex Sans',sans-serif;fill:var(--ink)}.flow-diagram .token{display:none}.flow-diagram [data-state=checked] .st2 .ink{stroke:var(--blue)}.flow-diagram [data-state=changed] .st2 .ink{stroke:var(--danger)}.flow-diagram figcaption{font-size:15px;color:var(--slate);max-width:90ch}.role-choices{margin-top:32px;border-top:1px solid var(--line);padding-top:24px}
@media(max-width:760px){.flow-section{padding-block:28px}.flow-diagram .scene-h{display:none}.flow-diagram .scene-v{display:block;max-height:540px}.flow-diagram figcaption{font-size:14px}}
.walk-panel .screen-frame{width:fit-content;max-width:100%}.walk-panel .screen-frame img{width:auto;max-width:100%}
.walk-panel .screen-audit-log .screen-frame,.walk-panel .screen-road-audit .screen-frame{overflow:auto;max-width:100%;overscroll-behavior:contain}
.walk-panel .screen-audit-log .screen-frame img,.walk-panel .screen-road-audit .screen-frame img{max-width:none}
@media print{.walk-panel .screen-audit-log .screen-frame img,.walk-panel .screen-road-audit .screen-frame img{max-width:100%;height:auto}.walk-panel .screen-frame{overflow:visible!important}}
.walk-panel>div,.walk-panel .product-screen{min-width:0}.walk-panel .screen-frame{width:100%}.walk-panel .screen-frame picture{display:block;max-width:100%}

.product-intro{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:clamp(28px,6vw,90px);padding-block:clamp(36px,6vw,78px);align-items:end}.product-intro h1{max-width:20ch}.product-intro .intro-actions{display:grid;gap:18px;justify-items:start}.product-intro .status{margin-top:0}.buyer-walk{border-top:1px solid var(--line)}.buyer-export{padding-bottom:60px}.buyer-export figure{max-width:800px}
.deployment-tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,70px);padding-block:50px;border-top:1px solid var(--line);align-items:center}.deployment-copy{display:grid;gap:22px}.deployment-tool .hosting-notes{display:grid;gap:20px}.deployment-tool .hosting-notes dt{font-weight:600}.deployment-tool .hosting-notes dd{margin:5px 0 0;color:var(--slate)}.deployment-tool[data-pick=a] [data-host-note=a],.deployment-tool[data-pick=b] [data-host-note=b]{border-left:3px solid var(--blue);padding-left:16px}
.integration-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start;margin-bottom:54px}.webhook-tool{padding:30px;border:1px solid var(--line);background:var(--sheet);display:grid;gap:20px;min-width:0}.webhook-tool .source-diagram{font-size:14px}.webhook-input{display:grid;gap:18px}.webhook-input dt{font-size:14px;font-weight:600}.webhook-input dd{margin:6px 0 0}.webhook-input code{font:400 13px/1.6 'IBM Plex Mono',monospace;overflow-wrap:anywhere}.webhook-tool .tool-actions{margin:0}
@media(max-width:760px){.product-intro,.deployment-tool,.integration-tools{grid-template-columns:1fr}.product-intro{gap:24px}.product-intro .lead{font-size:18px}.product-intro h1{font-size:38px}.webhook-tool{padding:20px}.deployment-tool{padding-block:30px}.integration-tools{gap:26px}}
@media print{.product-intro,.deployment-tool{grid-template-columns:1fr 1fr}.integration-tools{grid-template-columns:1fr}.webhook-tool{break-inside:avoid}}

.roles-tool{padding-block:36px}.roles-dataflow{margin-top:24px}.roles-dataflow svg{width:100%;max-width:950px;height:auto;display:block}.roles-dataflow figcaption{margin-top:18px;font-size:15px;color:var(--slate)}.role-description{padding:24px;border-left:3px solid var(--blue);background:var(--sheet)}.role-description[hidden]{display:none}.role-description p{margin-top:10px}.roles-tool[data-selected-role=officer] .path-officer,.roles-tool[data-selected-role=officer] .node-officer,.roles-tool[data-selected-role=manager] .path-manager,.roles-tool[data-selected-role=manager] .node-manager,.roles-tool[data-selected-role=it] .path-it,.roles-tool[data-selected-role=it] .node-it{stroke:var(--blue);stroke-width:3}
.pilot-sheet{padding:32px;border:1px solid var(--line);background:var(--sheet);display:grid;gap:24px;margin-bottom:40px}.pilot-fields{display:grid;gap:12px}.pilot-fields label{display:grid;gap:5px}.pilot-fields label span{font-size:16px;color:var(--slate)}.pilot-fields textarea{width:100%;resize:vertical;border:1px solid var(--slate);padding:12px;border-radius:3px;min-height:100px}.pilot-sheet>.tool-button{justify-self:start}.print-sheet-only{display:none}
@media(max-width:760px){.pilot-sheet{padding:20px}.roles-dataflow{overflow:auto}.roles-dataflow svg{min-width:0}.roles-tool .tool-actions{gap:8px}.roles-tool .tool-button{font-size:14px}}
@media print{.print-pilot-sheet>*{display:none!important}.print-pilot-sheet main,.print-pilot-sheet main>.wrap,.print-pilot-sheet [data-pilot-sheet],.print-pilot-sheet .print-sheet-only{display:block!important}.print-pilot-sheet main>*:not(.wrap),.print-pilot-sheet main>.wrap>*:not([data-pilot-sheet]),.print-pilot-sheet [data-pilot-sheet]>*:not(.print-sheet-only){display:none!important}.print-pilot-sheet [data-pilot-sheet]{padding:0;border:0;margin:0}.print-sheet-only{font-size:10pt;line-height:1.45}.print-sheet-only h2{font-size:22pt}.print-sheet-only h3{font-size:15pt;margin:10pt 0 14pt}.print-sheet-only dl>div{margin:12pt 0}.print-sheet-only dt{font-weight:600}.print-sheet-only dd{margin:4pt 0;white-space:normal;overflow-wrap:anywhere}.print-sheet-only p{font-size:9pt;margin-top:12pt}.role-description[hidden]{display:block!important}}

/* ART round 1: labels announce quietly; error/reading messages remain visible. */
.file-check[data-state=ready] .tool-status,.file-check[data-state=changed] .tool-status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.walk-panel .screen-moving-decision .screen-frame{width:fit-content}
.audit-columns{display:none}
@media(max-width:760px){.walk-panel .audit-full{display:none}.audit-columns{display:grid;gap:16px;justify-items:start}.audit-columns img{display:block;width:auto;max-width:100%;height:auto;border:1px solid var(--line)}.roles-dataflow{max-width:100%}}
@media print{.audit-columns{display:none!important}.walk-panel .audit-full{display:block!important}}

.document-shell{max-width:1120px;margin-inline:auto}.document-shell>h1,.document-shell>.lead,.document-shell>.callout{max-width:850px}.document-shell .legal-meta{padding-block:18px;border-block:1px solid var(--line)}.document-shell aside{align-self:start}.document-shell aside a{display:block;border-left:2px solid transparent;padding:4px 8px;color:var(--slate)}.document-shell aside a[aria-current=location]{border-color:var(--blue);color:var(--ink);font-weight:600}.document-shell .legal{max-width:78ch}.document-shell .legal section,.document-shell .faq-section{scroll-margin-top:24px}.document-shell .support-search{padding:16px;border:1px solid var(--line);background:var(--sheet)}
@media(min-width:761px){.document-shell aside{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto}}
@media print{.document-shell{max-width:none}.document-shell .legal-meta{font-size:9pt}.document-shell .legal{max-width:none}.document-shell .faq[hidden]{display:block!important}}

.deployment-tool .choose{display:flex;gap:10px;flex-wrap:wrap}.deployment-tool .choose[hidden]{display:none}.deployment-tool .choose button{min-height:44px;padding:10px 16px;background:white;border:1px solid var(--slate);border-radius:4px;color:var(--ink);font-size:15px}.deployment-tool .choose button[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue)}
[data-host-note][hidden]{display:none}.deployment-scene{max-width:520px;margin-inline:auto}
[data-pick=a] .deploy-a,[data-pick=a] .deploy-path-a,[data-pick=b] .deploy-b,[data-pick=b] .deploy-path-b{stroke:var(--blue);stroke-width:3}
@media print{[data-host-note][hidden]{display:block!important}.deployment-tool .choose{display:none!important}}

.file-check[data-state=ready] .digest-static-limit,.file-check[data-state=changing] .digest-static-limit,.file-check[data-state=changed] .digest-static-limit{display:none}
@media(min-width:761px){.walk-panel{grid-template-columns:minmax(0,9fr) minmax(190px,2fr);gap:28px}.walk-copy h3{font-size:20px}.walk-copy p{font-size:15px}}

.roles-dataflow .dataflow-v{display:none}
@media(max-width:760px){.roles-dataflow .dataflow-h{display:none}.roles-dataflow .dataflow-v{display:block;max-width:360px;margin-inline:auto}}
@media print{.roles-dataflow .dataflow-h{display:block}.roles-dataflow .dataflow-v{display:none}}

.digest-difference{color:#952b2b;text-decoration:underline;text-underline-offset:3px}

.tool-raw-changed{display:block;font:400 13px/1.6 IBM Plex Mono,monospace;overflow-wrap:anywhere;margin-block:12px}

.role-context{margin-top:24px;max-width:74ch}.role-context h3{font-size:21px}.role-context p{margin-top:10px;color:var(--slate)}