:root{--bg:#f4f4f1;--bg-warm:#ecebe5;--paper:#fbfbf8;--ink:#14130f;--ink-2:#28261f;--ink-3:#696760;--ink-4:#a09e94;--line:#e1dfd6;--line-soft:#eceae0;--violet:#5b3fd9;--violet-2:#4429b8;--violet-50:#ece7ff;--violet-10:#5b3fd912;--ok:#4a7c3f}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-funnel-sans), ui-sans-serif, system-ui, -apple-system, sans-serif;font-feature-settings:"ss01";-webkit-text-size-adjust:100%;font-weight:400}a{color:inherit;text-decoration:none}::selection{background:var(--violet);color:var(--paper)}.display{font-family:var(--font-funnel-display), var(--font-funnel-sans), sans-serif}.mono{font-family:var(--font-jetbrains-mono), ui-monospace, SFMono-Regular, Menlo, monospace}.wrap{max-width:1280px;margin:0 auto;padding:0 32px}@media (max-width:720px){.wrap{padding:0 20px}}.grain{pointer-events:none;z-index:1;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.6' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.9'/></svg>");position:fixed;inset:0}.pill{border:1px solid var(--line);font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.02em;color:var(--ink-2);background:#ffffff8c;border-radius:999px;align-items:center;gap:8px;padding:6px 11px;font-size:11px;display:inline-flex}.pill-violet{background:var(--violet-50);color:var(--violet-2);border-color:#5b3fd92e}.dot{background:var(--violet);width:6px;height:6px;box-shadow:0 0 0 0 var(--violet);border-radius:99px;animation:2.6s ease-out infinite pulse;display:inline-block}.dot-ok{background:var(--ok);animation:2.6s ease-out infinite pulseOk}@keyframes pulse{0%{box-shadow:0 0 #5b3fd98c}70%{box-shadow:0 0 0 8px #5b3fd900}to{box-shadow:0 0 #5b3fd900}}@keyframes pulseOk{0%{box-shadow:0 0 #4a7c3f8c}70%{box-shadow:0 0 0 8px #4a7c3f00}to{box-shadow:0 0 #4a7c3f00}}.label{font-family:var(--font-jetbrains-mono), monospace;letter-spacing:.06em;color:var(--ink-3);align-items:center;gap:10px;font-size:11px;display:inline-flex}.label:before{content:"";background:var(--violet);opacity:1;width:24px;height:1px;display:inline-block}.hot{color:var(--violet)}.arr-link{color:var(--ink);border-bottom:1px solid;align-items:center;gap:8px;padding-bottom:1px;text-decoration:none;transition:gap .2s,color .2s;display:inline-flex}.arr-link:hover{color:var(--violet);gap:12px}.img-ph{background:repeating-linear-gradient(135deg, #14130f0a 0 1px, transparent 1px 11px), var(--bg-warm);border:1px solid var(--line);position:relative;overflow:hidden}.img-ph:after{content:attr(data-label);font-family:var(--font-jetbrains-mono), monospace;color:var(--ink-3);border:1px solid var(--line);background:#f4f4f1eb;border-radius:4px;padding:4px 8px;font-size:11px;position:absolute;bottom:12px;left:14px}[data-reveal]{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(14px)}[data-reveal].in{opacity:1;transform:none}#root{z-index:2;position:relative}.chio-nav-link:hover{border-bottom-color:var(--violet)!important;color:var(--violet)!important}.chio-nav-cta:hover{background:var(--violet-2)!important}.chio-nav-desktop{align-items:center;gap:28px;display:flex}.chio-nav-burger{border:1px solid var(--line);cursor:pointer;width:40px;height:40px;color:var(--ink);background:#ffffff8c;border-radius:999px;justify-content:center;align-items:center;padding:0;display:none}.chio-nav-burger:hover{border-color:var(--violet);color:var(--violet)}.chio-nav-drawer{z-index:100;background:var(--bg);flex-direction:column;padding:24px 20px;transition:transform .25s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translateY(-100%)}.chio-nav-drawer.open{transform:translateY(0)}.chio-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;display:grid}.chio-studio-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;display:grid}.chio-studio-bio{grid-template-columns:180px 1fr;align-items:start;gap:32px;display:grid}.chio-studio-bio-img{width:180px;height:220px}.chio-product-card{color:inherit;background:var(--paper);border:1px solid var(--line);border-radius:18px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);text-decoration:none;transition:transform .3s,box-shadow .3s,border-color .3s;display:grid;overflow:hidden;box-shadow:inset 0 1px #fff9,0 1px 2px #14130f0a}.chio-product-card:hover{border-color:#5b3fd959;transform:translateY(-2px);box-shadow:0 24px 60px -28px #5b3fd94d}@media (max-width:720px){.chio-product-card{grid-template-columns:1fr}}.chio-repo-card{color:var(--paper);background:var(--ink);flex-direction:column;min-height:188px;padding:26px;text-decoration:none;transition:background .2s;display:flex}.chio-repo-card:hover{background:#5b3fd91a}.chio-support-card{color:inherit;background:var(--paper);border:1px solid var(--line);border-radius:18px;flex-direction:column;min-height:240px;padding:28px;text-decoration:none;transition:transform .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.chio-support-card:hover{border-color:#5b3fd959;transform:translateY(-2px)}.chio-footer-link{color:var(--paper);opacity:.85;font-size:14.5px;text-decoration:none;transition:opacity .15s,color .15s}.chio-footer-link:hover{opacity:1;color:#a98bff}@media (max-width:880px){.chio-nav-desktop{display:none}.chio-nav-burger{display:inline-flex}.chio-hero-grid{grid-template-columns:1fr;gap:32px}.chio-studio-grid{grid-template-columns:1fr}.chio-studio-bio{grid-template-columns:1fr;gap:20px}.chio-studio-bio-img{width:100%;max-width:220px;height:260px}}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transition:none;transform:none}.dot,.dot-ok{animation:none}html{scroll-behavior:auto}}