.knoccs{--kn-bg:#f7f6f3;--kn-card:#fff;--kn-ink:#1a181c;--kn-body:#534e56;--kn-muted:#7d7881;--kn-border:#1a181c1f;--kn-stage:#17112a;--kn-stage-card:#fff;--kn-p1:#778afa;--kn-p2:#7620ba;--kn-p3:#eb7878;--kn-p4:#de62ea;--kn-s1:#1a181c;--kn-s2:#312d34;--kn-s3:#534e56;--kn-s4:#7d7881;--kn-s5:#ada7b2;--kn-s6:#eae7eb;--kn-s7:#fff;--kn-red:#b52121;--kn-red-base:#ffeded;--kn-green:#066627;--kn-green-base:#edfff3;--kn-orange:#a74b09;--kn-orange-base:#fff6ed;--kn-blue:#0c2ea8;--kn-blue-base:#e8eaff;--kn-hover-dark:#4b3b56;--kn-hover-light:#f7f5fa;--kn-focused:#ede9f9;--kn-star:#ebc606;--kn-menu-bg:#322a38;--kn-sans:var(--font-knoccs-sans), "Plus Jakarta Sans", var(--font-inter), sans-serif;--kn-mono:var(--font-cabinblu-mono), "JetBrains Mono", ui-monospace, monospace;background:var(--kn-bg);color:var(--kn-body);font-family:var(--kn-sans);scroll-behavior:smooth}.knoccs h1,.knoccs h2,.knoccs h3,.knoccs h4{font-family:var(--kn-sans);letter-spacing:-.02em;color:var(--kn-ink);font-weight:700}.knoccs .kn-eyebrow{font-family:var(--kn-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--kn-p2);align-items:center;gap:10px;font-size:12.5px;font-weight:400;display:inline-flex}.knoccs .kn-eyebrow:before{content:"";background:var(--kn-p2);border-radius:2px;width:7px;height:7px}.knoccs .kn-panel{background:var(--kn-card);border:1px solid var(--kn-border);border-radius:20px}.knoccs .kn-stage{background:var(--kn-stage);border-radius:16px}.knoccs .kn-swatch{border:1px solid #0000000f;border-radius:12px}