@layer properties,theme,base;@layer components{.ob-stage{isolation:isolate;background:#050805;border:1px solid rgba(255,255,255,.07);border-radius:24px;position:relative;overflow:hidden;container-type:size}.ob-stage.ob-stage-flow{container-type:normal}.ob-stage:before{content:"";z-index:-1;background:radial-gradient(60% 50% at 72% 22%,rgba(33,218,63,.26),transparent 70%),radial-gradient(45% 45% at 12% 96%,rgba(22,163,74,.2),transparent 70%);position:absolute;inset:0}.ob-stage:after{content:"";z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000,transparent);mask-image:radial-gradient(70% 60% at 50% 45%,#000,transparent)}.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 - 130px,440px);position:relative}.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>*{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-copy>:nth-child(4){animation-delay:.21s}.ob-rise{animation:.7s cubic-bezier(.16,1,.3,1) both ob-copy-in}.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-cta{box-shadow:0 10px 30px -12px color-mix(in srgb, var(--color-primary) 70%, transparent), inset 0 1px 0 rgba(255,255,255,.25);transition:transform .15s,box-shadow .15s,filter .15s;position:relative;overflow:hidden}.ob-cta:hover{filter:brightness(1.05);box-shadow:0 14px 36px -12px color-mix(in srgb, var(--color-primary) 85%, transparent), inset 0 1px 0 rgba(255,255,255,.25)}.ob-cta:active{transform:scale(.985)}.ob-cta:after{content:"";pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);animation:4.5s ease-in-out 1.2s infinite ob-sheen;position:absolute;inset:0;transform:translate(-120%)}.ob-window{background:#0e130e;border:1px solid rgba(255,255,255,.1);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 rgba(0,0,0,.75)}@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-marquee-y{-webkit-mask-image:linear-gradient(transparent,#000 12% 88%,transparent);mask-image:linear-gradient(transparent,#000 12% 88%,transparent)}.ob-marquee-y-track{animation:ob-marquee-y var(--ob-duration,60s) linear infinite}.ob-marquee-x{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8% 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8% 92%,transparent)}.ob-marquee-x-track{width:max-content;animation:ob-marquee-x var(--ob-duration,50s) linear infinite}.ob-marquee-y:hover .ob-marquee-y-track,.ob-marquee-x:hover .ob-marquee-x-track{animation-play-state:paused}@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-sheen{0%{transform:translate(-120%)}30%,to{transform:translate(120%)}}@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)}}@keyframes ob-marquee-y{to{transform:translateY(-50%)}}@keyframes ob-marquee-x{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.ob-motion,.ob-motion *{transition:none!important;animation:none!important}}}@layer utilities;