/* A compact, code-native business scene. Every result is readable without JS. */
.ai-walkthrough { padding:72px 0; color:var(--ink,#153146); }
.ai-walkthrough [hidden] { display:none !important; }
.ai-walkthrough-head { max-width:900px; margin:0 auto 28px; text-align:center; }
.ai-walkthrough-kicker { display:block; color:var(--blue,#2457e6); font-size:14px; font-weight:600; margin:0 0 12px; }
.ai-walkthrough h2 { font-size:clamp(30px,3.7vw,46px); font-weight:600; letter-spacing:-.035em; line-height:1.15; margin:0; text-wrap:balance; }
.ai-walkthrough-head > p { color:var(--muted,#526578); line-height:1.7; margin:0; font-size:16px; max-width:460px; }
.walkthrough-console { --walk-edge:#294358; --walk-text:#ecf3fd; --walk-dim:#a7bad0; margin:0; border:1px solid var(--walk-edge); border-radius:14px; background:#0d2032; color:var(--walk-text); overflow:hidden; box-shadow:0 18px 60px #15314618; }
.walkthrough-console-bar { display:flex; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid var(--walk-edge); padding:14px 24px; font-size:12px; }
.walkthrough-connection { display:flex; align-items:center; gap:9px; }
.walkthrough-connection i { width:7px; height:7px; border-radius:50%; background:#8fb0ff; box-shadow:0 0 0 4px #8fb0ff12; }
.walkthrough-sample { color:var(--walk-dim); font-size:10px; border:1px solid var(--walk-edge); border-radius:20px; padding:4px 9px; }
.walkthrough-tabs { display:none; }
.is-enhanced .walkthrough-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:14px 24px; border-bottom:1px solid var(--walk-edge); }
.walkthrough-tabs button { min-width:0; padding:10px 8px; border:1px solid #47617a; border-radius:7px; background:#122c42; color:#c2d1e4; font:inherit; font-size:13px; font-weight:500; line-height:1.5; cursor:pointer; overflow-wrap:anywhere; }
.walkthrough-tabs button:hover { background:#203c55; color:white; }
.walkthrough-tabs button[aria-selected="true"] { border-color:#79a0ff; background:#2457e6; color:white; }
.walkthrough-scenario + .walkthrough-scenario { border-top:1px solid var(--walk-edge); }
.is-enhanced .walkthrough-scenario { border-top:0; }
.walkthrough-hook { margin:0; padding:24px 24px 16px; text-align:center; font-size:clamp(19px,2.2vw,26px); font-weight:500; letter-spacing:-.02em; line-height:1.4; text-wrap:balance; }
.walkthrough-scene { display:grid; grid-template-columns:minmax(0,.9fr) 110px minmax(0,1.3fr); gap:20px; align-items:center; padding:14px 38px 22px; max-width:1080px; margin:0 auto; min-height:280px; box-sizing:border-box; }
.walkthrough-inputs { display:grid; gap:12px; min-width:0; }
.walkthrough-source { display:flex; align-items:center; gap:12px; padding:14px 16px; border:1px solid #3a536c; border-radius:8px; background:#142d43; min-width:0; }
.walkthrough-source > svg { width:25px; height:25px; color:#8fb0ff; flex-shrink:0; }
.walkthrough-source > div { min-width:0; }
.walkthrough-source-label { display:block; color:#b3c6df; font-size:11px; line-height:1.5; }
.walkthrough-source-value { display:block; font-size:19px; font-weight:600; line-height:1.35; color:#f5f8ff; overflow-wrap:anywhere; }
.walkthrough-source-meta { display:block; color:#b3c6df; font-size:10px; line-height:1.45; margin-top:2px; }
.walkthrough-engine { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:150px; min-width:0; }
.walkthrough-engine-mark { position:relative; display:flex; align-items:center; justify-content:center; width:66px; height:66px; background:#2457e6; border:1px solid #6b95ff; border-radius:15px; color:white; font-size:33px; line-height:1; font-weight:700; box-shadow:0 0 0 9px #2457e60c; z-index:1; }
.walkthrough-engine-label { position:relative; margin-top:14px; color:#c6d9f6; font-size:11px; font-weight:500; line-height:1.4; z-index:1; }
.walkthrough-wire { position:absolute; inset:0; width:100%; height:100%; overflow:visible; color:#668dcc; }
.walkthrough-wire path,.walkthrough-wire line { stroke:currentColor; fill:none; stroke-width:1.5; stroke-dasharray:5 5; }
.walkthrough-scan { position:absolute; width:88px; height:88px; border:1px solid #638dff; border-radius:23px; top:calc(50% - 58px); left:calc(50% - 44px); opacity:.3; }
.walkthrough-output { min-width:0; padding:24px; border:1px solid #dce7f6; border-radius:12px; color:#153146; background:#f7faff; box-shadow:0 8px 24px #0002; }
.walkthrough-balance { font-size:11px; line-height:1.55; color:#526578; }
.walkthrough-balance-labels { display:flex; justify-content:space-between; gap:16px; margin-bottom:10px; }
.walkthrough-balance strong { display:block; font-size:19px; line-height:1.4; color:#153146; font-weight:600; }
.walkthrough-balance-labels > :last-child { text-align:right; }
.walkthrough-stock-bar { display:flex; height:19px; gap:0; border-radius:5px; overflow:hidden; background:#dce7f6; }
.walkthrough-stock-bar span { display:block; height:100%; background:#2457e6; width:var(--amount); transform-origin:left center; }
.walkthrough-stock-bar .is-gap { background:#cf700e; }
.walkthrough-result-number { display:flex; flex-direction:column; align-items:flex-start; margin-top:18px; }
.walkthrough-result-number strong { color:#2457e6; font-size:44px; font-weight:600; letter-spacing:-.045em; line-height:1.1; }
.walkthrough-result-number > span { color:#526578; font-size:12px; line-height:1.5; margin-top:5px; }
.walkthrough-equation { color:#526578; font-size:10px; line-height:1.5; margin:14px 0 0; }
.walkthrough-turnover-wheel { position:relative; width:154px; height:154px; margin:0 auto; }
.walkthrough-turnover-wheel > svg { display:block; width:100%; height:100%; transform:rotate(-90deg); }
.walkthrough-turnover-track { fill:none; stroke:#dce7f6; stroke-width:7; }
.walkthrough-turnover-arc { fill:none; stroke:#2457e6; stroke-width:7; stroke-linecap:round; stroke-dasharray:100 100; }
.walkthrough-turnover-arc + .walkthrough-turnover-arc { stroke:#89aaff; }
.walkthrough-turnover-wheel > div { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.walkthrough-turnover-wheel strong { color:#2457e6; font-size:38px; line-height:1.1; letter-spacing:-.035em; font-weight:600; }
.walkthrough-turnover-wheel span { color:#526578; font-size:11px; margin-top:4px; }
.walkthrough-period { text-align:center; font-size:10px; line-height:1.5; color:#526578; margin:5px 0 0; }
.walkthrough-cash-cycle { margin-top:17px; border-top:1px solid #dce7f6; padding-top:14px; font-size:10px; color:#526578; }
.walkthrough-cash-track { position:relative; height:4px; background:#c9d8f1; border-radius:3px; margin:8px 0 9px; }
.walkthrough-cash-track span { position:absolute; left:100%; top:50%; width:9px; height:9px; margin-top:-4.5px; margin-left:-9px; background:#2457e6; border:2px solid #f7faff; border-radius:50%; box-sizing:content-box; }
.walkthrough-cash-cycle > div:first-child { display:flex; justify-content:space-between; align-items:center; gap:8px; line-height:1.5; }
.walkthrough-cash-cycle strong { color:#153146; font-size:16px; font-weight:600; margin-right:7px; }
.walkthrough-cash-cycle > small { font-size:10px; }
.walkthrough-stock-grid { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:6px; }
.walkthrough-stock-grid span { display:block; aspect-ratio:1/1; border-radius:4px; background:#2457e6; border:1px solid #1744bf; }
.walkthrough-stock-grid .is-excess { background:#db811c; border-color:#ae600c; }
.walkthrough-stock-legend { display:flex; gap:18px; flex-wrap:wrap; margin-top:12px; color:#526578; font-size:10px; line-height:1.5; }
.walkthrough-stock-legend span { display:flex; align-items:center; gap:6px; }
.walkthrough-stock-legend > span::before { content:""; display:inline-block; width:8px; height:8px; background:#2457e6; border-radius:2px; flex-shrink:0; }
.walkthrough-stock-legend > .is-excess::before { background:#db811c; }
.walkthrough-cost-note { color:#526578; font-size:10px; line-height:1.5; margin:10px 0 0; }
.walkthrough-order.walkthrough-document { background:transparent; border:0; border-radius:0; padding:0; box-shadow:none; }
.walkthrough-order > header > svg { display:block; width:25px; height:25px; color:#2457e6; flex-shrink:0; }
.walkthrough-order > header { display:flex; align-items:center; gap:10px; margin-bottom:14px; padding-bottom:12px; border-bottom:1px solid #dce7f6; }
.walkthrough-document-icon { display:block; width:25px; height:25px; color:#2457e6; flex-shrink:0; }
.walkthrough-document-icon svg { width:100%; height:100%; display:block; }
.walkthrough-order h4 { font-size:15px; font-weight:600; line-height:1.4; margin:0; }
.walkthrough-order header [data-walkthrough-draft-label] { display:block; font-size:10px; line-height:1.4; color:#526578; margin-top:3px; }
.walkthrough-order header p { font-size:10px; line-height:1.4; color:#526578; margin:3px 0 0; }
.walkthrough-order dl { display:grid; gap:11px; margin:0; }
.walkthrough-order dl > div { display:flex; justify-content:space-between; gap:16px; align-items:baseline; }
.walkthrough-order dt { color:#526578; font-size:10px; line-height:1.5; }
.walkthrough-order dd { margin:0; text-align:right; color:#153146; font-size:11px; font-weight:500; line-height:1.5; max-width:70%; overflow-wrap:anywhere; }
.walkthrough-order dd span { font-size:9px; font-weight:400; color:#526578; }
.walkthrough-order .walkthrough-total { display:flex; justify-content:space-between; gap:16px; align-items:baseline; border-top:1px solid #dce7f6; padding-top:12px; margin-top:12px; }
.walkthrough-total dt { color:#526578; font-size:10px; }
.walkthrough-order .walkthrough-total dd { color:#2457e6; font-size:30px; font-weight:600; line-height:1.1; letter-spacing:-.03em; }
.walkthrough-total strong { color:#2457e6; font-size:30px; font-weight:600; line-height:1.1; letter-spacing:-.03em; }
.walkthrough-resolution { display:flex; align-items:center; justify-content:center; gap:9px; max-width:900px; margin:0 auto; padding:0 24px 20px; text-align:center; color:#c9dcfa; font-size:12px; line-height:1.5; }
.walkthrough-resolution > span:first-child { display:flex; justify-content:center; align-items:center; width:20px; height:20px; border:1px solid #729de7; border-radius:50%; color:#d5e6ff; flex-shrink:0; font-size:12px; }
.walkthrough-progress { display:flex; justify-content:center; gap:9px; list-style:none; padding:0 24px 18px; margin:0; }
.walkthrough-progress li { width:6px; height:6px; border-radius:50%; background:#536a86; }
.walkthrough-progress li[data-complete="true"] { background:#8fb0ff; }
.walkthrough-progress li > [aria-hidden="true"] { display:none; }
.walkthrough-progress li[aria-current="step"] { background:#d4e4ff; box-shadow:0 0 0 3px #8fb0ff20; }
.walkthrough-console-footer { padding:10px 24px; border-top:1px solid var(--walk-edge); display:flex; justify-content:space-between; gap:20px; align-items:center; }
.walkthrough-footer-note { color:var(--walk-dim); font-size:10px; }
.walkthrough-controls { display:flex; gap:8px; }
.walkthrough-controls button { padding:6px 11px; font:inherit; line-height:1.5; font-size:11px; background:transparent; border:1px solid #54708e; border-radius:6px; color:#ecf3fd; cursor:pointer; }
.walkthrough-controls button:hover { background:#203c55; }
.walkthrough-controls button:disabled { opacity:.5; cursor:default; }
.walkthrough-console figcaption { color:var(--walk-dim); font-size:10px; line-height:1.5; margin:0; }
.walkthrough-proof { flex:0 1 auto; max-width:100%; box-sizing:border-box; margin:0; font-size:11px; line-height:1.7; color:#526578; }
.walkthrough-proof[open] { flex-basis:100%; margin-top:12px; border:1px solid #dce5f0; border-radius:8px; padding:13px 17px; background:#f8fbff; font-size:12px; }
.walkthrough-proof summary { cursor:pointer; color:#526578; font-weight:500; }
.walkthrough-proof[open] summary { color:#153146; }
.walkthrough-proof h4 { color:#153146; font-size:13px; font-weight:600; margin:18px 0 6px; }
.walkthrough-method { margin:0 0 8px; }
.walkthrough-capability { margin:16px 0 0; font-size:11px; line-height:1.7; }
.ai-walkthrough-bottom { display:flex; gap:12px; justify-content:center; margin-top:24px; align-items:center; flex-wrap:wrap; }
.ai-walkthrough :focus-visible { outline:3px solid #8fb0ff; outline-offset:4px; }
.walkthrough-scenario:focus-visible { outline-offset:-4px; }
.ai-walkthrough-bottom :focus-visible,.walkthrough-proof :focus-visible { outline-color:#2457e6; }
.localized-content .ai-walkthrough { padding-top:0; }
@media (prefers-reduced-motion:no-preference) {
  .ai-walkthrough.is-enhanced [data-walkthrough-step] { transition:opacity .25s ease,transform .35s ease,visibility .25s; }
  .ai-walkthrough.is-enhanced [data-walkthrough-step]:not(.is-visible) { opacity:0; visibility:hidden; transform:translateY(8px); }
  .ai-walkthrough.is-enhanced[data-walkthrough-current="2"] .walkthrough-source { animation:walk-source-in .7s ease both; animation-delay:calc(var(--source-order,0) * .08s); }
  .ai-walkthrough.is-enhanced[data-walkthrough-current="2"] .walkthrough-wire path,.ai-walkthrough.is-enhanced[data-walkthrough-current="2"] .walkthrough-wire line { animation:walk-wire-flow 1s linear infinite; }
  .ai-walkthrough.is-enhanced[data-walkthrough-current="2"] .walkthrough-scan { animation:walk-agent-scan 1s ease-out infinite; }
  .ai-walkthrough.is-enhanced[data-walkthrough-current="1"] .walkthrough-output,.ai-walkthrough.is-enhanced[data-walkthrough-current="2"] .walkthrough-output { transform:translateY(8px) scale(.98); }
  .ai-walkthrough.is-enhanced .walkthrough-stock-bar span { transform:scaleX(0); }
  .ai-walkthrough.is-enhanced .walkthrough-output.is-visible .walkthrough-stock-bar span { animation:walk-fill .75s ease-out both; }
  .ai-walkthrough.is-enhanced .walkthrough-turnover-arc { stroke-dashoffset:100; }
  .ai-walkthrough.is-enhanced .walkthrough-output.is-visible .walkthrough-turnover-arc { animation:walk-turnover 1.05s ease-out both; }
  .ai-walkthrough.is-enhanced .walkthrough-output.is-visible .walkthrough-turnover-arc + .walkthrough-turnover-arc { animation-delay:.15s; }
  .ai-walkthrough.is-enhanced .walkthrough-output.is-visible .walkthrough-cash-track span { animation:walk-cash-cycle 1.25s ease-in-out both; }
  .ai-walkthrough.is-enhanced .walkthrough-stock-grid span { opacity:0; transform:scale(.5); }
  .ai-walkthrough.is-enhanced .walkthrough-output.is-visible .walkthrough-stock-grid span { animation:walk-stock-block .32s ease-out both; animation-delay:calc(var(--i,0) * .035s); }
  .ai-walkthrough.is-enhanced .walkthrough-output.is-visible .walkthrough-order-field { animation:walk-order-field .4s ease-out both; animation-delay:calc(var(--i,0) * .13s); }
  .ai-walkthrough.is-enhanced .walkthrough-resolution.is-visible { animation:walk-resolution .35s ease-out both; }
  .ai-walkthrough.is-enhanced[data-walkthrough-state="paused"] *, .ai-walkthrough.is-enhanced[data-walkthrough-state="paused"] *::before,.ai-walkthrough.is-enhanced[data-walkthrough-state="paused"] *::after { animation-play-state:paused !important; }
}
@keyframes walk-source-in { 0%,100% { transform:translateX(0); border-color:#3a536c; } 45% { transform:translateX(9px); border-color:#8fb0ff; background:#1a3c58; } }
@keyframes walk-wire-flow { to { stroke-dashoffset:-20; } }
@keyframes walk-agent-scan { 0% { opacity:.65; transform:scale(.92); } 100% { opacity:0; transform:scale(1.22); } }
@keyframes walk-fill { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes walk-turnover { from { stroke-dashoffset:100; } to { stroke-dashoffset:0; } }
@keyframes walk-cash-cycle { from { left:0; } to { left:100%; } }
@keyframes walk-stock-block { from { opacity:0; transform:scale(.5); } to { opacity:1; transform:scale(1); } }
@keyframes walk-order-field { from { opacity:0; transform:translateX(-8px); } to { opacity:1; transform:translateX(0); } }
@keyframes walk-resolution { from { opacity:0; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:760px) {
  .ai-walkthrough { padding:52px 0; }
  .ai-walkthrough-head { grid-template-columns:1fr; gap:14px; margin-bottom:22px; }
  .ai-walkthrough-head > p { font-size:14px; }
  .walkthrough-console { border-radius:10px; }
  .walkthrough-console-bar { padding:12px 16px; }
  .is-enhanced .walkthrough-tabs { padding:12px 16px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  .walkthrough-tabs button { font-size:12px; padding:9px 6px; }
  .walkthrough-hook { font-size:20px; padding:20px 18px 13px; }
  .walkthrough-scene { display:flex; flex-direction:column; gap:0; padding:10px 18px 20px; min-height:0; }
  .walkthrough-inputs { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; width:100%; }
  .walkthrough-source { display:flex; flex-direction:column; align-items:flex-start; gap:7px; padding:10px 8px; }
  .walkthrough-source > svg { width:20px; height:20px; }
  .walkthrough-source-label { font-size:9px; line-height:1.45; }
  .walkthrough-source-value { font-size:15px; }
  .walkthrough-source-meta { font-size:9px; }
  .walkthrough-engine { min-height:102px; width:100%; }
  .walkthrough-engine-mark { width:43px; height:43px; font-size:24px; border-radius:11px; }
  .walkthrough-engine-label { margin-top:8px; font-size:10px; }
  .walkthrough-wire { transform:rotate(90deg); width:102px; height:102px; inset:0; left:calc(50% - 51px); }
  .walkthrough-scan { width:62px; height:62px; border-radius:17px; top:calc(50% - 42px); left:calc(50% - 31px); }
  .walkthrough-output { box-sizing:border-box; width:100%; padding:20px; }
  .walkthrough-result-number strong { font-size:38px; }
  .walkthrough-stock-grid { gap:5px; }
  .walkthrough-stock-legend { gap:10px; }
  .walkthrough-console-footer { padding:10px 16px; flex-wrap:wrap; gap:8px; }
  .walkthrough-controls { margin-left:auto; }
  .walkthrough-console figcaption { max-width:100%; }
  .walkthrough-resolution { font-size:11px; padding:0 18px 18px; }
  .walkthrough-proof[open] { padding:12px 14px; }
  .ai-walkthrough-bottom { justify-content:flex-start; }
}
@media (max-width:380px) {
  .walkthrough-console-bar { gap:8px; font-size:10px; }
  .walkthrough-sample { font-size:9px; padding:3px 6px; }
  .walkthrough-hook { font-size:18px; }
  .walkthrough-source { padding:9px 6px; }
  .walkthrough-source-value { font-size:13px; }
  .walkthrough-source-label { font-size:9px; }
  .walkthrough-output { padding:17px; }
  .walkthrough-balance { font-size:10px; }
  .walkthrough-balance strong { font-size:17px; }
  .walkthrough-stock-grid { gap:4px; }
  .walkthrough-result-number strong { font-size:34px; }
  .walkthrough-order dd { max-width:65%; }
}

.walkthrough-zone-label { display:block; font-size:10px; font-weight:600; line-height:1.5; color:#b3c6df; margin-bottom:0; }
.walkthrough-output > .walkthrough-zone-label { color:#526578; margin-bottom:13px; }
.walkthrough-source-value small { font-size:10px; font-weight:400; }
.walkthrough-engine-mark .walkthrough-scan { inset:-11px; width:auto; height:auto; }
.walkthrough-cover { color:#526578; font-size:10px; line-height:1.6; margin-top:12px; }
.walkthrough-cover strong { font-weight:600; color:#153146; }
.walkthrough-cost-note { display:block; }
@media (max-width:760px) {
  .walkthrough-inputs > .walkthrough-zone-label { grid-column:1/-1; }
  .walkthrough-engine-mark .walkthrough-scan { inset:-10px; }
  .walkthrough-source-value small { font-size:9px; }
}

.walkthrough-balance:has(> span) { display:flex; justify-content:space-between; gap:16px; margin-bottom:10px; }
.walkthrough-balance > span:last-child { text-align:right; }
.walkthrough-stock-legend > span:has(i)::before { display:none; }
.walkthrough-stock-legend i { width:8px; height:8px; display:block; border-radius:2px; background:#2457e6; flex-shrink:0; }
.walkthrough-stock-legend .is-excess i { background:#db811c; }
.walkthrough-order .walkthrough-total small { font-size:11px; font-weight:400; letter-spacing:0; color:#526578; }