@layer components{.ob-root{--ob-void:#050506;--ob-light:#f2f3f5;--ob-accent:#3be8ff;--ob-secondary:#7b5cff;background-color:var(--ob-void);color:var(--ob-light);-webkit-font-smoothing:antialiased}.ob-display{letter-spacing:-.04em;text-transform:uppercase;font-weight:600;line-height:.92}.ob-eyebrow{letter-spacing:.34em;text-transform:uppercase;font-size:.6875rem;font-weight:500}.ob-rule{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--ob-accent) 55%, transparent), transparent);height:1px}.ob-panel{border:1px solid color-mix(in srgb, var(--ob-light) 8%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0d12b8}.ob-panel-hover{transition:border-color .45s,transform .45s,background-color .45s}.ob-panel-hover:hover{border-color:color-mix(in srgb, var(--ob-accent) 38%, transparent);background:#0b0d12db;transform:translateY(-4px)}.ob-reveal{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--ob-delay,0s);will-change:opacity, transform;transform:translateY(28px)}.ob-reveal[data-revealed=true]{opacity:1;transform:translate(0,0)}.ob-scan{animation:2.4s ease-in-out infinite ob-scan}@keyframes ob-scan{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}.ob-fallback{background:radial-gradient(60% 50% at 50% 35%, color-mix(in srgb, var(--ob-secondary) 26%, transparent), transparent 70%), radial-gradient(45% 40% at 70% 70%, color-mix(in srgb, var(--ob-accent) 18%, transparent), transparent 72%), var(--ob-void)}}@media (prefers-reduced-motion:reduce){.ob-reveal{opacity:1;transition:none;transform:none}.ob-scan{animation:none}}