@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-condensed-cyrillic-ext-700-normal-Cq09-7_W.woff2) format("woff2"),url(/assets/ibm-plex-sans-condensed-cyrillic-ext-700-normal-2ky2yf6l.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-condensed-vietnamese-700-normal-BHzPe_nH.woff2) format("woff2"),url(/assets/ibm-plex-sans-condensed-vietnamese-700-normal-CcvNWcjF.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-condensed-latin-ext-700-normal-CXZ_9bG9.woff2) format("woff2"),url(/assets/ibm-plex-sans-condensed-latin-ext-700-normal-CnD6lCoL.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/ibm-plex-sans-condensed-latin-700-normal-D8r4s4aS.woff2) format("woff2"),url(/assets/ibm-plex-sans-condensed-latin-700-normal-D3enqrvP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #0b0f14;--slate: #141a22;--raise: #1a212b;--line: #232c38;--mute: #7a8899;--paper: #e6edf5;--amber: #ffb020;--amber-dim: #6b4a12;--cyan: #4cc9e8;--coral: #ff5c5c;--coral-dim: #5c2020;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--cond: "IBM Plex Sans Condensed", ui-sans-serif, system-ui, sans-serif;--sans: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--gutter: 20px;color-scheme:dark}*{box-sizing:border-box}:root{--prose: #b3c0d0;--pad: clamp(20px, 5vw, 56px);--measure: 64ch}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}#root{overflow-x:hidden}a{color:var(--amber);text-decoration-color:color-mix(in srgb,var(--amber) 35%,transparent);text-underline-offset:3px}a:hover{text-decoration-color:var(--amber)}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.eyebrow{font-family:var(--cond);font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:none;background:var(--mute)}.dot.ok{background:var(--amber);box-shadow:0 0 6px #ffb02080}.dot.bad{background:var(--coral);box-shadow:0 0 6px #ff5c5c80}.dot.idle{background:var(--line)}.nav,.foot{display:flex;align-items:center;gap:20px;padding:0 var(--pad);height:64px;max-width:1180px;margin:0 auto}.nav{border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:11px;font-family:var(--cond);font-weight:600;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--paper);text-decoration:none;margin-right:auto}.wordmark-mark{width:30px;height:30px;border-radius:7px;display:block;flex:none}.wordmark .rule{color:var(--line);margin:0 8px}.nav-links{display:flex;align-items:center;gap:22px}.nav-links a{font-family:var(--cond);font-weight:600;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--mute);white-space:nowrap;transition:color .12s ease}.nav-links a:hover{color:var(--paper)}.nav-links .nav-login{color:var(--amber);border:1px solid var(--line);border-radius:2px;padding:8px 14px;transition:border-color .12s ease,background .12s ease}.nav-links .nav-login:hover{border-color:var(--amber);background:#ffb02012;color:var(--amber)}main{max-width:1180px;margin:0 auto;padding:0 var(--pad)}.hero{padding:clamp(48px,11vh,116px) 0 clamp(52px,10vh,104px)}.section{padding-bottom:clamp(56px,10vh,108px)}.group-label{display:flex;align-items:center;gap:14px;margin:0 0 26px;font-weight:inherit}.group-label:after{content:"";flex:1;height:1px;background:var(--line)}.display{font-family:var(--cond);font-weight:700;font-size:clamp(38px,8.4vw,88px);line-height:.94;letter-spacing:.005em;text-transform:uppercase;margin:0 0 0 -.03em;text-wrap:balance}.lede{max-width:var(--measure);margin:clamp(20px,3vh,30px) 0 0;font-size:clamp(16px,1.5vw,19px);line-height:1.55;color:var(--prose)}.instrument{margin-top:clamp(34px,6vh,60px);border:1px solid var(--line);background:var(--slate);border-radius:3px}.instrument-head{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--line)}.instrument-head .eyebrow:first-child{color:var(--amber)}.instrument-rule{flex:1;height:1px;background:var(--line)}.instrument-note{margin:0;padding:28px 18px;color:var(--mute);font-size:14px;max-width:var(--measure)}.instrument-row{padding:16px 18px 4px}.instrument-row+.instrument-row{border-top:1px solid var(--line)}.instrument-row-head{display:grid;grid-template-columns:7px minmax(0,1fr) auto auto;align-items:center;gap:12px;margin-bottom:4px}.instrument-label{font-family:var(--cond);font-weight:600;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.instrument-stat{font-size:12.5px;color:var(--paper);white-space:nowrap}.instrument-stat.mute{color:var(--mute);min-width:62px;text-align:right}.instrument-stat.bad{color:var(--coral)}.instrument-trace{min-width:0}.instrument-trace canvas{display:block}.instrument-axis{display:flex;justify-content:space-between;margin:2px 18px 14px;padding-top:8px;font-family:var(--mono);font-size:10px;color:var(--mute);background-image:repeating-linear-gradient(to right,var(--line) 0 1px,transparent 1px calc(100% / 24));background-size:100% 4px;background-repeat:no-repeat}.instrument-axis .now{color:var(--amber)}.project{display:grid;grid-template-columns:minmax(190px,250px) minmax(0,1fr);gap:12px 40px;padding:26px 0;border-top:1px solid var(--line)}.project:last-child{border-bottom:1px solid var(--line)}.project-name{font-family:var(--cond);font-weight:700;font-size:clamp(19px,2.1vw,24px);letter-spacing:.06em;text-transform:uppercase;margin:0;line-height:1.1}.project-name a{text-decoration:none;color:var(--paper);border-bottom:1px solid var(--amber);transition:color .12s ease}.project-name a:hover{color:var(--amber)}.project-meta{grid-column:1;margin:0;font-size:11.5px;line-height:1.7;color:var(--mute)}.project-body{grid-column:2;grid-row:1 / span 2;margin:0;max-width:var(--measure);color:var(--prose)}.practices{margin:0}.practice{display:grid;grid-template-columns:minmax(190px,250px) minmax(0,1fr);gap:8px 40px;padding:22px 0;border-top:1px solid var(--line)}.practice:last-child{border-bottom:1px solid var(--line)}.practice dt{margin:0;padding-top:4px}.practice dd{margin:0;max-width:var(--measure);color:var(--prose)}.foot{border-top:1px solid var(--line);margin-top:clamp(20px,6vh,60px);color:var(--mute)}.foot .wordmark{color:var(--mute)}@media (max-width: 760px){.project,.practice{grid-template-columns:minmax(0,1fr);gap:10px}.project-meta,.project-body{grid-column:1}.project-body{grid-row:auto;margin-top:6px}.instrument-row-head{grid-template-columns:7px minmax(0,1fr) auto;row-gap:2px}.instrument-stat.mute{grid-column:2 / span 2;text-align:left;min-width:0}}@media (max-width: 560px){.nav .nav-links a:not(.nav-login){display:none}.instrument-axis span:nth-child(2),.instrument-axis span:nth-child(4){display:none}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}
