:root{color-scheme:light;--bg:#f7f5f0;--surface:#fffdfa;--surface-strong:#fff;--text:#1f2521;--muted:#6f766f;--line:#e0ddd5;--line-strong:#d1cdc3;--accent:#101512;--radius:22px}*{box-sizing:border-box}html{background:var(--bg)}body,html{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,hsla(0,0%,100%,.9),transparent 34rem),linear-gradient(180deg,#fbfaf6 0,var(--bg) 44%,#efede7 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:80px 0 88px}.hero{max-width:760px;margin-inline:auto;margin-bottom:40px;text-align:center}.eyebrow{margin:0 0 18px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}h1{margin:0;font-size:clamp(42px,6vw,76px);font-weight:650;letter-spacing:-.08em;line-height:.92}.intro{max-width:560px;margin:18px auto 0;color:var(--muted);font-size:18px;line-height:1.72}.grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.card,.grid{display:grid}.card{position:relative;min-height:330px;grid-template-rows:84px minmax(0,1fr);align-items:start;align-content:start;grid-gap:22px;gap:22px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 24px 70px rgba(31,37,33,.06);transition:border-color .18s ease,transform .18s ease,background .18s ease}.card:hover{border-color:var(--line-strong);background:#fff;transform:translateY(-3px)}.card:hover .openLabel{opacity:1;transform:translateY(0)}.logo{display:block;width:84px;height:84px;margin-left:-10px;border-radius:22px;object-fit:cover}.content{display:grid;height:100%;grid-template-rows:minmax(70px,auto) minmax(96px,1fr) auto;grid-gap:10px;gap:10px}.heading{display:flex;flex-direction:column;gap:8px}.codeName{display:block;max-width:100%;overflow:hidden;color:#8a9088;font-size:11px;font-weight:700;letter-spacing:.12em;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.name{font-size:22px;font-weight:680;letter-spacing:-.04em;line-height:1.08}.description{color:var(--muted);font-size:14px;line-height:1.64}.tags{display:flex;flex-wrap:wrap;align-self:end;gap:7px}.tag{padding:5px 8px;border:1px solid #ebe8df;border-radius:999px;color:#767d76;background:#fbfaf7}.openLabel,.tag{font-size:11px;line-height:1}.openLabel{position:absolute;right:20px;top:22px;color:#7a8179;font-weight:700;letter-spacing:.08em;opacity:0;text-transform:uppercase;transform:translateY(3px);transition:opacity .18s ease,transform .18s ease}.footer{display:flex;justify-content:center;padding-top:56px}.footerLogo{width:min(238px,62vw);height:auto}@media (max-width:980px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.shell{width:min(100% - 28px,420px);padding:52px 0 56px}.grid{grid-template-columns:1fr}.card{min-height:310px}}