:root{color:#e9eee9;font-synthesis:none;background:#0c1210;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 82% 0,#60b28d1a,#0000 30rem),#0c1210;min-width:320px;margin:0}a{color:inherit}code{color:#b7dcc6;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88em}.landing-shell{width:min(1040px,100% - 2rem);margin:0 auto}.site-header{border-bottom:1px solid #29332e;justify-content:space-between;align-items:center;gap:2rem;min-height:5.5rem;display:flex}.wordmark{align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.wordmark-mark{color:#0c1210;background:#8dd0aa;place-items:center;width:2.35rem;height:2.35rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-weight:900;display:grid}.wordmark strong,.wordmark small{display:block}.wordmark strong{font-size:.95rem}.wordmark small{color:#89968f;letter-spacing:.06em;text-transform:uppercase;margin-top:.08rem;font-size:.67rem}.site-nav,.intro-links,.section-links{flex-wrap:wrap;gap:.35rem;display:flex}.site-nav{justify-content:flex-end}.site-nav a,.intro-links a,.section-links a{color:#aeb9b2;padding:.45rem .65rem;font-size:.78rem;font-weight:700;text-decoration:none}.site-nav a:hover,.site-nav a:focus-visible,.intro-links a:hover,.intro-links a:focus-visible,.section-links a:hover,.section-links a:focus-visible{color:#e9eee9;background:#17201c;outline:none}.intro{max-width:48rem;padding:clamp(4rem,9vw,7rem) 0 clamp(3.5rem,8vw,6rem)}.kicker{color:#8dd0aa;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .75rem;font-size:.7rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:1.25rem;font-size:clamp(3.7rem,9vw,6.4rem);line-height:.9}.intro-copy{color:#c3ccc6;max-width:44rem;margin-bottom:1rem;font-size:clamp(1rem,2vw,1.15rem)}.intro-note{color:#7f8c84;max-width:40rem;margin-bottom:1.3rem;font-size:.78rem}.intro-links a,.section-links a{border:1px solid #3b4841}.project-section{border-top:1px solid #29332e;grid-template-columns:minmax(12rem,.65fr) minmax(0,1.35fr);gap:clamp(2rem,7vw,5rem);padding:3.5rem 0;display:grid}.section-heading{grid-template-columns:1.7rem 1fr;align-content:start;gap:.5rem;display:grid}.section-number{color:#526158;margin:.28rem 0 0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.68rem}h2{letter-spacing:-.035em;margin-bottom:.45rem;font-size:clamp(1.45rem,3vw,2rem);line-height:1.05}.section-heading p:last-child{color:#7f8c84;max-width:20rem;margin:0;font-size:.77rem}.resource-list{border-top:1px solid #344039;display:grid}.resource-list a{color:#e9eee9;border-bottom:1px solid #344039;justify-content:space-between;align-items:center;gap:1rem;min-height:4.5rem;padding:.85rem .25rem;text-decoration:none;display:flex}.resource-list strong,.resource-list small{display:block}.resource-list strong{margin-bottom:.18rem;font-size:.86rem}.resource-list small{color:#839088;font-size:.73rem}.resource-list>a>span:last-child{color:#8dd0aa}.resource-list a:hover,.resource-list a:focus-visible{background:#121b17;outline:none;padding-left:.65rem;padding-right:.65rem}.sort-demo{background:#101814;border:1px solid #344039;gap:.7rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.sort-demo label{color:#9caaa1;font-size:.72rem;font-weight:750}.sort-controls{grid-template-columns:minmax(0,1fr) auto;gap:.55rem;display:grid}.sort-controls input,.sort-controls button{min-height:2.8rem;font:inherit;border:1px solid #435149;border-radius:0}.sort-controls input{color:#e9eee9;background:#0c1210;min-width:0;padding:0 .8rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem}.sort-controls button{color:#0c1210;cursor:pointer;background:#8dd0aa;padding:0 1rem;font-size:.76rem;font-weight:800}.sort-controls button:disabled{opacity:.55;cursor:wait}.sort-demo output{color:#d6e8dc;overflow-wrap:anywhere;background:#0a0f0d;min-height:3.2rem;padding:.85rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(.85rem,2vw,1rem)}.sort-demo output[data-failed=true]{color:#e6a3a3}.sort-status{color:#6f7d75;margin:0;font-size:.7rem}.use-flow{background:#344039;grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:1px;list-style:none;display:grid}.use-flow li{background:#101713;min-width:0;padding:1rem}.use-flow li>span{color:#637168;margin-bottom:1.5rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.67rem;display:block}.use-flow strong,.use-flow code{display:block}.use-flow strong{color:#dbe5df;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.3rem;font-size:.69rem}.use-flow code{color:#92a198;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.section-links{grid-column:2;margin-top:-1.25rem}.site-footer{color:#657169;border-top:1px solid #29332e;justify-content:space-between;gap:2rem;padding:1.5rem 0 2.5rem;font-size:.69rem;display:flex}.site-footer p{margin:0}@media (width<=760px){.project-section{grid-template-columns:1fr;gap:1.5rem}.use-flow,.section-links{grid-column:1}}@media (width<=620px){.site-header,.site-footer{flex-direction:column;align-items:flex-start}.site-header{padding:1rem 0}.site-nav{justify-content:flex-start}.intro{padding:4rem 0 3.5rem}h1{font-size:clamp(3.6rem,20vw,5.5rem)}.project-section{padding:2.75rem 0}.use-flow{grid-template-columns:1fr}.use-flow li{grid-template-columns:1.5rem 1fr;gap:.75rem;display:grid}.use-flow li>span{margin:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}