#dg-homepage-led-preview{--dg-bg:#040f0b;--dg-panel:#091a13;--dg-paper:#eeeae1;--dg-lime:#43ed7e;--dg-muted:#b5c4b8;--dg-line:#1b3a28;background:transparent;font-family:'Manrope',sans-serif;color:var(--dg-paper)}
#dg-homepage-led-preview *{box-sizing:border-box}
#dg-homepage-led-preview .dg-context{font:400 12px 'Manrope',sans-serif;color:light-dark(#52645b,#c3d2c8);margin-bottom:12px}
#dg-homepage-led-preview .dg-site{background:var(--dg-bg);overflow:hidden;position:relative;border-radius:12px}
#dg-homepage-led-preview .dg-code{position:absolute;inset:0;display:flex;justify-content:space-around;overflow:hidden;pointer-events:none;opacity:.28;color:var(--dg-lime);text-shadow:0 0 7px #43ed7e55;font:400 12px/2.4 monospace;user-select:none;mask-image:linear-gradient(transparent,#000 20%,#000 75%,transparent)}
#dg-homepage-led-preview .dg-code span{writing-mode:vertical-rl;letter-spacing:15px;white-space:nowrap;transform:translateY(40px)}
#dg-homepage-led-preview .dg-code span:nth-child(2n){transform:translateY(130px);opacity:.5}
#dg-homepage-led-preview header{position:relative;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--dg-line);background:#04100deb}
#dg-homepage-led-preview .dg-wordmark{display:flex;align-items:center;gap:9px;font:600 16px 'Space Grotesk',sans-serif;letter-spacing:-.04em;white-space:nowrap}
#dg-homepage-led-preview .dg-logo{width:32px;height:32px;border-radius:9px}
#dg-homepage-led-preview .dg-wordmark small{display:block;color:var(--dg-lime);font:600 11px 'Space Grotesk',sans-serif;letter-spacing:.42em}
#dg-homepage-led-preview .dg-nav{display:flex;gap:20px;font-size:12px;color:var(--dg-muted)}
#dg-homepage-led-preview .dg-nav a{color:inherit;text-decoration:none}
#dg-homepage-led-preview .dg-header-tag{font:400 11px 'Manrope',sans-serif;padding:9px 11px;border:1px solid var(--dg-line);border-radius:8px;white-space:nowrap}
#dg-homepage-led-preview .dg-main{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:30px;align-items:center;padding:48px 30px 42px}
#dg-homepage-led-preview .dg-eyebrow{font:500 11px 'Space Grotesk',sans-serif;letter-spacing:.12em;color:var(--dg-lime);margin:0 0 22px}
#dg-homepage-led-preview h1{font:500 clamp(31px,4.5vw,49px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:0 0 23px}
#dg-homepage-led-preview h1 .dg-brandline{display:block;white-space:nowrap;color:var(--dg-lime)}
#dg-homepage-led-preview h1 .dg-lastline{display:block}
#dg-homepage-led-preview h1 .dg-sync-accent{color:var(--dg-lime)}
#dg-homepage-led-preview .dg-explanation{font:400 14px/1.8 'Manrope',sans-serif;color:var(--dg-muted);margin:0 0 25px;max-width:440px}
#dg-homepage-led-preview .dg-explanation strong{font-weight:600;color:var(--dg-paper)}
#dg-homepage-led-preview .dg-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
#dg-homepage-led-preview .dg-button{font:600 12px 'Manrope',sans-serif;min-height:44px;padding:14px 17px;background:var(--dg-lime);color:#04140a;border:0;border-radius:8px;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:12px}
#dg-homepage-led-preview .dg-text-link{font:600 12px 'Manrope',sans-serif;color:var(--dg-paper);text-decoration:none;padding:12px 0}
#dg-homepage-led-preview .dg-brand-signature{margin:27px 0 0;padding-left:12px;border-left:2px solid var(--dg-lime);font:500 12px/1.7 'Space Grotesk',sans-serif;color:var(--dg-muted)}
#dg-homepage-led-preview .dg-panel{background:linear-gradient(135deg,#0b2016ed,#07130df5);border:1px solid #214b31;border-radius:23px;padding:23px 19px 17px;min-width:0}
#dg-homepage-led-preview .dg-panel-top{display:flex;justify-content:space-between;gap:10px;font:500 11px 'Space Grotesk',sans-serif;color:var(--dg-muted);letter-spacing:.08em;margin-bottom:29px}
#dg-homepage-led-preview .dg-panel-top strong{color:var(--dg-lime);font-weight:500}
#dg-homepage-led-preview .dg-route{display:grid;grid-template-columns:minmax(0,1fr) 19px minmax(0,1.25fr) 19px minmax(0,1fr);align-items:center}
#dg-homepage-led-preview .dg-node{min-width:0;min-height:136px;border:1px solid #2b4032;background:#07110c;border-radius:13px;padding:18px 7px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;transition:border-color .3s,background .3s}
#dg-homepage-led-preview .dg-node b{font:500 12px 'Space Grotesk',sans-serif;color:var(--dg-paper)}
#dg-homepage-led-preview .dg-node small{font:400 11px/1.5 'Manrope',sans-serif;color:var(--dg-muted)}
#dg-homepage-led-preview .dg-node-dg{min-height:178px;border-color:#2a7446;background:#0d2919}
#dg-homepage-led-preview .dg-node-dg img{width:36px;height:36px;border-radius:10px}
#dg-homepage-led-preview .dg-node-dg b{font-size:11px;white-space:nowrap}
#dg-homepage-led-preview .dg-link{height:1px;background:#345b40;position:relative}
#dg-homepage-led-preview .dg-link:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:var(--dg-lime);top:-2px;left:0;opacity:0}
#dg-homepage-led-preview .dg-link.dg-pulse:after{animation:dg-order-transfer .65s ease-out 1}
@keyframes dg-order-transfer{0%{left:0;opacity:1}100%{left:calc(100% - 5px);opacity:1}}
#dg-homepage-led-preview .dg-node.dg-active{border-color:var(--dg-lime);background:#123b22}
#dg-homepage-led-preview .dg-receiver-label{margin:22px 0 9px;font:500 11px 'Space Grotesk',sans-serif;letter-spacing:.08em;color:var(--dg-muted)}
#dg-homepage-led-preview .dg-receivers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#dg-homepage-led-preview .dg-receiver{border:1px solid #263c2e;background:#0b1910;border-radius:9px;padding:11px 6px;text-align:center;transition:border-color .3s,background .3s}
#dg-homepage-led-preview .dg-receiver b{font:500 11px 'Space Grotesk',sans-serif;display:block;margin-bottom:6px}
#dg-homepage-led-preview .dg-receiver small{font:400 11px 'Manrope',sans-serif;color:var(--dg-muted)}
#dg-homepage-led-preview .dg-receiver.dg-active{border-color:var(--dg-lime);background:#123b22}
#dg-homepage-led-preview .dg-demo-status{min-height:49px;display:flex;align-items:center;color:var(--dg-paper);font:400 11px/1.6 'Manrope',sans-serif;padding-top:13px}
#dg-homepage-led-preview .dg-demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:9px;border-top:1px solid var(--dg-line);padding-top:13px}
#dg-homepage-led-preview .dg-demo-control{border:1px solid #3c6047;background:transparent;color:var(--dg-paper);padding:10px 12px;font:500 11px 'Space Grotesk',sans-serif;border-radius:6px;min-height:40px}
#dg-homepage-led-preview .dg-demo-note{font:400 11px/1.6 'Manrope',sans-serif;color:var(--dg-muted);max-width:190px}
#dg-homepage-led-preview .dg-footline{position:relative;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:19px 30px 22px;border-top:1px solid var(--dg-line);font:500 12px 'Space Grotesk',sans-serif;color:var(--dg-paper)}
#dg-homepage-led-preview .dg-footline span:before{content:'✓';color:var(--dg-lime);margin-right:8px}
#dg-homepage-led-preview .dg-soon{position:relative;background:#efcf42;color:#172316;padding:13px 25px;font:500 11px 'Space Grotesk',sans-serif;letter-spacing:.08em}
#dg-homepage-led-preview .dg-video{position:relative;background:#0b1b12;padding:27px 30px;border-top:1px solid var(--dg-line)}
#dg-homepage-led-preview .dg-video h2{font:500 22px 'Space Grotesk',sans-serif;letter-spacing:-.03em;margin:0 0 9px}
#dg-homepage-led-preview .dg-video p{font:400 12px/1.7 'Manrope',sans-serif;color:var(--dg-muted);margin:0 0 16px}
#dg-homepage-led-preview .dg-video video{width:100%;max-height:430px;background:#030906;border-radius:10px;display:block}
#dg-homepage-led-preview [hidden]{display:none!important}
#dg-homepage-led-preview a:focus-visible,#dg-homepage-led-preview button:focus-visible{outline:3px solid #0da7a0;outline-offset:4px}
@media(max-width:800px){#dg-homepage-led-preview .dg-main{grid-template-columns:1fr;gap:32px;padding:34px 23px}#dg-homepage-led-preview h1{font-size:clamp(32px,6.4vw,48px)}#dg-homepage-led-preview .dg-panel{max-width:570px;width:100%;justify-self:center}#dg-homepage-led-preview .dg-nav{display:none}#dg-homepage-led-preview .dg-explanation{max-width:580px}}
@media(max-width:420px){#dg-homepage-led-preview header{padding:17px}#dg-homepage-led-preview .dg-main{padding:28px 17px}#dg-homepage-led-preview .dg-panel{padding:18px 11px 14px}#dg-homepage-led-preview .dg-route{grid-template-columns:minmax(0,1fr) 12px minmax(0,1.25fr) 12px minmax(0,1fr)}#dg-homepage-led-preview .dg-node{padding:13px 3px}#dg-homepage-led-preview .dg-node-dg b{white-space:normal}#dg-homepage-led-preview .dg-node b{font-size:11px}#dg-homepage-led-preview .dg-demo-toolbar{align-items:flex-start}#dg-homepage-led-preview .dg-demo-note{max-width:135px}#dg-homepage-led-preview .dg-panel-top{font-size:11px}#dg-homepage-led-preview .dg-footline{padding:18px}#dg-homepage-led-preview .dg-header-tag{font-size:11px}#dg-homepage-led-preview .dg-wordmark{font-size:14px}}
@media(prefers-reduced-motion:reduce){#dg-homepage-led-preview *{animation:none!important;transition:none!important}}

#dg-homepage-led-preview .dg-link{height:2px;background:#224d33}
#dg-homepage-led-preview .dg-link:after{width:8px;height:4px;border-radius:4px;top:-1px;box-shadow:0 0 8px #43ed7e,0 0 16px #43ed7e80}
#dg-homepage-led-preview .dg-link.dg-pulse:after{animation:dg-order-transfer .95s linear 1}
#dg-homepage-led-preview .dg-distribution{height:35px;position:relative;margin-top:0}
#dg-homepage-led-preview .dg-distribution span{position:absolute;background:#224d33;display:block}
#dg-homepage-led-preview .dg-trunk{width:1px;height:16px;right:13%;top:0}
#dg-homepage-led-preview .dg-bus{height:1px;left:16.66%;right:13%;top:15px}
#dg-homepage-led-preview .dg-drop{width:1px;height:20px;top:15px}
#dg-homepage-led-preview .dg-drop-one{left:16.66%}
#dg-homepage-led-preview .dg-drop-two{left:50%}
#dg-homepage-led-preview .dg-drop-three{left:83.33%}
#dg-homepage-led-preview .dg-distribution span:after{content:'';display:block;position:absolute;background:#43ed7e;box-shadow:0 0 9px #43ed7e;opacity:0;border-radius:5px}
#dg-homepage-led-preview .dg-trunk:after,#dg-homepage-led-preview .dg-drop:after{width:4px;height:7px;left:-1.5px;top:0}
#dg-homepage-led-preview .dg-bus:after{width:8px;height:4px;right:0;top:-1.5px}
#dg-homepage-led-preview .dg-distribution.dg-pulse .dg-trunk:after{animation:dg-led-down .25s linear 1}
#dg-homepage-led-preview .dg-distribution.dg-pulse .dg-bus:after{animation:dg-led-across .6s .25s linear 1}
#dg-homepage-led-preview .dg-distribution.dg-pulse .dg-drop:after{animation:dg-led-down .3s .85s linear 1}
#dg-homepage-led-preview .dg-receiver-label{margin:2px 0 10px}
#dg-homepage-led-preview .dg-controls{display:flex;gap:7px;flex-wrap:wrap}
#dg-homepage-led-preview .dg-demo-control:disabled{opacity:.4}
#dg-homepage-led-preview .dg-paused *{animation-play-state:paused!important}
#dg-homepage-led-preview .dg-node.dg-active{box-shadow:0 0 22px #43ed7e10}
@keyframes dg-led-down{0%{top:0;opacity:1}100%{top:calc(100% - 7px);opacity:1}}
@keyframes dg-led-across{0%{right:0;opacity:1}100%{right:calc(100% - 8px);opacity:1}}


#dg-homepage-led-preview .dg-platform-logo{display:block;width:90%;max-width:105px;height:30px;object-fit:contain}
#dg-homepage-led-preview .dg-account-icon{display:block;width:26px;height:28px;margin:0 auto 10px;color:var(--dg-lime)}
#dg-homepage-led-preview .dg-receiver b{line-height:1.5;min-height:33px}
#dg-homepage-led-preview .dg-receiver small{font-size:10px;line-height:1.6;display:block}
#dg-homepage-led-preview .dg-code span{animation:dg-matrix-fall 23s linear infinite}
#dg-homepage-led-preview .dg-code span:nth-child(2n){animation-duration:31s;animation-delay:-17s}
#dg-homepage-led-preview .dg-code span:nth-child(3n){animation-delay:-9s;animation-duration:27s}
#dg-homepage-led-preview.dg-motion-paused .dg-code span{animation-play-state:paused}
@keyframes dg-matrix-fall{from{transform:translateY(-100%)}to{transform:translateY(170%)}}
@media(prefers-reduced-motion:reduce){#dg-homepage-led-preview .dg-code span{animation:none!important}}

#dg-homepage-led-preview{max-width:1440px;margin:auto} #dg-homepage-led-preview .dg-main{margin:0} #dg-homepage-led-preview button{cursor:pointer} #dg-homepage-led-preview .dg-node img{display:block} #dg-homepage-led-preview .dg-main>section{padding-block:0}