.deckup-showcase{--deckup-showcase-surface:color-mix(in srgb, var(--deckup-bg,#fff) 92%, #dbeafe);--deckup-showcase-surface-strong:color-mix(in srgb, var(--deckup-bg,#fff) 82%, #bfdbfe);--deckup-showcase-text:var(--deckup-text-strong,#0f172a);--deckup-showcase-muted:var(--deckup-text,#475569);--deckup-showcase-border:var(--deckup-border,#cbd5e1);--deckup-showcase-accent:var(--deckup-accent,#2563eb);--deckup-showcase-focus:var(--deckup-showcase-accent);width:100%;min-width:0;max-width:100%;color:var(--deckup-showcase-text);font-family:var(--deckup-sans,ui-sans-serif, system-ui, sans-serif)}.deckup-showcase *,.deckup-showcase :before,.deckup-showcase :after{box-sizing:border-box}.deckup-showcase__eyebrow{color:var(--deckup-showcase-accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:clamp(.72rem,1.2cqw,.92rem);font-weight:700}.deckup-showcase__architecture{gap:clamp(.65rem,1.4cqw,1.1rem);margin:0;display:grid}.deckup-showcase__architecture-flow{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr) minmax(0,1.35fr);align-items:stretch;gap:clamp(.55rem,1.2cqw,1rem);min-width:0;display:grid;position:relative}.deckup-showcase__architecture-card{z-index:1;border:1px solid var(--deckup-showcase-border);background:var(--deckup-showcase-surface);border-radius:.8rem;align-content:center;gap:.45rem;min-width:0;min-height:clamp(9rem,20cqw,13rem);padding:clamp(.75rem,1.5cqw,1.2rem);display:grid;position:relative}.deckup-showcase__architecture-card h2,.deckup-showcase__architecture-card p,.deckup-showcase__architecture-card ul{font:inherit;color:inherit;margin:0}.deckup-showcase__architecture-card h2{font-size:clamp(.9rem,1.55cqw,1.2rem);font-weight:750}.deckup-showcase__architecture-card p,.deckup-showcase__architecture-card li{font-size:clamp(.72rem,1.2cqw,.94rem);line-height:1.35}.deckup-showcase__architecture-card ul{gap:.35rem;padding:0;list-style:none;display:grid}.deckup-showcase__architecture-card li{border-left:.22rem solid var(--deckup-showcase-accent);background:var(--deckup-showcase-surface-strong);padding:.35rem .5rem}.deckup-showcase__connectors{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.deckup-showcase__connectors path{fill:none;stroke:var(--deckup-showcase-accent);stroke-width:3px;stroke-linecap:round}.deckup-showcase__explorer{grid-template-columns:minmax(13rem,.85fr) minmax(0,1.6fr);align-items:stretch;gap:clamp(.8rem,1.8cqw,1.4rem);display:grid}.deckup-showcase__control,.deckup-showcase__visual{border:1px solid var(--deckup-showcase-border);background:var(--deckup-showcase-surface);border-radius:.8rem;min-width:0;padding:clamp(.8rem,1.7cqw,1.3rem)}.deckup-showcase__control{align-content:start;gap:clamp(.65rem,1.3cqw,1rem);display:grid}.deckup-showcase__control label{color:var(--deckup-showcase-text);gap:.45rem;font-size:clamp(.8rem,1.35cqw,1rem);font-weight:700;display:grid}.deckup-showcase__range{width:100%;accent-color:var(--deckup-showcase-accent);cursor:pointer;margin:0}.deckup-showcase__range:focus-visible{outline:.18rem solid var(--deckup-showcase-focus);outline-offset:.22rem}.deckup-showcase__metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:0;display:grid}.deckup-showcase__metric{border:1px solid var(--deckup-showcase-border);background:var(--deckup-showcase-surface-strong);border-radius:.55rem;gap:.2rem;min-width:0;padding:.55rem;display:grid}.deckup-showcase__metric dt,.deckup-showcase__metric dd{margin:0}.deckup-showcase__metric dt{color:var(--deckup-showcase-muted);font-size:clamp(.62rem,1cqw,.8rem)}.deckup-showcase__metric dd{color:var(--deckup-showcase-text);font-variant-numeric:tabular-nums;font-size:clamp(.86rem,1.55cqw,1.2rem);font-weight:760}.deckup-showcase__status{min-height:2.5em;color:var(--deckup-showcase-muted);margin:0;font-size:clamp(.72rem,1.18cqw,.9rem);line-height:1.4}.deckup-showcase__visual{align-content:center;display:grid}.deckup-showcase__chart{width:100%;height:auto;max-height:clamp(12rem,25cqw,16rem);display:block;overflow:visible}.deckup-showcase__chart-grid{stroke:color-mix(in srgb, var(--deckup-showcase-border) 72%, transparent);stroke-width:1px}.deckup-showcase__chart-path{fill:none;stroke:var(--deckup-showcase-accent);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.deckup-showcase__chart-point{fill:var(--deckup-showcase-surface);stroke:var(--deckup-showcase-accent);stroke-width:3px}.deckup-showcase__chart-point[data-selected=true]{fill:var(--deckup-showcase-accent);stroke:var(--deckup-showcase-text);stroke-width:5px}.deckup-showcase__chart-label{fill:var(--deckup-showcase-muted);text-anchor:middle;font-size:15px}.deckup-showcase__chart-selected-label{fill:var(--deckup-showcase-text);text-anchor:middle;font-size:16px;font-weight:750}@media (width<=760px){.deckup-showcase__architecture-flow,.deckup-showcase__explorer{grid-template-columns:1fr}.deckup-showcase__connectors{display:none}}