.procs{background:var(--c-bg)}.proc-filters{display:flex;gap:var(--space-8);flex-wrap:wrap;margin:var(--space-40) 0 var(--space-36);justify-content:center}.pf-tab{padding:var(--space-9) var(--space-22);border-radius:var(--radius-pill);font-size:var(--font-size-13-5);font-weight:700;cursor:pointer;border:1.5px solid var(--c-border);background:var(--c-white);color:var(--c-text);transition:var(--tr)}.pf-tab:hover{border-color:var(--c-dark);color:var(--c-dark)}.pf-tab.act{background:var(--c-dark);border-color:var(--c-dark);color:var(--c-white)}.proc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-18)}.proc-card{background:var(--c-card);border-radius:var(--rl);padding:var(--space-26) var(--space-22);transition:var(--tr);border:1.5px solid #fff0;display:flex;flex-direction:column;gap:var(--space-12);text-decoration:none}.proc-card:hover{background:var(--c-white);box-shadow:var(--sh-hover);transform:translateY(-5px);border-color:var(--c-border)}.pc-ico{display:none}.proc-card{border-top:3px solid #fff0;padding-top:var(--space-24)}.proc-card:hover{border-top-color:var(--c-accent)}.pc-ico svg{width:23px;height:23px;color:var(--c-dark);transition:color .3s}.proc-card:hover .pc-ico svg{color:var(--c-white)}.pc-ico img{width:36px;height:36px;display:block;filter:brightness(0);transition:filter .3s}.proc-card:hover .pc-ico img{filter:brightness(0) invert(1)}.pc-cat{font-size:var(--font-size-10-5);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--c-accent)}.pc-name{font-size:var(--font-size-15);font-weight:800;color:var(--c-dark);line-height:1.3}.pc-desc{font-size:var(--font-size-12-5);color:var(--c-muted);line-height:1.5;flex:1}.pc-link{display:inline-flex;align-items:center;gap:var(--space-5);font-size:var(--font-size-12-5);font-weight:700;color:var(--c-dark);margin-top:var(--space-4);transition:var(--tr)}.pc-link svg{width:14px;height:14px;transition:transform .25s}.proc-card:hover .pc-link svg{transform:translateX(4px)}.proc-card.hidden{display:none}