:root{--font-display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg:#f4f0e8;--surface:#fffdf8db;--surface-solid:#fffdf8;--surface-sunk:#1d21400d;--ink:#1d2140;--muted:#5d6385;--line:#1d21401f;--accent:#0f8fa6;--accent-ink:#fff;--shadow:0 10px 40px -12px #1d214047;--cat-analytics:#4f6fe8;--cat-software:#e2683a;--cat-experiment:#9a5ae0;--c1:#4f6fe8;--c2:#e2683a;--c3:#22a37a;--c4:#9a5ae0;--radius:18px;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-phase]){--bg:#0b1030;--surface:#12183ed1;--surface-solid:#121a44;--surface-sunk:#ffffff0d;--ink:#e8ecff;--muted:#9aa3d0;--line:#ffffff1f;--accent:#7ef0ff;--accent-ink:#0b1030;--shadow:0 10px 40px -12px #0009;--cat-analytics:#8ea8ff;--cat-software:#ff9a6c;--cat-experiment:#c98bff;--c1:#8ea8ff;--c2:#ff9a6c;--c3:#6be0b0;--c4:#c98bff;color-scheme:dark}}:root[data-phase=night]{--bg:#0b1030;--surface:#0e1438cc;--surface-solid:#121a44;--surface-sunk:#ffffff0d;--ink:#e8ecff;--muted:#9aa3d0;--line:#ffffff21;--accent:#7ef0ff;--accent-ink:#0b1030;--shadow:0 10px 40px -12px #0009;--cat-analytics:#8ea8ff;--cat-software:#ff9a6c;--cat-experiment:#c98bff;--c1:#8ea8ff;--c2:#ff9a6c;--c3:#6be0b0;--c4:#c98bff;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}body.fullscreen{height:100dvh;overflow:hidden}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .4em;line-height:1.15}h1{font-size:clamp(2.4rem,6vw,3.6rem);font-weight:700}h2{font-size:1.9rem;font-weight:650}h3{font-size:1.05rem;font-weight:600}p{margin:0 0 .9em}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:1.6em 0 .7em;font-size:.72rem;font-weight:500;display:flex}.lede{color:var(--muted);font-size:1.15rem}.button{border:1px solid var(--line);background:var(--surface-solid);color:var(--ink);font:500 .92rem var(--font-display);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:9px 16px;text-decoration:none;transition:transform .15s,border-color .15s;display:inline-flex}.button:hover{border-color:var(--accent);transform:translateY(-1px)}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.button--ghost{background:0 0}.link-row{flex-wrap:wrap;gap:8px;margin-top:1.2em;display:flex}.link-row--stack{flex-direction:column;align-items:flex-start}.chips{flex-wrap:wrap;gap:6px;margin:.4em 0 1em;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--line);background:var(--surface-solid);border-radius:999px;padding:4px 11px;font-size:.85rem}.chips--quiet li{background:var(--surface-sunk);font-family:var(--font-mono);border-color:#0000;font-size:.76rem}.tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--muted);border-radius:6px;padding:2px 8px;font-size:.68rem;display:inline-block}.tag--analytics{background:var(--cat-analytics)}.tag--software{background:var(--cat-software)}.tag--experiment{background:var(--cat-experiment)}.tag--draft{color:var(--muted);border:1px dashed var(--muted);background:0 0}.cards{gap:10px;margin:1em 0;padding:0;list-style:none;display:grid}.cards--grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card{border:1px solid var(--line);background:var(--surface-solid);width:100%;height:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:16px;text-decoration:none;transition:transform .15s,border-color .15s;display:flex}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card strong{flex-basis:100%;font-size:1.1rem}.card>span:last-child{color:var(--muted);flex-basis:100%;font-size:.92rem;line-height:1.45}.empty{color:var(--muted)}.timeline{border-left:2px solid var(--line);margin:1em 0;padding:0 0 0 18px;list-style:none}.timeline>li{margin-bottom:1.2em;position:relative}.timeline>li:before{content:"";background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 4px var(--bg);border-radius:50%;position:absolute;top:6px;left:-25px}.timeline__when{font-family:var(--font-mono);color:var(--muted);margin:0 0 .2em;font-size:.75rem}.stones{gap:8px;margin:0;padding:0;list-style:none;display:grid}.stones li{background:var(--surface-sunk);border-radius:14px 14px 22px 22px;padding:12px 14px;display:grid}.stones span,.stones small{color:var(--muted)}.metrics{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin:1.2em 0;display:grid}.metric{background:var(--surface-sunk);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.metric dd{color:var(--accent);margin:0;font-size:1.7rem;font-weight:700;line-height:1.1}.metric dt{font-size:.82rem}.metric__note{font-family:var(--font-mono);color:var(--muted);font-size:.68rem}.charts{gap:12px;display:grid}.chart{border:1px solid var(--line);background:var(--surface-solid);border-radius:14px;margin:0;padding:12px 12px 8px}.chart figcaption{margin-bottom:4px;font-size:.92rem;font-weight:600}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart text{font-family:var(--font-mono);fill:var(--muted);font-size:9px}.chart__grid line{stroke:var(--line);stroke-dasharray:2 3}.chart__bar rect{fill:var(--c1);opacity:calc(1 - var(--i) * .09)}.chart__bar .chart__cap{opacity:1;fill:var(--accent)}:root[data-phase=night] .chart__bar .chart__cap,:root[data-phase=night] .chart__series polyline{filter:drop-shadow(0 0 3px)}.chart .chart__value{fill:var(--ink);font-weight:500}.chart__series polyline{fill:none;stroke-width:2px;stroke-linejoin:round}.chart__series--0{color:var(--c1)}.chart__series--1{color:var(--c2)}.chart__series--2{color:var(--c3)}.chart__series--3{color:var(--c4)}.chart__series polyline{stroke:currentColor}.chart__series circle{fill:currentColor}.chart__legend{font-family:var(--font-mono);gap:14px;margin:4px 0 0;padding:0;font-size:.72rem;list-style:none;display:flex}.chart__legend li:before{content:"";vertical-align:middle;background:currentColor;border-radius:2px;width:10px;height:3px;margin-right:6px;display:inline-block}.disclaimer{font-family:var(--font-mono);color:var(--muted);margin-top:.6em;font-size:.72rem}.pipeline{margin:.4em 0 1.2em;padding:0;list-style:none;display:flex}.pipeline li{text-align:center;flex-direction:column;flex:1 1 0;align-items:center;gap:4px;padding:0 4px;font-size:.78rem;line-height:1.3;display:flex;position:relative}.pipeline li+li:before{content:"";background:repeating-linear-gradient(90deg, var(--accent) 0 5px, transparent 5px 10px);opacity:.8;width:calc(100% - 40px);height:2px;animation:.8s linear infinite flow;position:absolute;top:9px;right:calc(50% + 20px)}.pipeline__islet{width:40px;height:30px}.pipeline__grass{fill:var(--c3)}.pipeline__rock{fill:var(--muted);opacity:.55}@keyframes flow{to{background-position:10px 0}}.prose{margin-top:1.4em}.prose h2{margin-top:1.4em;font-size:1.25rem}.prose ol,.prose ul{padding-left:1.2em}.prose code{font-family:var(--font-mono);background:var(--surface-sunk);border-radius:5px;padding:1px 5px;font-size:.85em}.page{max-width:980px;margin:0 auto;padding:24px 20px 80px}.page--narrow{max-width:760px}.page__top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:48px;display:flex}.page__brand{color:var(--ink);line-height:1.2;text-decoration:none;display:grid}.page__brand span{font-family:var(--font-mono);color:var(--muted);font-size:.75rem}.page main>section{margin-bottom:64px}.page .hero{max-width:680px}.split{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.page .charts{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stones .stones__when{font-family:var(--font-mono);font-size:.7rem}.button .icon{flex:none;width:16px;height:16px}.skip-link{z-index:100;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:8px 14px;font-weight:600;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{transform:none}
