:root{--bg: #121212;--panel: #1e1e1e;--surface-node: #232323;--panel-raised: #272727;--surface-menu: #2e2e2e;--border: #2e2e2e;--border-control: #707070;--text: #e0e0e0;--muted: #a0a0a0;--accent: #8fe3ff;--accent-fill: #10303c;--accent-fill-hover: #154050;--accent-border: #2d6a80;--heading: #fff98c;--status-fine: #4fd1a5;--status-busy: #ffb454;--status-over: #ff7a90;--drawer-width: 440px;--font-ui: "Atkinson Hyperlegible Next", system-ui, sans-serif;--font-mono: "Atkinson Hyperlegible Mono", ui-monospace, monospace;--text-small: 14px;--text-ui: 16px;--text-read: 19px;--text-lede: 21px;--leading: 1.6;--space-paragraph: .8em;--space-before-heading: 2.25rem;--space-after-heading: .75rem;--measure: 66ch;color-scheme:dark}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--text-read);line-height:var(--leading)}.site-header,main,.site-footer{width:min(100% - 48px,1040px);margin-inline:auto}p{max-width:var(--measure);margin:0 0 var(--space-paragraph)}a{color:var(--accent);text-underline-offset:3px}.site-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding-block:24px;font-size:var(--text-ui)}.wordmark{color:var(--text);font-weight:650;text-decoration:none}.hero{padding-block:72px 56px}h1{max-width:17ch;margin:0 0 28px;font-size:clamp(2.5rem,4vw + 1.25rem,4.25rem);font-weight:700;line-height:1.05;letter-spacing:-.02em;text-wrap:balance}.lede{color:var(--muted);font-size:var(--text-lede)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{padding:12px 20px;border:1px solid var(--border-control);border-radius:10px;color:var(--text);font-size:var(--text-ui);font-weight:600;text-decoration:none}.button:hover{background:var(--panel-raised)}.button-primary{border-color:var(--accent-border);background:var(--accent-fill);color:var(--accent)}.button-primary:hover{background:var(--accent-fill-hover)}.before-after{max-width:960px;padding:32px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}.board{margin:0}.board figcaption{display:flex;gap:12px;align-items:flex-start;max-width:var(--measure);margin-bottom:16px;font-size:var(--text-ui)}.board img{display:block;width:100%;height:auto;border-radius:10px}.board-before img{width:76.5%}.dot{flex:none;display:grid;place-items:center;width:22px;height:22px;margin-top:1px;border-radius:50%;color:var(--bg);font-size:13px;font-weight:700}.dot-over{background:var(--status-over)}.dot-fine{background:var(--status-fine)}.change{display:flex;gap:16px;align-items:center;margin:12px 0 20px}.rope{flex:none;width:48px;height:120px;margin-left:-1px}.change p{margin:0;color:var(--muted);font-size:var(--text-ui)}section+section{margin-top:96px}h2{margin:0 0 var(--space-after-heading);color:var(--heading);font-size:1.75rem;line-height:1.25}h3{margin:0 0 var(--space-after-heading);font-size:1.3rem;line-height:1.3}.steps{max-width:var(--measure);padding-left:1.4em}.steps li+li{margin-top:var(--space-paragraph)}.paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:48px;margin-top:32px}.paths p{color:var(--muted);font-size:var(--text-ui)}.boards{margin:20px 0 0;padding-left:1.4em;font-size:var(--text-ui)}.boards li+li{margin-top:8px}.note{color:var(--muted);font-size:var(--text-ui)}.site-footer{margin-top:96px;padding-block:32px 48px;border-top:1px solid var(--border);color:var(--muted);font-size:var(--text-ui)}@media(max-width:600px){.hero{padding-block:40px 40px}.before-after{padding:20px}section+section{margin-top:64px}}