.cat-hero{border-bottom:1px solid var(--color-line);padding:64px 0 72px}@media (min-width:640px){.cat-hero{padding:80px 0 88px}}.cat-ic{background:var(--color-brand-soft);width:42px;height:42px;color:var(--color-brand);border-radius:12px;flex:none;place-items:center;transition:background-color .2s,color .2s;display:grid}.cat-ic.big{background:var(--color-brand);color:#fff;border-radius:15px;width:52px;height:52px}.cat-knox{align-items:flex-end;gap:12px;max-width:460px;margin-top:36px;display:flex}.cat-knox img{flex:none;width:96px;height:auto}.cat-knox p{border:2px solid var(--color-ink);box-shadow:0 4px 0 var(--color-ink);font-family:var(--font-display);color:var(--color-ink);background:#fbf0d2;border-radius:16px 16px 16px 4px;margin-bottom:14px;padding:12px 16px;font-size:15px;font-weight:700;line-height:1.35}.cat-knox b{letter-spacing:.1em;text-transform:uppercase;color:var(--color-brand);margin-bottom:2px;font-size:10.5px;display:block}.cat-tiles{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:520px){.cat-tiles{grid-template-columns:1fr}}.cat-tile{border:1px solid var(--color-line);background:#fff;border-radius:20px;align-content:start;gap:6px;padding:20px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.cat-tile:hover,.cat-tile:focus-visible{border-color:var(--color-brand-line);outline:none;transform:translateY(-3px);box-shadow:0 20px 38px -28px #1c141280}.cat-tile:hover .cat-ic{background:var(--color-brand);color:#fff}.cat-tile-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cat-n{font-family:var(--mono,ui-monospace, monospace);color:var(--color-brand);font-size:13px;font-weight:700}.cat-tile b{font-family:var(--font-display);color:var(--color-ink);font-size:20px;font-weight:800;line-height:1.15}.cat-tile-list{color:var(--color-subtle);font-size:13.5px;line-height:1.45}.cat-bar{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-line);background:#fffffff0;position:sticky;top:64px}.cat-bar a{border:1px solid var(--color-line);color:var(--color-body);white-space:nowrap;background:#fff;border-radius:999px;flex:none;align-items:center;gap:8px;padding:6px 14px;font-size:13.5px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.cat-bar a span{font-family:var(--mono,ui-monospace, monospace);color:var(--color-brand);font-size:11.5px}.cat-bar a:hover{border-color:var(--color-brand-line);color:var(--color-brand)}.cat-sec{border-bottom:1px solid var(--color-line);padding:72px 0 80px}@media (min-width:1024px){.cat-head{position:sticky;top:148px}}.cat-feat{border:1px solid var(--color-line);background:#fff;border-radius:22px;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden;box-shadow:0 30px 56px -38px #1c141280}.cat-feat:hover,.cat-feat:focus-visible{outline:none;transform:translateY(-3px);box-shadow:0 38px 62px -36px #1c14128c}.cat-feat-stage{border-top:4px solid var(--color-brand);background:linear-gradient(#ffffff0d 1px, transparent 1px) 0 0 / 32px 32px, linear-gradient(90deg, #ffffff0d 1px, transparent 1px) 0 0 / 32px 32px, var(--color-panel);place-items:start center;height:312px;padding:28px 28px 0;display:grid;overflow:hidden}.cat-feat-stage>.fx{width:100%}.cat-feat-stage .fx-win{border-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0;box-shadow:0 24px 44px -20px #0009}.cat-feat-stage .fx-phone{margin-bottom:-40px}.cat-feat-body{align-items:flex-start;gap:14px;padding:20px 64px 22px 22px;display:flex;position:relative}.cat-feat:hover .cat-ic{background:var(--color-brand);color:#fff}.cat-go{background:var(--color-ink);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;transition:background-color .2s,transform .2s;display:grid;position:absolute;top:50%;right:20px;translate:0 -50%}.cat-feat:hover .cat-go{background:var(--color-brand);transform:translate(3px)}@media (prefers-reduced-motion:reduce){.cat-tile,.cat-feat,.cat-go,.cat-ic{transition:none}.cat-tile:hover,.cat-feat:hover{transform:none}}