.sla-demo.svelte-34sy1l{display:grid;grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr);gap:40px;align-items:center;padding:32px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--raised)}.clock-wrap.svelte-34sy1l{position:relative;display:grid;place-items:center;max-width:280px;width:100%;margin:0 auto}.clock.svelte-34sy1l{width:100%;height:auto;transform:rotate(-90deg)}.clock-track.svelte-34sy1l,.clock-progress.svelte-34sy1l,.clock-inner.svelte-34sy1l{fill:none}.clock-track.svelte-34sy1l{stroke:var(--paper-2);stroke-width:8}.clock-progress.svelte-34sy1l{stroke:var(--accent-text);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset var(--motion-narrative) var(--ease-out),stroke var(--motion-state) var(--ease-out)}.clock-progress.is-paused.svelte-34sy1l{stroke:var(--warning)}.clock-progress.is-complete.svelte-34sy1l{stroke:var(--positive)}.clock-inner.svelte-34sy1l{stroke:var(--border);stroke-width:1}.clock-tick.svelte-34sy1l{stroke:var(--ink-2);stroke-width:1.4;stroke-linecap:round;opacity:.7}.clock-label.svelte-34sy1l{position:absolute;display:grid;gap:3px;text-align:center}.clock-label.svelte-34sy1l strong:where(.svelte-34sy1l){font-family:var(--font-display);font-size:22px;letter-spacing:-.03em;color:var(--ink)}.clock-label.svelte-34sy1l span:where(.svelte-34sy1l){font-family:var(--font-mono);font-size:10px;color:var(--muted)}.sla-kicker.svelte-34sy1l{margin:0 0 8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text)}.sla-copy.svelte-34sy1l h3:where(.svelte-34sy1l){margin:0;font-family:var(--font-display);font-size:clamp(24px,3vw,32px);line-height:1.1;letter-spacing:-.035em;color:var(--ink);max-width:20ch}.sla-intro.svelte-34sy1l{max-width:60ch;margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.55}.scenario-list.svelte-34sy1l{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.scenario-button.svelte-34sy1l{min-height:34px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:var(--paper);color:var(--ink-2);font-size:12px;transition:border-color var(--motion-control) var(--ease-out),background-color var(--motion-control) var(--ease-out),color var(--motion-control) var(--ease-out)}.scenario-button.svelte-34sy1l:hover{border-color:var(--ink-2)}.scenario-button.is-active.svelte-34sy1l{border-color:var(--warning);background:var(--warning-bg);color:var(--warning-ink)}.sla-status.svelte-34sy1l{display:flex;align-items:flex-start;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid var(--rule)}.status-dot.svelte-34sy1l{width:6px;height:6px;margin-top:.45em;border-radius:999px;background:var(--positive);flex:0 0 auto}.status-dot.is-paused.svelte-34sy1l{background:var(--warning)}.status-dot.is-complete.svelte-34sy1l{background:var(--accent)}.sla-status.svelte-34sy1l p:where(.svelte-34sy1l){margin:0;max-width:62ch;font-size:13px;line-height:1.5;color:var(--ink-2)}.sla-actions.svelte-34sy1l{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px}.sla-note.svelte-34sy1l{font-size:11px;color:var(--faint)}@media(max-width:900px){.sla-demo.svelte-34sy1l{grid-template-columns:1fr;gap:24px;padding:24px 20px}.clock-wrap.svelte-34sy1l{max-width:220px}}@media(prefers-reduced-motion:reduce){.clock-progress.svelte-34sy1l,.scenario-button.svelte-34sy1l{transition:none}}