.woi-preview{display:flex;justify-content:center;gap:24px;padding:10px 5%;background:#132c37;color:#b6e8df;font-size:12px}.woi-preview a{text-decoration:underline;text-underline-offset:3px}.woi-card{margin:0;width:100%;max-width:470px;justify-self:center;border:1px solid #355268;border-radius:12px;overflow:hidden;background:#081321;box-shadow:0 24px 70px #0005;transition:transform .4s ease,border-color .4s ease}.woi-top,.woi-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;color:#add3df;font-size:9px;letter-spacing:1.5px}.woi-top{border-bottom:1px solid #294054}.woi-top>span:last-child{color:#69909e}.woi-dot{display:inline-block;width:5px;height:5px;background:#6cd6c9;border-radius:50%;margin:0 7px}.woi-brand{padding:22px 28px;background:radial-gradient(ellipse at center,#12354a,transparent 72%)}.woi-brand img{display:block;width:100%;max-width:270px;height:auto;margin:auto}.woi-signals{border-top:1px solid #294054;border-bottom:1px solid #294054;background:#070f1c}.woi-signals svg{display:block;width:100%;height:auto}.woi-sweep{animation:woi-scan 4s linear infinite}.woi-toggle{border:1px solid #3f6371;border-radius:4px;background:#142c38;color:#d4f3ed;padding:7px 10px;font-size:11px;cursor:pointer;letter-spacing:0}.woi-card figcaption{padding:0 16px 12px;font-size:10px;line-height:1.5;color:#98adbf}.is-paused .woi-sweep{animation-play-state:paused}@keyframes woi-scan{from{transform:translateX(0)}to{transform:translateX(400px)}}@media(hover:hover) and (pointer:fine){.woi-card:hover{transform:translateY(-4px);border-color:#77bdbb}}@media(max-width:650px){.woi-card{max-width:400px}.woi-brand{padding:18px}.woi-brand img{max-width:210px}.woi-preview{gap:12px;font-size:11px}}@media(prefers-reduced-motion:reduce){.woi-card{transition:none}.woi-card:hover{transform:none}.woi-sweep{animation:none}}

.woi-brand{padding:12px;background:#081321}.woi-brand img{max-width:none;width:100%;aspect-ratio:4/3;object-fit:contain}