@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=cobalt]{--c-bg:#090a0f;--c-bg-subtle:#0e1118;--c-surface:#131722;--c-surface-card:#ffffff09;--c-surface-hover:#fff1;--c-border:#ffffff14;--c-border-hover:#3b82f666;--c-border-light:#ffffff1f;--c-primary:#2563eb;--c-primary-light:#3b82f6;--c-primary-hover:#1d4ed8;--c-primary-g:linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);--c-primary-soft:#2563eb1f;--c-accent:#0284c7;--c-accent-g:linear-gradient(135deg, #0284c7 0%, #38bdf8 100%);--c-success:#10b981;--c-success-soft:#10b9811f;--c-warn:#f59e0b;--c-warn-soft:#f59e0b1f;--c-danger:#ef4444;--c-danger-soft:#ef444424;--c-text:#f8fafc;--c-text-2:#94a3b8;--c-text-3:#64748b;--c-text-contrast:#fff;--text-gradient:linear-gradient(180deg, #fff 10%, #e2e8f0 60%, #94a3b8 100%);--ai-hud-bg:#0c0f17eb;--ai-hud-border:#ffffff1f;--ai-hud-glow:#2563eb2e;--ai-reticle-color:#3b82f6;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-full:9999px;color:var(--c-text);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6}[data-theme=emerald]{--c-bg:#060908;--c-bg-subtle:#0b120f;--c-surface:#101a15;--c-border-hover:#10b98173;--c-primary:#10b981;--c-primary-light:#34d399;--c-primary-hover:#059669;--c-primary-g:linear-gradient(135deg, #059669 0%, #10b981 100%);--c-primary-soft:#10b98124;--text-gradient:linear-gradient(180deg, #fff 10%, #ecfdf5 60%, #6ee7b7 100%);--ai-hud-bg:#09110df0;--ai-hud-border:#10b98140;--ai-hud-glow:#10b98129;--ai-reticle-color:#10b981}[data-theme=amber]{--c-bg:#0a0907;--c-bg-subtle:#13100a;--c-surface:#1c170f;--c-border-hover:#f59e0b73;--c-primary:#d97706;--c-primary-light:#f59e0b;--c-primary-hover:#b45309;--c-primary-g:linear-gradient(135deg, #b45309 0%, #f59e0b 100%);--c-primary-soft:#f59e0b24;--text-gradient:linear-gradient(180deg, #fff 10%, #fef3c7 60%, #fcd34d 100%);--ai-hud-bg:#110e09f0;--ai-hud-border:#f59e0b40;--ai-hud-glow:#f59e0b29;--ai-reticle-color:#f59e0b}[data-theme=monochrome]{--c-bg:#080808;--c-bg-subtle:#121212;--c-surface:#181818;--c-border-hover:#ffffff59;--c-primary:#e4e4e7;--c-primary-light:#fff;--c-primary-hover:#d4d4d8;--c-primary-g:linear-gradient(135deg, #fff 0%, #a1a1aa 100%);--c-primary-soft:#ffffff1f;--text-gradient:linear-gradient(180deg, #fff 0%, #d4d4d8 60%, #71717a 100%);--ai-hud-bg:#101010f2;--ai-hud-border:#fff3;--ai-hud-glow:#ffffff1a;--ai-reticle-color:#fff}html{scroll-behavior:smooth;background-color:var(--c-bg)}body{background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}img{-webkit-user-select:none;user-select:none;max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.ai-hover-highlight{transition:transform .2s cubic-bezier(.16,1,.3,1);outline:none!important;position:relative!important}.ai-hover-highlight:after{content:"";border:1.5px solid var(--ai-reticle-color);border-radius:inherit;box-shadow:0 0 0 1px #000000b3, 0 0 16px var(--ai-hud-glow);pointer-events:none;z-index:9998;animation:2s ease-in-out infinite reticle-pulse;position:absolute;inset:-4px}@keyframes reticle-pulse{0%,to{opacity:.9;box-shadow:0 0 0 1px #000000b3, 0 0 12px var(--ai-hud-glow)}50%{opacity:1;box-shadow:0 0 0 1px #000000b3, 0 0 24px var(--ai-hud-glow)}}.ai-scan-sweep{overflow:hidden}.ai-scan-sweep:before{content:"";background:linear-gradient(90deg, transparent, var(--c-primary-soft), transparent);pointer-events:none;z-index:9997;border-radius:inherit;width:50%;height:100%;animation:1.1s ease-in-out infinite ai-sweep;position:absolute;top:0;left:-100%}@keyframes ai-sweep{0%{left:-50%}to{left:150%}}.ai-inspect-pulse{outline-offset:4px;animation:.9s ease-in-out 2 flash-pulse;outline:2px dashed var(--c-primary)!important}@keyframes flash-pulse{0%,to{outline-color:#0000}50%{outline-color:var(--c-primary)}}.ai-tooltip{z-index:99999;background:var(--ai-hud-bg);border:1px solid var(--ai-hud-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(28px)saturate(180%);width:320px;max-width:calc(100vw - 32px);box-shadow:0 1px 0 0 #ffffff1a inset, 0 8px 32px #000000a6, 0 24px 64px #000c, 0 0 30px var(--ai-hud-glow);pointer-events:auto;transform-origin:100% 0;-webkit-user-select:none;user-select:none;padding:16px 18px;font-family:Inter,system-ui,sans-serif;transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);position:fixed}.ai-tooltip.visible{opacity:1;transform:scale(1)translateY(0)}.ai-tooltip.hidden{opacity:0;pointer-events:none;transform:scale(.95)translateY(4px)}.ai-tooltip-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.ai-tooltip-header-left{align-items:center;gap:8px;display:flex}.ai-status-indicator-dot{background:var(--c-primary);width:7px;height:7px;box-shadow:0 0 8px var(--c-primary);border-radius:50%}.ai-tooltip-brand{letter-spacing:.05em;color:var(--c-text);text-transform:uppercase;font-size:11px;font-weight:700}.ai-tooltip-header-actions{align-items:center;gap:6px;display:flex}.ai-tooltip-icon-btn{border-radius:var(--radius-xs);width:26px;height:26px;color:var(--c-text-2);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:flex}.ai-tooltip-icon-btn:hover{color:var(--c-text);background:#ffffff1f;border-color:#fff3}.ai-stop-btn{background:var(--c-danger-soft);border-radius:var(--radius-xs);color:#fca5a5;cursor:pointer;border:1px solid #ef44444d;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.ai-stop-btn:hover{border-color:var(--c-danger);background:#ef444440}.ai-tooltip-badges-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ai-tooltip-type-badge{border-radius:var(--radius-full);border:1px solid #ffffff14;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-image{color:#93c5fd;background:#3b82f626;border-color:#3b82f64d}.badge-text{color:#cbd5e1;background:#94a3b826;border-color:#94a3b84d}.badge-link{color:#6ee7b7;background:#10b98126;border-color:#10b9814d}.badge-button{color:#fde68a;background:#f59e0b26;border-color:#f59e0b4d}.badge-nav{color:#7dd3fc;background:#0ea5e926;border-color:#0ea5e94d}.badge-other{color:var(--c-text-2);background:#ffffff14}.ai-confidence-pill{color:var(--c-text-3);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.ai-tooltip-description{color:var(--c-text);margin-bottom:12px;font-size:13.5px;font-weight:400;line-height:1.65}.ai-tooltip-meta{border-radius:var(--radius-sm);word-break:break-all;background:#ffffff09;border:1px solid #ffffff0f;align-items:center;gap:6px;margin-bottom:12px;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:11.5px;display:flex}.ai-tooltip-meta .meta-label{color:var(--c-text-3);font-size:10.5px;font-weight:500}.ai-tooltip-meta .meta-value{color:var(--c-primary-light)}.ai-loading-box{align-items:center;gap:10px;padding:12px 0;display:flex}.ai-loading-wave{gap:4px;display:flex}.ai-loading-wave span{background:var(--c-primary);border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite dot-wave}.ai-loading-wave span:nth-child(2){animation-delay:.15s}.ai-loading-wave span:nth-child(3){animation-delay:.3s}@keyframes dot-wave{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.ai-loading-text{color:var(--c-text-2);font-size:12.5px}.ai-error{background:var(--c-danger-soft);border-radius:var(--radius-sm);color:#fca5a5;border:1px solid #ef444440;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;font-size:12px;display:flex}.ai-confidence-container{margin-top:6px;margin-bottom:10px}.ai-confidence-bar{border-radius:var(--radius-full);background:#ffffff14;height:3px;overflow:hidden}.ai-confidence-fill{background:var(--c-primary-g);border-radius:var(--radius-full);height:100%;transition:width .4s}.ai-voice-indicator{background:var(--c-primary-soft);border-radius:var(--radius-sm);color:var(--c-primary-light);border:1px solid #3b82f640;align-items:center;gap:10px;padding:7px 12px;font-size:11.5px;font-weight:500;display:flex}.ai-voice-bars{align-items:flex-end;gap:2.5px;height:13px;display:flex}.ai-voice-bars span{background:var(--c-primary-light);border-radius:1px;width:2.5px;animation:.7s ease-in-out infinite wave-bar}.ai-voice-bars span:first-child{height:4px;animation-delay:0s}.ai-voice-bars span:nth-child(2){height:8px;animation-delay:.15s}.ai-voice-bars span:nth-child(3){height:13px;animation-delay:.3s}.ai-voice-bars span:nth-child(4){height:6px;animation-delay:.45s}.ai-voice-bars span:nth-child(5){height:10px;animation-delay:.6s}@keyframes wave-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.ai-control-panel{z-index:99998;background:var(--ai-hud-bg);border:1px solid var(--ai-hud-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(28px)saturate(180%);width:270px;padding:16px;transition:all .25s cubic-bezier(.16,1,.3,1);position:fixed;bottom:24px;left:24px;box-shadow:inset 0 1px #ffffff1a,0 12px 40px #000000b3}.ai-cp-minimized-pill{z-index:99998;background:var(--ai-hud-bg);border:1px solid var(--ai-hud-border);border-radius:var(--radius-full);color:var(--c-text);-webkit-backdrop-filter:blur(24px);cursor:pointer;align-items:center;gap:9px;padding:9px 16px;font-size:12.5px;font-weight:600;transition:all .2s;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 8px 28px #0009}.ai-cp-minimized-pill:hover{border-color:var(--c-border-hover);transform:translateY(-2px)}.ai-cp-mini-icon{color:var(--c-text-3);font-size:9px}.ai-cp-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.ai-cp-header-title-box{align-items:center;gap:7px;display:flex}.ai-cp-badge-dot{background:var(--c-primary);border-radius:50%;width:6px;height:6px}.ai-cp-title{letter-spacing:.04em;color:var(--c-text);font-size:11.5px;font-weight:700}.ai-cp-minimize-btn{width:20px;height:20px;color:var(--c-text-3);cursor:pointer;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;font-size:10px;transition:background .15s;display:flex}.ai-cp-minimize-btn:hover{color:var(--c-text);background:#ffffff1f}.ai-status{border-radius:var(--radius-sm);background:#ffffff09;border:1px solid #ffffff0d;align-items:center;gap:8px;margin-bottom:12px;padding:7px 10px;display:flex}.ai-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.ai-status-dot.status-ready{background:var(--c-success);box-shadow:0 0 6px var(--c-success)}.ai-status-dot.status-analyzing{background:var(--c-warn);box-shadow:0 0 6px var(--c-warn);animation:1s ease-in-out infinite blink}.ai-status-dot.status-speaking{background:var(--c-primary-light);box-shadow:0 0 6px var(--c-primary-light);animation:.6s ease-in-out infinite blink}.ai-status-dot.status-error{background:var(--c-danger);box-shadow:0 0 6px var(--c-danger)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.ai-status-text{color:var(--c-text-2);font-size:11.5px;font-weight:500}.ai-cp-controls{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.ai-cp-row{justify-content:space-between;align-items:center;display:flex}.ai-cp-label{color:var(--c-text);font-size:12.5px;font-weight:500}.ai-cp-label-group{align-items:center;gap:6px;display:flex}.ai-cp-subtag{border-radius:var(--radius-full);color:var(--c-text-3);background:#ffffff0f;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:10px}.ai-toggle{width:38px;height:20px;display:inline-block;position:relative}.ai-toggle input{opacity:0;width:0;height:0}.ai-toggle-slider{border-radius:var(--radius-full);cursor:pointer;background:#ffffff1f;transition:background .2s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.ai-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:3px;right:3px}.ai-toggle input:checked+.ai-toggle-slider{background:var(--c-primary)}.ai-toggle input:checked+.ai-toggle-slider:before{transform:translate(-18px)}.ai-cp-theme-section{border-top:1px solid #ffffff12;margin-bottom:12px;padding-top:10px}.ai-cp-section-label{color:var(--c-text-3);margin-bottom:7px;font-size:11px;font-weight:500;display:block}.ai-cp-themes-grid{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.ai-cp-theme-chip{border-radius:var(--radius-sm);color:var(--c-text-2);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;align-items:center;gap:6px;padding:5px 8px;font-size:11px;transition:all .15s;display:flex}.ai-cp-theme-chip:hover{color:var(--c-text);background:#ffffff14}.ai-cp-theme-chip.active{background:var(--c-primary-soft);border-color:var(--c-primary);color:var(--c-text-contrast);font-weight:600}.theme-color-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.ai-cp-actions{flex-direction:column;gap:6px;display:flex}.ai-cp-action-btn{border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.ai-btn-scan{color:var(--c-text);background:#ffffff0d;border:1px solid #ffffff17}.ai-btn-scan:hover{border-color:var(--c-border-hover);background:#ffffff17}.ai-btn-settings{background:var(--c-primary-soft);color:var(--c-primary-light);border:1px solid #3b82f64d}.ai-btn-settings:hover{background:#2563eb38}.ai-btn-stop{background:var(--c-danger-soft);color:#fca5a5;border:1px solid #ef44444d}.ai-settings-overlay{-webkit-backdrop-filter:blur(12px);z-index:999999;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ai-settings-modal{border:1px solid var(--c-border-light);border-radius:var(--radius-xl);background:#0f121b;width:100%;max-width:520px;padding:28px;animation:.2s cubic-bezier(.16,1,.3,1) modal-enter;box-shadow:inset 0 1px #ffffff1a,0 24px 80px #000000d9}@keyframes modal-enter{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.ai-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.ai-modal-title{color:var(--c-text);margin-bottom:4px;font-size:18px;font-weight:700}.ai-modal-subtitle{color:var(--c-text-2);font-size:12.5px}.ai-modal-close-btn{width:28px;height:28px;color:var(--c-text-2);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:flex}.ai-modal-close-btn:hover{color:var(--c-text);background:#ffffff1f}.ai-modal-tabs{border-radius:var(--radius-sm);background:#ffffff0a;gap:6px;margin-bottom:20px;padding:4px;display:flex}.ai-modal-tab{border-radius:var(--radius-xs);color:var(--c-text-2);cursor:pointer;text-align:center;flex:1;padding:8px 12px;font-size:12.5px;font-weight:600;transition:all .15s}.ai-modal-tab.active{background:var(--c-surface);color:var(--c-text);box-shadow:0 2px 8px #0000004d}.ai-modal-tab-content{min-height:230px}.ai-settings-field{margin-bottom:16px}.ai-field-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.ai-settings-field label{color:var(--c-text);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.ai-field-link{color:var(--c-primary-light);font-size:11px;text-decoration:underline}.ai-input-wrapper{align-items:center;display:flex;position:relative}.ai-settings-field input[type=text],.ai-settings-field input[type=password],.ai-settings-field select{border-radius:var(--radius-sm);width:100%;color:var(--c-text);background:#ffffff0a;border:1px solid #ffffff1a;outline:none;padding:9px 12px;font-family:JetBrains Mono,monospace;font-size:13px;transition:border-color .2s,box-shadow .2s}.ai-settings-field input:focus,.ai-settings-field select:focus{border-color:var(--c-primary);box-shadow:0 0 0 2px var(--c-primary-soft)}.ai-input-toggle-btn{border-radius:var(--radius-xs);color:var(--c-text-2);cursor:pointer;background:#ffffff14;padding:3px 8px;font-size:11px;position:absolute;left:8px}.ai-field-hint{color:var(--c-text-3);margin-top:4px;font-size:11px;display:block}.ai-radio-group{flex-direction:column;gap:8px;display:flex}.ai-radio-card{border-radius:var(--radius-sm);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;flex-direction:column;padding:10px 12px;transition:all .15s;display:flex;position:relative}.ai-radio-card input{opacity:0;position:absolute}.ai-radio-card:hover{background:#ffffff0f}.ai-radio-card.selected{border-color:var(--c-primary);background:var(--c-primary-soft)}.ai-radio-title{color:var(--c-text);font-size:12.5px;font-weight:600}.ai-radio-desc{color:var(--c-text-2);margin-top:2px;font-size:11px}.ai-slider-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.ai-slider-val{color:var(--c-primary-light);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.ai-btn-test-voice{border-radius:var(--radius-sm);width:100%;color:var(--c-text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;padding:8px;font-size:12px;font-weight:600;transition:all .15s}.ai-btn-test-voice:hover:not(:disabled){border-color:var(--c-border-hover);background:#ffffff1a}.ai-info-box{border-radius:var(--radius-sm);background:#ffffff08;border:1px solid #ffffff0f;padding:12px 14px}.ai-info-title{color:var(--c-text);margin-bottom:6px;font-size:12px;font-weight:700}.ai-info-list{color:var(--c-text-2);flex-direction:column;gap:4px;font-size:11.5px;list-style:none;display:flex}.ai-modal-footer{border-top:1px solid #ffffff12;gap:10px;margin-top:22px;padding-top:16px;display:flex}.ai-btn-save{background:var(--c-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;flex:1;padding:10px;font-size:13.5px;font-weight:600;transition:opacity .2s}.ai-btn-save:hover{opacity:.92}.ai-btn-cancel{border-radius:var(--radius-sm);color:var(--c-text-2);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;padding:10px 20px;font-size:13.5px;font-weight:500;transition:background .15s}.ai-btn-cancel:hover{color:var(--c-text);background:#ffffff17}.demo-site{color:var(--c-text);background:var(--c-bg);font-family:Inter,system-ui,sans-serif}.demo-top-banner{background:var(--c-bg-subtle);border-bottom:1px solid var(--c-border);color:var(--c-text-2);text-align:center;padding:8px 5%;font-size:12.5px}.demo-top-banner-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.demo-pulse-pill{background:var(--c-primary);width:8px;height:8px;box-shadow:0 0 8px var(--c-primary);border-radius:50%;display:inline-block}.demo-banner-title{color:var(--c-text);font-weight:700}.demo-nav{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--c-border);background:#090a0fd1;justify-content:space-between;align-items:center;height:70px;padding:0 6%;display:flex;position:sticky;top:0}.demo-nav-logo{cursor:pointer;align-items:center;gap:10px;display:flex}.demo-nav-logo .logo-icon{background:var(--c-surface);border:1px solid var(--c-border-light);border-radius:var(--radius-sm);width:34px;height:34px;color:var(--c-primary-light);justify-content:center;align-items:center;font-size:16px;display:flex}.demo-nav-logo .logo-text{letter-spacing:-.02em;color:var(--c-text);font-size:18px;font-weight:800}.demo-nav-links{align-items:center;gap:32px;list-style:none;display:flex}.demo-nav-links a{color:var(--c-text-2);font-size:14px;font-weight:500;transition:color .15s}.demo-nav-links a:hover{color:var(--c-text)}.demo-nav-actions{align-items:center;gap:12px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:var(--c-primary);color:#fff;box-shadow:0 2px 10px #0003}.btn-primary:hover{background:var(--c-primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px #00000059}.btn-outline{border:1px solid var(--c-border-light);color:var(--c-text);background:0 0}.btn-outline:hover{border-color:var(--c-border-hover);background:#ffffff0d}.btn-ghost{color:var(--c-text-2);background:#ffffff0a}.btn-ghost:hover{color:var(--c-text);background:#ffffff14}.btn-cart{border:1px solid var(--c-border);color:var(--c-text);background:#ffffff0d;padding:7px 14px;font-size:13px}.btn-cart:hover{background:#ffffff17}.cart-badge{background:var(--c-primary);color:#fff;border-radius:var(--radius-full);margin-right:4px;padding:1px 6px;font-size:10px;font-weight:700}.btn-lg{padding:11px 24px;font-size:15px}.btn-block{width:100%}.demo-cart-toast{z-index:1000;background:var(--c-surface);border:1px solid var(--c-primary);color:var(--c-text);border-radius:var(--radius-full);padding:10px 22px;font-size:13.5px;animation:.25s cubic-bezier(.16,1,.3,1) toast-down;position:fixed;top:86px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #000000b3}@keyframes toast-down{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.demo-hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:50px;padding:80px 6% 70px;display:grid;position:relative}.demo-hero-badge{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-full);color:var(--c-text-2);align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.badge-dot{background:var(--c-primary);border-radius:50%;width:6px;height:6px}.demo-hero-title{letter-spacing:-.03em;color:var(--c-text);margin-bottom:20px;font-size:clamp(34px,4vw,54px);font-weight:800;line-height:1.25}.text-highlight{background:var(--text-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.demo-hero-desc{color:var(--c-text-2);max-width:580px;margin-bottom:34px;font-size:17px;line-height:1.75}.demo-hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:30px;display:flex}.demo-hero-trust{color:var(--c-text-3);font-size:12.5px}.demo-window-frame{border:1px solid var(--c-border-light);border-radius:var(--radius-xl);background:#0d1017;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 24px 70px #000c}.demo-window-header{border-bottom:1px solid var(--c-border);background:#141722;align-items:center;gap:12px;padding:10px 16px;display:flex}.window-dots{gap:6px;display:flex}.window-dots span{background:#ffffff26;border-radius:50%;width:9px;height:9px}.window-title{color:var(--c-text-3);direction:ltr;font-family:JetBrains Mono,monospace;font-size:11.5px}.demo-window-body{position:relative;overflow:hidden}.demo-window-body img{object-fit:cover;width:100%;height:330px;transition:transform .5s}.demo-window-frame:hover .demo-window-body img{transform:scale(1.02)}.demo-hero-img-overlay{pointer-events:none;background:linear-gradient(#0000 70%,#090a0f99);position:absolute;inset:0}.demo-stats{background:var(--c-border);border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.demo-stat-card{background:var(--c-bg);text-align:center;padding:32px 24px;transition:background .2s}.demo-stat-card:hover{background:var(--c-bg-subtle)}.demo-stat-value{letter-spacing:-.03em;color:var(--c-text);margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:34px;font-weight:800}.demo-stat-label{color:var(--c-text-2);font-size:13px;font-weight:500}.demo-section{padding:85px 6%}.demo-section-alt{background:var(--c-bg-subtle);border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border)}.demo-section-header{text-align:center;margin-bottom:50px}.demo-section-pill{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-full);color:var(--c-primary-light);margin-bottom:14px;padding:4px 14px;font-size:11.5px;font-weight:600;display:inline-block}.demo-section-title{color:var(--c-text);margin-bottom:12px;font-size:clamp(28px,3.2vw,42px);font-weight:800;line-height:1.3}.demo-section-subtitle{color:var(--c-text-2);max-width:580px;margin:0 auto;font-size:16px}.demo-tabs-filter{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-full);gap:4px;margin-top:24px;padding:4px;display:inline-flex}.demo-tab-btn{border-radius:var(--radius-full);color:var(--c-text-2);cursor:pointer;padding:6px 18px;font-size:13px;font-weight:600;transition:all .15s}.demo-tab-btn:hover{color:var(--c-text)}.demo-tab-btn.active{background:var(--c-primary);color:#fff}.demo-features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.demo-feature-card{background:var(--c-surface-card);border:1px solid var(--c-border);border-radius:var(--radius-lg);transition:all .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.demo-feature-card:hover{border-color:var(--c-border-hover);transform:translateY(-4px);box-shadow:0 16px 40px #0006}.demo-feature-img-box{height:200px;position:relative;overflow:hidden}.demo-feature-img-box img{object-fit:cover;width:100%;height:100%;transition:transform .45s}.demo-feature-card:hover .demo-feature-img-box img{transform:scale(1.04)}.demo-feature-body{padding:24px}.demo-feature-tag{color:var(--c-primary-light);margin-bottom:8px;font-size:11.5px;font-weight:600}.demo-feature-title{color:var(--c-text);margin-bottom:10px;font-size:18px;font-weight:700}.demo-feature-desc{color:var(--c-text-2);margin-bottom:16px;font-size:13.5px;line-height:1.7}.demo-feature-link{color:var(--c-text);font-size:13px;font-weight:600;transition:color .15s;display:inline-block}.demo-feature-link:hover{color:var(--c-primary-light)}.demo-products-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.demo-product-card{background:var(--c-surface-card);border:1px solid var(--c-border);border-radius:var(--radius-lg);flex-direction:column;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.demo-product-card:hover{border-color:var(--c-border-hover);transform:translateY(-4px);box-shadow:0 16px 40px #0006}.demo-product-img-box{background:var(--c-surface);height:220px;position:relative;overflow:hidden}.demo-product-img-box img{object-fit:cover;width:100%;height:100%;transition:transform .45s}.demo-product-card:hover .demo-product-img-box img{transform:scale(1.04)}.product-status-chip{border-radius:var(--radius-full);background:var(--c-surface);border:1px solid var(--c-border-light);color:var(--c-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:12px;right:12px}.chip-popular{border-color:var(--c-primary);color:var(--c-primary-light)}.demo-card-cloud .demo-cloud-banner{background:var(--c-surface);flex-direction:column;justify-content:center;align-items:center;gap:12px;height:220px;display:flex}.cloud-icon{font-size:52px}.cloud-badge{color:var(--c-primary-light);font-size:12px;font-weight:600}.demo-product-body{flex-direction:column;flex:1;padding:24px;display:flex}.demo-product-title{color:var(--c-text);margin-bottom:8px;font-size:18px;font-weight:700}.demo-product-desc{color:var(--c-text-2);flex:1;margin-bottom:16px;font-size:13px;line-height:1.6}.demo-product-price-box{text-align:right;direction:ltr;align-items:baseline;gap:2px;margin-bottom:18px;display:flex}.product-currency{color:var(--c-text-2);font-size:18px;font-weight:600}.product-amount{color:var(--c-text);font-family:JetBrains Mono,monospace;font-size:30px;font-weight:800}.product-period{color:var(--c-text-3);margin-right:4px;font-size:13px}.demo-product-actions{gap:8px;display:flex}.demo-product-actions button:first-child{flex:1}.demo-billing-toggle-container{align-items:center;gap:12px;margin-top:24px;font-size:14px;display:inline-flex}.toggle-label{color:var(--c-text-3);font-weight:500}.toggle-label.active{color:var(--c-text);font-weight:600}.discount-tag{border-radius:var(--radius-full);background:var(--c-success-soft);color:var(--c-success);padding:2px 7px;font-size:11px;font-weight:700}.demo-billing-switch{border-radius:var(--radius-full);cursor:pointer;background:#ffffff1f;width:44px;height:24px;transition:background .2s;position:relative}.demo-switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:3px;right:3px}.demo-billing-switch.annual-active{background:var(--c-primary)}.demo-billing-switch.annual-active .demo-switch-thumb{transform:translate(-20px)}.demo-pricing-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:900px;margin:0 auto;display:grid}.demo-pricing-card{background:var(--c-surface-card);border:1px solid var(--c-border);border-radius:var(--radius-xl);flex-direction:column;padding:36px 30px;transition:all .25s;display:flex;position:relative}.demo-pricing-card:hover{border-color:var(--c-border-hover)}.demo-pricing-card.card-featured{background:var(--c-surface);border-color:var(--c-primary);box-shadow:0 12px 40px #0009}.featured-ribbon{background:var(--c-primary);color:#fff;border-radius:var(--radius-full);padding:3px 12px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:24px}.pricing-plan-name{color:var(--c-text);margin-bottom:6px;font-size:20px;font-weight:800}.pricing-plan-desc{color:var(--c-text-2);margin-bottom:24px;font-size:13.5px}.pricing-price{text-align:right;direction:ltr;align-items:baseline;gap:4px;margin-bottom:28px;display:flex}.price-val{color:var(--c-text);font-family:JetBrains Mono,monospace;font-size:40px;font-weight:900}.price-unit{color:var(--c-text-3);font-size:14px}.pricing-perks{color:var(--c-text-2);flex-direction:column;flex:1;gap:12px;margin-bottom:32px;font-size:14px;list-style:none;display:flex}.demo-testimonials-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.demo-testimonial-card{background:var(--c-surface-card);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:28px}.demo-stars{color:#f59e0b;letter-spacing:2px;margin-bottom:14px;font-size:13px}.demo-testimonial-quote{color:var(--c-text);margin-bottom:20px;font-size:15px;font-style:italic;line-height:1.75}.demo-testimonial-footer{align-items:center;gap:12px;display:flex}.author-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:700;display:flex}.author-1{background:#2563eb}.author-2{background:#0284c7}.author-name{color:var(--c-text);font-size:14px;font-style:normal;font-weight:700}.author-role{color:var(--c-text-3);font-size:12px}.demo-faq-list{flex-direction:column;gap:12px;max-width:760px;margin:0 auto;display:flex}.demo-faq-item{background:var(--c-surface-card);border:1px solid var(--c-border);border-radius:var(--radius-md);transition:border-color .2s;overflow:hidden}.demo-faq-item.open{border-color:var(--c-border-hover)}.demo-faq-trigger{width:100%;color:var(--c-text);text-align:right;cursor:pointer;justify-content:space-between;align-items:center;padding:18px 22px;font-size:15px;font-weight:600;display:flex}.faq-icon{color:var(--c-text-3);font-family:monospace;font-size:18px}.demo-faq-answer{color:var(--c-text-2);border-top:1px solid #ffffff0d;padding:14px 22px 18px;font-size:14px;line-height:1.7}.demo-cta-section{padding:80px 6%}.demo-cta-box{background:var(--c-surface);border:1px solid var(--c-border-light);border-radius:var(--radius-xl);text-align:center;padding:60px 30px;box-shadow:0 20px 60px #00000080}.demo-cta-title{color:var(--c-text);margin-bottom:14px;font-size:clamp(28px,3.5vw,44px);font-weight:800}.demo-cta-desc{color:var(--c-text-2);margin-bottom:30px;max-width:520px;margin-inline:auto;font-size:16px}.demo-cta-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.demo-footer{border-top:1px solid var(--c-border);background:var(--c-bg-subtle);padding:60px 6% 36px}.demo-footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:50px;display:grid}.footer-tagline{color:var(--c-text-3);max-width:290px;margin-top:12px;font-size:13.5px;line-height:1.7}.demo-footer-col h4{letter-spacing:.06em;text-transform:uppercase;color:var(--c-text);margin-bottom:16px;font-size:12.5px;font-weight:700}.demo-footer-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.demo-footer-col a{color:var(--c-text-2);font-size:13px;transition:color .15s}.demo-footer-col a:hover{color:var(--c-text)}.demo-footer-bottom{border-top:1px solid var(--c-border);color:var(--c-text-3);justify-content:space-between;align-items:center;padding-top:24px;font-size:12.5px;display:flex}.footer-social-links{gap:18px;display:flex}.footer-social-links a{color:var(--c-text-3);font-size:15px;transition:color .15s}.footer-social-links a:hover{color:var(--c-text)}@media (width<=1024px){.demo-hero{text-align:center;grid-template-columns:1fr}.demo-hero-desc{margin-inline:auto}.demo-hero-actions{justify-content:center}.demo-features-grid,.demo-products-grid{grid-template-columns:repeat(2,1fr)}.demo-pricing-grid{grid-template-columns:1fr}.demo-footer-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.demo-nav-links{display:none}.demo-stats{grid-template-columns:repeat(2,1fr)}.demo-features-grid,.demo-products-grid,.demo-testimonials-grid,.demo-footer-grid{grid-template-columns:1fr}.ai-control-panel{width:calc(100vw - 28px);bottom:14px;left:14px}.ai-cp-minimized-pill{bottom:14px;left:14px}}:focus{outline:none}:focus-visible{outline:3px solid var(--c-primary-light);outline-offset:3px;border-radius:inherit;transition:outline-offset .1s}a:focus-visible,button:focus-visible{outline:3px solid var(--c-primary-light);outline-offset:4px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--c-primary-light);outline-offset:0;box-shadow:0 0 0 4px #3b82f640, inset 0 0 0 1px var(--c-primary)}.demo-nav-links a:focus-visible,.demo-footer-col a:focus-visible,.footer-social-links a:focus-visible{outline:3px solid var(--c-primary-light);outline-offset:4px;border-radius:var(--radius-xs);color:var(--c-text)}.demo-btn-primary:focus-visible,.demo-btn-secondary:focus-visible,.demo-pricing-cta:focus-visible{outline-offset:4px;outline:3px solid #fff;box-shadow:0 0 0 6px #3b82f666}.demo-product-actions button:focus-visible{outline:3px solid var(--c-primary-light);outline-offset:3px}.demo-nav-logo:focus-visible{outline:3px solid var(--c-primary-light);outline-offset:6px;border-radius:var(--radius-sm)}.ai-cp-minimized-pill:focus-visible{outline:3px solid var(--c-primary-light);outline-offset:4px;box-shadow:0 0 0 6px #3b82f64d,0 8px 28px #0009}.ai-cp-minimize-btn:focus-visible{outline:3px solid var(--c-primary-light);outline-offset:3px;border-radius:var(--radius-xs)}.ai-toggle:focus-within{outline:3px solid var(--c-primary-light);outline-offset:3px;border-radius:var(--radius-full)}.ai-toggle input:focus-visible{outline:none}.ai-cp-theme-chip:focus-visible{outline:3px solid var(--c-primary-light);outline-offset:3px;box-shadow:0 0 0 5px #3b82f640}.ai-cp-theme-chip[aria-checked=true]:focus-visible{outline-offset:3px;outline:3px solid #fff;box-shadow:0 0 0 5px #3b82f666}.ai-cp-action-btn:focus-visible{outline:3px solid var(--c-primary-light);outline-offset:3px;box-shadow:0 0 0 5px #3b82f640}.ai-btn-stop:focus-visible{outline-offset:3px;outline:3px solid #fca5a5;box-shadow:0 0 0 5px #ef444440}.ai-tooltip-icon-btn:focus-visible{outline:3px solid var(--c-primary-light);outline-offset:3px;background:#3b82f626}.ai-stop-btn:focus-visible{outline-offset:3px;outline:3px solid #fca5a5}.ai-modal-tab:focus-visible{outline:3px solid var(--c-primary-light);outline-offset:2px}.ai-modal-close-btn:focus-visible{outline:3px solid var(--c-primary-light);outline-offset:4px;border-radius:var(--radius-sm)}.ai-btn-save:focus-visible,.ai-btn-cancel:focus-visible{outline:3px solid var(--c-primary-light);outline-offset:4px}.ai-input-toggle-btn:focus-visible,.ai-radio-card input[type=radio]:focus-visible{outline:3px solid var(--c-primary-light);outline-offset:3px}.ai-radio-card:focus-within{outline:3px solid var(--c-primary-light);outline-offset:3px;border-radius:var(--radius-md)}.ai-btn-test-voice:focus-visible,.ai-shortcuts-modal .ai-modal-close-btn:focus-visible,.ai-shortcuts-modal .ai-btn-save:focus-visible{outline:3px solid var(--c-primary-light);outline-offset:4px}.demo-stat-card[tabindex]:focus-visible,.demo-feature-card[tabindex]:focus-visible,.demo-product-card[tabindex]:focus-visible,.demo-testimonial-card[tabindex]:focus-visible,.demo-pricing-card[tabindex]:focus-visible{outline:3px solid var(--c-primary-light);outline-offset:4px;box-shadow:0 0 0 6px #3b82f633,0 12px 40px #00000080;border-color:var(--c-primary)!important}h1[tabindex]:focus-visible,h2[tabindex]:focus-visible{outline:3px solid var(--c-primary-light);outline-offset:6px;border-radius:var(--radius-xs)}@keyframes focus-ring-in{0%{outline-offset:8px;outline-color:#0000}to{outline-color:var(--c-primary-light);outline-offset:3px}}:focus-visible{animation:.15s forwards focus-ring-in}@media (forced-colors:active){:focus-visible{outline-offset:3px;outline:3px solid buttontext}.ai-hover-highlight:after{border:3px solid highlight}.ai-inspect-pulse{outline:3px dashed highlight!important}}@media (prefers-reduced-motion:reduce){:focus-visible{transition:none;animation:none}.ai-hover-highlight:after,.ai-scan-sweep:before,.ai-inspect-pulse{animation:none!important}html{scroll-behavior:auto}}