.demo-section{background:var(--gray);padding:2rem 0}.demo-section .container{max-width:var(--container);padding:0 var(--px);margin:0 auto}.demo-section .product-section-title{margin-bottom:.5rem}.demo-flow{background:var(--midnight);border-radius:16px;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:0;min-height:480px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 40px #01103b2e}.demo-flow__left,.demo-flow__middle,.demo-flow__right{flex-direction:column;justify-content:center;padding:2rem 1.5rem;display:flex;position:relative}.demo-flow__left{background:#ffffff05}.demo-flow__middle{text-align:center;background:radial-gradient(80% 60%,#2d4ba926 0%,#0000 100%);border-left:1px solid #ffffff0f;border-right:1px solid #ffffff0f;align-items:center;min-width:200px;max-width:240px}.demo-flow__right{background:#ffffff05}.demo-col-label{color:#ffffffb8;letter-spacing:.12em;text-transform:uppercase;text-align:center;margin-bottom:1.25rem;font-family:JetBrains Mono,monospace;font-size:.625rem;font-weight:500}.demo-btn-reset{font:inherit;color:inherit;text-align:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;border:0;margin:0;padding:0}.demo-placeholder{color:#ffffffb8;padding:.5rem;font-size:.75rem;font-style:italic}.demo-note{color:#ffffffb8;text-align:center;margin:.5rem 0 0;font-size:.6875rem;font-style:italic}.video-transcript{color:#ffffffb8;margin-top:.75rem;font-size:.8125rem}.video-transcript summary{cursor:pointer;color:var(--pulse-accent)}.demo-node{color:#ffffffbf;cursor:pointer;user-select:none;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.6875rem;font-weight:500;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.demo-node svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:16px;height:16px}.demo-node.active{color:var(--white);background:#6dcff614;border-color:#6dcff673;box-shadow:0 0 16px #6dcff61a}.demo-node-grid{flex-direction:column;gap:.5rem;max-width:260px;display:flex}.demo-workspace{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;max-width:260px;margin-bottom:.75rem;padding:.75rem;position:relative}.demo-workspace:last-child{margin-bottom:0}.demo-workspace__header{border-bottom:1px solid #ffffff0f;align-items:center;gap:.5rem;margin-bottom:.625rem;padding-bottom:.5rem;display:flex}.demo-workspace__logo{object-fit:contain;opacity:.7;width:20px;height:20px}.demo-workspace__name{color:#ffffff8c;letter-spacing:.04em;text-transform:uppercase;font-size:.625rem;font-weight:500}.demo-workspace__nodes{flex-direction:column;gap:.375rem;display:flex}.demo-workspace.active{background:#0183ca0a;border-color:#0183ca4d}.demo-workspace.active .demo-workspace__name{color:#0183cacc}.demo-workspace--alpha{border-color:#6dcff626}.demo-workspace--alpha.active{background:#6dcff60a;border-color:#6dcff666}.demo-workspace--bravo{border-color:#707fdc26}.demo-workspace--bravo.active{background:#707fdc0a;border-color:#707fdc66}.demo-workspace--charlie{border-color:#0183ca26}.demo-workspace--charlie.active{background:#0183ca0a;border-color:#0183ca66}.demo-hub{background:#01103b99;border:1.5px solid #6dcff626;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;margin:.75rem auto;transition:all .5s;display:flex;box-shadow:0 0 40px #6dcff614}.demo-hub.active{border-color:#6dcff659;box-shadow:0 0 60px #6dcff62e,0 0 120px #6dcff60f}.demo-hub img{object-fit:contain;width:52px;height:52px}.demo-hub-label{color:#fff9;letter-spacing:.06em;margin-top:.5rem;font-family:JetBrains Mono,monospace;font-size:.6875rem;font-weight:500}.demo-protocol{color:#0183cacc;letter-spacing:.04em;white-space:nowrap;background:#0183ca0f;border:1px solid #0183ca33;border-radius:6px;align-items:center;gap:.375rem;margin-top:.75rem;padding:.375rem .75rem;font-size:.5625rem;font-weight:500;display:flex}.demo-protocol svg{stroke:currentColor;fill:none;stroke-width:1.5px;flex-shrink:0;width:12px;height:12px}.demo-ai-badge{color:#6dcff6e6;letter-spacing:.03em;background:#2d4ba926;border:1px solid #2d4ba940;border-radius:100px;align-items:center;gap:.25rem;margin-top:.5rem;padding:.25rem .625rem;font-size:.5625rem;font-weight:500;display:inline-flex}.demo-steps{flex-direction:column;gap:.5rem;width:100%;margin-top:1rem;display:flex}.demo-step{color:#ffffff80;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:.375rem;padding:.5rem .625rem;font-size:.625rem;font-weight:500;transition:all .4s;display:flex}.demo-step svg{stroke:currentColor;fill:none;stroke-width:1.5px;flex-shrink:0;width:12px;height:12px}.demo-step.active{color:#ffffffe6;background:#6dcff614;border-color:#6dcff659}.demo-step-arrow{text-align:center;color:#ffffff26;font-size:.5rem;line-height:1}.demo-panel{background:#0000004d;border:1px solid #ffffff14;border-radius:8px;margin-bottom:.625rem;overflow:hidden}.demo-panel:last-child{margin-bottom:0}.demo-panel__header{color:#ffffff80;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid #ffffff0f;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.5625rem;font-weight:500;display:flex}.demo-panel__header svg{stroke:currentColor;fill:none;stroke-width:1.5px;width:10px;height:10px}.demo-panel__body{min-height:70px;padding:.625rem;position:relative}.demo-map-dot{opacity:0;z-index:2;align-items:center;gap:4px;transition:opacity .5s;display:flex;position:absolute}.demo-map-dot.show{opacity:1}.demo-map-dot__pip{border-radius:50%;flex-shrink:0;width:6px;height:6px;position:relative}.demo-map-dot__pip:after{content:"";opacity:.4;border:1px solid;border-radius:50%;animation:2s ease-out infinite demo-ping;position:absolute;inset:-3px}.demo-map-dot__label{letter-spacing:.03em;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:.5rem;font-weight:500}.demo-map-dot--alpha .demo-map-dot__pip{color:#6dcff6e6;background:#6dcff6e6}.demo-map-dot--alpha .demo-map-dot__label{color:#6dcff6cc}.demo-map-dot--bravo .demo-map-dot__pip{color:#707fdce6;background:#707fdce6}.demo-map-dot--bravo .demo-map-dot__label{color:#707fdccc}.demo-map-dot--charlie .demo-map-dot__pip{color:#0183cae6;background:#0183cae6}.demo-map-dot--charlie .demo-map-dot__label{color:#0183cacc}.demo-map-dot--alert .demo-map-dot__pip{color:#ef4444;background:#ef4444}.demo-map-dot--alert .demo-map-dot__label{color:#ef4444}.demo-panel__body--map{min-height:90px}.demo-chat-line{color:#ffffff8c;opacity:0;font-family:JetBrains Mono,monospace;font-size:.5625rem;line-height:1.8;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:#ffffffb8}.demo-bucket{cursor:pointer;user-select:none;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;transition:all .4s;display:flex}.demo-bucket.active{background:#6dcff60f;border-color:#6dcff6cc}.demo-bucket__icon{color:#fff9;letter-spacing:.03em;font-size:.5625rem;font-weight:500}.demo-bucket__label{color:#ffffffb8;font-size:.5rem}.demo-bucket-row{justify-content:center;gap:.5rem;display:flex}.demo-persona{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem .75rem;display:flex}.demo-persona__icon{background:#2d4ba926;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.demo-persona__icon svg{width:14px;height:14px;stroke:var(--discovery-accent);fill:none;stroke-width:1.5px}.demo-persona__name{color:#ffffffb3;font-size:.6875rem;font-weight:500}.demo-persona__role{color:#ffffffb8;font-size:.5625rem}.demo-report{background:#00000040;border:1px solid #ffffff14;border-radius:8px;padding:.625rem .75rem}.demo-report__title{color:#fff9;letter-spacing:.03em;margin-bottom:.375rem;font-size:.5625rem;font-weight:500}.demo-report__line{color:#ffffff73;opacity:0;font-size:.5rem;line-height:1.7;transition:opacity .5s}.demo-report__line.show{opacity:1}.demo-report__cite{color:var(--discovery-accent);vertical-align:super;font-size:.4375rem;font-weight:500}.demo-flow__svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.demo-conn-line{stroke-width:1.5px;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{pointer-events:none;z-index:4;offset-rotate:0deg;width:5px;height:5px;animation:demoFlowParticle var(--dur,3.5s) linear infinite;animation-delay:var(--delay,0s);opacity:0;background:var(--discovery-accent);border-radius:50%;position:absolute;box-shadow:0 0 8px #6dcff666}.demo-dot--green{background:var(--catalyst);box-shadow:0 0 8px #0183ca66}@keyframes demo-ping{0%{opacity:.4;transform:scale(1)}70%{opacity:0;transform:scale(2)}to{opacity:0;transform:scale(2)}}@keyframes demo-pulse{0%,to{opacity:.6}50%{opacity:1}}.demo-controls{background:#ffffff08;border-top:1px solid #ffffff0f;grid-column:1/-1;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.demo-controls__stats{gap:16px;display:flex}.demo-controls__stat{color:#ffffff8c;letter-spacing:.02em;font-size:.6875rem}.demo-controls__stat strong{color:var(--discovery-accent);font-weight:500}.demo-controls__actions{gap:6px;display:flex}.demo-ctrl-btn{color:#ffffffbf;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff1a;border-radius:6px;padding:5px 12px;font-family:inherit;font-size:.6875rem;font-weight:500;transition:all .25s}.demo-ctrl-btn:hover{background:#ffffff0d;border-color:#ffffff40}.demo-ctrl-btn.active{color:var(--discovery-accent);background:#6dcff61f;border-color:#6dcff640}.demo-node__schemas{flex-wrap:wrap;gap:3px;margin-top:4px;display:flex}.demo-schema-tag{color:#ffffffb8;background:#ffffff0f;border-radius:3px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:.4375rem;transition:all .3s}.demo-node.active .demo-schema-tag{color:#6dcff6cc;background:#6dcff61f}.demo-normalized{background:#00000040;border:1px solid #ffffff14;border-radius:8px;min-height:8rem;margin-bottom:.75rem;padding:.5rem .625rem;overflow:hidden}.demo-normalized__title{color:#ffffff80;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.375rem;font-family:JetBrains Mono,monospace;font-size:.5rem;font-weight:500}.demo-normalized__tag{opacity:0;border-radius:3px;margin:2px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.4375rem;transition:all .3s;display:inline-block}.demo-normalized__tag.show{opacity:1;color:#0183cacc;background:#0183ca1a;border:1px solid #0183ca33}.demo-operator{border-top:1px solid #ffffff0f;margin-top:1rem;padding-top:.75rem}.demo-operator .demo-persona{margin-bottom:0}.demo-flow__pipe,.demo-pipe-svg{display:none}@media (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{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;max-width:100%;display:grid}.demo-workspace{width:100%;max-width:100%}.demo-col-label{text-align:center;margin-bottom:.5rem}.demo-flow__middle{border:1px solid #ffffff0f;border-left:none;border-right:none;flex-flow:wrap;justify-content:center;align-items:center;gap:.625rem;min-width:auto;max-width:none;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-flow: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(120% 80%,#2d4ba938 0%,#0000 100%)}.demo-flow:has(.demo-hub.active) .demo-flow__right{border-top:1px solid #0183ca33}.demo-flow__pipe{background:0 0;border:none;height:52px;padding:0 1.25rem;display:block}.demo-pipe-svg{width:100%;height:52px;display:block}.dp-track{fill:none;stroke-width:.75px}.dp-track--a{stroke:#6dcff633}.dp-track--b{stroke:#707fdc33}.dp-track--c,.dp-track--out{stroke:#0183ca33}.dp-dot--a{fill:#6dcff6f2}.dp-dot--b{fill:#707fdcf2}.dp-dot--c,.dp-dot--out{fill:#0183caf2}.demo-flow:not(:has(.demo-hub.active)) .dp-dot{display:none}}@media (width<=768px){.demo-flow__left,.demo-flow__middle,.demo-flow__right{padding:1.25rem 1rem}.demo-controls{flex-direction:column;align-items:stretch;gap:8px}.demo-controls__stats,.demo-controls__actions{justify-content:center}.demo-ctrl-btn{text-align:center;flex:1;min-height:36px}}@media (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{max-width:100%;padding:.625rem .75rem}.demo-workspace__header{margin-bottom:.375rem;padding-bottom:.375rem}.demo-workspace__nodes{grid-template-columns:1fr 1fr;gap:.375rem;display:grid}.demo-node{border-radius:6px;justify-content:flex-start;align-items:center;gap:.25rem;min-height:44px;padding:.625rem .5rem;font-size:.625rem}.demo-node svg{flex-shrink:0;width:13px;height:13px}.demo-flow__left:after{content:none}.demo-flow__pipe{height:44px;padding:0 .875rem}.demo-pipe-svg{height:44px}.demo-flow__middle{gap:.5rem;padding:.75rem 1rem}.demo-hub{width:52px;height:52px}.demo-hub img{width:34px;height:34px}.demo-hub-label{font-size:.5625rem}.demo-ai-badge{margin-top:0;font-size:.5rem}.demo-protocol{margin-top:0;padding:.3rem .625rem;font-size:.5rem}.demo-protocol svg{width:10px;height:10px}.demo-panel{border-radius:6px;margin-bottom:.5rem}.demo-panel__header{gap:.3rem;padding:.3rem .5rem;font-size:.5rem}.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 (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}}