#ecosystem .vid-frame{margin:clamp(8px,1.6vw,20px) 0 clamp(28px,4vw,56px)}.vid-frame{position:relative;aspect-ratio:16/9;max-height:620px;width:100%;border-radius:clamp(20px,2.4vw,32px);overflow:hidden;background:#0b0b0e;color:#fff;display:flex;align-items:center;justify-content:center;border:1px solid rgba(10,10,14,.12);box-shadow:0 40px 80px -48px #0009}.vid-hatch{position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(255,255,255,.1),transparent 70%),repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 1px,transparent 1px 9px)}.vid-play{position:relative;z-index:1;width:clamp(68px,8vw,104px);height:clamp(68px,8vw,104px);border-radius:50%;border:1.5px solid rgba(255,255,255,.55);background:#ffffff14;display:flex;align-items:center;justify-content:center;cursor:default;margin-bottom:clamp(28px,4vw,48px)}.vid-play svg{width:34%;height:34%;fill:#fff;margin-left:6%}.vid-teks{position:absolute;left:0;right:0;bottom:clamp(54px,7vw,84px);text-align:center;z-index:1}.vid-k{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#ffffff8c;margin-bottom:8px}.vid-teks b{font-family:var(--display);font-weight:300;font-size:clamp(22px,3vw,40px);letter-spacing:-.03em}.vid-bar{position:absolute;left:clamp(18px,3vw,36px);right:clamp(18px,3vw,36px);bottom:clamp(16px,2.4vw,28px);z-index:1;display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.08em;color:#ffffff80;font-variant-numeric:tabular-nums}.vid-trk{flex:1;height:3px;border-radius:3px;background:#fff3;position:relative}.vid-trk i{position:absolute;left:0;top:50%;width:11px;height:11px;border-radius:50%;background:#fff;transform:translateY(-50%)}html.dark-theme .vid-frame{border-color:#ffffff29;box-shadow:0 40px 80px -48px #000000f2}@media (max-width:560px){.vid-frame{aspect-ratio:4/3}.vid-bar .vid-t:last-child{display:none}}