:root{--bg: #0e0f12;--panel: #16181d;--panel-2: #1d2026;--line: #2a2e36;--line-2: #3a3f4a;--ink: #e7e9ee;--ink-dim: #9aa0ac;--ink-faint: #6a7080;--accent: #ffb000;--accent-2: #5dd2ff;--shadow: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 8px 24px rgba(0, 0, 0, .35)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--ink)}body{font-family:IBM Plex Sans,system-ui,sans-serif;font-size:15px;line-height:1.6;min-height:100vh}.container{max-width:880px;margin:0 auto;padding:64px 28px}header{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:32px;position:relative}header .vendor{position:absolute;top:0;right:0;display:inline-flex;align-items:center;opacity:.85;transition:opacity .15s}header .vendor:hover{opacity:1}header .vendor img{height:44px;width:auto;display:block;filter:invert(1)}h1{font-family:"IBM Plex Serif",serif;font-size:32px;font-weight:600;letter-spacing:-.01em;margin-bottom:10px}h1 .tag{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;color:var(--accent);background:#ffb0001f;padding:3px 8px;margin-left:10px;border-radius:3px;text-transform:uppercase;letter-spacing:.05em;vertical-align:6px}.subtitle{color:var(--ink-dim);font-size:15px}.subtitle strong{color:var(--ink);font-weight:600}.subtitle a{color:var(--accent-2);text-decoration:none;border-bottom:1px solid rgba(93,210,255,.3);transition:color .12s,border-color .12s}.subtitle a:hover{color:var(--accent);border-bottom-color:#ffb00080}.apps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:32px}.app{display:block;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:22px;text-decoration:none;color:var(--ink);transition:border-color .12s,transform .12s;box-shadow:var(--shadow)}.app:hover{border-color:var(--accent);transform:translateY(-1px)}.app h2{font-family:"IBM Plex Serif",serif;font-weight:600;font-size:18px;margin-bottom:8px;color:var(--accent);letter-spacing:-.01em}.app p{color:var(--ink-dim);font-size:13px;line-height:1.55}.swatch-source{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px 22px;box-shadow:var(--shadow);margin-bottom:14px}.swatch-source h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);font-weight:500;margin-bottom:8px}.swatch-source p{font-size:14px;color:var(--ink);margin-bottom:14px}.swatch-source p a{color:var(--accent-2);text-decoration:none;border-bottom:1px solid rgba(93,210,255,.3)}.swatch-source p a:hover{color:var(--accent);border-bottom-color:#ffb00080}.swatch-embed{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:0;overflow:hidden;max-width:640px;container-type:inline-size}.swatch-embed iframe{display:block;width:100%;height:190px;border:0}@container (max-width: 639px){.swatch-embed iframe{height:auto;aspect-ratio:1 / 1}}@container (max-width: 399px){.swatch-embed iframe{aspect-ratio:400 / 445}}.callout{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px 22px;box-shadow:var(--shadow)}.callout h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);font-weight:500;margin-bottom:8px}.callout p{font-size:14px;color:var(--ink)}.callout code{font-family:IBM Plex Mono,monospace;font-size:12px;background:var(--panel-2);border:1px solid var(--line);color:var(--accent-2);padding:1px 6px;border-radius:3px}