@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Mono:wght@400;700&display=swap";
*{box-sizing:border-box}body{color:#071b3d;background:#f4f6fb;margin:0;font-family:Space Mono,monospace}button,textarea{font:inherit}nav{color:#fff;background:#071b3d;align-items:center;gap:24px;height:72px;padding:0 4vw;display:flex}nav b{font:22px Archivo Black}nav span{letter-spacing:.15em;font-size:9px}nav button{color:#fff;background:#ff553e;border:0;margin-left:auto;padding:13px 18px}.hero{color:#fff;background:#255cff;justify-content:space-between;align-items:center;min-height:430px;padding:70px 7vw;display:flex;overflow:hidden}.hero small{letter-spacing:.15em}.hero h1{margin:24px 0;font:clamp(42px,6vw,88px)/1 Archivo Black}.radar{border:1px solid #83a3ff;border-radius:50%;place-items:center;width:260px;height:260px;display:grid;position:relative}.radar:before,.radar:after,.radar i{content:"";border:1px solid #83a3ff;border-radius:50%;position:absolute;inset:35px}.radar:after{inset:70px}.radar i:first-child{background:#ffdf4d;border:0;width:12px;height:12px;inset:35px auto auto 48px}.radar i:nth-child(2){background:#ff553e;border:0;width:12px;height:12px;inset:auto 35px 70px auto}.radar strong{font:70px Archivo Black}.radar span{font-size:9px;position:absolute;bottom:55px}.launch{background:#fff;grid-template-columns:1fr 1fr 230px;align-items:center;gap:24px;margin:-38px 7vw 50px;padding:28px;display:grid;position:relative;box-shadow:0 20px 60px #14336b2b}.launch p{font-size:11px}.launch textarea{border:1px solid #b9c4dc;height:90px;padding:12px}.launch button,.activate{color:#fff;background:#ff553e;border:0;padding:17px;font-weight:700}.flash{background:#ffdf4d;margin:0 7vw 30px;padding:14px}.rooms{padding:0 7vw 70px}.empty{text-align:center;border:2px dashed #b9c4dc;padding:80px}article{background:#fff;border:1px solid #d2d9e7;margin-bottom:35px;box-shadow:8px 8px #dce4f6}article header{border-bottom:1px solid #d2d9e7;justify-content:space-between;padding:15px 20px;font-size:11px;display:flex}article header b{color:#ff553e}.main{grid-template-columns:1fr 260px;gap:40px;padding:32px;display:grid}.main h2{margin:8px 0;font:38px Archivo Black}.main p{font-size:12px}.meter{color:#fff;background:#071b3d;padding:25px;position:relative}.meter strong{font:50px Archivo Black}.meter span{font-size:10px}.meter em{background:#ffdf4d;height:7px;position:absolute;bottom:0;left:0}.nodes{border-top:1px solid #d2d9e7;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid}.nodes div{border-right:1px solid #d2d9e7;gap:7px;padding:20px;display:grid}.nodes i{background:#dce4f6;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.nodes .online i{color:#fff;background:#1fc38b}.nodes span{font-size:9px}.nodes button{background:#fff;border:1px solid #255cff;padding:8px}.nodes button:disabled{opacity:.35}.activate{margin:25px 32px}.activate:disabled{background:#aeb8cc}footer{color:#fff;background:#071b3d;justify-content:space-between;padding:30px 7vw;font-size:10px;display:flex}a{color:#ffdf4d}@media (max-width:850px){.hero{display:block}.radar{margin:50px auto}.launch,.main{grid-template-columns:1fr}.launch{margin-top:0}}