.performance-visual[data-v-19cbe2d8]{margin-top:1.75rem}.visual-panel[data-v-19cbe2d8]{background:#f7f9fa;border:1px solid #d6dfe3;border-radius:8px;padding:clamp(.75rem,2vw,1.5rem)}.visual-panel svg[data-v-19cbe2d8]{display:block;width:100%;height:auto}.metric-grid[data-v-19cbe2d8]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.metric-card[data-v-19cbe2d8]{min-height:170px;border:2px solid;border-radius:8px;background:#fff;padding:1.25rem;display:flex;flex-direction:column;justify-content:center;text-align:center}.metric-card strong[data-v-19cbe2d8]{font-size:2rem;line-height:1;margin-bottom:.75rem}.metric-card span[data-v-19cbe2d8]{color:#24343a;font-weight:700}.metric-card small[data-v-19cbe2d8]{margin-top:.4rem;color:#52656d}.metric-card--loading[data-v-19cbe2d8]{border-color:#377fa3}.metric-card--loading strong[data-v-19cbe2d8]{color:#23627f}.metric-card--response[data-v-19cbe2d8]{border-color:#be7112}.metric-card--response strong[data-v-19cbe2d8]{color:#9a5608}.metric-card--stable[data-v-19cbe2d8]{border-color:#3d8463}.metric-card--stable strong[data-v-19cbe2d8]{color:#286948}.cycle-arrow[data-v-19cbe2d8]{fill:none;stroke:#3b6573;stroke-width:5}.cycle-node circle[data-v-19cbe2d8]{fill:#fff;stroke:#3b6573;stroke-width:3}.cycle-node text[data-v-19cbe2d8],.flow-box text[data-v-19cbe2d8],.decision-text[data-v-19cbe2d8],.matrix-copy[data-v-19cbe2d8],.axis-label[data-v-19cbe2d8],.axis-note[data-v-19cbe2d8],.path-label[data-v-19cbe2d8]{fill:#24343a;font-family:inherit}.cycle-node text[data-v-19cbe2d8]{text-anchor:middle;font-size:17px;font-weight:700}.cycle-node--again text[data-v-19cbe2d8]{font-size:16px}.cycle-centre[data-v-19cbe2d8]{fill:#52656d;font-size:20px;font-weight:700}.flow-box rect[data-v-19cbe2d8]{fill:#fff;stroke:#708892;stroke-width:2.5}.flow-box--primary rect[data-v-19cbe2d8]{fill:#e7f3f7;stroke:#377fa3}.flow-box--combined rect[data-v-19cbe2d8]{fill:#fff4dc;stroke:#be7112}.flow-box--result rect[data-v-19cbe2d8]{fill:#e7f6eb;stroke:#3d8463}.flow-box text[data-v-19cbe2d8]{text-anchor:middle;font-size:18px;font-weight:700}.flow-lines path[data-v-19cbe2d8]{fill:none;stroke:#536b75;stroke-width:3}.responsive-choice[data-v-19cbe2d8]{display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(180px,.8fr) auto minmax(210px,1fr);gap:1rem;align-items:center}.device-stack[data-v-19cbe2d8],.source-stack[data-v-19cbe2d8]{display:grid;gap:.65rem}.device-stack>div[data-v-19cbe2d8],.source-stack span[data-v-19cbe2d8],.browser-choice[data-v-19cbe2d8]{background:#fff;border:1px solid #bac8ce;border-radius:8px;padding:.75rem}.device-stack>div[data-v-19cbe2d8]{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;-moz-column-gap:.75rem;column-gap:.75rem;align-items:center}.device-stack strong[data-v-19cbe2d8]{grid-column:2}.device-stack small[data-v-19cbe2d8]{grid-column:2;color:#52656d}.device[data-v-19cbe2d8]{grid-row:1 / 3;justify-self:center;display:block;border:2px solid #377fa3;background:#e7f3f7}.device--phone[data-v-19cbe2d8]{width:18px;height:32px;border-radius:4px}.device--tablet[data-v-19cbe2d8]{width:28px;height:34px;border-radius:4px}.device--desktop[data-v-19cbe2d8]{width:38px;height:26px;border-radius:2px}.browser-choice[data-v-19cbe2d8]{min-height:125px;display:flex;flex-direction:column;justify-content:center;text-align:center;border-color:#be7112;background:#fff4dc}.browser-choice span[data-v-19cbe2d8]{margin-top:.5rem;color:#52656d}.choice-arrow[data-v-19cbe2d8]{color:#3b6573;font-size:2rem;font-weight:700}.source-stack span[data-v-19cbe2d8]{font-family:monospace;font-size:.9rem;overflow-wrap:anywhere}.processing-path[data-v-19cbe2d8]{display:grid;gap:.6rem;max-width:560px;margin-inline:auto}.process-step[data-v-19cbe2d8]{position:relative;min-height:62px;display:grid;grid-template-columns:42px 1fr auto;gap:.75rem;align-items:center;background:#fff;border:1px solid #bac8ce;border-radius:8px;padding:.65rem 1rem}.process-step[data-v-19cbe2d8]:not(:last-child):after{content:"";position:absolute;left:30px;bottom:-.65rem;height:.65rem;border-left:2px solid #3b6573}.process-step>span[data-v-19cbe2d8]{width:30px;height:30px;border-radius:50%;background:#377fa3;color:#fff;display:grid;place-items:center;font-weight:700}.process-step small[data-v-19cbe2d8]{color:#52656d}.decision-text[data-v-19cbe2d8]{font-size:20px;font-weight:700}.decision-text--small[data-v-19cbe2d8]{font-size:14px;font-weight:400}.path-label[data-v-19cbe2d8]{font-size:15px;font-weight:700}.axis[data-v-19cbe2d8]{stroke:#364f59;stroke-width:3}.axis-label[data-v-19cbe2d8]{font-size:20px;font-weight:700}.axis-note[data-v-19cbe2d8]{font-size:15px}.matrix-copy[data-v-19cbe2d8]{font-size:18px}.matrix-heading[data-v-19cbe2d8]{font-size:25px;font-weight:700}figcaption[data-v-19cbe2d8]{margin-top:.75rem;color:#52656d;font-size:.95rem;line-height:1.5}@media (max-width: 760px){.metric-grid[data-v-19cbe2d8]{grid-template-columns:1fr}.metric-card[data-v-19cbe2d8]{min-height:130px}.responsive-choice[data-v-19cbe2d8]{grid-template-columns:1fr}.choice-arrow[data-v-19cbe2d8]{line-height:1;text-align:center;transform:rotate(90deg)}.process-step[data-v-19cbe2d8]{grid-template-columns:38px 1fr}.process-step small[data-v-19cbe2d8]{grid-column:2}}
