:root{--bg:#fbfbfd;--surface:#f2f3f6;--card:#fff;--text:#0b1220;--muted:rgba(11,18,32,.7);--faint:rgba(11,18,32,.1);--hair:rgba(11,18,32,.08);--ring:rgba(11,18,32,.22);--shadow:0 30px 90px rgba(11,18,32,.1);--shadowSoft:0 18px 46px rgba(11,18,32,.08);--shadowCard:0 14px 30px rgba(11,18,32,.08);--r2xl:30px;--rXl:24px;--rLg:18px;--max:1200px;--pad:clamp(18px,3vw,30px);--gridGutter:clamp(14px,2.2vw,22px);--logoH:92px;--font:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--h1:clamp(34px,4.2vw,64px);--lead:clamp(15px,1.45vw,18px)}*{box-sizing:border-box}html{color-scheme:light}body{background:radial-gradient(900px 520px at 18% -10%,rgba(11,18,32,.08),transparent 62%),radial-gradient(740px 480px at 92% 6%,rgba(11,18,32,.06),transparent 58%),radial-gradient(900px 640px at 50% 120%,rgba(11,18,32,.05),transparent 56%),var(--bg);color:var(--text);font-family:var(--font);margin:0;min-height:100svh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit}.wrap{margin:0 auto;max-width:80rem;padding:90px 0}.hero{padding-top:60px;position:relative}.hero:before{background:radial-gradient(600px 260px at 20% 0,hsla(0,0%,100%,.85),transparent 60%),radial-gradient(560px 260px at 90% 10%,hsla(0,0%,100%,.75),transparent 58%);content:"";inset:-2px;opacity:.9;pointer-events:none;position:absolute}.hero__inner{backdrop-filter:blur(8px);background:transparent;border:none;border-radius:calc(var(--r2xl) - 6px);box-shadow:none;display:grid;gap:10px;padding-bottom:20px;position:relative}.eyebrow{color:rgba(11,18,32,.62);font-size:12px;letter-spacing:.14em;margin:0;text-transform:uppercase}h1{font-size:var(--h1);letter-spacing:-.03em;line-height:1.02}.sub,h1{margin:0}.sub{color:rgba(11,18,32,.7);font-size:var(--lead);line-height:1.7;max-width:70ch}.layout{display:grid;gap:16px;grid-template-columns:1fr;margin-top:22px}@media (min-width:980px){.layout{align-items:start;gap:24px;grid-template-columns:340px 1fr}}.mobileNav{backdrop-filter:blur(8px);background:hsla(0,0%,100%,.72);border:1px solid rgba(11,18,32,.08);border-radius:var(--rXl);box-shadow:var(--shadowSoft);display:block;margin-top:16px;overflow:hidden;position:sticky;top:12px;z-index:10}.mobileNav__row{display:flex;gap:10px;overflow:auto;padding:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.mobileNav__row::-webkit-scrollbar{height:10px}.mobileNav__row::-webkit-scrollbar-thumb{background:rgba(11,18,32,.14);border-radius:999px}.mobileNav__row::-webkit-scrollbar-track{background:transparent}.chip{align-items:center;background:hsla(0,0%,100%,.84);border:1px solid rgba(11,18,32,.1);border-radius:999px;box-shadow:0 10px 18px rgba(11,18,32,.05);color:rgba(11,18,32,.86);display:inline-flex;font-size:13px;gap:10px;line-height:1;padding:10px 12px;scroll-snap-align:start;text-decoration:none;transition:transform .12s ease;white-space:nowrap}.chip:hover{transform:translateY(-1px)}.chip:focus{outline:2px solid var(--ring);outline-offset:2px}.chip .count{color:rgba(11,18,32,.58);font-family:var(--mono);font-size:12px}.toc{backdrop-filter:blur(10px);background:linear-gradient(180deg,hsla(0,0%,100%,.7),hsla(0,0%,100%,.52));border:1px solid rgba(11,18,32,.08);border-radius:var(--r2xl);box-shadow:var(--shadowSoft);display:none;padding:14px;position:sticky;top:122px}@media (min-width:980px){.toc{display:block}.mobileNav{display:none}.layout{margin-top:18px}}.toc h2{color:rgba(11,18,32,.62);font-size:12px;letter-spacing:.14em;line-height:4px;margin:21px 8px 10px;text-transform:uppercase}.toc a{border:1px solid transparent;border-radius:16px;color:rgba(11,18,32,.9);display:flex;gap:12px;justify-content:space-between;padding:11px 12px;text-decoration:none;transition:background .12s ease,border-color .12s ease,transform .12s ease}.toc a:hover{background:rgba(11,18,32,.04);border-color:rgba(11,18,32,.08);transform:translateY(-1px)}.toc a:focus{outline:2px solid var(--ring);outline-offset:2px}.toc .count{color:rgba(11,18,32,.58);font-family:var(--mono)}.content{display:grid;gap:16px}section.category{backdrop-filter:blur(10px);background:linear-gradient(180deg,hsla(0,0%,100%,.66),hsla(0,0%,100%,.52));border:1px solid rgba(11,18,32,.08);border-radius:var(--r2xl);box-shadow:var(--shadowSoft);padding:14px}.category__head{align-items:flex-end;border-bottom:1px solid rgba(11,18,32,.06);display:flex;gap:12px;justify-content:space-between;margin-bottom:14px;padding:12px 10px 14px}.category__title{font-size:clamp(18px,1.9vw,22px);letter-spacing:-.012em;line-height:1.2;margin:0}.category__meta{color:rgba(11,18,32,.62);font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums;margin:0;white-space:nowrap}ul.grid{display:grid;gap:var(--gridGutter);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}@media (min-width:640px){ul.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:980px){ul.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.card{background:linear-gradient(180deg,#fff,hsla(0,0%,100%,.96));border:1px solid rgba(11,18,32,.08);border-radius:var(--rXl);box-shadow:var(--shadowCard);min-height:144px;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.card:hover{border-color:rgba(11,18,32,.14);box-shadow:0 18px 42px rgba(11,18,32,.1);transform:translateY(-2px)}figure{display:grid;gap:10px;height:100%;margin:0;padding:14px}.logoFrame{background:radial-gradient(140px 90px at 22% 20%,rgba(11,18,32,.04),transparent 62%),radial-gradient(120px 80px at 80% 30%,rgba(11,18,32,.03),transparent 60%),#fff;border:1px solid rgba(11,18,32,.08);border-radius:var(--rLg);display:grid;height:var(--logoH);overflow:hidden;padding:10px;place-items:center}img{display:block;filter:saturate(1.02);height:100%;object-fit:contain;width:100%}figcaption{color:rgba(11,18,32,.72);font-size:13px;letter-spacing:.01em;text-overflow:ellipsis}.sr-only,figcaption{overflow:hidden;white-space:nowrap}.sr-only{height:1px;margin:-1px;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}.hero__inner h1{margin:0;max-width:820px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.card,.chip,.toc a{transition:none!important}}@media (max-width:400px){.logoFrame{height:auto}ul.grid{grid-template-columns:1fr}}