@import url('unifi.css');
.unifi-layout{display:flex;flex-direction:column-reverse;gap:44px}
.unifi-showcase{width:100%;max-width:1000px;margin:auto}
.unifi-screens{display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:38px;align-items:center;padding:30px;min-height:0;border:1px solid #29465b;border-radius:14px;background:radial-gradient(ellipse at 45% 55%,#14425955,transparent 70%),#071522}
.unifi-computer{border:7px solid #1d2d3c;border-radius:12px;background:#fff}
.unifi-desktop-screen{position:relative;overflow:hidden;background:#090909}
.unifi-desktop-screen img{position:static;width:100%;max-width:100%;height:auto;object-fit:contain}
.unifi-open{position:absolute;right:10px;bottom:10px;z-index:1;border:1px solid #08d3eb80;border-radius:5px;padding:8px 12px;background:#061221e8;color:var(--cyan);font-size:10px;cursor:pointer}
.unifi-screens figcaption{font-size:9px;letter-spacing:1.2px;padding:15px 8px}
.unifi-phone{position:static;width:auto;border:6px solid #1d2d3c;border-radius:26px}
.unifi-phone figcaption{font-size:8px;padding:12px 0}
.unifi-backup{gap:25px;font-size:10px;background:#0b2030}
.unifi-backup small{width:auto;padding-left:25px;border-left:1px solid #29465b}
.unifi-source{text-align:center}
.unifi-features{grid-template-columns:repeat(4,1fr);gap:28px;width:100%}
@media(max-width:1000px){.unifi-features{grid-template-columns:1fr 1fr}.unifi-screens{gap:22px;padding:22px;grid-template-columns:minmax(0,1fr) 155px}}
@media(max-width:700px){.unifi-layout{gap:30px}.unifi-features{grid-template-columns:1fr;gap:22px}.unifi-screens{grid-template-columns:1fr;padding:17px;gap:25px;max-width:none}.unifi-phone{width:170px;justify-self:center}.unifi-screens figcaption{font-size:8px}.unifi-backup{gap:15px}.unifi-backup small{width:100%;padding:0;border:0}}