/* Shareable demonstrations: all movement is illustrative and browser-local. */
.demo-hero{padding-top:55px}.demo-hero-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:75px;align-items:center}.demo-hero h1{font-size:clamp(42px,4.7vw,66px);line-height:1.17;letter-spacing:-2.8px}.demo-hero h1 .marker{display:inline-block;padding-bottom:.2em}.demo-hero h1 .marker:after{height:.12em;bottom:0;transform:rotate(-1deg)}.demo-hero .lede{max-width:700px;font-size:22px}.demo-hero-note{border:1px solid var(--line);padding:30px;background:#121b17;transform:rotate(2deg)}.demo-hero-note img{width:75px;mix-blend-mode:screen}.demo-hero-note p{font-size:27px;line-height:1.3;font-weight:800;letter-spacing:-.8px;margin:25px 0}.demo-hero-note p span{color:var(--teal)}.demo-hero-note small{font-size:11px;color:var(--gray)}.demo-section{padding-top:55px}.demo{border:1px solid #4c4c4c;background:#101211;box-shadow:10px 10px 0 #00ddb009}.demo-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;border-bottom:1px solid var(--line)}.demo-top .eyebrow{color:var(--teal);font-size:9px;letter-spacing:1.3px}.demo-name{font-size:23px;line-height:1.2;letter-spacing:-.5px;font-weight:700;margin:8px 0 0}.demo-top .sample-tag{font-size:9px;white-space:nowrap}.demo-pickers{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:25px 28px 0}.demo-pickers label{font-size:11px;color:var(--gray);margin:0}.demo-pickers select{font-size:14px;padding:12px;max-width:100%}.demo-intro{font-size:14px;color:var(--gray);padding:0 28px;margin:20px 0 25px}.demo-layout{display:grid;grid-template-columns:1.2fr .8fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.demo-map-column{padding:20px 12px;background:radial-gradient(ellipse at 50% 45%,#102b20 0,#111815 48%,#101211 90%);border-right:1px solid var(--line);min-width:0}.demo-map{position:relative;height:var(--map-height,330px);width:100%}.demo-wires{position:absolute;width:100%;height:100%;inset:0;overflow:visible}.demo-wires path{fill:none;stroke:#476054;stroke-width:2;opacity:.45}.demo-wires path.is-done{stroke:#00ddb0;opacity:.65}.demo-wires path.is-active{stroke:#00ddb0;stroke-width:3;opacity:1;stroke-dasharray:9 9}.demo[data-running=true] .demo-wires path.is-active{animation:packet-flow 1.1s linear infinite}.demo-nodes{position:absolute;inset:0}.map-node{position:absolute;left:var(--node-left);top:var(--node-top);width:25.7%;height:80px;background:#141b17;border:1px solid #4a554f;border-radius:3px;padding:13px 10px;color:#bcc9c1;display:flex;flex-direction:column;justify-content:center;gap:6px}.map-node>span{font-size:9px;letter-spacing:1px;color:#80978a}.map-node strong{font-size:13px;line-height:1.2;font-weight:700;overflow-wrap:anywhere}.map-node.is-active{border:2px solid var(--teal);background:#123125;color:white;box-shadow:0 0 23px #00ddb020}.map-node.is-active>span{color:var(--teal)}.map-node.is-done{border-color:#00ddb0;color:#fff}.map-node.is-blocked{border-color:#ffb547;background:#302715}.map-legend{display:flex;gap:18px;justify-content:center;font-size:9px;color:var(--gray);margin-top:8px}.map-legend span:before{content:"";display:inline-block;width:6px;height:6px;border:1px solid #718079;margin-right:6px}.map-legend .legend-active:before{background:var(--teal);border-color:var(--teal)}.map-legend .legend-done:before{border-color:var(--teal)}.demo-detail{padding:25px 27px;min-width:0;min-height:420px}.demo-status{font-size:10px;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid var(--line);padding-bottom:16px;color:var(--teal)}.demo-actor{font-size:9px;color:var(--gray);margin:22px 0 12px}.demo-stage-title{font-size:25px;letter-spacing:-.7px;line-height:1.2;margin-bottom:16px}.demo-stage-description{font-size:13px;color:var(--gray);line-height:1.7}.demo-output{margin:20px 0 0}.demo-output>div{border-top:1px solid var(--line);padding:13px 0}.demo-output dt{font-size:9px;color:var(--teal);text-transform:uppercase;letter-spacing:1px}.demo-output dd{margin:6px 0 0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.demo-approval{border:1px solid #ffb547;background:#272217;padding:15px;margin-top:15px}.demo-approval p{font-size:12px;color:#ffe0a9;margin-bottom:12px}.demo-approval>div{display:flex;gap:10px;flex-wrap:wrap}.demo-approval .button{font-size:12px;padding:12px}.demo-button{min-height:44px;border:1px solid #627067;border-radius:3px;background:#171e19;color:white;font-size:12px;font-weight:700;padding:10px 16px}.demo-button:hover{border-color:var(--teal);color:var(--teal)}.demo-button:disabled{opacity:.4;cursor:default}.demo-result{font-size:12px;border-left:3px solid var(--teal);padding:12px 15px;background:#16251d;margin-top:18px}.demo[data-status=exception] .demo-result,.demo[data-status=rejected] .demo-result{border-color:#ffb547;background:#272217}.demo[data-status=exception] .demo-status,.demo[data-status=rejected] .demo-status{color:#ffb547}.demo-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:22px 28px}.demo-controls .button{font-size:12px;padding:13px 18px;min-width:130px}.demo-counter{font-size:11px;color:var(--gray);margin-left:auto}.demo-disclosure{padding:0 28px;font-size:10px;color:var(--gray);margin-bottom:20px}.demo-transcript{padding:18px 28px;border-top:1px solid var(--line);border-bottom:0}.demo-transcript summary{font-size:13px}.demo-transcript ol{padding-left:22px;margin-top:22px}.demo-transcript li{padding-left:6px;margin-bottom:20px;font-size:13px}.demo-transcript li strong{font-size:13px}.demo-transcript li p{font-size:12px;margin:8px 0 0;color:var(--gray)}.workflow-menu{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:30px 0}.workflow-menu article{border-top:2px solid var(--teal);padding-top:24px}.workflow-menu article>span{font-size:9px;letter-spacing:1.4px;color:var(--teal)}.workflow-menu h2{font-size:30px;letter-spacing:-1px;margin:18px 0}.workflow-menu p{font-size:14px;color:var(--gray)}.workflow-menu a{display:block;font-size:13px;margin-top:14px;min-height:30px}.architecture-list{margin-top:40px;max-width:900px}.architecture-list article{display:grid;grid-template-columns:45px 1fr;gap:20px;border-top:1px solid #bcbdb6;padding:25px 0}.architecture-list article>span{font-size:11px;color:#00856b}.architecture-list h3{font-size:22px;line-height:1.3;margin-bottom:10px}.architecture-list p{font-size:14px;color:#4b514c;margin:0}.dark-note{color:#4b514c}.custom-offer{background:#121212}.custom-offer .eyebrow{color:var(--teal)}.incentive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:30px}.incentive-grid article{border-top:1px solid var(--line);padding-top:25px}.incentive-grid strong{font-size:76px;line-height:1;color:var(--teal);letter-spacing:-4px}.incentive-grid h3{font-size:22px;line-height:1.3;margin:22px 0 13px;letter-spacing:-.5px}.incentive-grid p{font-size:13px;color:var(--gray)}.offer-conditions{font-size:12px;line-height:1.8;color:var(--gray);border-top:1px solid var(--line);padding-top:25px;margin:25px 0}.homepage-demo .demo-section{padding-top:0}.homepage-demo h2{max-width:750px}.demo-page .closing h2{font-size:clamp(45px,5.7vw,78px)}.demo-page .closing .actions{margin-top:20px}.demo-page nav a[aria-current=page]{color:var(--teal)}.demo-page .mobile-cta{background:var(--teal)}
@keyframes packet-flow{to{stroke-dashoffset:-36}}
@media(max-width:1000px){.demo-hero-grid{gap:35px}.demo-layout{grid-template-columns:1fr 1fr}.demo-detail{padding:25px 20px}.demo-name{font-size:20px}.map-node{padding:10px 7px}.map-node strong{font-size:11px}.demo-hero-note{padding:24px}.demo-hero-note p{font-size:23px}.demo-counter{margin-left:0}}
@media(max-width:720px){.demo-hero-grid{grid-template-columns:1fr;gap:30px}.demo-hero{padding-top:40px}.demo-hero h1{font-size:39px;letter-spacing:-1.7px}.demo-hero .lede{font-size:20px}.demo-hero-note{transform:none;display:grid;grid-template-columns:55px 1fr;gap:10px 20px;padding:22px}.demo-hero-note img{width:55px}.demo-hero-note p{margin:0;font-size:21px}.demo-hero-note small{grid-column:1/-1}.demo-top{padding:22px;align-items:flex-start;flex-direction:column;gap:15px}.demo-pickers{padding:22px 22px 0;grid-template-columns:1fr;gap:17px}.demo-intro{padding:0 22px}.demo-layout{grid-template-columns:1fr}.demo-map-column{border-right:0;border-bottom:1px solid var(--line);padding:20px 16px}.demo-map{height:auto}.demo-wires{display:none}.demo-nodes{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.map-node{position:static;width:auto;height:70px;padding:10px}.map-node strong{font-size:11px}.demo-detail{padding:25px 22px;min-height:350px}.demo-stage-title{font-size:24px}.demo-controls{padding:22px;gap:10px}.demo-controls .button{flex:1 1 100%}.demo-controls .demo-button{flex:1}.demo-counter{width:100%;margin:8px 0 0;text-align:center}.demo-disclosure{padding:0 22px}.demo-transcript{padding:20px 22px}.workflow-menu{grid-template-columns:1fr;gap:30px}.workflow-menu h2{font-size:27px}.architecture-list article{grid-template-columns:25px 1fr;gap:10px}.incentive-grid{grid-template-columns:1fr;gap:20px}.incentive-grid article{display:grid;grid-template-columns:100px 1fr;gap:10px 20px}.incentive-grid strong{font-size:55px;grid-row:1/3;letter-spacing:-2px}.incentive-grid h3{font-size:20px;margin:0}.incentive-grid p{margin:0}.offer-conditions{font-size:11px}.demo-page .closing h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){.demo-wires path{animation:none!important}}


.demo-map-column{display:flex;flex-direction:column;justify-content:center}