@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--paper:#f2f4f8;--panel:#fbfcfe;--ink:#19243d;--muted:#657086;--line:#c8cfdb;--cobalt:#3558d8;--cyan:#148f9d;--orange:#c96839;--green:#23715d;--red:#a74f55;--shadow:0 16px 45px rgba(28,43,79,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Manrope",system-ui,sans-serif;line-height:1.5}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,rgba(25,36,61,.025) 50%,transparent 50.2%);background-size:56px 100%}a{color:inherit}button,input,select{font:inherit}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:20;background:var(--ink);color:white;padding:.7rem 1rem}.skip-link:focus{top:1rem}.hero{padding:0 max(4vw,1.2rem) 5rem;background:linear-gradient(135deg,#f8f9fc 0%,#ecf0f7 58%,#e5eef1 100%);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero:after{content:"UASL";position:absolute;right:-.04em;bottom:-.27em;font:700 clamp(12rem,28vw,32rem)/1 "Space Grotesk",sans-serif;color:rgba(53,88,216,.045);letter-spacing:-.1em;pointer-events:none}.topline{max-width:1500px;margin:auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:1}.brand{font:500 .78rem "IBM Plex Mono",monospace;letter-spacing:.12em;text-decoration:none}.brand span{background:var(--ink);color:#fff;padding:.28rem .4rem}.navlinks{display:flex;align-items:center;gap:1rem}.navlinks a{font-size:.88rem;font-weight:650;text-decoration:none}.navlinks button{border:1px solid var(--ink);border-radius:2px;background:transparent;padding:.35rem .55rem;font:500 .75rem "IBM Plex Mono",monospace;cursor:pointer}.hero-layout{max-width:1500px;margin:auto;padding-top:clamp(3.5rem,8vw,8rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);gap:clamp(2.5rem,8vw,8rem);align-items:end;position:relative;z-index:1}.eyebrow{margin:0 0 1rem;font:500 .72rem "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--cobalt)}h1{font:700 clamp(3.6rem,7.8vw,8.4rem)/.88 "Space Grotesk",sans-serif;letter-spacing:-.065em;margin:0;max-width:900px}h1 em{font-style:normal;color:var(--cobalt)}.lede{font-size:clamp(1.02rem,1.5vw,1.28rem);max-width:720px;color:var(--muted);margin:1.6rem 0 0}.hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:2rem}.hero-actions a{text-decoration:none;font-weight:700;padding:.78rem 1rem;border:1px solid var(--ink);border-radius:2px}.hero-actions .primary{background:var(--ink);color:#fff}.switchboard{background:var(--panel);border:1px solid var(--ink);padding:1rem;box-shadow:12px 12px 0 rgba(53,88,216,.13);transform:rotate(.7deg)}.board-head,.board-foot{display:flex;align-items:center;justify-content:space-between;gap:.7rem;font:500 .68rem "IBM Plex Mono",monospace;letter-spacing:.08em}.board-head{padding-bottom:.85rem;border-bottom:1px solid var(--line)}.rail{display:grid;grid-template-columns:120px 1fr 100px;align-items:center;gap:.8rem;padding:1.15rem .2rem;border-bottom:1px solid var(--line);font:500 .7rem "IBM Plex Mono",monospace}.rail i{height:6px;position:relative;background:var(--line)}.rail i:before,.rail i:after{content:"";position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transform:translateY(-50%);background:currentColor}.rail i:before{left:12%}.rail i:after{right:16%}.rail.claude{color:var(--orange)}.rail.codex{color:var(--green)}.rail.opencode{color:var(--cobalt)}.rail b,.rail span{color:var(--ink)}.rail span{text-align:right}.board-foot{padding-top:.85rem;justify-content:flex-start}.board-foot strong{color:var(--cobalt)}main{max-width:1500px;margin:auto;padding:0 max(4vw,1.2rem) 6rem;position:relative}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:0;background:var(--panel)}.metrics article{padding:1.5rem;border-right:1px solid var(--line);display:flex;align-items:baseline;gap:.7rem}.metrics article:last-child{border:0}.metrics strong{font:700 clamp(1.8rem,4vw,3.8rem)/1 "Space Grotesk",sans-serif;letter-spacing:-.06em}.metrics span{font:500 .7rem "IBM Plex Mono",monospace;color:var(--muted);text-transform:uppercase}.catalog{padding-top:5rem;scroll-margin-top:1rem}.catalog-head{display:flex;justify-content:space-between;align-items:end;gap:1rem}.catalog h2{font:700 clamp(2.2rem,4.8vw,5rem)/.95 "Space Grotesk",sans-serif;letter-spacing:-.055em;margin:0;max-width:840px}.catalog-head>p{font:500 .75rem "IBM Plex Mono",monospace;color:var(--muted);white-space:nowrap}.filter-panel{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:.7rem;margin-top:2rem;padding:1rem;border:1px solid var(--line);background:var(--panel)}.filter-panel label{display:grid;gap:.4rem;font:500 .66rem "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.05em}.filter-panel input,.filter-panel select{border:1px solid var(--line);border-radius:0;background:#fff;color:var(--ink);padding:.75rem;min-height:46px;width:100%}.platforms{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.platforms button{border:1px solid var(--line);background:transparent;padding:.46rem .7rem;cursor:pointer;font-size:.82rem}.platforms button.active{background:var(--ink);border-color:var(--ink);color:#fff}.column-key{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.85fr) minmax(260px,1fr);gap:1rem;padding:.65rem 1rem;border:1px solid var(--ink);background:var(--ink);color:#fff;font:500 .64rem "IBM Plex Mono",monospace;letter-spacing:.08em}.cards{border:1px solid var(--line);border-top:0}.skill-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.85fr) minmax(260px,1fr);gap:1rem;padding:1.1rem;background:rgba(251,252,254,.82);border-bottom:1px solid var(--line);content-visibility:auto;contain-intrinsic-size:210px}.skill-row:last-child{border:0}.skill-row:hover{background:#fff}.skill-main{display:grid;gap:.45rem}.skill-number{font:500 .64rem "IBM Plex Mono",monospace;color:var(--cobalt)}.skill-row h3{font:700 1.17rem "Space Grotesk",sans-serif;margin:0;overflow-wrap:anywhere}.category{font:500 .64rem "IBM Plex Mono",monospace;text-transform:uppercase;color:var(--cobalt)}.description{font-size:.88rem;color:var(--muted);margin:.2rem 0 0}.compat{display:grid;align-content:start;gap:.7rem}.tracks{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.track{border:1px solid var(--line);color:var(--muted);padding:.34rem .2rem;text-align:center;font:500 .58rem "IBM Plex Mono",monospace}.track.on.claude{border-color:var(--orange);color:var(--orange);background:rgba(201,104,57,.07)}.track.on.codex{border-color:var(--green);color:var(--green);background:rgba(35,113,93,.07)}.track.on.opencode{border-color:var(--cobalt);color:var(--cobalt);background:rgba(53,88,216,.07)}.compat-note{font-size:.76rem;color:var(--muted);margin:0}.signals{display:flex;gap:.3rem;flex-wrap:wrap}.signal{font:500 .59rem "IBM Plex Mono",monospace;border:1px solid var(--line);padding:.2rem .3rem}.status{display:grid;align-content:start;gap:.65rem}.status-line{display:grid;grid-template-columns:80px 1fr;gap:.5rem;font-size:.74rem}.status-line b{font:500 .6rem "IBM Plex Mono",monospace;text-transform:uppercase;color:var(--muted)}.risk-tag{color:var(--red)}.downloads{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.15rem}.download{font-size:.69rem;font-weight:700;text-decoration:none;padding:.37rem .46rem;background:var(--ink);color:#fff}.download.archive{background:var(--orange)}.source{background:transparent;color:var(--ink);border:1px solid var(--line)}.empty{padding:3rem;text-align:center;color:var(--muted)}footer{border-top:1px solid var(--line);padding:2rem max(4vw,1.2rem);display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.82rem}footer p{margin:0;max-width:720px}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(max-width:1000px){.hero-layout{grid-template-columns:1fr}.switchboard{max-width:760px}.filter-panel{grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.metrics{grid-template-columns:1fr 1fr}.metrics article:nth-child(2){border-right:0}.skill-row,.column-key{grid-template-columns:1fr 1fr}.skill-main{grid-column:1/-1}}
@media(max-width:650px){.navlinks>a{display:none}.hero{padding-bottom:3rem}.hero-layout{padding-top:3rem}.switchboard{padding:.7rem}.rail{grid-template-columns:96px 1fr}.rail span{display:none}.metrics{grid-template-columns:1fr}.metrics article{border-right:0;border-bottom:1px solid var(--line)}.filter-panel{grid-template-columns:1fr}.search{grid-column:auto}.column-key{display:none}.skill-row{grid-template-columns:1fr}.skill-main{grid-column:auto}.catalog-head,footer{flex-direction:column;align-items:flex-start}.board-foot{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
