:root{--ink:#122239;--paper:#f4f0e6;--leaf:#fefcf7;--graphite:#4e4e48;--graphite-light:#6f6a5e;--rule:#e3ddcc;--rule-strong:#c9c1ac;--blue:#2f5fa6;--blue-wash:#e7edf6;--red:#b23a34;--red-wash:#f7e8e6;--green:#4a7a3a;--green-wash:#e9f0e4;--teal:#63ac9b;--teal-deep:#3e8677;--teal-soft:#e1f1ec;--teal-ink:#1f5e51;--gold:#eeb767;--gold-deep:#c98a2e;--gold-light:#f7d9a6;--gold-soft:#fbeed6;--gold-ink:#7a4e0a;--coral:#f47f76;--coral-deep:#d2544b;--coral-soft:#fde6e3;--coral-ink:#9e2e27;--plum:#a57fba;--plum-deep:#7a5591;--plum-soft:#eee6f4;--plum-ink:#573a6b;--pencil:var(--gold);--vivid-pink:var(--coral);--vivid-orange:#ee9a5c;--vivid-yellow:var(--gold);--vivid-green:#8dbb6e;--vivid-teal:var(--teal);--vivid-blue:#6e9cc8;--vivid-purple:var(--plum);--vivid-pink-soft:var(--coral-soft);--vivid-orange-soft:#fce9da;--vivid-yellow-soft:var(--gold-soft);--vivid-green-soft:#e8f1df;--vivid-teal-soft:var(--teal-soft);--vivid-blue-soft:#e2ebf5;--vivid-purple-soft:var(--plum-soft);--vivid-pink-ink:var(--coral-ink);--vivid-orange-ink:#8f4a14;--vivid-yellow-ink:var(--gold-ink);--vivid-green-ink:#3e6b25;--vivid-teal-ink:var(--teal-ink);--vivid-blue-ink:#2f547c;--vivid-purple-ink:var(--plum-ink);--inst-keys:var(--plum);--inst-keys-soft:var(--plum-soft);--inst-strings:var(--coral);--inst-strings-soft:var(--coral-soft);--inst-wind:var(--teal);--inst-wind-soft:var(--teal-soft);--inst-brass:var(--gold);--inst-brass-soft:var(--gold-soft);--inst-voice:var(--vivid-orange);--inst-voice-soft:var(--vivid-orange-soft);--inst-guitar:var(--vivid-green);--inst-guitar-soft:var(--vivid-green-soft);--inst-percussion:var(--vivid-blue);--inst-percussion-soft:var(--vivid-blue-soft);--splash:linear-gradient(90deg,var(--teal),var(--gold),var(--coral),var(--plum));--fg:var(--ink);--fg-2:var(--graphite);--fg-3:var(--graphite-light);--text-body:var(--fg);--text-meta:var(--fg-2);--text-micro:var(--fg-3);--text-inverse:var(--paper);--bg:var(--paper);--surface:var(--leaf);--surface-card:var(--leaf);--surface-sunken:var(--paper);--border:var(--rule);--border-strong:var(--rule-strong);--state-ok:var(--green);--state-ok-wash:var(--green-wash);--state-query:var(--blue);--state-query-wash:var(--blue-wash);--state-blocked:var(--red);--state-blocked-wash:var(--red-wash);--meter-fill:var(--gold);--title-rule:var(--gold);--accent:var(--gold);--accent-deep:var(--gold-deep);--accent-soft:var(--gold-soft);--accent-ink:var(--gold-ink);--on-accent:var(--ink);--control-bg:var(--surface);--control-border:var(--rule-strong);--control-fg:var(--fg);--control-selected-bg:var(--gold);--control-selected-fg:var(--ink);--font-sans:"Instrument Sans",system-ui,-apple-system,sans-serif;--font-serif:"Literata",Georgia,"Times New Roman",serif;--font-display:var(--font-serif);--font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;--f:var(--font-sans);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--text-display:34px;--text-section:24px;--weight-display:400;--text-lead:17px;--text-base:15px;--text-small:14px;--text-meta-size:13px;--text-micro-size:11.5px;--text-code:12.5px;--lh-display:1.15;--lh-tight:1.3;--lh-body:1.6;--tracking-display:-.01em;--tracking-label:.04em;--tracking-normal:0;--measure:66ch;--measure-narrow:32ch;--u:4px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:14px;--space-5:16px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:56px;--pad-card:16px;--pad-stat:14px;--gap-grid:12px;--gap-card:14px;--rhythm-section:56px;--row-pad-y:12px;--r:6px;--radius:6px;--radius-sm:4px;--radius-xs:3px;--radius-lg:9px;--radius-phone:16px;--radius-pill:99px;--hairline:1px;--border-width:1px;--mark-width:2px;--stroke-icon:1.8;--stroke-mark:1.6;--shadow-none:none;--shadow-lift:0 1px 2px #16181d0f, 0 6px 20px #16181d14;--shadow-drag:0 2px 4px #16181d1a, 0 12px 28px #16181d24;--paper-tooth:repeating-linear-gradient(0deg,#78694609 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#78694606 0 1px,transparent 1px 4px);--watermark-size:120px;--dur-state:.12s;--dur-position:.2s;--ease:cubic-bezier(.2,0,.2,1);--transition-state:var(--dur-state) var(--ease);--transition-position:var(--dur-position) var(--ease)}@media (prefers-reduced-motion:reduce){:root{--dur-state:0s;--dur-position:0s}}*{box-sizing:border-box}body{background:var(--bg);background-image:var(--paper-tooth);color:var(--fg);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--blue);transition:border-color var(--transition-state);border-bottom:1px solid #0000;text-decoration:none}a:hover{border-bottom-color:var(--blue)}h1,h2,.display,.section{font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--lh-display)}.tnum{font-variant-numeric:tabular-nums}.title-rule{background:var(--title-rule);border-radius:1px;width:52px;height:2px;margin-top:6px}a{color:var(--fg);border-bottom:1px solid var(--rule-strong)}a:hover{color:var(--gold-ink);border-bottom-color:var(--gold-deep)}.page{min-height:100vh;padding:20px 20px 0}.wrap{max-width:940px;margin:0 auto}.part{padding-bottom:var(--rhythm-section)}.section-title{font-size:var(--text-section);margin:0}.masthead{justify-content:space-between;align-items:center;gap:16px;padding:12px 0 44px;display:flex}.brand{border:0;align-items:center;gap:10px;display:flex}.brand:hover{color:var(--fg)}.wordmark{letter-spacing:.22em;text-transform:uppercase;color:var(--fg);padding-left:.05em;font-size:19px;font-weight:500;line-height:1}.wordmark--small{font-size:14px}.wordmark b{font-weight:inherit;color:var(--vivid-blue)}.wordmark--small b{color:var(--fg-3)}.footer{border-top:1px solid var(--rule);font-size:var(--text-meta-size);color:var(--fg-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 0 40px;display:flex}.hero{gap:20px;display:grid}.hero h1{text-wrap:pretty;max-width:20ch;margin:0;font-size:clamp(32px,4.8vw,46px)}.hero p{font-size:var(--text-lead);color:var(--fg-2);text-wrap:pretty;max-width:60ch;margin:0;font-weight:500}.mocks{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.mock-phone{flex:0 340px;min-width:280px}.mock-dash{flex:380px;min-width:0}.phone{background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--radius-phone);flex-direction:column;min-height:420px;padding:16px;display:flex}.phone-top{justify-content:space-between;align-items:center;min-height:24px;margin-bottom:10px;display:flex}.day{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.day-name{font-family:var(--font-serif);font-size:var(--text-section);letter-spacing:-.01em}.micro{font-size:var(--text-micro-size);color:var(--fg-3)}.rows{font-size:var(--text-small)}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.queue{font-size:var(--text-small);gap:8px;display:grid}.features{margin-top:8px;display:grid}.feature{border-top:1px solid var(--rule);align-items:center;gap:16px;padding:16px 0;font-weight:500;display:flex}.feature:last-child{border-bottom:1px solid var(--rule)}.feature svg{color:var(--fg-2)}.compare{font-size:var(--text-small);grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);display:grid}.compare>div{border-bottom:1px solid var(--rule);padding:12px 16px}.compare>div:nth-last-child(-n+2){border-bottom:0}.compare-head{font-size:var(--text-meta-size);font-weight:500}.compare-head+.compare-head{color:var(--fg-3);font-weight:400}.compare-yes{align-items:center;gap:10px;font-weight:500;display:flex}.compare-yes svg{flex:none}.compare-no{color:var(--fg-3)}.demo{gap:14px;max-width:52ch;display:grid}.demo form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.demo input{font:inherit;font-size:var(--text-base);background:var(--control-bg);min-width:240px;color:var(--fg);border:1px solid var(--control-border);border-radius:var(--r);flex:1;padding:8px 12px}.demo input:focus-visible,.btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.btn{align-items:center;gap:var(--space-2);font:inherit;font-size:var(--text-meta-size);border-radius:var(--r);border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-state), border-color var(--transition-state);padding:8px 14px;font-weight:500;line-height:1.4;display:inline-flex}.btn:hover{background:var(--gold-light);color:var(--on-accent);border-color:var(--accent)}.btn:active{background:var(--accent-deep);border-color:var(--accent-deep)}