:root{--bg:#f5f7fb;--surface:rgba(255,255,255,.82);--surface-strong:#fff;--text:#172033;--muted:#647087;--line:rgba(23,32,51,.12);--accent:#326df5;--accent-2:#15a7b5;--shadow:0 18px 60px rgba(24,42,82,.12);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% -10%,rgba(50,109,245,.16),transparent 32rem),radial-gradient(circle at 90% 10%,rgba(21,167,181,.12),transparent 28rem),var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.skip{position:absolute;left:1rem;top:-5rem;background:var(--surface-strong);padding:.7rem 1rem;border-radius:12px;z-index:10}.skip:focus{top:1rem}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:.8rem max(1.25rem,calc((100vw - 1180px)/2));backdrop-filter:blur(22px);background:rgba(245,247,251,.76);border-bottom:1px solid var(--line)}.brand{display:flex;gap:.7rem;align-items:center;color:var(--text);text-decoration:none;font-weight:760}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,var(--accent),var(--accent-2));color:white;box-shadow:0 8px 24px rgba(50,109,245,.25)}nav{display:flex;gap:.35rem;flex-wrap:wrap}nav a{color:var(--muted);text-decoration:none;padding:.55rem .75rem;border-radius:12px}nav a:hover,nav a:focus-visible,nav a.active{background:var(--surface);color:var(--text);outline:none}.shell{width:min(1180px,calc(100% - 2.5rem));margin-inline:auto}.hero{padding:6.5rem 0 4rem}.eyebrow{margin:0 0 .5rem;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero h1{font-size:clamp(2.7rem,8vw,5.7rem);line-height:.96;letter-spacing:-.055em;max-width:900px;margin:.25rem 0 1.5rem}.lede{max-width:760px;font-size:1.18rem;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:2.2rem}.metrics>div,.panel,.card{background:var(--surface);border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow);backdrop-filter:blur(20px);border-radius:var(--radius)}.metrics>div{padding:1.1rem 1.25rem}.metrics strong,.metrics span{display:block}.metrics span{color:var(--muted);font-size:.88rem}.directory{padding:2rem 0 5rem}.section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem}.section-head h2,.panel h2{margin:.1rem 0;font-size:clamp(1.7rem,4vw,2.5rem);letter-spacing:-.03em}.muted{color:var(--muted)}.controls{display:flex;gap:.8rem;justify-content:space-between;align-items:center;margin:1.3rem 0 1.6rem;flex-wrap:wrap}.search{flex:1;min-width:min(100%,320px)}input{width:100%;padding:.92rem 1rem;border:1px solid var(--line);border-radius:16px;background:var(--surface-strong);color:var(--text);font:inherit}input:focus{outline:3px solid rgba(50,109,245,.18);border-color:var(--accent)}.filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:.68rem .9rem;font:inherit;cursor:pointer}.filter[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{padding:1.3rem;display:flex;flex-direction:column;min-height:235px}.card-top{display:flex;justify-content:space-between;gap:.8rem;align-items:start}.badge{font-size:.73rem;padding:.3rem .5rem;border-radius:999px;background:rgba(50,109,245,.1);color:var(--accent);font-weight:750}.card h3{font-size:1.25rem;margin:.8rem 0 .3rem}.card p{color:var(--muted);margin:.3rem 0}.card .role{color:var(--text);font-weight:650}.card footer{margin-top:auto;padding-top:1rem;display:flex;justify-content:space-between;gap:.7rem;align-items:center}.card a{color:var(--accent);font-weight:700;text-decoration:none}.visibility{color:var(--muted);font-size:.82rem}.principles{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-bottom:5rem}.panel{padding:1.5rem}.panel p:last-child{color:var(--muted)}.footer{display:flex;justify-content:space-between;gap:1rem;align-items:center;border-top:1px solid var(--line);padding:2rem 0 3rem;color:var(--muted)}.notice{padding:1rem;border:1px solid var(--line);border-radius:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:860px){.topbar nav{display:none}.grid{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:1fr}.principles{grid-template-columns:1fr}.hero{padding-top:4.5rem}}@media(max-width:580px){.grid{grid-template-columns:1fr}.shell{width:min(100% - 1.5rem,1180px)}.section-head,.footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media(prefers-color-scheme:dark){:root{--bg:#0b101a;--surface:rgba(19,27,43,.82);--surface-strong:#141d2d;--text:#eff4ff;--muted:#9da9bd;--line:rgba(235,242,255,.12);--shadow:0 18px 60px rgba(0,0,0,.28)}.topbar{background:rgba(11,16,26,.76)}}