.demo-wrapper{margin-top:3rem;width:100%;max-width:56rem;margin-left:auto;margin-right:auto;position:relative;z-index:10;isolation:isolate}.demo-wrapper:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(ellipse at center,rgba(59,130,246,.04) 0%,transparent 60%);z-index:-1;pointer-events:none}.demo-container{position:relative;width:100%;max-width:800px;margin:0 auto;padding:20px;background:transparent;border-radius:16px}.app-window{width:100%;aspect-ratio:848 / 600;background:#0f0f11;border-radius:12px;overflow:hidden;display:grid;grid-template-columns:48px 1fr;box-shadow:0 0 0 1px #ffffff0f,0 25px 50px #0009;position:relative;z-index:2}.app-window:before{content:"";position:absolute;inset:0;background:#0f0f11;z-index:-1;border-radius:12px}.sidebar{display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:4px;background:#18181b;border-right:1px solid rgba(255,255,255,.06)}.sidebar-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#a1a1aa;transition:all .15s ease}.sidebar-btn svg{width:18px;height:18px}.sidebar-btn.active{color:#3b82f6;background:#3b82f61a}.sidebar-spacer{flex:1}.sidebar-divider{width:24px;height:1px;background:#ffffff0f;margin:4px 0}.main-content{display:flex;flex-direction:column;overflow:hidden}.titlebar{height:28px;display:flex;align-items:center;padding:0 12px;background:#18181b}.traffic-lights{display:flex;gap:8px}.light{width:12px;height:12px;border-radius:50%}.light.red{background:#ff5f57}.light.yellow{background:#febc2e}.light.green{background:#28c840}.window-title{flex:1;text-align:center;font-size:13px;font-weight:500;color:#71717a}.control-panel{height:52px;display:flex;align-items:center;gap:12px;padding:0 16px;background:#18181b;border-bottom:1px solid rgba(255,255,255,.06)}.rec-btn{width:36px;height:36px;border-radius:50%;background:#ef4444;display:flex;align-items:center;justify-content:center;color:#fff;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 #ef444466}.rec-btn svg{width:16px;height:16px}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #ef444466}50%{transform:scale(1.03);box-shadow:0 0 0 6px #ef444400}}.timer{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#ffffff0f;border-radius:6px}.timer-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.timer-value{font-size:13px;font-weight:500;font-family:ui-monospace,SF Mono,monospace;color:#fafafa;font-variant-numeric:tabular-nums}.meeting-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:6px;transition:all .25s ease}.meeting-badge svg{width:14px;height:14px;color:#22c55e}.meeting-badge span{font-size:11px;font-weight:500;color:#22c55e}.spacer{flex:1}.transcription-area{height:220px;padding:12px 16px;display:flex;flex-direction:column;gap:6px;background:#0f0f11;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.transcription-area::-webkit-scrollbar{width:4px}.transcription-area::-webkit-scrollbar-track{background:transparent}.transcription-area::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.bubble{display:flex;align-items:flex-start;gap:10px;padding:6px 8px;border-radius:6px;opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}.bubble.visible{opacity:1;transform:translateY(0)}.bubble.user{background:#3b82f60f}.bubble.speaker{background:#ffffff08}.bubble-icon{width:18px;height:14px;flex-shrink:0;margin-top:2px}.bubble.user .bubble-icon{color:#22c55e}.bubble.speaker .bubble-icon{color:#3b82f6}.bubble-content{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}.bubble-label{font-size:12px;font-weight:600;line-height:1}.bubble.user .bubble-label{color:#22c55e}.bubble.speaker .bubble-label{color:#3b82f6}.bubble-text{font-size:13px;line-height:1.4;color:#fafafa;text-align:left;overflow:hidden}.bubble-text.typing:after{content:"○";animation:cursorBlink .7s step-end infinite;color:#71717a;margin-left:1px}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.bubble-time{font-size:10px;color:#71717a;line-height:1}.suggestions-area{flex:1;display:flex;flex-direction:column;background:#0f0f11}.suggestions-header{display:flex;align-items:center;justify-content:space-between;padding:6px 16px;background:#18181b;border-top:1px solid rgba(255,255,255,.06)}.header-left{display:flex;align-items:center;gap:8px}.wand-icon{width:16px;height:16px;color:#fafafa}.header-title{font-size:13px;font-weight:600;color:#fafafa}.type-chips{display:flex;gap:4px}.chip{display:flex;align-items:center;gap:3px;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:500;border:1px solid rgba(255,255,255,.06);color:#71717a;transition:all .15s ease}.chip svg{width:10px;height:10px}.chip-active{background:#3b82f626;border-color:#3b82f64d;color:#3b82f6}.header-right{display:flex;align-items:center;gap:10px}.refresh-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#71717a}.refresh-icon svg{width:12px;height:12px}.toggle-display{width:32px;height:18px;background:#3b82f6;border-radius:9px;position:relative}.toggle-knob{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:2px;right:2px;box-shadow:0 1px 2px #0000004d}.cards{flex:1;display:flex;flex-direction:column;gap:8px;padding:12px 16px;overflow:hidden}.card{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:#18181b;border:1px solid rgba(255,255,255,.06);border-radius:6px;opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.card.visible{opacity:1;transform:translateY(0)}.card-icon{width:20px;height:20px;flex-shrink:0;color:#3b82f6}.card-body{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}.card-label{font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#3b82f6}.card-text{font-size:12px;line-height:1.45;color:#a1a1aa;text-align:left}.copy-btn{width:14px;height:14px;color:#71717a;flex-shrink:0;margin-top:2px}@media(max-width:768px){.demo-container{transform:scale(.85);transform-origin:top center;margin-bottom:-60px}.sidebar{display:none}.app-window{grid-template-columns:1fr}.type-chips{display:none}}@media(max-width:640px){.demo-container{transform:scale(.55);transform-origin:top center;margin-bottom:-220px}}@media(prefers-reduced-motion:reduce){.rec-btn,.timer-dot{animation:none}.bubble,.card{opacity:1;transform:none;transition:none}.bubble-text.typing:after{animation:none;display:none}}.pricing-toggle-label[data-astro-cid-migsmrqm]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}