.queen-demo{--demo-cycle:12s;width:100%;height:100%;padding:var(--space-3);background:linear-gradient(180deg, var(--color-surface), var(--color-bg));justify-content:center;align-items:center;display:flex}.queen-demo-window{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-surface-overlay);width:100%;max-width:360px;font-family:var(--font-sans);overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 16px 40px -16px #00000080;box-shadow:inset 0 1px lab(100% -.0000298023 .0000119209/.04),0 16px 40px -16px lab(0% 0 0/.501961)}.queen-demo-window-head{border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-raised);align-items:center;gap:6px;padding:8px 12px;display:flex}.queen-demo-traffic{background:var(--color-border-strong);border-radius:999px;width:8px;height:8px}.queen-demo-window-title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-bright);margin-left:auto;font-size:10px;font-weight:600}.queen-demo-body{padding:var(--space-3);flex-direction:column;gap:10px;min-height:250px;display:flex}.queen-demo-msg{opacity:0;align-items:flex-start;gap:8px;display:flex}.queen-demo-msg--user{animation:queen-demo-msg-in var(--demo-cycle) infinite;animation-delay:0s}.queen-demo-msg--queen{animation:queen-demo-msg-in var(--demo-cycle) infinite;animation-delay:1.4s}@keyframes queen-demo-msg-in{0%{opacity:0;transform:translateY(6px)}6%,92%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}.queen-demo-avatar{letter-spacing:.05em;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:8px;font-weight:700;display:inline-flex}.queen-demo-avatar--user{background:var(--color-border-strong);color:var(--color-text-secondary)}.queen-demo-avatar--queen{background:color-mix(in oklab, var(--color-accent) 18%, transparent);border:1px solid color-mix(in oklab, var(--color-accent) 50%, transparent)}.queen-demo-bubble{background:var(--color-surface);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);border-radius:8px;flex:1;min-height:16px;padding:8px 10px;font-size:12px;line-height:1.4;position:relative}.queen-demo-bubble--queen{background:color-mix(in oklab, var(--color-surface-raised) 92%, var(--color-accent) 8%);border-color:color-mix(in oklab, var(--color-accent) 25%, var(--color-border-default))}.queen-demo-typed{white-space:nowrap;vertical-align:bottom;display:inline-block;overflow:hidden}.queen-demo-typed--user{width:0;animation:queen-demo-type-user var(--demo-cycle) infinite;animation-timing-function:steps(20,end);animation-delay:.4s}@keyframes queen-demo-type-user{0%{width:0}9.16%,92%{width:100%}to{width:0}}.queen-demo-thinking{color:var(--color-text-tertiary);animation:queen-demo-thinking var(--demo-cycle) infinite;font-size:11px;font-style:italic;animation-delay:1.4s;display:inline-block}@keyframes queen-demo-thinking{0%,10%{opacity:0}12%,25%{opacity:1}26%{opacity:0}to{opacity:0}}.queen-demo-typed--queen{white-space:normal;word-break:break-word;width:0;max-width:100%;animation:queen-demo-type-queen var(--demo-cycle) infinite;animation-timing-function:steps(40,end);animation-delay:3s;display:inline-block;position:relative}@keyframes queen-demo-type-queen{0%,25%{opacity:0;max-height:0}26%{opacity:1;max-height:0}66.66%,92%{opacity:1;max-height:80px}to{opacity:0;max-height:0}}.queen-demo-typed--queen{width:auto}.queen-demo-approve{border-radius:var(--radius-md);border:1px solid color-mix(in oklab, var(--color-accent) 35%, var(--color-border-default));background:linear-gradient(180deg, color-mix(in oklab, var(--color-accent) 10%, transparent), transparent), var(--color-surface-raised);opacity:0;animation:queen-demo-approve-in var(--demo-cycle) infinite;box-shadow:0 0 0 1px color-mix(in oklab, var(--color-accent) 12%, transparent), 0 8px 20px -8px color-mix(in oklab, var(--color-accent) 30%, transparent);flex-direction:column;gap:6px;margin-top:auto;padding:10px 12px;animation-delay:8s;display:flex;transform:translateY(8px)}@keyframes queen-demo-approve-in{0%,64%{opacity:0;transform:translateY(8px)}68%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}.queen-demo-approve-head{align-items:center;gap:6px;display:flex}.queen-demo-approve-icon{color:var(--color-accent-bright);font-size:12px}.queen-demo-approve-label{color:var(--color-text-primary);letter-spacing:.02em;font-size:11px;font-weight:600}.queen-demo-approve-actions{gap:6px;display:flex}.queen-demo-approve-btn{border:1px solid var(--color-border-default);color:var(--color-text-secondary);border-radius:6px;padding:4px 10px;font-size:10px}.queen-demo-approve-btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text);font-weight:600}@media (prefers-reduced-motion:reduce){.queen-demo-msg,.queen-demo-typed,.queen-demo-thinking,.queen-demo-approve{opacity:1!important;width:auto!important;max-height:none!important;animation:none!important;transform:none!important}}
.voice-demo{--demo-cycle:9s;--hv-honey:#f4a83a;--hv-honey-bright:#ffd37a;--hv-cyan:#6ad9ff;--hv-emerald:#10b981;--hv-danger:#ef4444;--hv-rule:#ffffff14;--hv-ink-mute:#f6f7f87a;width:100%;height:100%;padding:var(--space-4);background:radial-gradient(circle at 70% 80%, color-mix(in oklab, var(--color-accent) 16%, transparent), transparent 70%), linear-gradient(180deg, var(--color-surface), var(--color-bg));justify-content:center;align-items:flex-start;display:flex;position:relative;overflow:hidden}.voice-demo-target{border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface-overlay);width:100%;max-width:320px;font-family:var(--font-mono);margin-top:8px;overflow:hidden;box-shadow:0 12px 28px -12px #00000080}.voice-demo-target-head{background:var(--color-surface-raised);border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:6px;padding:6px 10px;display:flex}.voice-demo-traffic{background:var(--color-border-strong);border-radius:999px;width:7px;height:7px}.voice-demo-target-title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);margin-left:auto;font-size:9px;font-weight:600}.voice-demo-target-body{color:var(--color-text-primary);flex-wrap:wrap;align-items:baseline;min-height:44px;padding:14px 12px;font-size:12px;line-height:1.4;display:flex}.voice-demo-prompt{color:var(--color-accent);white-space:pre}.voice-demo-typed{white-space:nowrap;vertical-align:bottom;width:0;animation:voice-demo-type var(--demo-cycle) infinite;animation-timing-function:steps(34,end);display:inline-block;overflow:hidden}@keyframes voice-demo-type{0%,61%{width:0}83%,92%{width:100%}to{width:0}}.voice-demo-caret{color:var(--color-accent);margin-left:1px;animation:1s steps(2,end) infinite voice-demo-blink;display:inline-block}@keyframes voice-demo-blink{50%{opacity:0}}.voice-demo-state-label{height:14px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:76px;left:0;right:0}.voice-demo-state{opacity:0;position:absolute}.voice-demo-state--idle{color:var(--color-text-tertiary);animation:voice-demo-state-idle var(--demo-cycle) infinite}.voice-demo-state--rec{color:var(--hv-danger);animation:voice-demo-state-rec var(--demo-cycle) infinite}.voice-demo-state--tx{color:var(--hv-cyan);animation:voice-demo-state-tx var(--demo-cycle) infinite}.voice-demo-state--paste{color:var(--hv-emerald);animation:voice-demo-state-paste var(--demo-cycle) infinite}@keyframes voice-demo-state-idle{0%,15%{opacity:1}18%,84%{opacity:0}87%,to{opacity:1}}@keyframes voice-demo-state-rec{0%,17%{opacity:0}20%,43%{opacity:1}45%,to{opacity:0}}@keyframes voice-demo-state-tx{0%,44%{opacity:0}47%,60%{opacity:1}62%,to{opacity:0}}@keyframes voice-demo-state-paste{0%,61%{opacity:0}64%,82%{opacity:1}84%,to{opacity:0}}.voice-demo-pill{box-sizing:border-box;border:1px solid var(--hv-rule);-webkit-backdrop-filter:blur(20px)saturate(1.15);backdrop-filter:blur(20px)saturate(1.15);width:108px;height:32px;animation:voice-demo-pill-state var(--demo-cycle) infinite;background:#080a10e0;border-radius:99px;justify-content:flex-start;align-items:center;gap:5px;padding:4px 8px;display:inline-flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px -6px #0009}@keyframes voice-demo-pill-state{0%,17%{border-color:var(--hv-rule);box-shadow:0 6px 20px -6px #0009}20%,44%{border-color:#ef444473;box-shadow:0 0 14px -2px #ef44448c,0 6px 20px -6px #0009}47%,61%{border-color:#6ad9ff6b;box-shadow:0 0 14px -2px #6ad9ff6b,0 6px 20px -6px #0009}64%,83%{border-color:#10b9816b;box-shadow:0 0 14px -2px #10b9816b,0 6px 20px -6px #0009}86%,to{border-color:var(--hv-rule);box-shadow:0 6px 20px -6px #0009}}.voice-demo-bee{background:radial-gradient(circle at 35% 30%, var(--hv-honey-bright) 0%, var(--hv-honey) 50%, #7c3e03 100%);width:26px;height:26px;animation:voice-demo-bee-pulse var(--demo-cycle) infinite;border-radius:50%;flex:0 0 26px;place-items:center;display:grid;box-shadow:0 3px 10px #f4a83a80}@keyframes voice-demo-bee-pulse{0%,17%,47%,to{box-shadow:0 3px 10px #f4a83a80}20%{box-shadow:0 3px 10px #f4a83a80,0 0 #ef444480}32%{box-shadow:0 3px 14px #f4a83ab3,0 0 0 6px #ef444400}44%{box-shadow:0 3px 10px #f4a83a80,0 0 #ef444480}}.voice-demo-bee svg{pointer-events:none;filter:drop-shadow(0 1px 1px #00000080)}.voice-demo-camera{border:1px solid var(--hv-rule);width:26px;height:26px;color:var(--hv-ink-mute);background:#ffffff0a;border-radius:50%;flex:0 0 26px;justify-content:center;align-items:center;padding:0;display:inline-flex}.voice-demo-meter{flex:auto;justify-content:flex-start;align-items:center;gap:1px;min-width:0;height:24px;padding:0 1px;display:flex}.voice-demo-meter-bar{background:var(--hv-ink-mute);transform-origin:bottom;width:3px;height:4px;animation:voice-demo-meter-bar var(--demo-cycle) infinite;border-radius:1px;display:block}@keyframes voice-demo-meter-bar{0%,17%{background:var(--hv-ink-mute);height:3px}20%{background:var(--hv-danger);height:4px}24%{background:var(--hv-danger);height:16px}28%{background:var(--hv-danger);height:6px}32%{background:var(--hv-danger);height:14px}36%{background:var(--hv-danger);height:8px}40%{background:var(--hv-danger);height:12px}44%{background:var(--hv-danger);height:4px}47%{background:var(--hv-cyan);height:5px}54%{background:var(--hv-cyan);height:10px}61%{background:var(--hv-cyan);height:4px}64%{background:var(--hv-emerald);height:8px}74%{background:var(--hv-emerald);height:6px}83%{background:var(--hv-emerald);height:4px}86%,to{background:var(--hv-ink-mute);height:3px}}@media (prefers-reduced-motion:reduce){.voice-demo-typed,.voice-demo-caret,.voice-demo-pill,.voice-demo-bee,.voice-demo-meter-bar,.voice-demo-state{animation:none!important}.voice-demo-typed{width:100%}.voice-demo-state--idle{opacity:1}.voice-demo-state--rec,.voice-demo-state--tx,.voice-demo-state--paste{opacity:0}}
.snippet-demo{--demo-cycle:11s;--pick-amber:#ffb82dd9;--pick-amber-glow:#ffb82d2e;width:100%;height:100%;padding:var(--space-4);background:linear-gradient(180deg, var(--color-surface), var(--color-bg));font-family:var(--font-sans);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.snippet-demo-screen{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-surface-overlay);flex-direction:column;gap:8px;width:100%;max-width:320px;padding:14px;display:flex;box-shadow:0 12px 28px -12px #00000080}.snippet-demo-line{background:linear-gradient(90deg, var(--color-border-default), var(--color-border-subtle));border-radius:3px;height:6px}.snippet-demo-line--header{background:var(--color-text-tertiary);width:40%;height:10px}.snippet-demo-line--full{width:100%}.snippet-demo-line--three-quarters{width:75%}.snippet-demo-line--half{width:50%}.snippet-demo-bug{background:color-mix(in oklab, #d74745 20%, var(--color-surface));font-family:var(--font-mono);color:#ffb8b1;color:lab(81.6511% 30.9962 17.0515);border-left:3px solid #d74745;border-left:3px solid lab(51.7988% 56.7776 34.0415);border-radius:4px;margin:4px 0;padding:6px 10px;font-size:11px}@supports (color:lab(0% 0 0)){.snippet-demo-bug{background:color-mix(in oklab, lab(51.7988% 56.7776 34.0415) 20%, var(--color-surface))}}.snippet-demo-scrim{pointer-events:none;opacity:0;animation:snippet-demo-scrim var(--demo-cycle) infinite;background:repeating-linear-gradient(#ffffff03 0 1px,#fff0 1px 3px),linear-gradient(135deg,#080c1680 0%,#04060a8c 50%,#0c080680 100%);position:absolute;inset:0}@keyframes snippet-demo-scrim{0%,9%{opacity:0}13%,86%{opacity:1}92%,to{opacity:0}}.snippet-demo-viewfinder{pointer-events:none;outline:1px solid var(--pick-amber);outline-offset:-1px;width:0;height:0;box-shadow:0 0 0 1px #0000008c, 0 0 14px var(--pick-amber-glow), 0 0 26px #ffb82d14;opacity:0;animation:snippet-demo-viewfinder var(--demo-cycle) infinite;background:0 0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes snippet-demo-viewfinder{0%,12%{opacity:0;width:0;height:0}16%{opacity:1;width:0;height:0}41%{opacity:1;width:220px;height:32px}46%,to{opacity:0;width:220px;height:32px}}.snippet-demo-bracket{border-color:var(--pick-amber);border-style:solid;border-width:0;width:10px;height:10px;position:absolute}.snippet-demo-bracket--tl{border-top-width:2px;border-left-width:2px;top:-1px;left:-1px}.snippet-demo-bracket--tr{border-top-width:2px;border-right-width:2px;top:-1px;right:-1px}.snippet-demo-bracket--bl{border-bottom-width:2px;border-left-width:2px;bottom:-1px;left:-1px}.snippet-demo-bracket--br{border-bottom-width:2px;border-right-width:2px;bottom:-1px;right:-1px}.snippet-demo-readout{border:1px solid var(--pick-amber);color:var(--pick-amber);font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;background:#080a10d9;border-radius:3px;padding:2px 8px;font-size:9px;font-weight:600;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.snippet-demo-cursor{pointer-events:none;filter:drop-shadow(0 0 3px #000c);opacity:0;animation:snippet-demo-cursor var(--demo-cycle) infinite;position:absolute;top:50%;left:50%;transform:translate(-110px,-16px)}@keyframes snippet-demo-cursor{0%,9%{opacity:0;transform:translate(-130px,-50px)}13%{opacity:1;transform:translate(-110px,-16px)}41%{opacity:1;transform:translate(110px,16px)}46%,to{opacity:0}}.snippet-demo-flash{pointer-events:none;opacity:0;animation:snippet-demo-flash var(--demo-cycle) infinite;background:#f0eeeb;background:lab(94.226% -.0117421 1.90763);position:absolute;inset:0}@keyframes snippet-demo-flash{0%,41%{opacity:0}42%{opacity:.8}46%{opacity:0}to{opacity:0}}.snippet-demo-annotation{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-default);box-shadow:0 0 0 1px color-mix(in oklab, var(--color-accent) 12%, transparent), 0 18px 36px -12px #0009;opacity:0;animation:snippet-demo-annotation var(--demo-cycle) infinite;position:absolute;bottom:12px;left:12px;right:12px;overflow:hidden;transform:translateY(40px)}@keyframes snippet-demo-annotation{0%,46%{opacity:0;transform:translateY(40px)}50%,86%{opacity:1;transform:translateY(0)}92%,to{opacity:0;transform:translateY(40px)}}.snippet-demo-annotation-head{align-items:center;gap:var(--space-2);background:color-mix(in oklab, var(--color-surface-raised) 94%, black);border-bottom:1px solid var(--color-border-subtle);padding:8px 12px;display:flex}.snippet-demo-annotation-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent-bright);font-size:9px;font-weight:700}.snippet-demo-annotation-hint{font-family:var(--font-mono);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-left:auto;font-size:9px}.snippet-demo-annotation-close{border:1px solid var(--color-border-default);width:18px;height:18px;color:var(--color-text-secondary);border-radius:4px;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex}.snippet-demo-annotation-preview{padding:12px}.snippet-demo-annotation-bug{background:color-mix(in oklab, #d74745 22%, var(--color-surface));font-family:var(--font-mono);color:#ffb8b1;color:lab(81.6511% 30.9962 17.0515);border-left:3px solid #d74745;border-left:3px solid lab(51.7988% 56.7776 34.0415);border-radius:4px;padding:8px 12px;font-size:11px}@supports (color:lab(0% 0 0)){.snippet-demo-annotation-bug{background:color-mix(in oklab, lab(51.7988% 56.7776 34.0415) 22%, var(--color-surface))}}@media (prefers-reduced-motion:reduce){.snippet-demo-scrim,.snippet-demo-viewfinder,.snippet-demo-cursor,.snippet-demo-flash,.snippet-demo-annotation{animation:none!important}.snippet-demo-scrim,.snippet-demo-viewfinder,.snippet-demo-cursor,.snippet-demo-flash{opacity:0}.snippet-demo-annotation{opacity:1;transform:none}}
.home-root{gap:var(--space-9);flex-direction:column;display:flex}.home-hero{text-align:center;align-items:center;gap:var(--space-4);padding:var(--space-7) 0 var(--space-6);flex-direction:column;display:flex}.home-hero-mark{margin-bottom:var(--space-2);filter:drop-shadow(0 8px 24px color-mix(in oklab, var(--color-accent) 40%, transparent))}.home-hero-accent{background:linear-gradient(180deg, var(--color-accent-bright), var(--color-accent));color:#0000;-webkit-background-clip:text;background-clip:text}.home-hero-lede{margin:var(--space-2) auto 0;text-align:center}.home-hero-actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.home-hero-meta{margin-top:var(--space-3);color:var(--color-text-tertiary);font-size:.8rem}.home-clis{align-items:center;gap:var(--space-4);padding:var(--space-5) 0;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.home-clis-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin:0;font-size:.78rem;font-weight:600}.home-clis-list{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));width:100%;margin:0;padding:0;list-style:none;display:grid}.home-clis-item{padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.home-clis-name{color:var(--color-text-primary);font-size:.92rem;font-weight:500}.home-clis-maker{color:var(--color-text-tertiary);font-size:.74rem}.home-features-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.home-feature h3{color:var(--color-accent-bright)}.home-feature p{color:var(--color-text-secondary);margin:0;line-height:1.55}.home-cta{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-7) 0;border-top:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.home-cta .text-lede{text-align:center}.home-demos{gap:var(--space-5);flex-direction:column;display:flex}.home-demos-head{text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.home-demos-head .text-lede{text-align:center}.home-demos-grid{gap:var(--space-4);margin-top:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.home-demo-card{border-radius:var(--radius-lg);border:1px solid var(--color-border-default);background:var(--color-surface);flex-direction:column;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 4px 12px -8px #0006;box-shadow:inset 0 1px lab(100% -.0000298023 .0000119209/.04),0 4px 12px -8px lab(0% 0 0/.4)}.home-demo-stage{border-bottom:1px solid var(--color-border-subtle);height:280px;position:relative;overflow:hidden}.home-demo-meta{padding:var(--space-4) var(--space-5);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.home-demo-meta h3{color:var(--color-accent-bright);margin-bottom:0}.home-demo-meta p{color:var(--color-text-secondary);flex:1;margin:0;font-size:.92rem;line-height:1.5}.home-demo-tier{margin-top:var(--space-2);letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--color-border-default);color:var(--color-text-tertiary);background:var(--color-surface-raised);border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:.72rem;font-weight:600}.home-demo-tier--core{border-color:color-mix(in oklab, var(--color-accent) 35%, var(--color-border-default));color:var(--color-accent-bright);background:color-mix(in oklab, var(--color-accent) 10%, var(--color-surface-raised))}.home-demo-tier--pro{border-color:color-mix(in oklab, var(--color-accent-bright) 50%, var(--color-border-default));color:var(--color-accent-bright);background:color-mix(in oklab, var(--color-accent-bright) 14%, var(--color-surface-raised));box-shadow:0 0 0 1px color-mix(in oklab, var(--color-accent-bright) 14%, transparent)}