.section--demo{background:var(--c-bg-alt);border-block:1px solid var(--c-line)}.pv{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr);align-items:start}@media(min-width:960px){.pv{grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:1.5rem}}.pv__stage{display:flex;flex-direction:column;gap:.75rem;min-width:0}@media(max-width:959px){.pv__stage{display:contents}.pv__canvas{order:1}.pv__hint{order:2}.pv__panel{order:3}.pv__chart{order:4}}.pv__canvas{position:relative;isolation:isolate;aspect-ratio:4 / 3;min-height:15rem;border:1px solid var(--c-line);border-radius:var(--radius);background:var(--c-bg-sunken);overflow:hidden;touch-action:pan-y}@media(min-width:640px){.pv__canvas{aspect-ratio:16 / 10}}.pv__canvas canvas{display:block;width:100%;height:100%}.pv__fallback{position:absolute;inset:0;display:none;place-content:center;padding:1.25rem;color:var(--c-line-strong);background:radial-gradient(120% 90% at 20% 10%,var(--c-accent-glow) 0%,transparent 60%),var(--c-bg-sunken)}.pv__canvas[data-fallback=true] .pv__fallback{display:grid}.pv__fallback svg{width:100%;max-width:21rem;height:auto;margin-inline:auto}.pv__fallback-sun{color:var(--c-accent-line)}.pv__fallback-shade{fill:var(--c-text);opacity:.14}.pv__fallback-note{margin-top:.75rem;text-align:center;font-size:.8125rem;line-height:1.45;color:var(--c-text-muted)}.pv__hint{font-size:.8125rem;color:var(--c-text-dim)}.pv__chart{margin:0;padding:.875rem 1rem 1rem;border:1px solid var(--c-line);border-radius:var(--radius);background:var(--c-bg-raised);box-shadow:var(--shadow-card)}.pv__chart-caption{display:flex;flex-wrap:wrap;gap:.35rem 1rem;align-items:baseline;justify-content:space-between;margin-bottom:.5rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-muted)}.pv__chart-legend{text-transform:none;letter-spacing:.02em;color:var(--c-text-dim)}.pv__chart-box{position:relative;height:9rem}@media(min-width:640px){.pv__chart-box{height:11rem}}.pv__chart-box canvas{display:block;width:100%;height:100%}.pv__panel{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border:1px solid var(--c-line);border-radius:var(--radius);background:var(--c-bg-raised);box-shadow:var(--shadow-card)}.pv__group{margin:0;padding:0;border:0;display:flex;flex-direction:column;gap:1rem}.pv__group+.pv__group{padding-top:1rem;border-top:1px solid var(--c-line)}.pv__legend{padding:0;margin-bottom:.25rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent-ink)}.pv__ctrl{display:flex;flex-direction:column;gap:.375rem}.pv__ctrl-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;font-size:.875rem}.pv__ctrl-head label{color:var(--c-text-muted)}.pv__ctrl-head output{font-family:var(--font-mono);font-size:.875rem;font-variant-numeric:tabular-nums;color:var(--c-text);text-align:right}.pv__note{font-size:.75rem;color:var(--c-text-dim);font-family:var(--font-mono)}.pv__range{-webkit-appearance:none;appearance:none;width:100%;height:1.5rem;margin:0;background:transparent;cursor:pointer}.pv__range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:var(--c-bg-sunken);border:1px solid var(--c-line-strong)}.pv__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-7px;border-radius:50%;background:var(--c-accent);border:2px solid var(--c-bg-raised);box-shadow:0 0 0 1px var(--c-accent-deep)}.pv__range::-moz-range-track{height:6px;border-radius:999px;background:var(--c-bg-sunken);border:1px solid var(--c-line-strong)}.pv__range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--c-accent);border:2px solid var(--c-bg-raised);box-shadow:0 0 0 1px var(--c-accent-deep)}.pv__range:hover::-webkit-slider-thumb,.pv__range:focus-visible::-webkit-slider-thumb{background:var(--c-accent-hover)}.pv__presets{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.125rem}.pv__presets button{padding:.3rem .6rem;border:1px solid var(--c-line-strong);border-radius:999px;background:transparent;color:var(--c-text-muted);font:inherit;font-size:.75rem;cursor:pointer;transition:border-color .2s var(--ease),color .2s var(--ease),background-color .2s var(--ease)}.pv__presets button:hover{border-color:var(--c-accent-line);color:var(--c-text);background:var(--c-accent-glow)}.pv__presets button[aria-current=true]{border-color:var(--c-accent-line);background:var(--c-accent-glow);color:var(--c-accent-ink);font-weight:600}.pv__play{align-self:flex-start;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border:1px solid var(--c-line-strong);border-radius:var(--radius-sm);background:transparent;color:var(--c-text);font:inherit;font-size:.8125rem;cursor:pointer;transition:border-color .2s var(--ease),background-color .2s var(--ease)}.pv__play:hover{border-color:var(--c-accent-line);background:var(--c-accent-glow)}.pv__play-icon{width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent var(--c-accent-line)}.pv__play[aria-pressed=true] .pv__play-icon{width:8px;height:10px;border-width:0 0 0 8px;border-left-color:var(--c-accent-line);box-shadow:inset 3px 0 0 0 var(--c-bg-raised)}.pv__check{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:var(--c-text-muted)}.pv__check input{width:1.125rem;height:1.125rem;margin:.15rem 0 0;accent-color:var(--c-accent);flex:none}.pv__check label{cursor:pointer}.pv__result{padding-top:1rem;border-top:1px solid var(--c-line)}.pv__result-title{font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c-accent-ink);margin-bottom:.75rem}.pv__metrics{margin:0;display:grid;gap:.5rem}.pv__metric{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding-bottom:.5rem;border-bottom:1px dashed var(--c-line)}.pv__metric:last-child{padding-bottom:0;border-bottom:0}.pv__metric dt{font-size:.8125rem;color:var(--c-text-muted)}.pv__metric dd{margin:0;font-family:var(--font-mono);font-size:.875rem;font-variant-numeric:tabular-nums;color:var(--c-text);text-align:right;white-space:nowrap}.pv__metric--lead dd{font-size:1.1875rem;font-weight:600;color:var(--c-accent-ink)}.pv__metric--lead dt{color:var(--c-text)}.pv__disclaimer{padding-top:.875rem;border-top:1px solid var(--c-line);font-size:.75rem;line-height:1.55;color:var(--c-text-dim);text-wrap:pretty}.pv__disclaimer strong{color:var(--c-text-muted)}@media(prefers-reduced-motion:reduce){.pv__play{border-style:dashed}}a.hero__badge{transition:border-color .2s var(--ease),color .2s var(--ease)}a.hero__badge:hover{border-color:var(--c-accent-line);color:var(--c-text)}