.knowledge-canvas{--color-bg:#0a0a0a;--color-surface:#141414;--color-elevated:#1e1e1e;--color-border:#222;--color-border-strong:#333;--color-text:#f5f5f5;--color-muted:#999;--color-subtle:#666;--color-faint:#555;--color-cyan:#00b4d8;--color-amber:#f0a500;--color-blue:#4a90d9;--color-green:#34d399;--color-purple:#a78bfa;--color-red:#ef4444;--color-gray-warm:#a1a1aa;--font-display:"Sporting Grotesque", "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body:"Familjen Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:17px;line-height:1.6;overflow-x:hidden}.knowledge-canvas h1,.knowledge-canvas h2,.knowledge-canvas h3,.knowledge-canvas h4{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.05}@media (prefers-reduced-motion:reduce){.knowledge-canvas *,.knowledge-canvas :before,.knowledge-canvas :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.knowledge-canvas .font-display{font-family:var(--font-display)}.knowledge-canvas .font-body{font-family:var(--font-body)}.knowledge-canvas .font-mono{font-family:var(--font-mono)}.knowledge-canvas .kb-slider{appearance:none;background:var(--color-border);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.knowledge-canvas .kb-slider::-webkit-slider-thumb{appearance:none;background:var(--color-cyan);cursor:pointer;border:2px solid var(--color-bg);border-radius:50%;width:24px;height:24px;transition:transform .15s ease-out,box-shadow .15s ease-out;box-shadow:0 0 0 2px #00b4d859,0 0 20px #00b4d840}.knowledge-canvas .kb-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 3px #00b4d880,0 0 30px #00b4d880}.knowledge-canvas .kb-slider::-webkit-slider-thumb:active{transform:scale(1.1);box-shadow:0 0 0 3px #00b4d880,0 0 30px #00b4d880}.knowledge-canvas .kb-slider::-moz-range-thumb{background:var(--color-cyan);cursor:pointer;border:2px solid var(--color-bg);border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 2px #00b4d859,0 0 20px #00b4d840}.knowledge-canvas .kb-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #00b4d899}.knowledge-canvas .kb-slider-amber::-webkit-slider-thumb{background:var(--color-amber);box-shadow:0 0 0 2px #f0a50059,0 0 20px #f0a50040}.knowledge-canvas .kb-slider-amber::-moz-range-thumb{background:var(--color-amber);box-shadow:0 0 0 2px #f0a50059,0 0 20px #f0a50040}.knowledge-canvas .kb-slider-green::-webkit-slider-thumb{background:var(--color-green);box-shadow:0 0 0 2px #34d39959,0 0 20px #34d39940}.knowledge-canvas .kb-slider-green::-moz-range-thumb{background:var(--color-green);box-shadow:0 0 0 2px #34d39959,0 0 20px #34d39940}.knowledge-canvas .eyebrow{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:500}.knowledge-canvas .num-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.knowledge-canvas :focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px;border-radius:2px}.knowledge-canvas .no-scrollbar::-webkit-scrollbar{display:none}.knowledge-canvas .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.knowledge-canvas .kb-trust-bar{background:linear-gradient(90deg, var(--color-cyan) 0%, var(--color-red) 100%)}.knowledge-canvas .kb-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.knowledge-canvas .kb-dot-green{background:var(--color-green);box-shadow:0 0 8px #34d39999}.knowledge-canvas .kb-dot-amber{background:var(--color-amber);box-shadow:0 0 8px #f0a50099}.knowledge-canvas .kb-dot-blue{background:var(--color-blue);box-shadow:0 0 8px #4a90d999}.knowledge-canvas .kb-dot-gray{background:var(--color-gray-warm)}.knowledge-canvas .kb-glow-cyan{box-shadow:0 0 0 1px #00b4d859,0 20px 60px -20px #00b4d840}.knowledge-canvas .kb-device-frame{border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:12px;overflow:hidden;box-shadow:0 30px 80px -20px #00000080}
.the-other-barbershop-canvas{--color-bg:#0a0a0a;--color-surface:#141414;--color-elevated:#1e1e1e;--color-border:#222;--color-border-strong:#333;--color-text:#f5f5f5;--color-muted:#999;--color-subtle:#666;--color-faint:#555;--color-cyan:#00b4d8;--color-amber:#f0a500;--color-blue:#4a90d9;--color-green:#34d399;--color-purple:#a78bfa;--color-red:#ef4444;--color-gray-warm:#a1a1aa;--font-display:"Sporting Grotesque", "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body:"Familjen Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:17px;line-height:1.6;overflow-x:hidden}.the-other-barbershop-canvas h1,.the-other-barbershop-canvas h2,.the-other-barbershop-canvas h3,.the-other-barbershop-canvas h4{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.05}@media (prefers-reduced-motion:reduce){.the-other-barbershop-canvas *,.the-other-barbershop-canvas :before,.the-other-barbershop-canvas :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.the-other-barbershop-canvas .font-display{font-family:var(--font-display)}.the-other-barbershop-canvas .font-body{font-family:var(--font-body)}.the-other-barbershop-canvas .font-mono{font-family:var(--font-mono)}.the-other-barbershop-canvas .kb-slider{appearance:none;background:var(--color-border);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.the-other-barbershop-canvas .kb-slider::-webkit-slider-thumb{appearance:none;background:var(--color-cyan);cursor:pointer;border:2px solid var(--color-bg);border-radius:50%;width:24px;height:24px;transition:transform .15s ease-out,box-shadow .15s ease-out;box-shadow:0 0 0 2px #00b4d859,0 0 20px #00b4d840}.the-other-barbershop-canvas .kb-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 3px #00b4d880,0 0 30px #00b4d880}.the-other-barbershop-canvas .kb-slider::-webkit-slider-thumb:active{transform:scale(1.1);box-shadow:0 0 0 3px #00b4d880,0 0 30px #00b4d880}.the-other-barbershop-canvas .kb-slider::-moz-range-thumb{background:var(--color-cyan);cursor:pointer;border:2px solid var(--color-bg);border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 2px #00b4d859,0 0 20px #00b4d840}.the-other-barbershop-canvas .kb-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #00b4d899}.the-other-barbershop-canvas .kb-slider-amber::-webkit-slider-thumb{background:var(--color-amber);box-shadow:0 0 0 2px #f0a50059,0 0 20px #f0a50040}.the-other-barbershop-canvas .kb-slider-amber::-moz-range-thumb{background:var(--color-amber);box-shadow:0 0 0 2px #f0a50059,0 0 20px #f0a50040}.the-other-barbershop-canvas .kb-slider-green::-webkit-slider-thumb{background:var(--color-green);box-shadow:0 0 0 2px #34d39959,0 0 20px #34d39940}.the-other-barbershop-canvas .kb-slider-green::-moz-range-thumb{background:var(--color-green);box-shadow:0 0 0 2px #34d39959,0 0 20px #34d39940}.the-other-barbershop-canvas .eyebrow{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:500}.the-other-barbershop-canvas .num-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.the-other-barbershop-canvas :focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px;border-radius:2px}.the-other-barbershop-canvas .no-scrollbar::-webkit-scrollbar{display:none}.the-other-barbershop-canvas .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.the-other-barbershop-canvas .kb-trust-bar{background:linear-gradient(90deg, var(--color-cyan) 0%, var(--color-red) 100%)}.the-other-barbershop-canvas .kb-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.the-other-barbershop-canvas .kb-dot-green{background:var(--color-green);box-shadow:0 0 8px #34d39999}.the-other-barbershop-canvas .kb-dot-amber{background:var(--color-amber);box-shadow:0 0 8px #f0a50099}.the-other-barbershop-canvas .kb-dot-blue{background:var(--color-blue);box-shadow:0 0 8px #4a90d999}.the-other-barbershop-canvas .kb-dot-gray{background:var(--color-gray-warm)}.the-other-barbershop-canvas .kb-glow-cyan{box-shadow:0 0 0 1px #00b4d859,0 20px 60px -20px #00b4d840}.the-other-barbershop-canvas .kb-device-frame{border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:12px;overflow:hidden;box-shadow:0 30px 80px -20px #00000080}
.cadmen-canvas{--color-bg:#0a0a0a;--color-surface:#141414;--color-elevated:#1e1e1e;--color-border:#222;--color-border-strong:#333;--color-text:#f5f5f5;--color-muted:#999;--color-subtle:#666;--color-faint:#555;--color-cyan:#00b4d8;--color-amber:#f0a500;--color-blue:#4a90d9;--color-green:#34d399;--color-purple:#a78bfa;--color-red:#ef4444;--color-gray-warm:#a1a1aa;--font-display:"Sporting Grotesque", "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body:"Familjen Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:17px;line-height:1.6;overflow-x:hidden}.cadmen-canvas h1,.cadmen-canvas h2,.cadmen-canvas h3,.cadmen-canvas h4{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.05}@media (prefers-reduced-motion:reduce){.cadmen-canvas *,.cadmen-canvas :before,.cadmen-canvas :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.cadmen-canvas .font-display{font-family:var(--font-display)}.cadmen-canvas .font-body{font-family:var(--font-body)}.cadmen-canvas .font-mono{font-family:var(--font-mono)}.cadmen-canvas .kb-slider{appearance:none;background:var(--color-border);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.cadmen-canvas .kb-slider::-webkit-slider-thumb{appearance:none;background:var(--color-cyan);cursor:pointer;border:2px solid var(--color-bg);border-radius:50%;width:24px;height:24px;transition:transform .15s ease-out,box-shadow .15s ease-out;box-shadow:0 0 0 2px #00b4d859,0 0 20px #00b4d840}.cadmen-canvas .kb-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 3px #00b4d880,0 0 30px #00b4d880}.cadmen-canvas .kb-slider::-webkit-slider-thumb:active{transform:scale(1.1);box-shadow:0 0 0 3px #00b4d880,0 0 30px #00b4d880}.cadmen-canvas .kb-slider::-moz-range-thumb{background:var(--color-cyan);cursor:pointer;border:2px solid var(--color-bg);border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 2px #00b4d859,0 0 20px #00b4d840}.cadmen-canvas .kb-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #00b4d899}.cadmen-canvas .kb-slider-amber::-webkit-slider-thumb{background:var(--color-amber);box-shadow:0 0 0 2px #f0a50059,0 0 20px #f0a50040}.cadmen-canvas .kb-slider-amber::-moz-range-thumb{background:var(--color-amber);box-shadow:0 0 0 2px #f0a50059,0 0 20px #f0a50040}.cadmen-canvas .kb-slider-green::-webkit-slider-thumb{background:var(--color-green);box-shadow:0 0 0 2px #34d39959,0 0 20px #34d39940}.cadmen-canvas .kb-slider-green::-moz-range-thumb{background:var(--color-green);box-shadow:0 0 0 2px #34d39959,0 0 20px #34d39940}.cadmen-canvas .eyebrow{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:500}.cadmen-canvas .num-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.cadmen-canvas :focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px;border-radius:2px}.cadmen-canvas .no-scrollbar::-webkit-scrollbar{display:none}.cadmen-canvas .no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.cadmen-canvas .kb-trust-bar{background:linear-gradient(90deg, var(--color-cyan) 0%, var(--color-red) 100%)}.cadmen-canvas .kb-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.cadmen-canvas .kb-dot-green{background:var(--color-green);box-shadow:0 0 8px #34d39999}.cadmen-canvas .kb-dot-amber{background:var(--color-amber);box-shadow:0 0 8px #f0a50099}.cadmen-canvas .kb-dot-blue{background:var(--color-blue);box-shadow:0 0 8px #4a90d999}.cadmen-canvas .kb-dot-gray{background:var(--color-gray-warm)}.cadmen-canvas .kb-glow-cyan{box-shadow:0 0 0 1px #00b4d859,0 20px 60px -20px #00b4d840}.cadmen-canvas .kb-device-frame{border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:12px;overflow:hidden;box-shadow:0 30px 80px -20px #00000080}