@layer components{.ob-stage{isolation:isolate;background:#070b14;border-radius:20px;position:relative;overflow:hidden;container-type:size}.ob-stage.ob-stage-flow{container-type:normal}.ob-frame{width:min(100%,620px);height:min(100%,560px);position:relative}.ob-frame-compact{height:min(100%,460px)}@container (width>=720px) and (height>=720px){.ob-frame{scale:1.15}}@container (width>=860px) and (height>=860px){.ob-frame{scale:1.28}}.ob-ring{aspect-ratio:1;flex:none;width:min(100%,100cqh - 120px,440px);position:relative}.ob-stage:before{content:"";z-index:-1;background:radial-gradient(60% 50% at 70% 25%,#3b82f652,#0000 70%),radial-gradient(45% 45% at 15% 95%,#2563eb38,#0000 70%);position:absolute;inset:0}.ob-stage:after{content:"";z-index:-1;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000,#0000);mask-image:radial-gradient(70% 60% at 50% 45%,#000,#0000)}.ob-scene{justify-content:center;align-items:center;animation:.7s cubic-bezier(.16,1,.3,1) both ob-scene-in;display:flex;position:absolute;inset:0}.ob-copy,.ob-copy>*{animation:.6s cubic-bezier(.16,1,.3,1) both ob-copy-in}.ob-copy>:nth-child(2){animation-delay:70ms}.ob-copy>:nth-child(3){animation-delay:.14s}.ob-center{text-align:center}@media (width>=1024px){.ob-center{text-align:left}}.ob-progress-fill{transform-origin:0;animation:.5s cubic-bezier(.16,1,.3,1) both ob-fill}.ob-window{background:#0f1626;border:1px solid #ffffff1a;border-radius:14px;width:min(78%,360px);animation:.8s cubic-bezier(.16,1,.3,1) both ob-window-in;position:absolute;overflow:hidden;box-shadow:0 24px 60px -20px #000000b3}@media (width>=1024px){.ob-window{width:min(78%,430px)}}.ob-feed{animation:9s linear infinite ob-feed}.ob-window:nth-child(2) .ob-feed{animation-duration:11s}.ob-window:nth-child(3) .ob-feed{animation-duration:7.5s}.ob-spin{animation:1.1s linear infinite ob-spin}.ob-counter{animation:.5s cubic-bezier(.34,1.56,.64,1) .9s both ob-pop}.ob-bubble{animation:.42s cubic-bezier(.34,1.56,.64,1) both ob-bubble}.ob-stamp{animation:.45s cubic-bezier(.34,1.56,.64,1) both ob-stamp}.ob-fade-out{animation:.5s both ob-dim}.ob-leave{animation:.4s both ob-leave}.ob-chat{animation:.6s cubic-bezier(.16,1,.3,1) both ob-chat-in}.ob-typing i{animation:1s ease-in-out infinite ob-typing}.ob-typing i:nth-child(2){animation-delay:.15s}.ob-typing i:nth-child(3){animation-delay:.3s}.ob-orbit-logo{animation:.5s cubic-bezier(.34,1.56,.64,1) both ob-pop}.ob-wire{stroke-dasharray:4 6;animation:1.2s linear infinite ob-wire}.ob-hub-ring{animation:2.4s cubic-bezier(0,0,.2,1) infinite ob-ping}.ob-alert{animation:.7s cubic-bezier(.16,1,.3,1) both ob-alert-in}.ob-phone-alert{animation:.7s cubic-bezier(.16,1,.3,1) .4s both ob-alert-in}@keyframes ob-scene-in{0%{opacity:0;transform:scale(.97)}}@keyframes ob-copy-in{0%{opacity:0;transform:translateY(10px)}}@keyframes ob-fill{0%{transform:scaleX(0)}}@keyframes ob-window-in{0%{opacity:0;transform:translateY(28px)scale(.96)}}@keyframes ob-feed{to{transform:translateY(-50%)}}@keyframes ob-spin{to{transform:rotate(360deg)}}@keyframes ob-pop{0%{opacity:0;transform:scale(.6)}}@keyframes ob-bubble{0%{opacity:0;transform:translateY(8px)scale(.85)}}@keyframes ob-stamp{0%{opacity:0;transform:rotate(-14deg)scale(2.2)}}@keyframes ob-dim{to{opacity:.45;filter:grayscale(.8)}}@keyframes ob-leave{to{opacity:0;transform:translateY(-6px)}}@keyframes ob-chat-in{0%{opacity:0;transform:translateY(24px)}}@keyframes ob-typing{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@keyframes ob-wire{to{stroke-dashoffset:-20px}}@keyframes ob-ping{75%,to{opacity:0;transform:scale(2.1)}}@keyframes ob-alert-in{0%{opacity:0;transform:translateY(-18px)scale(.96)}}@media (prefers-reduced-motion:reduce){.ob-motion,.ob-motion *{transition:none!important;animation:none!important}}}