.board-filters{flex-wrap:wrap;gap:8px;margin-bottom:clamp(16px,3vw,24px);display:flex}.board-filters button{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:999px;min-height:36px;padding:8px 14px;font-size:11.5px;transition:color .15s,border-color .15s,background .15s}.board-filters button.is-on{color:var(--ink);border-color:color-mix(in oklch, var(--brand-500) 40%, var(--line));background:color-mix(in oklch, var(--brand-500) 8%, var(--surface))}.board-filters button:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px}.role-list{gap:14px;display:grid}.role-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);opacity:0;grid-template-columns:1fr;place-items:start;gap:12px;padding:clamp(18px,3vw,24px);transition:opacity .45s,transform .45s,border-color .2s;display:grid;transform:translateY(12px)}.role-card.is-in{opacity:1;transform:translateY(0)}.role-card:hover{border-color:var(--line-2)}.role-card.is-hidden{display:none}.role-card>div{width:100%}.role-card h3{text-align:left;margin:0;font-size:clamp(17px,2vw,20px)}.role-meta{font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;gap:8px;margin-top:8px;font-size:11.5px;display:flex}.role-meta span{border:1px solid var(--line);background:color-mix(in oklch, var(--bg) 50%, transparent);border-radius:6px;padding:4px 10px}.role-card p{color:var(--ink-soft);text-align:left;width:100%;margin:0;font-size:14.5px;line-height:1.55}.role-card .btn{white-space:nowrap;justify-self:start}.process{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:clamp(12px,2vw,20px);margin-top:clamp(28px,4vw,40px);display:grid}.process-step{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:20px 18px;position:relative}.process-step:before{counter-increment:step;content:counter(step, decimal-leading-zero);font-family:var(--font-mono);color:var(--brand-500);letter-spacing:.08em;margin-bottom:10px;font-size:11px;display:block}.process-step h3{font-size:16px}.process-step p{color:var(--muted);margin-top:8px;font-size:13.5px;line-height:1.5}.perks{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:clamp(24px,4vw,36px);display:grid}.perk{border-radius:var(--radius-sm);border:1px solid var(--line);background:color-mix(in oklch, var(--brand-500) 3%, var(--surface));align-items:flex-start;gap:12px;padding:16px;display:flex}.perk .dot{background:var(--brand-500);width:8px;height:8px;box-shadow:0 0 10px color-mix(in oklch, var(--brand-500) 50%, transparent);border-radius:50%;flex:none;margin-top:6px}.perk strong{margin-bottom:4px;font-size:14px;display:block}.perk span{color:var(--muted);font-size:13px;line-height:1.45}.board-count{font-family:var(--font-mono);color:var(--trust);border:1px solid color-mix(in oklch, var(--trust) 25%, transparent);border-radius:999px;margin-left:auto;padding:5px 12px;font-size:12px}@media (max-width:800px){.process{grid-template-columns:1fr 1fr}}@media (max-width:480px){.process{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.role-card{opacity:1!important;transform:none!important}}