:root{color-scheme:light dark;--ink: #f2f2f2;--muted: #8a8a8a;--faint: #141414;--line: #232323;--line-strong: #2e2e2e;--bg: #0a0a0a;--accent: #ffffff;--accent-ink: #0a0a0a;--accent-hover: #e6e6e6;--placeholder: #555;--num: #555;--sep: #3a3a3a;--glass-bg: rgba(255, 255, 255, .04);--glass-bg-strong: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .08);--glass-border-strong: rgba(255, 255, 255, .14);--glass-shadow: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 12px 32px -18px rgba(0, 0, 0, .7);--orb-a: #3b82f6;--orb-b: #a855f7;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--ink: #111111;--muted: #666666;--faint: #fafafa;--line: #e6e6e6;--line-strong: #d0d0d0;--bg: #ffffff;--accent: #111111;--accent-ink: #ffffff;--accent-hover: #2a2a2a;--placeholder: #b0b0b0;--num: #b0b0b0;--sep: #d6d6d6;--glass-bg: rgba(255, 255, 255, .55);--glass-bg-strong: rgba(255, 255, 255, .72);--glass-border: rgba(17, 17, 17, .08);--glass-border-strong: rgba(17, 17, 17, .14);--glass-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 12px 32px -20px rgba(17, 17, 17, .18);--orb-a: #7cc0ff;--orb-b: #d8b8ff}}:root[data-theme=light]{--ink: #111111;--muted: #666666;--faint: #fafafa;--line: #e6e6e6;--line-strong: #d0d0d0;--bg: #ffffff;--accent: #111111;--accent-ink: #ffffff;--accent-hover: #2a2a2a;--placeholder: #b0b0b0;--num: #b0b0b0;--sep: #d6d6d6;--glass-bg: rgba(255, 255, 255, .55);--glass-bg-strong: rgba(255, 255, 255, .72);--glass-border: rgba(17, 17, 17, .08);--glass-border-strong: rgba(17, 17, 17, .14);--glass-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 12px 32px -20px rgba(17, 17, 17, .18);--orb-a: #7cc0ff;--orb-b: #d8b8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;z-index:-1;width:56vw;height:56vw;max-width:720px;max-height:720px;border-radius:50%;filter:blur(120px);opacity:.35;pointer-events:none}body:before{top:-18vw;left:-14vw;background:var(--orb-a)}body:after{bottom:-22vw;right:-16vw;background:var(--orb-b)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) body:before,:root:not([data-theme=dark]) body:after{opacity:.55}}:root[data-theme=light] body:before,:root[data-theme=light] body:after{opacity:.55}a{color:inherit}button,textarea{font:inherit}.page{width:min(66.6667vw,1080px);margin:0 auto;padding:40px 24px}.nav{display:flex;align-items:center;justify-content:space-between;height:28px;margin-bottom:48px}.brand{display:inline-flex;align-items:center;gap:8px}.brand-icon{display:block;width:24px;height:24px;border-radius:6px;object-fit:cover}.wordmark{font-size:.9375rem;font-weight:600;letter-spacing:-.01em}.tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;font-size:.75rem;color:var(--muted);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%)}.theme-toggle{cursor:pointer;font-family:inherit;transition:color .12s ease,background-color .12s ease,border-color .12s ease}.theme-toggle:hover{color:var(--ink);background:var(--glass-bg-strong);border-color:var(--glass-border-strong)}.typing-cursor{display:inline-block;width:2px;height:1.1em;background:var(--ink);margin-left:2px;vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:48px;align-items:center;margin-bottom:48px}h1{grid-column:1;margin:0;font-size:clamp(2rem,3.8vw,3rem);font-weight:600;line-height:1.02;letter-spacing:-.03em}.hero-right{grid-column:2;display:flex;flex-direction:column;gap:16px;max-width:460px}.lede{margin:0;color:var(--muted);font-size:.9375rem;line-height:1.5}.cta{display:flex;flex-wrap:wrap;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 14px;border:1px solid var(--line);border-radius:7px;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{color:var(--ink);background:var(--glass-bg);border-color:var(--glass-border);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%)}.btn.ghost:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-strong)}.eyebrow{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.eyebrow .label{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.6875rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.eyebrow .muted{font-size:.8125rem;color:var(--muted)}.demo{margin-bottom:48px}.field{display:block;width:100%;min-height:112px;padding:12px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:10px;box-shadow:var(--glass-shadow);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9375rem;line-height:1.5;resize:vertical;outline:none;transition:border-color .12s ease,background-color .12s ease}.field:focus{border-color:var(--glass-border-strong);background:var(--glass-bg-strong)}.field::placeholder{color:var(--placeholder)}.demo-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px;min-height:24px}.hint{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;line-height:1}.hint .from{color:var(--muted);text-decoration:line-through}.hint .arrow{color:var(--muted)}.hint .to{color:var(--ink)}.hint .sep{color:var(--sep)}.hint .action,.hint .muted{color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:4px}.chips button{height:24px;padding:0 10px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;cursor:pointer;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);transition:color .12s ease,border-color .12s ease,background-color .12s ease}.chips button:hover{color:var(--ink);background:var(--glass-bg-strong);border-color:var(--glass-border-strong)}.how{margin-bottom:48px}.how ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.how li{padding:16px 18px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;box-shadow:var(--glass-shadow);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%)}.num{display:block;color:var(--num);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;margin-bottom:10px}.how b{display:block;color:var(--ink);font-size:.9375rem;font-weight:600;line-height:1.4}.how p{margin:3px 0 0;color:var(--muted);font-size:.875rem;line-height:1.45}.foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid var(--line)}.foot p{margin:0;font-size:.75rem}.muted{color:var(--muted)}.foot-links{display:flex;gap:14px;font-size:.75rem}.foot-links a{color:var(--muted);text-decoration:none;transition:color .12s ease}.foot-links a:hover{color:var(--ink)}@media(max-width:900px){.page{width:min(92vw,760px);padding:32px 24px}.nav{margin-bottom:36px}.hero{grid-template-columns:minmax(0,1fr);row-gap:20px;align-items:start;margin-bottom:36px}h1,.hero-right{grid-column:1}.demo,.how{margin-bottom:36px}.how ol{grid-template-columns:1fr;gap:10px}}@media(max-width:520px){.page{width:auto;max-width:100%;padding:28px 20px}.nav,.hero,.demo,.how{margin-bottom:28px}.demo-foot{flex-direction:column;align-items:flex-start;gap:8px}.foot{flex-direction:column;align-items:flex-start}}