@font-face{font-family:'Archivo';src:url('/t/workshops-dxsign/fonts/archivo-100_900-normal.woff2?v=e3a28eade2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;font-stretch:62% 125%;}
@font-face{font-family:'Doto';src:url('/t/workshops-dxsign/fonts/doto-100_900-normal.woff2?v=0e1a84240f') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;}
:root{--bg:#0b0e0c;--fg:#ecf2ea;--muted:#97a39a;--accent:#39ff14;--on-accent:#0b0e0c;--panel:#111612;--line:rgba(236, 242, 234, 0.14);--line-strong:rgba(236, 242, 234, 0.26);--button:#39ff14;--on-button:#0b0e0c;--focus:#39ff14;--accent-text:#39ff14;--radius:0px;--font:'Archivo', ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:'Archivo', ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:'Doto', ui-monospace, "SFMono-Regular", Menlo, monospace;--display-weight:800;--display-tracking:-0.02em;color-scheme:dark}
/* DXSIGN: film black, print white, one neon signal. Wide Archivo for the display, Doto dots for the counters. */
.display, .q__text { font-stretch: 112%; text-transform: uppercase; line-height: 0.98; }
.display { font-size: clamp(2.4rem, 1.1rem + 5vw, 5.5rem); max-width: 16ch; }
.q__text { font-size: clamp(1.7rem, 1.1rem + 2.4vw, 3.1rem); }
.count, .kicker, .label { font-family: var(--font-mono); font-weight: 700; font-size: 0.875rem; letter-spacing: 0.08em; color: var(--accent); }
.brand__word { font-stretch: 125%; font-weight: 800; letter-spacing: 0.02em; }
.brand__mark { height: 0.85rem; }
.option { background: var(--panel); }
.option:hover { border-color: var(--accent); }
.btn--primary:hover { background: #ecf2ea; }
.progress { height: 3px; }
.progress > span { box-shadow: 0 0 12px rgba(57, 255, 20, 0.6); }
.error, .form-alert { --error: #ff6b4a; }
.input[aria-invalid="true"] { --error: #ff6b4a; }
.count, .kicker, .label { font-weight: 800; font-size: 0.9375rem; }