.tb-stage{pointer-events:none;width:100%;height:548px;position:relative}.tb-terminal-slot,.tb-browser-slot{min-width:0;min-height:0;position:absolute;overflow:visible}.tb-terminal-slot{z-index:10;width:94%;height:372px;transition:transform .7s cubic-bezier(.4,0,.2,1),width .7s cubic-bezier(.4,0,.2,1),height .7s cubic-bezier(.4,0,.2,1);top:0;left:0}.tb-browser-slot{z-index:20;width:90%;height:320px;transition:transform .7s cubic-bezier(.34,1.56,.64,1),opacity .7s ease-out;bottom:0;right:0}.tb-stage--intro .tb-terminal-slot{transform:translate(3%,72px)}.tb-stage--intro .tb-browser-slot{opacity:0;transform:translate(112%)}.tb-stage--peek .tb-terminal-slot{transform:translate(3%,72px)}.tb-stage--peek .tb-browser-slot{opacity:.4;transform:translate(74%)}.tb-stage--together .tb-terminal-slot{width:86%;height:272px;transform:none}.tb-stage--together .tb-browser-slot{opacity:1;transform:none}.macos-window{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:1rem;overflow:hidden}.macos-header{background:color-mix(in oklab, var(--muted) 55%, var(--card));border-bottom:1px solid var(--border);align-items:center;gap:12px;height:44px;padding:0 16px;display:flex}.macos-title{text-align:center;color:var(--muted-foreground);flex:1;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500}.macos-body{padding:16px}.traffic-lights{gap:8px;display:flex}.traffic-light{border:.5px solid #0003;border-radius:50%;width:12px;height:12px;transition:all .15s;position:relative}.traffic-light:hover{filter:brightness(1.1)}.traffic-light.close{background:linear-gradient(#ff5f57 0%,#e33e32 100%)}.traffic-light.minimize{background:linear-gradient(#febc2e 0%,#e5a000 100%)}.traffic-light.maximize{background:linear-gradient(#28c840 0%,#1aab29 100%)}.terminal-window{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:1rem;flex-direction:column;height:100%;display:flex;overflow:hidden}.terminal-header{background:color-mix(in oklab, var(--muted) 55%, var(--card));border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;height:44px;padding:0 16px;display:flex}.terminal-title{text-align:center;color:var(--muted-foreground);flex:1;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500}.terminal-body{background:var(--card);color:var(--card-foreground);scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--muted-foreground) 35%, transparent) transparent;flex:1;min-height:0;padding:10px 12px;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:12px;line-height:1.55;overflow:auto}.terminal-window.is-settled .terminal-body{padding:8px 12px 56px;font-size:11px;line-height:1.45;overflow:hidden}.terminal-window.is-settled .terminal-prompt{margin-bottom:6px}.terminal-window.is-settled .tui-progress{display:none}.terminal-window.is-settled .tui-block{margin:4px 0}.terminal-window.is-settled .tui-ready{margin-top:6px}.terminal-prompt{z-index:1;background:var(--card);flex-wrap:wrap;align-items:flex-start;gap:0;margin-bottom:10px;padding-bottom:2px;display:flex;position:sticky;top:0}.tui-host{color:var(--primary)}.tui-path{color:var(--primary);opacity:.75}.tui-muted{color:var(--muted-foreground)}.tui-ok{color:var(--primary)}.tui-key{color:var(--primary);white-space:pre}.tui-block{flex-direction:column;gap:1px;margin:6px 0;display:flex}.tui-line{white-space:pre;text-overflow:ellipsis;font-variant-ligatures:none;display:block;overflow:hidden}.tui-progress{gap:10px;margin:6px 0}.tui-bar{letter-spacing:0}.tui-bar-fill{color:var(--primary)}.tui-bar-empty{color:var(--muted-foreground)}.tui-ready{margin-top:8px}.prompt-symbol{color:var(--primary);margin-right:.6ch;font-weight:600}.prompt-text{color:var(--card-foreground);overflow-wrap:anywhere}.cursor{background:var(--primary);vertical-align:text-bottom;width:2px;height:1.1em;margin-left:2px;animation:.5s step-end infinite cursor-blink;display:inline-block}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.terminal-output{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.output-line{font-size:13px}.progress-container{background:#0000004d;border:1px solid #8b5cf64d;border-radius:4px;align-items:center;width:100%;height:24px;margin:12px 0;padding:0 3px;display:flex;position:relative;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#8b5cf6 0%,#7c3aed 50%,#6d28d9 100%);border-radius:3px;height:calc(100% - 6px);transition:width .1s linear;position:relative;box-shadow:0 0 20px #8b5cf680}.progress-shimmer{background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%);animation:1.5s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-percentage{color:#f8fafc;text-shadow:0 1px 2px #00000080;z-index:1;font-size:11px;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.ascii-art{color:#8b5cf6;white-space:pre;opacity:0;text-align:center;-webkit-user-select:none;user-select:none;margin:16px 0;font-family:Fira Code,JetBrains Mono,monospace;font-size:10px;line-height:1.2;transition:opacity .5s ease-out}.ascii-art.visible{opacity:1}.ascii-line{opacity:0;animation:50ms ease-out forwards line-reveal}@keyframes line-reveal{to{opacity:1}}.agent-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.agent-item{background:var(--muted);opacity:0;border-left:3px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;transform:translate(-10px)}.agent-item.visible{opacity:1;transform:translate(0)}.agent-icon{font-size:18px;animation:2s ease-in-out infinite icon-pulse}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.agent-info{flex-direction:column;flex:1;gap:2px;display:flex}.agent-name{color:var(--foreground);font-size:12px;font-weight:600}.agent-status{color:var(--muted-foreground);font-family:Fira Code,monospace;font-size:11px}.agent-check{font-size:16px;font-weight:700;animation:.3s cubic-bezier(.34,1.56,.64,1) check-pop}@keyframes check-pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.success-message{opacity:0;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;align-items:center;gap:10px;margin-top:16px;padding:12px 16px;transition:all .5s cubic-bezier(.34,1.56,.64,1);display:flex;transform:scale(.95)}.success-message.visible{opacity:1;transform:scale(1)}.success-icon{font-size:20px;animation:1s ease-in-out infinite sparkle}@keyframes sparkle{0%,to{filter:brightness();transform:scale(1)rotate(0)}50%{filter:brightness(1.3);transform:scale(1.2)rotate(10deg)}}.success-text{color:#10b981;font-family:Fira Code,monospace;font-size:13px;font-weight:600}.browser-window{background:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:1rem;overflow:hidden}.browser-header{background:color-mix(in oklab, var(--muted) 55%, var(--card));border-bottom:1px solid var(--border);align-items:center;gap:12px;height:44px;padding:0 12px;display:flex}.browser-tabs{gap:4px;margin-right:12px;display:flex}.browser-tab{background:var(--muted);border:1px solid var(--border);min-width:120px;height:32px;color:var(--muted-foreground);border-radius:6px;align-items:center;gap:6px;padding:0 12px;font-size:11px;display:flex}.browser-tab.active{background:color-mix(in oklab, var(--primary) 15%, var(--card));border-color:color-mix(in oklab, var(--primary) 30%, var(--border));color:var(--foreground)}.tab-favicon{font-size:12px}.tab-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.address-bar{background:var(--muted);border:1px solid var(--border);height:32px;color:var(--muted-foreground);border-radius:6px;flex:1;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:flex}.address-bar-icon{color:#10b981;flex-shrink:0;width:14px;height:14px}.address-bar-text{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.browser-body{background:var(--card);border-top:none}.browser-window{flex-direction:column;height:100%;display:flex}.browser-header{flex-shrink:0}.browser-body{flex-direction:column;flex:1;min-height:0;display:flex}.browser-view-container{flex:1;width:100%;height:auto;min-height:0;position:relative}.browser-view{transition:all .8s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.browser-view.exiting{opacity:0;filter:blur(4px);transform:scale(1.1)}.browser-view.entering{opacity:0;transform:scale(.9)}.browser-view.active{opacity:1;transform:scale(1)}.uml-view{background:color-mix(in oklab, var(--muted) 40%, var(--card));justify-content:center;align-items:center;width:100%;height:100%;padding:8px;display:flex;position:relative;overflow:hidden}.uml-view-content{flex-shrink:0;width:380px;height:240px;position:relative}.uml-grid{pointer-events:none;background-image:linear-gradient(#8b5cf60d 1px,#0000 1px),linear-gradient(90deg,#8b5cf60d 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.uml-connections{pointer-events:none;position:absolute;inset:0}.uml-connection{opacity:0;transition:opacity .3s}.uml-connection.visible{opacity:1}.uml-connection-line{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:1s ease-out forwards draw-line}@keyframes draw-line{to{stroke-dashoffset:0}}.uml-node{background:var(--card);opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;border-radius:8px;padding:0;position:absolute;overflow:hidden;transform:scale(.8);box-shadow:0 4px 12px #0000004d}.uml-node.entity{border-color:#8b5cf6}.uml-node.interface{border-style:dashed;border-color:#3b82f6}.uml-node.service{border-color:#10b981}.uml-node.visible{opacity:1;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards node-appear}@keyframes node-appear{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.uml-node-title{border-bottom:1px solid var(--border);color:var(--foreground);padding:6px 10px;font-family:Inter,sans-serif;font-size:12px;font-weight:600}.uml-node-section{padding:4px 10px}.uml-node-divider{background:#ffffff1a;height:1px;margin:0}.uml-node-property{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-family:Fira Code,monospace;font-size:10px;line-height:1.4;overflow:hidden}.website-preview{background:var(--card);flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.preview-nav{background:color-mix(in oklab, var(--muted) 70%, var(--card));border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:20px;height:44px;padding:0 16px;display:flex}.preview-logo{background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.preview-nav-links{flex:1;gap:24px;display:flex}.preview-nav-link{color:var(--muted-foreground);font-size:14px;text-decoration:none;transition:color .2s;position:relative}.preview-nav-link:hover{color:var(--foreground)}.preview-nav-link.active{color:var(--primary)}.preview-nav-link.active:after{content:"";background:#8b5cf6;height:2px;position:absolute;bottom:-14px;left:0;right:0}.preview-nav-actions{align-items:center;gap:12px;display:flex}.preview-avatar{color:#f8fafc;background:linear-gradient(135deg,#8b5cf6 0%,#3b82f6 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.preview-content{flex:1;grid-template-columns:repeat(3,1fr);align-content:start;gap:10px;padding:14px;display:grid;overflow-y:auto}.preview-card{background:var(--muted);border:1px solid var(--border);opacity:0;border-radius:8px;min-width:0;padding:12px;transition:all .3s;transform:translateY(10px)}.preview-card.visible{opacity:1;transform:translateY(0)}.preview-card-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px}.preview-card-value{color:var(--foreground);margin-bottom:4px;font-size:22px;font-weight:700}.preview-card-change{color:#10b981;font-size:12px}.preview-table{background:var(--muted);border:1px solid var(--border);opacity:0;border-radius:8px;grid-column:1/-1;padding:16px;transition:all .3s;transform:translateY(10px)}.preview-table.visible{opacity:1;transform:translateY(0)}.preview-table-header{color:var(--foreground);margin-bottom:12px;font-size:14px;font-weight:600}.preview-table-row{color:var(--muted-foreground);border-bottom:1px solid #ffffff08;grid-template-columns:2fr 2fr 1fr 1fr;padding:12px 8px;font-size:13px;display:grid}.preview-table-row:last-child{border-bottom:none}.status{border-radius:4px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.status-completed{color:#10b981;background:#10b98133}.status-processing{color:#f59e0b;background:#f59e0b33}.status-shipped{color:#3b82f6;background:#3b82f633}.connection-animation{justify-content:center;align-items:center;width:200px;height:100px;display:flex;position:relative}.connection-canvas{opacity:0;transition:opacity .3s;position:absolute;inset:0}.connection-canvas.visible{opacity:1}.transition-arrow{color:#8b5cf6;opacity:0;font-size:32px;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.transition-arrow.visible{opacity:1;animation:1s ease-in-out infinite arrow-pulse}@keyframes arrow-pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.2)}}html:not(.dark) .macos-window,html:not(.dark) .terminal-window,html:not(.dark) .browser-window{background:var(--card);border:1px solid color-mix(in oklab, var(--border) 90%, transparent);box-shadow:0 1px 2px #0f172a0a,0 4px 10px #0f172a0d,0 12px 28px #0f172a0f,0 28px 56px #0f172a0a}html:not(.dark) .macos-header,html:not(.dark) .terminal-header,html:not(.dark) .browser-header{background:color-mix(in oklab, var(--muted) 70%, var(--card));border-bottom-color:var(--border)}html:not(.dark) .macos-title,html:not(.dark) .terminal-title,html:not(.dark) .browser-tab,html:not(.dark) .address-bar{color:var(--muted-foreground)}html:not(.dark) .terminal-body,html:not(.dark) .terminal-prompt{background:var(--card);color:var(--card-foreground)}html:not(.dark) .prompt-text{color:var(--card-foreground)}html:not(.dark) .tui-host,html:not(.dark) .prompt-symbol,html:not(.dark) .tui-key,html:not(.dark) .tui-bar-fill{color:#6d28d9}html:not(.dark) .tui-path{color:#0e7490}html:not(.dark) .tui-ok{color:#15803d}html:not(.dark) .tui-muted,html:not(.dark) .tui-bar-empty{color:var(--muted-foreground)}html:not(.dark) .cursor{background:#7c3aed}html:not(.dark) .browser-tab{background:var(--muted);border-color:var(--border)}html:not(.dark) .browser-tab.active{background:color-mix(in oklab, var(--primary) 15%, var(--card));border-color:color-mix(in oklab, var(--primary) 30%, var(--border));color:var(--foreground)}html:not(.dark) .address-bar{background:var(--muted);border-color:var(--border)}html:not(.dark) .address-bar-text,html:not(.dark) .tab-title{color:var(--foreground)}html:not(.dark) .browser-body,html:not(.dark) .uml-view,html:not(.dark) .website-preview{background:var(--card)}html:not(.dark) .uml-view{background:color-mix(in oklab, var(--muted) 40%, var(--card))}html:not(.dark) .uml-node{background:var(--card);box-shadow:0 1px 2px #0f172a0a,0 8px 20px #0f172a0f}html:not(.dark) .uml-node-title,html:not(.dark) .preview-card-value,html:not(.dark) .preview-table-header,html:not(.dark) .agent-name{color:var(--foreground)}html:not(.dark) .uml-node-property,html:not(.dark) .preview-card-label,html:not(.dark) .preview-table-row,html:not(.dark) .agent-status,html:not(.dark) .preview-nav-link{color:var(--muted-foreground)}html:not(.dark) .preview-nav{background:color-mix(in oklab, var(--muted) 70%, var(--card));border-bottom-color:var(--border)}html:not(.dark) .preview-card,html:not(.dark) .preview-table,html:not(.dark) .agent-item{background:var(--muted);border-color:var(--border)}html:not(.dark) .uml-grid{background-image:linear-gradient(#7c5cfc14 1px,#0000 1px),linear-gradient(90deg,#7c5cfc14 1px,#0000 1px)}@media (max-width:1023px){.terminal-browser-animation-container{flex-direction:column;gap:32px;height:auto;padding:32px 0}.terminal-window,.browser-window{max-width:480px;width:100%!important}}@media (max-width:767px){.terminal-body{font-size:11px;line-height:1.4}.ascii-art,.uml-view,.browser-tabs{display:none}.preview-content{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.agent-item,.uml-connection-line,.uml-node,.preview-card,.preview-table{opacity:1;animation:none;transform:none}}
.font-display{font-family:var(--font-display), ui-sans-serif, system-ui, sans-serif}.v2-hero-cursor-pulse,.v2-hero-cursor-blink{background:linear-gradient(#c084fc,#60a5fa)}.v2-hero-cursor-pulse{animation:.5s ease-in-out infinite v2-hero-pulse}.v2-hero-cursor-blink{animation:1s step-end infinite v2-hero-blink}@keyframes v2-hero-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes v2-hero-blink{0%,to{opacity:1}50%{opacity:0}}