.dgf-pd-platform{position:relative;background:var(--pd-dark);color:var(--pd-dark-body);overflow:hidden}
.dgf-pd-platform__header{position:relative;text-align:center;max-width:880px;margin:auto;z-index:1}
.dgf-pd-platform h2{color:#fff;font-size:clamp(36px,4.4vw,58px)}
.dgf-pd-platform h2 em{color:var(--pd-orange)}
.dgf-pd-platform__header p{max-width:630px;margin:26px auto 0;font-size:19px}
.dgf-pd-platform__scene{position:relative;width:calc(100% + 96px);height:clamp(480px,46vw,650px);margin:-8px -48px 0;contain:layout paint;background:radial-gradient(ellipse at 38% 48%,rgba(125,168,255,.065),transparent 60%),radial-gradient(ellipse at 74% 55%,rgba(245,130,31,.04),transparent 40%)}
.dgf-pd-platform__scene::after{content:"";position:absolute;inset:auto 10% 12%;height:1px;background:linear-gradient(90deg,transparent,rgba(185,198,216,.15),transparent);pointer-events:none}
.dgf-pd-platform__scene canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.dgf-pd-platform__fallback{position:absolute;inset:5% 4%;display:flex;align-items:center;justify-content:center}
.dgf-pd-platform__fallback svg{width:100%;height:100%;overflow:visible}
.dgf-pd-platform[data-renderer="ready"] .dgf-pd-platform__fallback{display:none}
.dgf-pd-platform__flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px;text-align:left;position:relative;margin-top:-8px}
.dgf-pd-platform__flow>div{position:relative;border-top:1px solid rgba(185,198,216,.22);padding-top:24px}
.dgf-pd-platform__flow>div::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:100%;background:var(--pd-orange);transform:scaleX(0);transform-origin:left;transition:transform .35s linear}
.dgf-pd-platform__flow h3{font-size:23px;color:#fff;letter-spacing:-.025em;transition:color .6s ease}
.dgf-pd-platform__flow p{font-size:15px;max-width:300px;margin:12px 0 0}
.dgf-pd-platform[data-phase="scan"] .dgf-pd-platform__flow>div:nth-child(1)::before,.dgf-pd-platform[data-phase="image"] .dgf-pd-platform__flow>div:nth-child(2)::before,.dgf-pd-platform[data-phase="connect"] .dgf-pd-platform__flow>div:nth-child(3)::before{transform:scaleX(var(--pd-phase-progress,0))}
.dgf-pd-platform[data-phase="scan"] .dgf-pd-platform__flow>div:nth-child(1) h3,.dgf-pd-platform[data-phase="image"] .dgf-pd-platform__flow>div:nth-child(2) h3,.dgf-pd-platform[data-phase="connect"] .dgf-pd-platform__flow>div:nth-child(3) h3{color:var(--pd-orange)}
.dgf-pd-platform__description{max-width:730px;margin:58px auto 0!important;text-align:center;font-size:15px;line-height:1.8}
@media(max-width:1023px){.dgf-pd-platform__scene{width:calc(100% + 64px);margin-inline:-32px}.dgf-pd-platform__flow{gap:30px}}
@media(max-width:767px){.dgf-pd-platform__header p{font-size:16px}.dgf-pd-platform__scene{width:calc(100% + 40px);margin:0 -20px;height:clamp(440px,140vw,650px)}.dgf-pd-platform__scene::after{bottom:9%}.dgf-pd-platform__flow{gap:14px;margin-top:0}.dgf-pd-platform__flow>div{padding-top:17px}.dgf-pd-platform__flow h3{font-size:clamp(12px,3.5vw,16px);line-height:1.3}.dgf-pd-platform__flow p{font-size:12px;line-height:1.5}.dgf-pd-platform__description{margin-top:36px!important;font-size:14px}}
@media(prefers-reduced-motion:reduce){.dgf-pd-platform__flow>div::before{transform:scaleX(1)!important;opacity:.4}.dgf-pd-platform__flow h3{color:#fff!important}.dgf-pd-platform[data-renderer="ready"] .dgf-pd-platform__fallback{display:flex}.dgf-pd-platform__scene canvas{display:none}}