/* Wear Pulse — a tiny LCD on the wrist. Ink-violet ground, a pixel face (Silkscreen) for headings,
   a seven-bar equaliser; Onest for prose, IBM Plex Mono for code. */

:root {
  --page-bg: #0d0b14; --page-text: #e6e1f2; --page-muted: #a89fbe; --page-line: #241f33;
  --page-accent: #b48cff; --strong: #ffffff; --surface: #14111d; --raise: #1c1828;
  --code-bg: #100d18; --code-text: #e2d4ff;
  --page-ui: "Onest", system-ui, sans-serif;
  --display: "Silkscreen", ui-monospace, monospace;
  --mono: "IBM Plex Mono", ui-monospace, monospace;
  --k-ink: #e6e1f2; --k-accent: #b48cff; --k-b: #7fb2ff; --k-c: #ff9ec7; --k-ok: #7ee0b5; --k-muted: #857c9b; --k-file: #a89fbe;
  color-scheme: dark;
}
.hero h1 { font: 700 clamp(40px, 6vw, 76px)/1.05 var(--display); letter-spacing: 0.01em; color: var(--page-accent);
  text-shadow: 0 0 24px #b48cff55; }
.eq { display: flex; align-items: flex-end; gap: 6px; height: 48px; margin-top: 18px; }
.eq i { width: 12px; background: var(--page-accent); border-radius: 2px; height: 40%; }
.eq i:nth-child(2) { height: 75%; } .eq i:nth-child(3) { height: 55%; } .eq i:nth-child(4) { height: 100%; }
.eq i:nth-child(5) { height: 65%; } .eq i:nth-child(6) { height: 35%; } .eq i:nth-child(7) { height: 50%; }
@media (prefers-reduced-motion: no-preference) {
  .eq i { animation: bounce 1.6s ease-in-out infinite alternate; transform-origin: bottom; }
  .eq i:nth-child(odd) { animation-delay: -0.6s; } .eq i:nth-child(3n) { animation-delay: -1.1s; }
}
@keyframes bounce { from { transform: scaleY(0.45); } to { transform: scaleY(1); } }
.part > h2 { font: 700 clamp(22px, 2.6vw, 30px)/1.2 var(--display); }
.fig { padding: 16px 12px; background: var(--surface); border: 1px solid var(--page-line); border-radius: 18px; }
.dg .lab-bg { fill: var(--surface); }
.dg .halo { stroke: var(--surface); }