.demo-section{padding:2rem 0;background:var(--gray)}.demo-section .container{max-width:var(--container);margin:0 auto;padding:0 var(--px)}.demo-section .product-section-title{margin-bottom:.5rem}.demo-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch;background:var(--midnight);border-radius:16px;overflow:hidden;box-shadow:0 8px 40px #01103b2e;position:relative;min-height:480px}.demo-flow__left,.demo-flow__middle,.demo-flow__right{padding:2rem 1.5rem;display:flex;flex-direction:column;justify-content:center;position:relative}.demo-flow__left{background:#ffffff05}.demo-flow__middle{min-width:200px;max-width:240px;background:radial-gradient(ellipse 80% 60% at 50% 50%,rgba(45,75,169,.15) 0%,transparent 100%);border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06);align-items:center;text-align:center}.demo-flow__right{background:#ffffff05}.demo-col-label{font-family:JetBrains Mono,monospace;font-size:.625rem;font-weight:500;color:#ffffff59;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.25rem;text-align:center}.demo-node{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffbf;font-size:.6875rem;font-weight:500;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;user-select:none}.demo-node svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.demo-node.active{color:var(--white);border-color:#6dcff673;background:#6dcff614;box-shadow:0 0 16px #6dcff61a}.demo-node-grid{display:flex;flex-direction:column;gap:.5rem;max-width:260px}.demo-workspace{border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.75rem;margin-bottom:.75rem;background:#ffffff05;position:relative;max-width:260px}.demo-workspace:last-child{margin-bottom:0}.demo-workspace__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.625rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.demo-workspace__logo{width:20px;height:20px;object-fit:contain;opacity:.7}.demo-workspace__name{font-size:.625rem;font-weight:500;color:#ffffff8c;letter-spacing:.04em;text-transform:uppercase}.demo-workspace__nodes{display:flex;flex-direction:column;gap:.375rem}.demo-workspace.active{border-color:#00e5a04d;background:#00e5a00a}.demo-workspace.active .demo-workspace__name{color:#00e5a0cc}.demo-workspace--alpha{border-color:#6dcff626}.demo-workspace--alpha.active{border-color:#6dcff666;background:#6dcff60a}.demo-workspace--bravo{border-color:#707fdc26}.demo-workspace--bravo.active{border-color:#707fdc66;background:#707fdc0a}.demo-workspace--charlie{border-color:#00e5a026}.demo-workspace--charlie.active{border-color:#00e5a066;background:#00e5a00a}.demo-hub{width:80px;height:80px;border-radius:50%;background:#01103b99;border:1.5px solid rgba(109,207,246,.15);display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #6dcff614;transition:all .5s;margin:.75rem auto;flex-shrink:0}.demo-hub.active{border-color:#6dcff659;box-shadow:0 0 60px #6dcff62e,0 0 120px #6dcff60f}.demo-hub img{width:52px;height:52px;object-fit:contain}.demo-hub-label{font-family:JetBrains Mono,monospace;font-size:.6875rem;font-weight:500;color:#fff9;margin-top:.5rem;letter-spacing:.06em}.demo-protocol{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:6px;border:1px solid rgba(0,229,160,.2);background:#00e5a00f;font-size:.5625rem;font-weight:500;color:#00e5a0cc;letter-spacing:.04em;margin-top:.75rem;white-space:nowrap}.demo-protocol svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.5;flex-shrink:0}.demo-ai-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:100px;background:#2d4ba926;border:1px solid rgba(45,75,169,.25);font-size:.5625rem;font-weight:500;color:#6dcff6e6;margin-top:.5rem;letter-spacing:.03em}.demo-steps{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;width:100%}.demo-step{padding:.5rem .625rem;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;font-size:.625rem;font-weight:500;color:#ffffff80;text-align:left;transition:all .4s;display:flex;align-items:center;gap:.375rem}.demo-step svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.5;flex-shrink:0}.demo-step.active{border-color:#6dcff659;background:#6dcff614;color:#ffffffe6}.demo-step-arrow{text-align:center;color:#ffffff26;font-size:.5rem;line-height:1}.demo-panel{border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#0000004d;overflow:hidden;margin-bottom:.625rem}.demo-panel:last-child{margin-bottom:0}.demo-panel__header{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border-bottom:1px solid rgba(255,255,255,.06);font-size:.5625rem;font-weight:500;color:#ffffff80;letter-spacing:.04em;text-transform:uppercase}.demo-panel__header svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:1.5}.demo-panel__body{padding:.625rem;position:relative;min-height:70px}.demo-map-dot{position:absolute;display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .5s;z-index:2}.demo-map-dot.show{opacity:1}.demo-map-dot__pip{width:6px;height:6px;border-radius:50%;flex-shrink:0;position:relative}.demo-map-dot__pip:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid currentColor;opacity:.4;animation:demo-ping 2s ease-out infinite}.demo-map-dot__label{font-family:JetBrains Mono,monospace;font-size:.5rem;font-weight:500;letter-spacing:.03em;white-space:nowrap}.demo-map-dot--alpha .demo-map-dot__pip{background:#6dcff6e6;color:#6dcff6e6}.demo-map-dot--alpha .demo-map-dot__label{color:#6dcff6cc}.demo-map-dot--bravo .demo-map-dot__pip{background:#707fdce6;color:#707fdce6}.demo-map-dot--bravo .demo-map-dot__label{color:#707fdccc}.demo-map-dot--charlie .demo-map-dot__pip{background:#00e5a0e6;color:#00e5a0e6}.demo-map-dot--charlie .demo-map-dot__label{color:#00e5a0cc}.demo-map-dot--alert .demo-map-dot__pip{background:#ef4444;color:#ef4444}.demo-map-dot--alert .demo-map-dot__label{color:#ef4444}.demo-panel__body--map{min-height:90px}.demo-chat-line{font-family:JetBrains Mono,monospace;font-size:.5625rem;color:#ffffff8c;line-height:1.8;opacity:0;transition:opacity .4s}.demo-chat-line.show{opacity:1}.demo-chat-line .chat-coord{color:var(--catalyst)}.demo-chat-line .chat-alert{color:#ef4444}.demo-chat-line .chat-time{color:#ffffff4d}.demo-bucket{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;transition:all .4s;cursor:pointer;user-select:none}.demo-bucket.active{border-color:#6dcff659;background:#6dcff60f}.demo-bucket__icon{font-size:.5625rem;font-weight:600;color:#fff9;letter-spacing:.03em}.demo-bucket__label{font-size:.5rem;color:#ffffff59}.demo-bucket-row{display:flex;gap:.5rem;justify-content:center}.demo-credit-meter{width:100%;height:4px;border-radius:2px;background:#ffffff14;margin-top:.75rem;overflow:hidden}.demo-credit-meter__fill{height:100%;width:0%;border-radius:2px;background:linear-gradient(90deg,var(--catalyst),var(--space));transition:width 1.2s cubic-bezier(.16,1,.3,1)}.demo-credit-meter__label{font-size:.5rem;color:#ffffff59;margin-top:.25rem;text-align:center}.demo-persona{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;margin-bottom:.5rem}.demo-persona__icon{width:28px;height:28px;border-radius:50%;background:#2d4ba926;display:flex;align-items:center;justify-content:center;flex-shrink:0}.demo-persona__icon svg{width:14px;height:14px;stroke:var(--discovery-accent);fill:none;stroke-width:1.5}.demo-persona__name{font-size:.6875rem;font-weight:500;color:#ffffffb3}.demo-persona__role{font-size:.5625rem;color:#fff6}.demo-report{border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#00000040;padding:.625rem .75rem}.demo-report__title{font-size:.5625rem;font-weight:600;color:#fff9;margin-bottom:.375rem;letter-spacing:.03em}.demo-report__line{font-size:.5rem;color:#ffffff73;line-height:1.7;opacity:0;transition:opacity .5s}.demo-report__line.show{opacity:1}.demo-report__cite{color:var(--discovery-accent);font-weight:600;font-size:.4375rem;vertical-align:super}.demo-flow__svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.demo-conn-line{stroke-width:1.5;fill:none;opacity:0;transition:opacity .6s}.demo-conn-line.visible{opacity:.25}@keyframes demoFlowParticle{0%{offset-distance:0%;opacity:0}8%{opacity:.9}50%{opacity:.9}92%{opacity:.9}to{offset-distance:100%;opacity:0}}.demo-dot{position:absolute;width:5px;height:5px;border-radius:50%;pointer-events:none;z-index:4;offset-rotate:0deg;animation:demoFlowParticle var(--dur, 3.5s) linear infinite;animation-delay:var(--delay, 0s);opacity:0;background:var(--discovery-accent);box-shadow:0 0 8px #6dcff666}.demo-dot--green{background:var(--catalyst);box-shadow:0 0 8px #00e5a066}@keyframes demo-ping{0%{transform:scale(1);opacity:.4}70%{transform:scale(2);opacity:0}to{transform:scale(2);opacity:0}}@keyframes demo-pulse{0%,to{opacity:.6}50%{opacity:1}}.demo-controls{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#ffffff08;border-top:1px solid rgba(255,255,255,.06);grid-column:1 / -1}.demo-controls__stats{display:flex;gap:16px}.demo-controls__stat{font-size:.6875rem;color:#ffffff8c;letter-spacing:.02em}.demo-controls__stat strong{color:var(--discovery-accent);font-weight:500}.demo-controls__actions{display:flex;gap:6px}.demo-ctrl-btn{padding:5px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#ffffffbf;font-family:inherit;font-size:.6875rem;font-weight:500;cursor:pointer;transition:all .25s;white-space:nowrap}.demo-ctrl-btn:hover{border-color:#ffffff40;background:#ffffff0d}.demo-ctrl-btn.active{background:#6dcff61f;color:var(--discovery-accent);border-color:#6dcff640}.demo-sales{padding:1.25rem 1.5rem;background:#ffffff05;border-top:1px solid rgba(255,255,255,.06);grid-column:1 / -1;display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.demo-sales__item{text-align:center}.demo-sales__value{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500;color:var(--catalyst);letter-spacing:.03em}.demo-sales__label{font-size:.5625rem;color:#fff6;margin-top:.125rem}.demo-node__schemas{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.demo-schema-tag{font-family:JetBrains Mono,monospace;font-size:.4375rem;padding:1px 5px;border-radius:3px;background:#ffffff0f;color:#fff6;transition:all .3s}.demo-node.active .demo-schema-tag{background:#6dcff61f;color:#6dcff6cc}.demo-normalized{border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#00000040;padding:.5rem .625rem;margin-bottom:.75rem;min-height:8rem;overflow:hidden}.demo-normalized__title{font-family:JetBrains Mono,monospace;font-size:.5rem;font-weight:600;color:#ffffff80;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.375rem}.demo-normalized__tag{display:inline-block;font-family:JetBrains Mono,monospace;font-size:.4375rem;padding:2px 6px;border-radius:3px;margin:2px;transition:all .3s;opacity:0}.demo-normalized__tag.show{opacity:1;background:#00e5a01a;color:#00e5a0cc;border:1px solid rgba(0,229,160,.2)}.demo-operator{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.06)}.demo-operator .demo-persona{margin-bottom:0}.demo-flow__pipe,.demo-pipe-svg{display:none}@media(max-width:960px){.demo-flow{grid-template-columns:1fr;min-height:auto}.demo-flow__left,.demo-flow__right{align-items:stretch;padding:1.5rem 1.25rem}.demo-node-grid{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:100%;gap:.5rem}.demo-workspace{width:100%;max-width:100%}.demo-col-label{margin-bottom:.5rem;text-align:center}.demo-flow__middle{max-width:none;min-width:auto;border-left:none;border-right:none;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:.625rem;padding:1rem 1.25rem}.demo-flow__middle .demo-col-label{width:100%;margin-bottom:.25rem}.demo-hub{width:64px;height:64px;margin:0}.demo-hub img{width:40px;height:40px}.demo-hub-label{margin-top:0;margin-left:.125rem}.demo-steps{flex-direction:row;flex-wrap:wrap;justify-content:center}.demo-step-arrow,.demo-flow__svg,.demo-dot{display:none}.demo-flow:has(.demo-hub.active) .demo-flow__middle{background:radial-gradient(ellipse 120% 80% at 50% 50%,rgba(45,75,169,.22) 0%,transparent 100%)}.demo-flow:has(.demo-hub.active) .demo-flow__right{border-top:1px solid rgba(0,229,160,.2)}.demo-flow__pipe{display:block;height:52px;background:transparent;border:none;padding:0 1.25rem}.demo-pipe-svg{display:block;width:100%;height:52px}.dp-track{fill:none;stroke-width:.75}.dp-track--a{stroke:#6dcff633}.dp-track--b{stroke:#707fdc33}.dp-track--c,.dp-track--out{stroke:#00e5a033}.dp-dot--a{fill:#6dcff6f2}.dp-dot--b{fill:#707fdcf2}.dp-dot--c,.dp-dot--out{fill:#00e5a0f2}.demo-flow:not(:has(.demo-hub.active)) .dp-dot{display:none}}@media(max-width:768px){.demo-flow__left,.demo-flow__middle,.demo-flow__right{padding:1.25rem 1rem}.demo-controls{flex-direction:column;gap:8px;align-items:stretch}.demo-controls__stats,.demo-controls__actions{justify-content:center}.demo-ctrl-btn{flex:1;text-align:center;min-height:36px}.demo-sales{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem .5rem;padding:1rem;align-items:start}.demo-sales__item{text-align:center}.demo-sales__value{font-size:.5625rem}.demo-sales__label{font-size:.4375rem}}@media(max-width:600px){.demo-flow__left,.demo-flow__right{padding:1rem .875rem}.demo-flow__left{justify-content:flex-start;gap:.5rem}.demo-node-grid{gap:.375rem}.demo-node__schemas{display:none}.demo-workspace{padding:.625rem .75rem;max-width:100%}.demo-workspace__header{margin-bottom:.375rem;padding-bottom:.375rem}.demo-workspace__nodes{display:grid;grid-template-columns:1fr 1fr;gap:.375rem}.demo-node{font-size:.625rem;padding:.625rem .5rem;gap:.25rem;min-height:44px;justify-content:flex-start;align-items:center;border-radius:6px}.demo-node svg{width:13px;height:13px;flex-shrink:0}.demo-flow__left:after{content:none}.demo-flow__pipe{height:44px;padding:0 .875rem}.demo-pipe-svg{height:44px}.demo-flow__middle{padding:.75rem 1rem;gap:.5rem}.demo-hub{width:52px;height:52px}.demo-hub img{width:34px;height:34px}.demo-hub-label{font-size:.5625rem}.demo-ai-badge{font-size:.5rem;margin-top:0}.demo-protocol{font-size:.5rem;padding:.3rem .625rem;margin-top:0}.demo-protocol svg{width:10px;height:10px}.demo-panel{margin-bottom:.5rem;border-radius:6px}.demo-panel__header{font-size:.5rem;padding:.3rem .5rem;gap:.3rem}.demo-panel__header svg{width:9px;height:9px}.demo-panel__body{min-height:48px;padding:.5rem}.demo-panel__body--map{min-height:64px}.demo-chat-line{font-size:.5rem;line-height:2}.demo-controls{padding:8px 12px}.demo-controls__stat{font-size:.625rem}.demo-ctrl-btn{padding:7px 8px;font-size:.625rem}}@media(max-width:480px){.demo-node-grid{grid-template-columns:1fr}.demo-bucket-row{flex-direction:column;align-items:stretch}.demo-flow__left,.demo-flow__right{padding:.875rem .75rem}.demo-flow__pipe{height:40px;padding:0 .75rem}.demo-pipe-svg{height:40px}.demo-flow__middle{padding:.625rem .75rem}}.reduce-motion .demo-dot,.reduce-motion .demo-map-dot:after{animation:none}.reduce-motion .demo-dot{opacity:.5;offset-distance:50%}.reduce-motion .demo-map-dot{opacity:.8}.reduce-motion .demo-chat-line,.reduce-motion .demo-report__line{opacity:1}@media(prefers-reduced-motion:reduce){.demo-dot,.demo-map-dot:after{animation:none}.demo-dot{opacity:.5;offset-distance:50%}.demo-map-dot{opacity:.8}.demo-chat-line,.demo-report__line{opacity:1}}