#fde{padding:112px 6% 65px;align-items:center;background:radial-gradient(ellipse at 72% 35%,#5e3b171f,transparent 60%),#080807ee}
#fde .chapter-label{top:94px}
.fde-content{width:100%;max-width:1380px;margin:auto}
#fde .fde-grid{grid-template-columns:.9fr 1.1fr;gap:7%;max-width:none}
#fde .fde-copy h2{font-size:clamp(32px,3.2vw,48px);margin:18px 0;letter-spacing:-1.5px}
#fde .fde-copy>p{font-size:14px;line-height:1.9}
.fde-capabilities{margin-top:24px;display:grid;gap:12px}
.fde-capabilities>div{display:grid;grid-template-columns:22px 105px 1fr;align-items:center;gap:10px}
.fde-capabilities span{font-size:9px;color:#93744a}.fde-capabilities b{font-size:13px;font-weight:400;color:#e2c59c}.fde-capabilities small{font-size:11px;color:#a59988}
.fde-scenarios{display:flex;gap:9px;margin-top:19px}.fde-scenarios span{padding:5px 10px;border:1px solid #bb8c4b24;border-radius:3px;color:#b69a73;font-size:10px}
.fde-cinema{min-width:0;padding:0 0 2px}
.fde-console-head{display:flex;justify-content:space-between;gap:12px;color:#b2936b;font-size:9px;letter-spacing:1.4px;padding-bottom:13px;border-bottom:1px solid #d7ac6538}
.fde-live{letter-spacing:.4px;color:#d8bb8e;white-space:nowrap}.fde-live i,.client-network-head i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#e9b879;box-shadow:0 0 10px #f6b75580;margin-right:7px}
.fde-map{position:relative;margin:8px 0 12px;background:radial-gradient(ellipse at center,#94653114,transparent 62%)}.fde-map svg{display:block;width:100%;height:auto;max-height:144px}
.fde-input rect,.fde-output rect{fill:#0e0d0b;stroke:#a781434d;transition:stroke .4s,fill .4s}.fde-map text{fill:#d8bd96;font-size:14px;text-anchor:middle;font-family:inherit}.fde-map .fde-svg-small{fill:#9c896c;font-size:9px;letter-spacing:.2px}.fde-hub>path{fill:#18120be6;stroke:#d7a15c;stroke-width:1.2}.fde-hub .fde-hub-inner{fill:none;stroke:#d7a15c33}.fde-map .fde-hub-title{font-size:29px;letter-spacing:5px;fill:#f2cc92}.fde-map-caption text{font-size:9px;fill:#947952}
.fde-orbit-trace{animation:fdeOrbit 6s linear infinite}.fde-route-flow{animation:fdeFlow 2.4s linear infinite}
#fde[data-stage=consult] .fde-input rect,#fde[data-stage=deliver] .fde-output rect{stroke:#edbf78;fill:#20180c}
#fde[data-stage=validate] .fde-hub-inner,#fde[data-stage=implement] .fde-hub-inner{stroke:#f9d69c;stroke-dasharray:6 9;animation:fdeFlow 4s linear infinite}
.fde-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0;padding:0;list-style:none;border-bottom:1px solid #d7ac6526}
.fde-stages button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:36px;border:0;background:none;color:#968874;font-family:inherit;font-size:11px;cursor:pointer;transition:color .3s,background .3s}.fde-stages span{font-size:9px;color:#796245}.fde-stages button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#f1bf79;opacity:0;transition:opacity .3s}.fde-stages button[aria-pressed=true]{color:#f4d1a0;background:#b58a4c0c}.fde-stages button[aria-pressed=true]::after{opacity:1}.fde-stages button[aria-pressed=true] span{color:#d6aa71}.fde-stages button:focus-visible{outline:1px solid #e5b778;outline-offset:-2px}
.fde-stage-copy{padding-top:14px;min-height:100px}.fde-stage-copy>div:first-child{display:flex;align-items:center;gap:14px}.fde-stage-copy h3{margin:0;font-weight:400;font-size:14px;color:#ebc594}.fde-stage-copy>div>span{font-size:8px;letter-spacing:.4px;color:#9b7a50;white-space:nowrap}.fde-stage-copy p{margin:9px 0;font-size:11px;color:#ad9e88;line-height:1.8}.fde-artifacts{display:flex;gap:12px;align-items:baseline}.fde-artifacts b{font-size:11px;font-weight:400;color:#ddbb8b}.fde-demo-note{font-size:8px;color:#796c5b}
.client-network{margin-top:23px;min-width:0}.client-network-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.client-network-head h3{margin:0;font-size:13px;letter-spacing:1px;font-weight:400;color:#d4b888}.client-network-head>span{font-size:8px;color:#8b7960;letter-spacing:1px}.client-network-head i{margin:0 8px;width:3px;height:3px}
.client-lane{--client-gap:12px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.client-lane+.client-lane{margin-top:12px}.client-track{display:flex;width:max-content;animation:clientFlow 40s linear infinite}.client-lane:nth-child(3) .client-track{animation-direction:reverse;animation-delay:-3.333s}.client-group{display:flex;gap:var(--client-gap);list-style:none;margin:0;padding:0 var(--client-gap) 0 0}
.client-card{width:clamp(155px,calc((min(88vw,1380px) - 72px)/6),218px);height:74px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid #ba8c4520;border-radius:4px;background:linear-gradient(135deg,#b88b420b,#b88b4202);transition:border-color .25s,background .25s}.client-card img{width:min(145px,calc(100% - 26px));height:33px;object-fit:contain;filter:grayscale(1) invert(1) sepia(.65) saturate(.8) brightness(.92);opacity:.8;transition:opacity .25s}.client-card span{font-size:10px;color:#9d8b71;transition:color .25s}.client-card:hover{border-color:#e8b87480;background:#b98b4514}.client-card:hover img{opacity:1}.client-card:hover span{color:#e8c898}
.client-light img{filter:grayscale(1) sepia(.65) saturate(.8) brightness(.92)}
.client-paper img{filter:grayscale(1) invert(1) sepia(1) saturate(.7);mix-blend-mode:screen}
#fde[data-running=false] .fde-orbit-trace,#fde[data-running=false] .fde-route-flow,#fde[data-running=false] .fde-hub-inner,#fde[data-running=false] .client-track,body[data-render-owner=false] #fde .client-track{animation-play-state:paused}
@keyframes fdeOrbit{to{stroke-dashoffset:-595}}@keyframes fdeFlow{to{stroke-dashoffset:-93}}@keyframes clientFlow{to{transform:translateX(-50%)}}
@media(min-width:1500px){#fde .fde-copy h2{font-size:48px}.fde-map svg{max-height:215px}.fde-capabilities{gap:17px}.client-card{height:82px}.client-card img{width:155px;height:36px}.client-network{margin-top:34px}}
@media(max-width:800px){#fde{padding:125px 7% 70px}#fde .fde-grid{grid-template-columns:1fr;gap:30px}#fde .fde-copy h2{font-size:34px;margin:18px 0}#fde .fde-copy>p{font-size:12px}.fde-capabilities{gap:13px;margin-top:20px}.fde-capabilities>div{grid-template-columns:18px 98px 1fr;gap:8px}.fde-capabilities small{font-size:10px}.fde-console-head{font-size:7px;letter-spacing:.5px}.fde-map{margin:10px 0}.fde-map svg{max-height:none}.fde-map text{font-size:20px}.fde-map .fde-svg-small{font-size:13px}.fde-map .fde-hub-title{font-size:34px}.fde-hub .fde-svg-small{display:none}.fde-map-caption text{font-size:15px}.fde-stages button{font-size:10px;gap:5px;min-height:40px}.fde-stage-copy{min-height:132px}.fde-stage-copy>div:first-child{align-items:flex-start;flex-direction:column;gap:6px}.fde-stage-copy h3{font-size:13px}.fde-stage-copy p{font-size:11px}.fde-artifacts b{font-size:10px}.client-network{margin-top:24px}.client-network-head{align-items:flex-start;flex-direction:column;gap:7px}.client-network-head>span{font-size:7px}.client-card{height:72px}.client-card img{width:125px;height:32px}.client-lane{mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}}
@media(prefers-reduced-motion:reduce){#fde *{animation:none!important;transition:none!important}.client-track{width:auto;display:block}.client-group{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:0}.client-group[aria-hidden=true]{display:none}.client-card{width:auto}.client-card img{max-width:85%}.client-lane{mask-image:none}@media(max-width:800px){.client-group{grid-template-columns:repeat(2,minmax(0,1fr))}}}