:root{--bg:#080d18;--bg2:#0d1424;--panel:#101b2e;--panel2:#121e31;--line:#253148;--ink:#f1f5fc;--muted:#95a4bb;--cyan:#66ebda;--blue:#7397ff;--purple:#a193ff;--orange:#ffa66e;--mono:"JetBrains Mono",monospace;--display:"Space Grotesk",sans-serif;--body:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}::selection{background:#48a6a4;color:#04101c}.container{width:min(1200px,calc(100% - 64px));margin:0 auto}.icon{height:19px;width:19px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}.icon-small{width:15px;height:15px}.svg-sprites{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:absolute;z-index:100;background:var(--cyan);color:#08111d;padding:9px;transform:translateY(-130%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:30;background:#080d18ed;backdrop-filter:blur(24px);border-bottom:1px solid #ffffff12}.nav-shell{display:flex;align-items:center;justify-content:space-between;min-height:78px}.brand{display:inline-flex;align-items:center;gap:13px}.brand-symbol{width:30px;height:30px;position:relative;display:inline-grid;grid-template-columns:1fr 1fr;gap:5px;transform:rotate(-12deg)}.brand-symbol span{display:block;background:var(--cyan);border-radius:3px}.brand-symbol span:nth-child(2){background:#6a95fe}.brand-symbol span:nth-child(3){background:#7484fe}.brand-symbol span:nth-child(4){background:#a191ff}.brand-name{font-family:var(--display);font-size:19px;font-weight:700;letter-spacing:-1.1px;white-space:nowrap}.brand-highlight{color:var(--cyan)}.brand-slash{color:#50657e;margin:0 5px}.brand-name em{font-style:normal;font-size:12px;color:#a9b7d1;letter-spacing:2px;margin-left:6px}.site-nav{display:flex;align-items:center;gap:35px}.site-nav>a{font-size:13px;font-weight:700;color:#a9b4c7;transition:color .2s}.site-nav>a:hover{color:white}.site-nav .nav-github{border:1px solid #34405a;padding:10px 16px;border-radius:7px;display:flex;align-items:center;gap:10px;color:#f6f8ff}.nav-github .icon:first-child{width:17px;height:17px}.mobile-toggle{display:none}.hero{position:relative;overflow:hidden;padding:105px 0 0;background:radial-gradient(ellipse 47% 65% at 85% 42%,#13304d63,transparent),linear-gradient(180deg,#0a1120,#080d18)}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#77a8d80a 1px,transparent 1px),linear-gradient(90deg,#77a8d80a 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent 20%,#000 100%)}.hero-glow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(85px);opacity:.18}.hero-glow-one{background:#3cdac4;width:270px;height:270px;right:22%;top:30%}.hero-glow-two{background:#4f54f5;width:210px;height:210px;right:1%;bottom:5%}.hero-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:46px;position:relative;z-index:1}.eyebrow,.section-index,.panel-kicker,.window-version,.panel-annotation,.controls-label,.card-index,.card-tag,.stack-status,.stack-version,.layer-stack-head,.roadmap-number,.roadmap-link,.quickstart-caption,.footer-bottom,.hero-footer,.graphic-caption{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:1.15px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--cyan)}.eyebrow-dot{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 16px #64ffdc}.eyebrow-tail{color:var(--muted)}.hero h1{font-family:var(--display);font-size:clamp(54px,5.25vw,86px);line-height:1.04;letter-spacing:-5px;margin:24px 0}.title-gradient{background:linear-gradient(92deg,#79f5e4 0%,#74acfa 51%,#ac98fe 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:16px;line-height:1.9;max-width:500px;color:#a6b4c8;margin:0}.hero-lead strong{color:#e8f2fb;font-weight:600}.hero-actions{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:8px;padding:14px 22px;font-weight:700;font-size:13px;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn .icon{width:17px;height:17px}.btn-primary{background:var(--cyan);color:#071c24}.btn-primary:hover{background:#a0fff0}.btn-outline{border:1px solid #4d5870;color:#f6f8fe}.btn-outline:hover{border-color:#96b1ce;background:#15243a}.hero-evidence{margin-top:38px;display:flex;flex-direction:column;gap:13px}.evidence-line{display:flex;align-items:center;gap:10px;color:#8798b0;font-size:12px}.evidence-line strong{color:#d3dce9;font-weight:700}.evidence-icon{width:18px;height:18px;display:grid;place-items:center;border-radius:50%}.evidence-icon .icon{width:11px;height:11px;stroke-width:2.5}.success{color:#76ebcb;background:#76ebcb1c}.legacy{color:#eeae7b;background:#ffad6e20}.pending{color:#a994ff;background:#9e8eff20}.hero-visual{position:relative;min-width:0;padding:20px 0 20px}.lab-window{border:1px solid #2d4160;border-radius:12px;background:#0e192aaa;box-shadow:0 28px 90px #0009,0 0 0 10px #ffffff04;overflow:hidden;position:relative;transform:perspective(1400px) rotateY(-4deg) rotateX(2deg);transition:transform .5s}.lab-window:hover{transform:perspective(1400px) rotateY(0) rotateX(0)}.window-titlebar{height:45px;border-bottom:1px solid #2b3a51;background:#111c2e;display:flex;align-items:center;padding:0 18px;gap:14px}.window-dots{display:flex;gap:6px}.window-dots span{width:8px;height:8px;border-radius:50%;background:#fa8181}.window-dots span:nth-child(2){background:#efba6c}.window-dots span:nth-child(3){background:#70d6ad}.window-path{font-family:var(--mono);font-size:10px;color:#c6d0dd}.path-muted,.window-version{color:var(--muted)}.window-version{margin-left:auto;font-size:11px}.window-panel{padding:24px 24px 17px}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.panel-kicker{color:var(--cyan);font-size:9px}.panel-heading h2{font-size:17px;font-family:var(--display);font-weight:600;letter-spacing:-.5px;margin:4px 0 0}.panel-annotation{color:var(--muted);font-size:11px}.diagram-stage{height:354px;position:relative;margin:16px -8px 0;overflow:hidden}.diagram-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.wire{fill:none;stroke:#385973;stroke-width:1.5;stroke-dasharray:5 6}.wire-pulse{fill:#73e7d6;filter:drop-shadow(0 0 6px #75ffdf)}.diagram-node{position:absolute;border:1px solid #3c5572;background:linear-gradient(125deg,#152840e8,#112038ef);box-shadow:0 12px 32px #0005;border-radius:9px;padding:13px;transition:transform .25s,opacity .25s,box-shadow .25s,border-color .25s}.diagram-node strong{font-family:var(--display);font-size:12px;font-weight:600;display:block;line-height:1.3;margin-top:5px}.diagram-node small{display:block;font-family:var(--mono);font-size:9px;color:#98aac1}.node-top{display:flex;align-items:center;gap:7px}.node-kind{font-family:var(--mono);font-size:11px;letter-spacing:.5px;color:#8fa4c1;white-space:nowrap}.node-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:6px}.node-icon .icon{width:15px;height:15px}.blue{color:#86b8fc;background:#6493ef1f}.mint{color:#6cebd2;background:#58dfcb1b}.purple{color:#ac9dff;background:#a191ff20}.coral{color:#ffb483;background:#ffad6e22}.node-control{width:170px;top:6px;left:50%;transform:translateX(-50%)}.node-worker{width:178px;top:151px}.node-worker-a{left:5%}.node-worker-b{right:5%}.node-foot{font-size:8px;font-family:var(--mono);color:#6b91ab;border-top:1px solid #30445f;margin-top:9px;padding-top:7px}.node-monitor{bottom:7px;left:50%;transform:translateX(-50%);width:195px;display:flex;align-items:center;gap:9px;padding:11px}.node-monitor strong{margin-top:0}.diagram-label{position:absolute;font-family:var(--mono);font-size:8px;letter-spacing:.7px;color:#648ca2}.label-cluster{top:130px;left:50%;transform:translateX(-50%)}.label-dds{top:248px;left:50%;transform:translateX(-50%);background:#0f1a2a;padding:3px 6px}.lab-window[data-mode=infra] .node-control,.lab-window[data-mode=dds] .node-worker,.lab-window[data-mode=observe] .node-monitor{border-color:#7be4d4;box-shadow:0 0 22px #53e5d125}.lab-window[data-mode=dds] .wire-dds,.lab-window[data-mode=observe] .wire-observe,.lab-window[data-mode=infra] .wire-infra{stroke:var(--cyan);stroke-width:2.3;stroke-dasharray:6 5;animation:dashflow 15s linear infinite}.diagram-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:11px;border-top:1px solid #293a53}.controls-label{font-size:9px;color:#7590a8}.mode-buttons{display:flex;gap:5px;flex-wrap:wrap}.mode-button{border:1px solid transparent;border-radius:5px;color:#8498b0;background:transparent;padding:7px 9px;cursor:pointer;font-family:var(--mono);font-size:9px}.mode-button.is-active{color:var(--cyan);background:#66ebda15;border-color:#66ebda40}.mode-button:hover{color:#fff}.diagram-description{font-size:10px;color:#7f94ac;margin:10px 0 0;min-height:30px}.orbit-badge{position:absolute;display:flex;align-items:center;gap:10px;border:1px solid #47607f;background:#152740f5;color:var(--cyan);border-radius:8px;padding:10px 12px;box-shadow:0 10px 35px #0007}.orbit-badge .icon{width:17px;height:17px}.orbit-chip{font-family:var(--mono);font-size:10px;font-weight:700}.orbit-top{top:-12px;right:-20px}.orbit-bottom{left:-28px;bottom:56px;color:#a6a3ff}.hero-footer{display:flex;align-items:center;gap:22px;color:var(--muted);padding:92px 0 24px;font-size:11px}.hero-footer-rule{height:1px;background:#354359;flex:1}.hero-footer span:first-child{color:#c1cbd8}.stats-band{border-block:1px solid #26344a;background:#0c1523}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 0}.stat{display:flex;align-items:center;gap:18px;padding:0 24px;border-right:1px solid #2a3548}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat-number{font-family:var(--display);font-size:39px;font-weight:600;letter-spacing:-2.3px;white-space:nowrap}.stat-plus{color:var(--cyan)}.stat-detail{font-size:11px;line-height:1.6;color:#8e9fb8}.stat-detail strong{font-weight:600;color:#c8d4e4}.section{padding:110px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:44px}.section-head h2,.architecture-intro h2,.faq-layout h2{font-family:var(--display);font-size:clamp(37px,4vw,58px);letter-spacing:-2.8px;line-height:1.1;font-weight:600;margin:16px 0 0}.muted-heading{color:#8e9fba}.section-index{color:var(--cyan)}.section-head>p{width:min(340px,40%);font-size:14px;color:#98a9c2;line-height:1.85;margin:0 0 6px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{position:relative;overflow:hidden;border:1px solid #2c3b52;background:#101a2a;border-radius:12px;padding:25px 25px 23px;display:flex;flex-direction:column;min-width:0;transition:transform .25s,border-color .25s}.feature-card:hover{transform:translateY(-5px);border-color:#55708b}.card-top{display:flex;align-items:center;justify-content:space-between}.feature-icon{display:grid;place-items:center;height:43px;width:43px;border-radius:10px}.feature-icon.cyan{background:#5fd7c51e;color:var(--cyan)}.feature-icon.violet{background:#9d8bff21;color:#b2a3ff}.feature-icon.orange{background:#ff9c6a20;color:#ffb989}.card-index{color:var(--muted)}.feature-art{height:170px;position:relative;margin:0 -4px 16px;display:grid;place-items:center}.infrastructure-art{isolation:isolate}.art-grid,.graph-grid{position:absolute;inset:14px;background-image:linear-gradient(#6c86951d 1px,transparent 1px),linear-gradient(90deg,#6c86951d 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse,#000 20%,transparent 77%)}.art-tile{font-family:var(--mono);font-weight:700;font-size:11px;color:#a3eae3;position:absolute;width:59px;height:49px;display:grid;place-items:center;transform:skewY(-14deg);border:1px solid #5796a7;background:#1c3b52;box-shadow:8px 8px 0 #102737}.art-tile-a{top:16px;left:calc(50% - 30px)}.art-tile-b{top:88px;left:calc(50% - 111px)}.art-tile-c{top:88px;left:calc(50% + 51px)}.art-connector{width:170px;height:76px;position:absolute;top:51px;border-left:1px dashed #5da8a7;border-right:1px dashed #5da8a7;border-top:1px dashed #5da8a7;clip-path:polygon(0 45%,40% 0,60% 0,100% 45%,100% 100%,0 100%);z-index:-1}.waves-art{overflow:hidden}.wave-ring{position:absolute;border:1px solid #9387ff73;border-radius:50%}.ring-one{width:60px;height:60px}.ring-two{width:122px;height:122px}.ring-three{width:198px;height:198px}.wave-center{width:22px;height:22px;border-radius:50%;background:#ae96ff;box-shadow:0 0 35px #9279ff}.wave-node{position:absolute;border-radius:50%;width:9px;height:9px;background:var(--cyan);top:43px;right:75px;box-shadow:0 0 15px var(--cyan)}.graph-art svg{width:96%;height:125px;filter:drop-shadow(0 0 9px #55ccad35)}.card-tag{color:#dfaa7c;margin-top:10px;font-size:9px;letter-spacing:.8px}.card-tag-positive{color:var(--cyan)}.feature-card h3{font-family:var(--display);font-weight:600;font-size:21px;letter-spacing:-.7px;margin:11px 0 9px}.feature-card p{font-size:13px;line-height:1.85;color:#95a7bd;margin:0 0 26px;flex-grow:1}.text-link{display:inline-flex;gap:7px;align-items:center;font-weight:700;color:var(--cyan);font-size:12px;max-width:max-content}.text-link:hover{color:#b7fff3}.text-link .icon{width:15px;height:15px}.architecture-section{background:#0d1625;border-block:1px solid #203149}.architecture-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.architecture-intro>p{font-size:14px;line-height:1.9;color:#99a9bf;margin:25px 0}.btn-small{padding:12px 15px}.architecture-warning{display:flex;gap:13px;background:#182132;border:1px solid #38455c;border-radius:8px;padding:17px;margin-top:45px;color:#9baac1;font-size:11px;line-height:1.8}.architecture-warning>.icon{color:var(--orange);width:20px;height:20px}.architecture-warning strong{display:block;color:#eac8a9}.layer-stack{background:#101d30;border:1px solid #30435c;padding:23px;border-radius:12px}.layer-stack-head{display:flex;justify-content:space-between;color:var(--cyan);padding:4px 0 23px;border-bottom:1px solid #2c405a}.stack-version{color:var(--muted)}.stack-row{display:flex;gap:17px;align-items:center;padding:23px 0}.stack-number{font-family:var(--mono);font-size:11px;color:var(--muted)}.stack-symbol{display:grid;place-items:center;width:50px;height:50px;flex-shrink:0;border:1px solid #39546e;border-radius:9px}.layer-cyan{color:var(--cyan);background:#53b7a416}.layer-violet{color:#a8a5ff;background:#9c8aff14}.layer-orange{color:#ffc092;background:#ffb16d12}.stack-text{flex:1;min-width:0}.stack-text strong{display:block;font-size:15px;font-family:var(--display)}.stack-text small{display:block;font-size:11px;color:#8fa1b9;margin-top:3px}.stack-status{font-size:8px;color:#668da4}.stack-divider{display:flex;align-items:center;gap:15px;color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:1px}.stack-divider span{flex:1;height:1px;border-top:1px dashed #3c526c}.stack-bottom{border-top:1px solid #2c405a;padding-top:21px;margin-top:10px;font-family:var(--mono);font-size:12px;line-height:1.65;color:#8da0bb;display:flex;gap:9px;align-items:start}.stack-status-dot{width:7px;height:7px;flex-shrink:0;background:var(--orange);border-radius:50%;margin-top:4px}.quickstart{background:#0d192a;border:1px solid #304159;border-radius:12px;overflow:hidden}.quickstart-top{display:flex;align-items:center;justify-content:space-between;background:#101e31;border-bottom:1px solid #2d405a}.quickstart-tabs{display:flex;align-items:stretch}.quick-tab{background:transparent;color:#90a4ba;border:0;border-bottom:2px solid transparent;padding:22px 25px;display:flex;gap:10px;align-items:center;font-family:var(--display);font-size:13px;font-weight:700;cursor:pointer}.quick-tab.is-active{color:#f0f9ff;border-bottom-color:var(--cyan);background:#59d4c40c}.quick-tab-number{font-size:10px;color:var(--cyan);font-family:var(--mono)}.tab-check,.tab-legacy{font-family:var(--mono);font-size:11px;padding:4px 6px;border:1px solid #3e756a;color:var(--cyan);border-radius:4px;white-space:nowrap}.tab-legacy{color:#ffc08f;border-color:#805d4f}.quickstart-caption{color:#8192ab;margin-right:23px;white-space:nowrap;font-size:9px}.caption-dot{display:inline-block;border-radius:50%;background:var(--cyan);width:6px;height:6px;margin-right:6px}.quick-panel{padding:30px}.quick-panel[hidden]{display:none}.quick-panel-intro{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:25px}.quick-panel-intro h3{font-family:var(--display);margin:0 0 5px;font-size:22px;letter-spacing:-.5px}.quick-panel-intro p{font-size:12px;color:#96a8be;max-width:610px;margin:0;line-height:1.8}.quick-panel-intro .text-link{white-space:nowrap;margin-top:6px}.code-window{background:#07101d;border:1px solid #2b405b;border-radius:8px;overflow:hidden}.code-header{background:#121d2e;border-bottom:1px solid #304259;display:flex;align-items:center;justify-content:space-between;padding:10px 16px}.code-filename{font-family:var(--mono);font-size:10px;color:#96aeca;display:inline-flex;align-items:center;gap:10px}.code-filename .icon{width:15px;height:15px;color:var(--cyan)}.copy-button{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid #3b526d;border-radius:5px;color:#c0d3e5;padding:7px 11px;font-family:var(--mono);font-size:10px;cursor:pointer}.copy-button:hover{border-color:var(--cyan);color:var(--cyan)}.copy-button .icon{width:13px;height:13px}pre{overflow-x:auto;margin:0;padding:20px 25px;color:#b6e2de;font-size:12px;line-height:2;font-family:var(--mono)}code{font-family:var(--mono)}.quick-note{display:flex;align-items:flex-start;gap:11px;margin-top:18px;font-size:11px;line-height:1.75;color:#a2b1c6}.quick-note .icon{width:17px;height:17px;flex-shrink:0;margin-top:2px}.note-success>.icon{color:var(--cyan)}.note-warning>.icon{color:var(--orange)}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.resource-card{display:flex;align-items:center;gap:17px;padding:19px 22px;background:#111b2b;border:1px solid #2d3d53;border-radius:9px;transition:transform .2s,border-color .2s}.resource-card:hover{border-color:#67849a;transform:translateX(3px)}.resource-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:9px;background:#66ebda13;color:var(--cyan);flex-shrink:0}.resource-card span:nth-child(2){flex:1}.resource-card strong{display:block;font-size:14px;font-family:var(--display)}.resource-card small{display:block;font-size:11px;color:#91a2bc;margin-top:3px}.resource-arrow{width:15px;height:15px;color:#8198b2}.roadmap-section{background:#0c1422;border-block:1px solid #26364e}.roadmap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.roadmap-card{display:flex;flex-direction:column;min-height:270px;background:#101d2f;border:1px solid #2d415a;border-radius:10px;padding:23px;transition:transform .2s,border-color .2s}.roadmap-card:hover{transform:translateY(-4px);border-color:#6482a2}.roadmap-number{font-size:9px;color:var(--cyan)}.roadmap-icon{margin-top:27px;color:#9ea9ff}.roadmap-icon .icon{width:29px;height:29px}.roadmap-card:nth-child(2) .roadmap-icon{color:var(--cyan)}.roadmap-card:nth-child(3) .roadmap-icon{color:var(--orange)}.roadmap-card:nth-child(4) .roadmap-icon{color:#a7a1ff}.roadmap-card h3{font-family:var(--display);font-size:18px;letter-spacing:-.5px;margin:15px 0 8px}.roadmap-card p{font-size:11px;color:#93a7bc;margin:0 0 22px;line-height:1.85;flex:1}.roadmap-link{display:flex;align-items:center;gap:6px;color:var(--cyan);font-size:9px}.roadmap-link .icon{width:13px;height:13px}.roadmap-footnote{font-size:12px;color:#8297b0;margin:20px 0 0}.roadmap-footnote a{color:var(--cyan);text-decoration:underline}.contribute-section{padding-bottom:60px}.contribute-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;min-height:390px;border-radius:15px;background:linear-gradient(115deg,#133c4c,#102943 65%,#1d2d59);border:1px solid #2e7a82}.contribute-copy{position:relative;z-index:2;padding:56px}.contribute-copy h2{font-family:var(--display);font-size:clamp(36px,3.5vw,54px);line-height:1.1;letter-spacing:-2.6px;margin:20px 0}.highlight-period{color:var(--cyan)}.contribute-copy p{font-size:13px;color:#b0c8d5;line-height:1.8;max-width:510px}.contribute-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:25px}.btn-white{background:#e8fbff;color:#0f2e3c}.btn-white:hover{background:white}.btn-ghost{border:1px solid #89afb1;color:#e4f2fb}.contribute-graphic{position:relative;display:grid;place-items:center;min-height:360px}.graphic-orb{position:relative;width:240px;height:240px;display:grid;place-items:center}.graphic-ring{position:absolute;inset:0;border-radius:50%;border:1px solid #7dece38c}.graphic-ring.ring-b{inset:32px;border-color:#7ea8fe90}.graphic-ring.ring-c{inset:63px;border-color:#ad98ffcf}.graphic-core{font-family:var(--display);font-size:62px;letter-spacing:-8px;color:white;text-shadow:0 0 35px #71faf9;line-height:1}.graphic-core span{color:var(--cyan)}.graphic-caption{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#8ebbbf}.contribute-decor{position:absolute;inset:0;background-image:linear-gradient(#e2fff709 1px,transparent 1px),linear-gradient(90deg,#e2fff709 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent 25%,black 90%)}.faq-section{padding-top:70px}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px}.faq-layout>div:first-child>p{color:#91a5bd;font-size:13px;line-height:1.85;margin:24px 0}.faq-list{border-top:1px solid #33435b}.faq-list details{border-bottom:1px solid #33435b;padding:21px 0}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;font-family:var(--display);font-size:15px;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-toggle{color:var(--cyan);font-size:23px;font-weight:300;line-height:1}.faq-list details[open] .faq-toggle{transform:rotate(45deg)}.faq-list p{font-size:12px;color:#92a5bd;line-height:1.9;padding-right:35px;margin:13px 0 2px}.site-footer{background:#0b1320;border-top:1px solid #28374c}.footer-top{display:flex;align-items:center;gap:35px;padding:34px 0}.footer-top>p{font-size:12px;color:#859ab4;margin:0}.footer-repo{display:flex;align-items:center;gap:8px;font-size:11px;color:#c7d7e8;margin-left:auto}.footer-repo .icon{width:14px;height:14px}.footer-bottom{display:flex;gap:15px;justify-content:space-between;align-items:center;border-top:1px solid #25334a;padding:20px 0 30px;color:var(--muted);font-size:11px}.footer-bottom a{display:flex;align-items:center;gap:4px;color:#9fb3c6}.footer-bottom .icon{width:12px;height:12px}.toast{position:fixed;bottom:25px;right:25px;padding:12px 18px;border:1px solid #397f79;background:#163b3a;border-radius:8px;color:#b9fff0;font-size:12px;z-index:99;transform:translateY(140%);opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}.toast.is-visible{transform:none;opacity:1}@keyframes dashflow{to{stroke-dashoffset:-220}}@media(max-width:1100px){.hero-layout{gap:20px}.hero h1{letter-spacing:-3px}.diagram-node.node-worker{width:156px}.diagram-stage{margin-inline:-13px}.architecture-grid{gap:45px}.feature-card{padding:20px}.stat{padding-inline:12px;gap:10px}.stat-number{font-size:34px}.roadmap-card{padding:18px}.stack-status{display:none}}@media(max-width:880px){.container{width:min(720px,calc(100% - 40px))}.site-nav{gap:14px}.site-nav>a{font-size:12px}.hero{padding-top:65px}.hero-layout{grid-template-columns:1fr}.hero-content{text-align:left}.hero h1{font-size:clamp(52px,9vw,76px)}.hero-visual{max-width:650px;width:100%;margin:30px auto 0}.lab-window{transform:none}.hero-footer{padding-top:50px}.stats-grid{grid-template-columns:repeat(2,1fr);row-gap:28px}.stat:nth-child(2){border:0}.stat:nth-child(3){padding-left:0}.section{padding:80px 0}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card:first-child{grid-column:span 2}.feature-card:first-child .feature-art{max-width:350px;margin-inline:auto;width:100%}.architecture-grid,.faq-layout{grid-template-columns:1fr;gap:40px}.architecture-warning{margin-top:20px}.roadmap-grid{grid-template-columns:repeat(2,1fr)}.contribute-panel{grid-template-columns:1fr}.contribute-graphic{display:none}.contribute-copy{padding:43px}.quickstart-caption{display:none}.section-head>p{width:40%}}@media(max-width:610px){.container{width:calc(100% - 32px)}.nav-shell{min-height:68px}.brand-name{font-size:17px}.brand-symbol{width:25px;height:25px}.mobile-toggle{display:grid;place-items:center;background:transparent;border:1px solid #3d536c;border-radius:7px;width:37px;height:37px;color:var(--ink);cursor:pointer}.mobile-toggle .menu-close{display:none}.mobile-toggle[aria-expanded=true] .menu-open{display:none}.mobile-toggle[aria-expanded=true] .menu-close{display:block}.site-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#0d1625;border-bottom:1px solid #2c3d52;padding:20px;flex-direction:column;align-items:stretch;gap:17px;box-shadow:0 20px 30px #0008}.site-nav.is-open{display:flex}.site-nav .nav-github{justify-content:center}.hero{padding-top:46px}.eyebrow{font-size:8px;letter-spacing:.5px}.eyebrow-tail{display:none}.hero h1{font-size:clamp(43px,11vw,66px);letter-spacing:-2.9px}.hero-lead{font-size:14px;line-height:1.8}.hero-actions{gap:9px}.btn{padding:12px 15px}.hero-evidence{margin-top:25px}.evidence-line{font-size:10px}.hero-visual{margin-top:20px;padding:0}.lab-window{border-radius:8px}.window-panel{padding:14px 9px 14px}.panel-heading{padding:0 8px}.panel-annotation{display:none}.window-titlebar{padding:0 10px}.window-version{font-size:11px}.window-path{font-size:9px}.diagram-stage{height:320px;margin:10px 0 0}.diagram-connections{display:none}.diagram-node{padding:9px}.diagram-node strong{font-size:11px}.diagram-node small{font-size:8px}.node-kind{font-size:11px}.node-control{top:5px;width:158px}.node-worker{top:115px}.diagram-node.node-worker{width:calc(50% - 7px)}.node-worker-a{left:0}.node-worker-b{right:0}.node-monitor{bottom:8px}.diagram-label{display:none}.controls-label{display:none}.diagram-controls{justify-content:center}.mode-button{font-size:8px;padding:6px}.orbit-badge{display:none}.hero-footer{padding-top:25px;gap:10px;font-size:11px}.hero-footer span:last-child{font-size:11px}.stats-grid{padding:22px 0;gap:20px 5px}.stat{padding:0;gap:10px}.stat-number{font-size:32px}.stat-detail{font-size:11px}.section{padding:66px 0}.section-head{display:block;margin-bottom:28px}.section-head h2,.architecture-intro h2,.faq-layout h2{font-size:clamp(37px,10vw,52px);letter-spacing:-2px}.section-head>p{width:100%;margin-top:18px}.feature-grid{grid-template-columns:1fr}.feature-card:first-child{grid-column:auto}.feature-art{height:135px}.feature-card:first-child .feature-art{max-width:unset}.resource-grid,.roadmap-grid{grid-template-columns:1fr}.roadmap-card{min-height:220px}.roadmap-icon{margin-top:15px}.quickstart-tabs{width:100%}.quick-tab{flex:1;justify-content:center;gap:6px;padding:14px 6px;font-size:11px;flex-wrap:wrap}.quick-tab-number{display:none}.tab-check,.tab-legacy{font-size:11px}.quick-panel{padding:16px}.quick-panel-intro{display:block}.quick-panel-intro .text-link{margin-top:12px}.quick-panel-intro h3{font-size:19px}pre{font-size:10px;padding:14px;line-height:1.9}.resource-card{padding:14px}.resource-card strong{font-size:12px}.resource-card small{font-size:10px}.layer-stack{padding:14px}.stack-row{gap:9px}.stack-text strong{font-size:13px}.stack-text small{font-size:9px}.stack-symbol{width:36px;height:36px}.stack-number{font-size:11px}.stack-bottom{font-size:12px}.contribute-copy{padding:27px}.contribute-copy h2{font-size:35px}.faq-layout{gap:20px}.faq-list summary{font-size:13px}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column;gap:14px}.footer-repo{margin:0}.footer-bottom{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ------------------------------------------------------------
   Brand experience v2
   Visual assets: ./assets/robotics-hero.svg and logo-mark.svg
   All decorative movement respects prefers-reduced-motion.
   ------------------------------------------------------------ */
:root {
  --brand-void: #080D18;
  --brand-ink: #F1F5FC;
  --brand-mist: #95A4BB;
  --brand-aqua: #66EBDA;
  --brand-orbit: #7397FF;
  --brand-lilac: #A193FF;
  --brand-ember: #FFA66E;
}
.brand-logo { display: block; width: 31px; height: 31px; object-fit: contain; filter: drop-shadow(0 0 15px #66ebda22); }
.motion-toggle {
  display: inline-flex; justify-content: center; align-items: center;
  padding: 10px 12px; min-height: 40px; cursor: pointer;
  background: #15233a; color: #a9c5d9; border: 1px solid #3d4a61;
  border-radius: 7px; font-family: var(--mono); font-size: 10px; white-space: nowrap;
}
.motion-toggle:hover { color: var(--cyan); border-color: #79caba; }
.motion-toggle[aria-pressed="true"] { color: #ffe0bd; border-color: #d4a271; }
.hero-tagline {
  margin: -6px 0 17px; color: #7de7dc; font-family: var(--mono);
  font-size: 11px; letter-spacing: -.15px; font-weight: 600;
}
.hero-tagline span { color: #c1adff; }
.hero h1 .title-gradient { background-size: 200% auto; }
.cinematic-section { padding: 60px 0 88px; background: #080d18; }
.cinematic-frame {
  min-height: 490px; position: relative; isolation: isolate; overflow: hidden;
  border-radius: 18px; border: 1px solid #41608c;
  background: #0b1832;
  box-shadow: 0 20px 80px #0107187d, inset 0 1px 0 #ffffff14;
}
.cinematic-visual { position: absolute; inset: 0; z-index: -1; }
.cinematic-visual::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(90deg, #08111ef9 0%, #091527f5 18%, #0a1728d6 37%, #09162720 80%),
              linear-gradient(0deg, #080e1bc9 0%, transparent 30%);
}
.cinematic-visual img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center right; }
.cinematic-overlay {
  max-width: 580px; position: relative; z-index: 1;
  padding: 92px 0 82px 60px;
}
.cinematic-kicker {
  display: inline-flex; align-items: center; gap: 10px;
  color: #75f5dc; font-family: var(--mono);
  font-size: 10px; font-weight: 600; letter-spacing: 1px;
}
.cinematic-signal { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 13px #66ebda; }
.cinematic-overlay h2 {
  margin: 21px 0 17px; font-family: var(--display);
  font-weight: 600; font-size: clamp(31px, 3.7vw, 50px);
  line-height: 1.16; letter-spacing: -2.4px;
  text-wrap: balance;
}
.cinematic-overlay h2 span { color: var(--cyan); }
.cinematic-overlay p { color: #b0c6d9; font-size: 13px; line-height: 1.85; max-width: 430px; margin: 0 0 28px; }
.btn-glass { background: #0c263bdd; border: 1px solid #71cbc8; color: #d9fff5; backdrop-filter: blur(10px); }
.btn-glass:hover { background: #19445b; border-color: #a1fff0; }
.art-disclaimer {
  display: block; margin: 14px 0 0; color: #c9d6e4; font-family: var(--mono);
  font-size: .75rem; line-height: 1.5; letter-spacing: .2px;
}
.cinematic-corner { position: absolute; width: 30px; height: 30px; pointer-events: none; z-index: 2; }
.cinematic-corner.top-left { top: 12px; left: 12px; border-top: 1px solid var(--cyan); border-left: 1px solid var(--cyan); }
.cinematic-corner.top-right { top: 12px; right: 12px; border-top: 1px solid var(--cyan); border-right: 1px solid var(--cyan); }
.cinematic-corner.bottom-left { bottom: 12px; left: 12px; border-bottom: 1px solid var(--cyan); border-left: 1px solid var(--cyan); }
.cinematic-corner.bottom-right { bottom: 12px; right: 12px; border-bottom: 1px solid var(--cyan); border-right: 1px solid var(--cyan); }
.pathways-section { background: linear-gradient(180deg, #08101e, #0d1524); border-top: 1px solid #26364b; }
.pathway-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.pathway-card {
  overflow: hidden; display: flex; flex-direction: column;
  padding: 24px; border-radius: 12px;
  background: linear-gradient(148deg,#152339,#0c1728);
  border: 1px solid #304158;
  transition: transform .25s, border-color .25s, box-shadow .25s;
}
.pathway-card:hover { transform: translateY(-5px); border-color: #66c6c4; box-shadow: 0 15px 30px #030d1c60; }
.pathway-number {
  font: 600 10px var(--mono); letter-spacing: 1px;
  display: flex; justify-content: space-between; color: var(--cyan);
}
.pathway-number span { color: #7d92b0; }
.pathway-card h3 { font: 600 22px var(--display); letter-spacing: -.7px; margin: 2px 0 8px; }
.pathway-card p { color: #9faec4; line-height: 1.8; font-size: 12px; flex: 1; margin: 0 0 22px; }
.pathway-graphic {
  position: relative; overflow: hidden; display: grid; place-items: center;
  height: 158px; margin: 15px 0 20px; border-radius: 9px;
  background: radial-gradient(circle at 55% 52%,#24436e 0%,#112037 47%,#0c1625 100%);
  border: 1px solid #294363;
}
.pathway-graphic::before {
  content: ""; position: absolute; inset: 0; opacity: .4;
  background-image: linear-gradient(#86b5e212 1px, transparent 1px),linear-gradient(90deg,#86b5e212 1px,transparent 1px);
  background-size: 25px 25px;
}
.edu-art span {
  position: absolute; display: grid; place-items: center;
  font: 700 16px var(--mono); border: 1px solid #7bceec; border-radius: 9px;
  background: linear-gradient(140deg,#1c4063,#10243d); color: #b5fae7;
  width: 75px; height: 53px; box-shadow: 8px 12px 0 #08182c;
}
.edu-art span:nth-child(1) { left: 21%; top: 33%; }
.edu-art span:nth-child(2) { left: 39%; top: 17%; border-color: #a4a6ff; color: #c4baff; }
.edu-art span:nth-child(3) { left: 57%; top: 48%; }
.research-wave { position: absolute; border: 1px solid #91a3ff98; border-radius: 50%; width: 60px; height: 60px; }
.research-wave:nth-child(2) { width: 117px; height: 117px; }
.research-wave:nth-child(3) { width: 187px; height: 187px; }
.research-center { width: 18px; height: 18px; border-radius: 50%; background: #84fce8; box-shadow: 0 0 25px #6ce6dd; z-index: 1; }
.engineer-art { display: flex; gap: 19px; font: 600 26px var(--mono); color: #8cf5e2; }
.engineer-art span:nth-child(2) { font-size: 22px; color: #acc0dd; }
.engineer-art .engineer-blink { color: #baaeff; }
.inline-link { color: var(--cyan); text-decoration: underline; text-underline-offset: 3px; }
.footer-docs { display: inline-flex; align-items: center; gap: 7px; color: var(--cyan); font-size: 12px; font-weight: 700; }
.footer-docs .icon { width: 14px; height: 14px; }

/* Intentional, low-overhead visual motion. No tracking or canvas library. */
@media (prefers-reduced-motion: no-preference) {
  html:not(.motion-paused) .hero h1 .title-gradient { animation: titleAurora 11s ease-in-out infinite alternate; }
  html:not(.motion-paused) .cinematic-visual img { animation: cinematicDrift 18s ease-in-out infinite alternate; }
  html:not(.motion-paused) .cinematic-signal { animation: signalGlow 3s ease-in-out infinite; }
  html:not(.motion-paused) .research-wave:nth-child(2) { animation: wavePulse 5s ease-in-out infinite; }
  html:not(.motion-paused) .research-wave:nth-child(3) { animation: wavePulse 7s ease-in-out infinite reverse; }
  html:not(.motion-paused) .engineer-blink { animation: blinking 1.1s steps(1,end) infinite; }
  html.has-motion:not(.motion-paused) [data-reveal]:not(.is-revealed) {
    opacity: 0; transform: translateY(22px);
  }
  html.has-motion:not(.motion-paused) [data-reveal] {
    transition: opacity .65s ease, transform .65s cubic-bezier(.2,.7,.25,1);
  }
}
@keyframes titleAurora { to { background-position: 100% 50%; } }
@keyframes cinematicDrift { from { transform: scale(1.01) translateX(-1%); } to { transform: scale(1.06) translateX(1%); } }
@keyframes signalGlow { 0%,100% { opacity: .5; box-shadow: 0 0 2px #66ebda; } 50% { opacity: 1; box-shadow: 0 0 14px #66ebda; } }
@keyframes wavePulse { 50% { opacity: .33; transform: scale(1.1); } }
@keyframes blinking { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  .cinematic-visual img,.hero h1 .title-gradient,.research-wave,.engineer-blink { animation: none !important; }
}
html.motion-paused *,html.motion-paused *::before,html.motion-paused *::after { animation-play-state: paused !important; }
@media (max-width: 880px) {
  .cinematic-frame { min-height: 420px; }
  .cinematic-overlay { padding: 72px 35px 75px; }
  .cinematic-visual::after { background: linear-gradient(90deg,#07111df3 0%,#0a192bd5 38%,#0a1d3755 100%),linear-gradient(0deg,#08101cc7,transparent 30%); }
  .pathway-grid { grid-template-columns: 1fr 1fr; }
  .pathway-card:last-child { grid-column: span 2; }
}
@media (max-width: 610px) {
  .brand-logo { width: 27px; height: 27px; }
  .motion-toggle { width: 100%; font-size: 11px; }
  .hero-tagline { font-size: 10px; line-height: 1.7; }
  .cinematic-section { padding: 35px 0 55px; }
  .cinematic-frame { min-height: 470px; }
  .cinematic-visual img { object-position: 55% center; }
  .cinematic-visual::after { background: linear-gradient(90deg,#091422e8,#0a1729b5 75%,#0a1c2b59),linear-gradient(0deg,#08101de9,transparent 55%); }
  .cinematic-overlay { padding: 47px 24px 115px; }
  .cinematic-overlay h2 { letter-spacing: -1px; font-size: 32px; }
  .cinematic-overlay p { font-size: 12px; }

  .pathway-grid { grid-template-columns: 1fr; }
  .pathway-card:last-child { grid-column: auto; }
  .pathway-card { padding: 19px; }
}

/* ------------------------------------------------------------
   Scenarios entry: hero call-to-action, animated illustrative flow, card guidance.
   Motion is gated by prefers-reduced-motion and the .motion-toggle
   (html.motion-paused) exactly like the effects above. No data is shown.
   ------------------------------------------------------------ */
.hero-actions .btn-scenarios { background: #0c263bdd; border: 1px solid #71cbc8; color: #d9fff5; }
.hero-actions .btn-scenarios:hover { background: #19445b; border-color: #a1fff0; }
.hero-scenarios-note {
  display: flex; align-items: center; gap: 10px; max-width: 500px;
  margin: 18px 0 0; color: #b7c5d8; font-size: 14px; line-height: 1.6;
}
.hero-scenarios-note .tag-new {
  flex-shrink: 0; font: 600 12px var(--mono); letter-spacing: .6px;
  color: #071c24; background: var(--cyan); border-radius: 4px; padding: 2px 7px;
}

.scenario-flow {
  position: relative; overflow: hidden; margin: 0 0 28px; padding: 26px 28px 22px;
  border: 1px solid #2d4a63; border-radius: 14px;
  background: radial-gradient(ellipse 60% 120% at 50% 0%, #17304a80, transparent 70%), linear-gradient(160deg, #111d31, #0b1524);
}
.scenario-flow::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .5;
  background-image: linear-gradient(#77a8d80d 1px, transparent 1px), linear-gradient(90deg, #77a8d80d 1px, transparent 1px);
  background-size: 28px 28px; mask-image: linear-gradient(180deg, #000, transparent 90%);
}
.flow-head { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-bottom: 22px; }
.flow-head h3 { margin: 0; font: 600 19px var(--display); letter-spacing: -.5px; }
.flow-badge {
  font: 600 12px var(--mono); letter-spacing: .6px; color: #ffd9bd;
  border: 1px solid #a8714c; background: #ffa66e14; border-radius: 5px; padding: 4px 9px;
}
.flow-steps { position: relative; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0 44px; counter-reset: flow; }
.flow-step {
  position: relative; display: flex; flex-direction: column; gap: 4px; min-width: 0;
  padding: 14px 14px 15px; border: 1px solid #35506b; border-radius: 10px;
  background: linear-gradient(140deg, #16293f, #101e33);
}
.flow-step .flow-top { display: flex; align-items: center; gap: 9px; margin-bottom: 5px; }
.flow-ico { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 8px; background: #66ebda18; color: var(--cyan); flex-shrink: 0; }
.flow-ico svg { width: 18px; height: 18px; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; fill: none; }
.flow-num { font: 600 12px var(--mono); letter-spacing: .6px; color: #a9b8cc; }
.flow-step strong { font: 600 15px var(--display); letter-spacing: -.3px; line-height: 1.3; }
.flow-step small { font-size: 13px; line-height: 1.55; color: #a9b8cc; }
.flow-step--gate { border-color: #8d6446; }
.flow-step--gate .flow-ico { background: #ffa66e1c; color: var(--orange); }
.flow-step--human { border-color: #3f8a82; }
.flow-step--edge .flow-ico { background: #7397ff1f; color: #9db6ff; }
.flow-step--cloud .flow-ico { background: #a193ff1f; color: #c0b6ff; }

/* Connector between stages: dashed line + arrow head (static meaning) + travelling pulse (decorative). */
.flow-link { position: absolute; top: 50%; right: -44px; width: 44px; height: 14px; margin-top: -7px; pointer-events: none; }
.flow-link::before {
  content: ""; position: absolute; left: 4px; right: 9px; top: 50%; height: 2px; margin-top: -1px;
  background: repeating-linear-gradient(90deg, #66ebdac0 0 6px, transparent 6px 11px); background-size: 11px 2px;
}
.flow-link::after {
  content: ""; position: absolute; right: 4px; top: 50%; width: 7px; height: 7px; margin-top: -4px;
  border-top: 2px solid #66ebda; border-right: 2px solid #66ebda; transform: rotate(45deg);
}
.flow-pulse {
  position: absolute; left: 4px; top: 50%; width: 8px; height: 8px; margin-top: -4px;
  border-radius: 50%; background: #9cffee; box-shadow: 0 0 10px #66ebda; opacity: 0;
}
.flow-step:last-child .flow-link { display: none; }

.flow-caption { position: relative; margin: 20px 0 0; font-size: 13px; line-height: 1.7; color: #b3c1d4; }
.flow-caption strong { color: #ffd9bd; font-weight: 700; }

.card-guide { display: grid; gap: 6px; margin: 0 0 18px; padding: 11px 13px; border: 1px solid #2f4259; border-radius: 8px; background: #0c1626; font-size: 13px; line-height: 1.5; color: #b3c1d4; }
.card-guide div { display: flex; gap: 10px; align-items: baseline; }
.card-guide dt { flex: 0 0 62px; margin: 0; font: 600 12px var(--mono); letter-spacing: .5px; color: var(--cyan); }
.card-guide dd { margin: 0; color: #dbe5f1; }

@media (prefers-reduced-motion: no-preference) {
  .flow-pulse { opacity: 1; animation: flowTravel 2.6s linear infinite; }
  .flow-step:nth-child(2) .flow-pulse { animation-delay: .5s; }
  .flow-step:nth-child(3) .flow-pulse { animation-delay: 1s; }
  .flow-step:nth-child(4) .flow-pulse { animation-delay: 1.5s; }
  .flow-link::before { animation: flowDash 1.2s linear infinite; }
  /* Decorative auto-advancing highlight: one stage at a time, 10s loop. Not essential content. */
  .flow-step { animation: flowFocus 10s ease-in-out infinite; }
  .flow-step:nth-child(2) { animation-delay: 2s; }
  .flow-step:nth-child(3) { animation-delay: 4s; }
  .flow-step:nth-child(4) { animation-delay: 6s; }
  .flow-step:nth-child(5) { animation-delay: 8s; }
}
@keyframes flowTravel { 0% { transform: translateX(0); opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { transform: translateX(26px); opacity: 0; } }
@keyframes flowDash { to { background-position: 11px 0; } }
@keyframes flowDashV { to { background-position: 0 11px; } }
@keyframes flowFocus { 0%, 24%, 100% { box-shadow: 0 0 0 0 #66ebda00; } 6%, 18% { box-shadow: 0 0 0 1px #66ebda, 0 0 24px #66ebda33; } }
@media (prefers-reduced-motion: reduce) {
  .flow-pulse { display: none; }
  .flow-step, .flow-link::before { animation: none !important; }
}
@media (max-width: 1100px) {
  .flow-steps { gap: 0 36px; }
  .flow-link { right: -36px; width: 36px; }
  .flow-step { padding: 12px 11px 13px; }
  @keyframes flowTravel { 0% { transform: translateX(0); opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { transform: translateX(18px); opacity: 0; } }
}
@media (max-width: 880px) {
  .scenario-flow { padding: 22px 20px 20px; }
  .flow-steps { grid-template-columns: 1fr; gap: 38px 0; }
  .flow-link { right: auto; left: 50%; top: auto; bottom: -38px; width: 14px; height: 38px; margin: 0 0 0 -7px; }
  .flow-link::before { left: 50%; right: auto; top: 4px; bottom: 9px; width: 2px; height: auto; margin: 0 0 0 -1px; background: repeating-linear-gradient(180deg, #66ebdac0 0 6px, transparent 6px 11px); background-size: 2px 11px; }
  @media (prefers-reduced-motion: no-preference) { .flow-link::before { animation-name: flowDashV; } }
  .flow-link::after { right: auto; left: 50%; top: auto; bottom: 4px; margin: 0 0 0 -4px; transform: rotate(135deg); }
  .flow-pulse { left: 50%; top: 4px; margin: 0 0 0 -4px; }
  .flow-step { display: grid; grid-template-columns: auto 1fr; column-gap: 12px; align-items: center; }
  .flow-step .flow-top { grid-row: span 2; margin: 0; flex-direction: column; }
  @keyframes flowTravel { 0% { transform: translateY(0); opacity: 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { transform: translateY(22px); opacity: 0; } }
}

/* Roadmap call to action */
.roadmap-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 8px}