.sc-root{--bg:#faf9f5;--paper:#fff;--ink:#15140f;--ink-dim:#5a594e;--ink-faint:#9b9a8c;--line-strong:#b8b5a4;--accent:#057ff2;--accent-ink:#fff;background:var(--bg);border-top:1px solid var(--line-strong);width:100%;padding:56px 32px 64px}.sc-root *{box-sizing:border-box}@media (max-width:720px){.sc-root{padding:40px 20px 48px}}.sc-inner{max-width:1200px;margin:0 auto}.sc-head{margin-bottom:28px}.sc-eyebrow{letter-spacing:.12em;color:var(--ink-faint);margin-bottom:10px;font-size:10.5px;display:block}.sc-title{color:var(--ink);margin:0;font-size:clamp(22px,3vw,30px);line-height:1.05}.sc-grid{background:var(--line-strong);border:1px solid var(--line-strong);grid-template-columns:repeat(5,1fr);gap:1px;display:grid}@media (max-width:900px){.sc-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:560px){.sc-grid{grid-template-columns:repeat(2,1fr)}}.sc-card{background:var(--paper);cursor:pointer;text-align:left;border:none;flex-direction:column;align-items:flex-start;gap:14px;padding:22px 16px;transition:background .15s,color .15s;display:flex;position:relative}.sc-card:hover{background:var(--ink)}.sc-card:hover .sc-name,.sc-card:hover .sc-handle,.sc-card:hover .sc-icon,.sc-card:hover .sc-arrow{color:var(--bg)}.sc-card:hover .sc-arrow{opacity:1;transform:translate(2px,-2px)}.sc-card:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sc-icon{color:var(--ink);transition:color .15s}.sc-text{flex-direction:column;gap:4px;display:flex}.sc-name{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);font-size:12.5px;font-weight:600;transition:color .15s}.sc-handle{color:var(--ink-faint);font-size:11px;transition:color .15s}.sc-arrow{color:var(--ink-faint);opacity:.6;font-size:13px;transition:color .15s,opacity .15s,transform .15s;position:absolute;top:16px;right:16px}