.od-root{position:relative;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:transform .12s ease-out}.od-root.draggable{cursor:grab;touch-action:none}.od-root.draggable.od-dragging{cursor:grabbing}.od-root.size-sm{width:100%;max-width:100%;display:flex;justify-content:center;overflow:visible}.od-root.size-sm .od-stack{width:520px;transform:scale(.78);transform-origin:top center}.od-root.size-md{max-width:520px}.od-root.size-lg{max-width:640px}.od-stack{gap:0;width:100%}.od-panel,.od-stack{display:flex;flex-direction:column}.od-panel{background:rgba(20,20,20,.78);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;margin-bottom:8px;box-shadow:0 20px 50px rgba(0,0,0,.35)}.od-panel-header{gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.od-back-btn,.od-panel-header{display:flex;align-items:center}.od-back-btn{width:34px;height:34px;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:50%;color:rgba(255,255,255,.75);font-size:16px;cursor:pointer;flex-shrink:0}.od-back-btn:hover{background:rgba(255,255,255,.14);color:white}.od-chat-body{max-height:200px;overflow-y:auto;padding:14px 16px}.od-root.size-lg .od-chat-body{max-height:260px}.od-user-row{display:flex;justify-content:flex-end;margin-bottom:12px}.od-user-bubble{max-width:82%;padding:9px 13px;background:rgba(40,40,40,.9);border:1px solid rgba(255,255,255,.1);border-radius:14px 14px 4px 14px;font-size:13px;line-height:1.45;color:rgba(255,255,255,.92)}.od-assistant-block{margin-bottom:12px}.od-viewed-label{font-size:10px;color:rgba(255,255,255,.4);margin-bottom:6px}.od-assistant-content{font-size:13px;line-height:1.55;color:rgba(255,255,255,.88)}.od-thinking{font-size:12px;color:rgba(255,255,255,.45);padding:4px 0}.od-bar{width:100%;background:rgba(20,20,20,.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:visible;box-shadow:0 16px 48px rgba(0,0,0,.28)}.od-input-row{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.od-input{flex:1;min-height:40px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px 12px;font-size:14px;color:white;outline:none;font-family:inherit}.od-input::placeholder{color:rgba(255,255,255,.4)}.od-input:disabled{opacity:.6}.od-submit{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:10px;color:rgba(255,255,255,.7);font-size:18px;cursor:pointer;flex-shrink:0}.od-submit:hover:not(:disabled){background:rgba(255,255,255,.18);color:white}.od-submit:disabled{opacity:.4;cursor:not-allowed}.od-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;min-height:44px}.od-toolbar-left,.od-toolbar-right{display:flex;align-items:center;gap:8px;min-width:0}.od-toolbar-right{flex-shrink:1}.od-toolbar-left{flex-shrink:1;flex-wrap:nowrap}.od-toolbar-left .od-tip-wrap{flex-shrink:0}.od-pill-wrap{position:relative;flex-shrink:0}.od-pill{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.75);font-size:11px;font-weight:500;padding:5px 8px;border-radius:8px;cursor:pointer;max-width:120px;font-family:inherit;flex-shrink:0}.od-pill.active,.od-pill:hover:not(:disabled){background:rgba(255,255,255,.1);color:white}.od-pill:disabled{opacity:.55;cursor:not-allowed}.od-mode-pill{max-width:100px}.od-pill-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.od-pill-chevron{font-size:8px;opacity:.7;flex-shrink:0}.od-model-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:140px;background:rgba(12,12,14,.98);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:4px;z-index:200;box-shadow:0 8px 24px rgba(0,0,0,.45)}.od-model-item{display:flex;align-items:center;width:100%;text-align:left;background:transparent;border:none;color:rgba(255,255,255,.8);font-size:11px;padding:8px 10px;border-radius:7px;cursor:pointer;font-family:inherit}.od-model-item:hover{background:rgba(255,255,255,.08);color:white}.od-brand{flex-shrink:0;font-size:12px;font-weight:600;color:rgba(255,255,255,.85);letter-spacing:.04em;margin-right:2px}.od-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0}.od-dot.recording{background:#ef4444;animation:od-pulse 1.5s infinite}@keyframes od-pulse{0%,to{opacity:1}50%{opacity:.4}}.od-divider{width:1px;height:20px;background:rgba(255,255,255,.15);margin:0 6px}.od-tip-wrap{position:relative;display:flex;align-items:center}.od-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(2px);opacity:0;pointer-events:none;z-index:20;white-space:nowrap;font-size:11px;font-weight:500;color:white;background:rgba(0,0,0,.92);padding:4px 8px;border-radius:6px;transition:opacity .15s ease,transform .15s ease}.od-tip-wrap:hover .od-tip{opacity:1;transform:translateX(-50%) translateY(0)}.od-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent;border:none;border-radius:8px;color:rgba(255,255,255,.55);cursor:pointer;padding:0}.od-icon:hover:not(:disabled){background:rgba(255,255,255,.1);color:white}.od-icon:disabled{opacity:.35;cursor:not-allowed}.od-icon.active:not(.od-audio){color:white;background:rgba(59,130,246,.2)}.od-icon.od-stealth.active{color:#22c55e;background:rgba(34,197,94,.2)}.od-icon.od-audio.active{color:#ef4444;background:rgba(239,68,68,.15)}.od-waveform{display:flex;align-items:center;gap:3px;height:18px}.od-waveform span{display:block;width:3px;height:8px;background:currentColor;border-radius:1px}.od-waveform.active span{animation:od-wave .8s ease-in-out infinite}.od-waveform.active span:first-child{animation-delay:0s;height:5px}.od-waveform.active span:nth-child(2){animation-delay:.1s;height:12px}.od-waveform.active span:nth-child(3){animation-delay:.2s;height:7px}.od-waveform.active span:nth-child(4){animation-delay:.3s;height:10px}@keyframes od-wave{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1.2)}}.od-history-btn{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:rgba(255,255,255,.55);font-size:12px;cursor:pointer;padding:6px 8px;border-radius:8px;font-family:inherit;white-space:nowrap;flex-shrink:0}.od-history-btn:hover{background:rgba(255,255,255,.08);color:white}.od-history-btn.active{color:white;background:rgba(255,255,255,.1)}.od-chevron{font-size:9px;transition:transform .2s}.od-chevron.up{transform:rotate(180deg)}.od-expanded{margin-top:8px;background:rgba(20,20,20,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 14px;box-shadow:0 12px 36px rgba(0,0,0,.22)}.od-expanded-label{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:8px}.od-transcript-line{font-size:12px;line-height:1.5;color:rgba(255,255,255,.65);padding:4px 0;border-bottom:1px solid rgba(255,255,255,.04)}.od-transcript-line:last-child{border-bottom:none}.od-session-row{font-size:12px;line-height:1.5;color:rgba(255,255,255,.75);padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.04);margin-bottom:6px}.od-session-row.muted{color:rgba(255,255,255,.35);background:transparent;padding-left:0}.od-suggestion{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:10px;margin-bottom:6px;font-size:12px;line-height:1.45;color:rgba(255,255,255,.9);cursor:pointer;border:1px solid transparent;text-align:left;width:100%;font-family:inherit;background:rgba(59,130,246,.15)}.od-suggestion:hover{border-color:rgba(255,255,255,.12);background:rgba(59,130,246,.22)}.od-suggestion.type-question{background:rgba(168,85,247,.15)}.od-suggestion.type-question:hover{background:rgba(168,85,247,.22)}.od-suggestion.type-action{background:rgba(34,197,94,.12)}.od-suggestion.type-action:hover{background:rgba(34,197,94,.2)}.od-suggestion-icon{flex-shrink:0;font-size:11px;opacity:.8}.od-prompts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;justify-content:center}.od-prompt-chip{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:9999px;padding:5px 12px;font-size:11px;color:rgba(255,255,255,.65);cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.od-prompt-chip:hover{background:rgba(255,255,255,.14);color:white}.od-float{animation:od-float 5s ease-in-out infinite}@keyframes od-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.od-arrows{position:absolute;inset:-32px;pointer-events:none}.od-arrows span{position:absolute;font-size:16px;color:rgba(255,255,255,.15)}.od-arrows .up{top:0}.od-arrows .down,.od-arrows .up{left:50%;transform:translateX(-50%)}.od-arrows .down{bottom:0}.od-arrows .left{left:0;top:50%;transform:translateY(-50%)}.od-arrows .right{right:0;top:50%;transform:translateY(-50%)}.vcd-root{display:flex;flex-direction:column;min-height:420px;background:#1a1a1a;color:#f3f4f6;position:relative}.vcd-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:rgba(0,0,0,.35);border-bottom:1px solid rgba(255,255,255,.06);font-size:12px}.vcd-header-title{font-weight:600;color:rgba(255,255,255,.9)}.vcd-header-timer{font-variant-numeric:tabular-nums;color:rgba(255,255,255,.55)}.vcd-tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex:1;padding:6px;min-height:0}.vcd-tile{position:relative;background:#0f0f0f;border-radius:8px;overflow:hidden;min-height:240px}.vcd-video{width:100%;height:100%;object-fit:cover;display:block;background:#111}.vcd-name{position:absolute;left:10px;bottom:10px;padding:4px 10px;border-radius:6px;background:rgba(0,0,0,.55);font-size:11px;font-weight:500;letter-spacing:.01em}.vcd-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px 18px;background:rgba(0,0,0,.4)}.vcd-control{display:inline-flex;flex-direction:column;align-items:center;gap:4px;min-width:72px;padding:10px 12px 8px;border:none;border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font-size:10px;font-family:inherit;cursor:default}.vcd-control svg{opacity:.95}.vcd-end{min-width:64px;padding-inline:20px;border-radius:999px;background:#e11d48;font-size:12px;font-weight:600}.vcd-root--window{min-height:0;border-radius:12px}.vcd-chrome{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#2a2a2a;border-bottom:1px solid rgba(255,255,255,.06)}.vcd-dot{width:10px;height:10px;border-radius:50%}.vcd-dot.red{background:#ff5f57}.vcd-dot.yellow{background:#febc2e}.vcd-dot.green{background:#28c840}.vcd-root--window .vcd-header{padding:6px 12px;font-size:10px}.vcd-root--window .vcd-tiles{gap:4px;padding:4px}.vcd-root--window .vcd-tile{min-height:130px;border-radius:6px}.vcd-root--window .vcd-name{font-size:9px;padding:3px 8px;left:6px;bottom:6px}.vcd-root--window .vcd-controls{padding:8px 10px 10px;gap:4px}.vcd-root--window .vcd-control{min-width:52px;padding:6px 8px 5px;font-size:8px;border-radius:8px}.vcd-root--window .vcd-control svg{width:14px;height:14px}.vcd-root--window .vcd-end{min-width:48px;padding-inline:14px;font-size:10px}.vcd-root--hero{background:#1a1a1a;width:15.4cm;height:9.9cm;min-height:unset;flex:0 0 auto;border-radius:12px;overflow:hidden}.vcd-root--hero .vcd-chrome{height:.5cm;padding:0 .3cm;box-sizing:border-box;background:#2a2a2a;border-bottom:none;flex-shrink:0}.vcd-root--hero .vcd-tiles{display:grid;grid-template-columns:7.2cm 7.2cm;grid-template-rows:7.2cm;gap:.4cm;padding:.6cm .3cm;flex:0 0 auto;min-height:0;align-content:start}.vcd-root--hero .vcd-tile{width:7.2cm;height:7.2cm;max-width:7.2cm;max-height:7.2cm;border-radius:8px;border:none;background:#111;overflow:hidden;min-height:0}.vcd-root--hero .vcd-video{min-height:unset;height:100%;width:100%;object-fit:cover}.vcd-controls--hero{justify-content:space-between;align-items:center;min-height:1cm;height:1cm;padding:0 .3cm;box-sizing:border-box;background:#222222;border-top:1px solid rgba(255,255,255,.06);flex:0 0 auto;flex-shrink:0;overflow:visible}.vcd-controls-left{display:flex;align-items:center;gap:12px}.vcd-root--hero .vcd-control{flex-direction:row;min-width:auto;padding:0;background:none;color:rgba(255,255,255,.85);font-size:9px;gap:4px}.vcd-root--hero .vcd-control svg{width:14px;height:14px;opacity:.9}.vcd-root--hero .vcd-end{flex-direction:row;min-width:auto;padding:4px 12px;border-radius:6px;background:#dc2626;color:#fff;font-size:10px;font-weight:600;margin-left:0}.hero-sales-demo{position:relative;width:100%;padding:1.5rem 0 .5rem}.hero-sales-glow{display:none}.hero-sales-screen{z-index:1;max-width:1040px;margin:0 auto;box-shadow:0 28px 60px rgba(15,23,42,.18),0 0 0 1px rgba(255,255,255,.35)}.hero-desktop-stage,.hero-sales-screen{position:relative;border-radius:18px;overflow:hidden}.hero-desktop-stage{display:flex;flex-direction:column;aspect-ratio:16/10;min-height:640px}.hero-desktop-wallpaper{position:absolute;inset:0;background:url(/desktop/wallpaper.jpg) 50%/cover no-repeat}.hero-desktop-menubar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:5px 14px;background:rgba(255,232,214,.38);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);border-bottom:1px solid rgba(255,255,255,.22);color:rgba(255,255,255,.95)}.hero-desktop-menubar-left,.hero-desktop-menubar-right{display:flex;align-items:center;gap:8px}.hero-menubar-app-icon,.hero-menubar-control-center,.hero-menubar-wifi{display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.95)}.hero-menubar-app-icon svg{width:17px;height:17px}.hero-menubar-wifi img{height:13px;width:auto;display:block;object-fit:contain;opacity:.95}.hero-menubar-control-center img{height:14px;width:auto;display:block;object-fit:contain}.hero-desktop-scene{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 16px 10px;min-height:0}.hero-desktop-clarifi{position:absolute;top:72px;left:50%;transform:translateX(-50%);z-index:5;width:min(88%,360px);pointer-events:none}.hero-desktop-clarifi .od-root{width:100%}.hero-desktop-clarifi .od-root.size-sm .od-stack{transform:scale(.58);transform-origin:top center}.hero-desktop-clarifi .od-stack{box-shadow:none}.hero-desktop-clarifi .od-bar,.hero-desktop-clarifi .od-expanded{border:none;box-shadow:none}.hero-desktop-window{width:15.4cm;height:9.9cm;max-height:none;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;border-radius:12px;overflow:visible;background:transparent;box-shadow:0 12px 32px rgba(15,23,42,.18)}.hero-desktop-window .vcd-root--hero{display:flex;flex-direction:column;flex:0 0 auto;height:auto;min-height:0}.hero-desktop-dock{position:relative;z-index:3;align-self:center;margin-bottom:14px;flex-shrink:0}.hero-desktop-dock.bento-macbook-dock{background:rgba(255,255,255,.15);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border:1px solid rgba(255,255,255,.35);box-shadow:0 4px 20px rgba(0,0,0,.08)}.hero-desktop-dock .bento-dock-divider{height:44px;background:rgba(255,255,255,.3)}.hero-dock-icon-img{padding:0;overflow:hidden;background:transparent}.hero-dock-icon-img img{display:block;width:100%;height:100%;border-radius:10px}.bento-dock-icon-wrap.active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.85)}@media (max-width:640px){.hero-desktop-stage{min-height:420px}.hero-desktop-window{max-width:100%}}