.diagram-shell{position:relative}.diagram-card{border:1px solid var(--color-border-strong);background:0 0;border-radius:12px;padding:24px 22px}.diagram-fork{grid-template-columns:130px 1fr;gap:0;min-height:320px;display:grid;position:relative}.shipment-anchor{background:var(--color-surface);border:1px solid var(--color-border-strong);z-index:2;border-radius:8px;align-self:center;padding:16px 14px;position:relative}.anchor-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-muted);margin-bottom:6px;font-size:10px;font-weight:620;display:block}.anchor-stack{min-height:38px;position:relative}.anchor-text{color:var(--color-ink);letter-spacing:-.005em;font-variant-numeric:tabular-nums;font-size:14px;font-weight:620;line-height:1.3}.anchor-iso{justify-content:center;align-items:center;height:42px;margin-top:12px;display:flex;position:relative}.anchor-iso>.scene{justify-content:center;align-items:center;display:flex}.fork-svg{pointer-events:none;z-index:0;width:100px;position:absolute;top:0;bottom:0;left:130px}.fork-path{fill:none;stroke:var(--color-border-strong);stroke-width:1.25px}.endpoints{z-index:1;grid-template-rows:1fr 1fr 1fr;align-self:stretch;gap:10px;padding-left:90px;display:grid;position:relative}.route-row{cursor:default;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;padding:12px 16px 12px 14px;transition:background-color .22s,border-color .22s,box-shadow .22s,opacity .22s;display:grid}.endpoint-iso{justify-content:center;align-items:center;width:56px;height:46px;display:flex}.endpoint-label{color:var(--color-ink);font-size:14px;font-weight:620;line-height:1.2}.endpoint-saves{min-height:20px;margin-top:4px;position:relative}.endpoint-cost-stack{min-height:28px;position:relative}.endpoint-cost{color:var(--color-ink);letter-spacing:-.015em;font-variant-numeric:tabular-nums;text-align:right;min-width:76px;font-size:24px;font-weight:700;line-height:1}.endpoint-cost.cost-na{color:var(--color-ink-faint);letter-spacing:.02em;font-size:14px;font-weight:620}.scene{opacity:0;pointer-events:none;transition:opacity .22s}.variant[data-scenario=varied] .scene-a,.variant[data-scenario=uniform] .scene-b,.variant[data-scenario=small] .scene-c{opacity:1;pointer-events:auto}.scene-stack>.scene{position:absolute;inset:0}.scene-stack>.scene:first-child{position:relative}.variant[data-scenario=varied] .row-split-ship,.variant[data-scenario=uniform] .row-five-identical,.variant[data-scenario=small] .row-placement-fee{background:var(--color-savings-soft);box-shadow:none;border-color:#0000}.variant[data-scenario=varied] .row-five-identical,.variant[data-scenario=small] .row-five-identical{opacity:.42}.iso-symbol{display:block}.iso-top{fill:var(--color-surface-alt)}.iso-left{fill:var(--color-border)}.iso-right{fill:var(--color-surface)}.iso-stroke{stroke:var(--color-border-strong);stroke-width:1.25px;stroke-linejoin:round;fill:none}.iso-winner .iso-right{fill:var(--color-primary-tint)}.iso-winner .iso-top{fill:var(--color-primary-soft)}.variant[data-scenario=varied] .row-split-ship .iso-symbol .iso-right,.variant[data-scenario=uniform] .row-five-identical .iso-symbol .iso-right,.variant[data-scenario=small] .row-placement-fee .iso-symbol .iso-right{fill:var(--color-primary-tint)}.variant[data-scenario=varied] .row-split-ship .iso-symbol .iso-top,.variant[data-scenario=uniform] .row-five-identical .iso-symbol .iso-top,.variant[data-scenario=small] .row-placement-fee .iso-symbol .iso-top{fill:var(--color-primary-soft)}.saves-chip{color:var(--color-savings);background:var(--color-surface);border:1px solid var(--color-savings);font-variant-numeric:tabular-nums;border-radius:3px;align-items:baseline;gap:5px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.saves-chip .save-label{letter-spacing:.04em;text-transform:uppercase;opacity:.85;font-size:10px;font-weight:620}.na-note{color:var(--color-ink-faint);letter-spacing:.01em;font-size:11px;font-weight:540}.scenario-pills{flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.pills-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-faint);margin-right:6px;font-size:11px;font-weight:620}.scenario-pills-group{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.scenario-pill{font:inherit;background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-border-strong);cursor:pointer;letter-spacing:-.005em;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:620;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.scenario-pill:hover{background:var(--color-surface-alt);border-color:var(--color-ink-muted)}.scenario-pill[aria-pressed=true]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.scenario-pill .pill-sub{opacity:.7;font-size:11px;font-weight:540}.scenario-pill[aria-pressed=true] .pill-sub{opacity:.85}.hero-footnote{color:var(--color-ink-faint);text-align:left;letter-spacing:.02em;margin:18px 0 0;font-size:12px}@media (prefers-reduced-motion:reduce){.scene,.route-row,.scenario-pill{transition:none}}@media (max-width:760px){.diagram-fork{grid-template-columns:1fr;min-height:auto}.fork-svg{display:none}.shipment-anchor{margin-bottom:12px}.endpoints{gap:8px;padding-left:0}.route-row{grid-template-columns:44px 1fr auto;padding:10px 12px}.endpoint-iso{width:44px;height:36px}.endpoint-cost{min-width:56px;font-size:20px}.pills-label{display:none}.scenario-pill{padding:6px 10px;font-size:11px}}