.foco-hero{background:radial-gradient(circle at 82% 20%,rgba(53,137,211,.34),transparent 28rem),radial-gradient(circle at 12% 78%,rgba(215,56,82,.22),transparent 25rem),linear-gradient(145deg,#03162d,#062e57 56%,#0a4c7d)}
.foco-grid{opacity:.18;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent)}
.foco-dashboard-preview{transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)}
.foco-mini-icon{display:grid;height:2.5rem;width:2.5rem;place-items:center;border-radius:.85rem;background:#e6f2fc;color:#0e4f8a;font-weight:900}
.foco-cta{background:radial-gradient(circle at 15% 15%,rgba(215,56,82,.25),transparent 24rem),linear-gradient(145deg,#041f3f,#0e4f8a)}
.foco-auth,.foco-panel{background:radial-gradient(circle at 90% 0,rgba(104,170,224,.2),transparent 26rem),linear-gradient(145deg,#f7fbff,#f4f6fb 55%,#fff4f5)}
.foco-install{align-items:center;justify-content:center}
.foco-install.is-available{display:inline-flex}
@media(max-width:1023px){.foco-dashboard-preview{transform:none}}
@media(prefers-reduced-motion:reduce){.foco-dashboard-preview{transform:none}}