.spy-page,.spy-page h1,.spy-page h2,.spy-page h3{letter-spacing:0}.spy-page .spy-gradient{background:linear-gradient(125deg,var(--navy-deep),var(--navy))}.spy-radar{aspect-ratio:1;border:1px solid color-mix(in oklab,var(--primary-foreground) 30%,transparent);background:repeating-radial-gradient(circle,transparent 0 43px,color-mix(in oklab,var(--primary-foreground) 14%,transparent) 44px 45px);border-radius:50%;width:min(100%,280px);position:relative}.spy-radar:after{content:"";background:conic-gradient(from 0deg,transparent 280deg,color-mix(in oklab,var(--brand-yellow) 24%,transparent) 359deg,transparent);border-radius:50%;animation:8s linear infinite spy-scan;position:absolute;inset:0}.spy-radar:before{content:"";background:color-mix(in oklab,var(--primary-foreground) 15%,transparent);height:1px;position:absolute;inset:50% 0 auto}.spy-pin{z-index:1;white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:flex;position:absolute}.spy-pin:first-child{top:32%;left:16%}.spy-pin:nth-child(2){bottom:26%;right:6%}.spy-pin i{background:currentColor;border-radius:50%;width:10px;height:10px}.spy-enter{animation:.6s both spy-enter}.spy-lift{transition:transform .2s}.spy-lift:hover{transform:translateY(-2px)}@keyframes spy-scan{to{transform:rotate(360deg)}}@keyframes spy-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.spy-meter{border-top:1px solid color-mix(in oklab,var(--primary-foreground) 20%,transparent);padding-top:20px}.spy-meter-row{--spy-engine-color:var(--brand-yellow);--spy-fill:76%;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;display:grid}.spy-meter-row:nth-child(2){--spy-engine-color:var(--primary-foreground);--spy-fill:62%}.spy-meter-row:nth-child(3){--spy-engine-color:color-mix(in oklab, var(--primary-foreground) 65%, var(--primary));--spy-fill:85%}.spy-meter-row:nth-child(4){--spy-engine-color:color-mix(in oklab, var(--brand-yellow) 60%, var(--destructive));--spy-fill:54%}.spy-meter-row:nth-child(5){--spy-engine-color:color-mix(in oklab, var(--primary-foreground) 60%, var(--destructive));--spy-fill:69%}.spy-engine-dot,.spy-live-dot{background:var(--spy-engine-color,var(--brand-yellow));border-radius:50%;flex-shrink:0;width:7px;height:7px}.spy-meter-track{background:color-mix(in oklab,var(--primary-foreground) 12%,transparent);border-radius:4px;height:7px;display:block;overflow:hidden}.spy-meter-fill{height:100%;width:var(--spy-fill);border-radius:inherit;background:var(--spy-engine-color);transform-origin:0;animation:1.6s ease-out both spy-fill;display:block;position:relative;overflow:hidden}.spy-meter-fill:after{content:"";background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--primary-foreground) 65%,transparent),transparent);animation:3s ease-in-out infinite spy-shimmer;position:absolute;inset:0;transform:translate(-100%)}.spy-live-dot{animation:2s ease-in-out infinite spy-pulse}@keyframes spy-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes spy-shimmer{0%,20%{transform:translate(-100%)}80%,to{transform:translate(100%)}}@keyframes spy-pulse{50%{opacity:.45}}@media(max-width:639px){.spy-gradient>.container-x{gap:20px;padding-block:24px}.spy-gradient h1{font-size:32px}.spy-gradient p.text-lg{margin-top:16px;font-size:16px}.spy-gradient .spy-radar{width:140px}.spy-pin{font-size:10px}.spy-pin:first-child{left:8%}.spy-pin:nth-child(2){right:-5%}}@media(prefers-reduced-motion:reduce){.spy-page *,.spy-radar:after,.spy-meter-fill:after{transition:none!important;animation:none!important}.spy-lift:hover{transform:none}.spy-meter-fill:after{display:none}}