.ob-landing{--ob-glass:color-mix(in oklch, var(--card) 55%, transparent);--ob-glass-strong:color-mix(in oklch, var(--card) 80%, transparent);--ob-glass-border:color-mix(in oklch, var(--foreground) 9%, transparent);--ob-glass-highlight:color-mix(in oklch, var(--background) 92%, transparent);--ob-glass-blur:blur(18px) saturate(150%);--ob-shadow-sm:0 1px 1px -.5px color-mix(in oklch, var(--foreground) 12%, transparent), 0 3px 8px -4px color-mix(in oklch, var(--foreground) 14%, transparent);--ob-shadow-md:0 1px 2px -1px color-mix(in oklch, var(--foreground) 14%, transparent), 0 8px 18px -10px color-mix(in oklch, var(--foreground) 18%, transparent), 0 26px 44px -30px color-mix(in oklch, var(--foreground) 24%, transparent);--ob-shadow-lg:0 2px 4px -2px color-mix(in oklch, var(--foreground) 16%, transparent), 0 16px 34px -18px color-mix(in oklch, var(--foreground) 22%, transparent), 0 44px 76px -46px color-mix(in oklch, var(--foreground) 30%, transparent);--ob-shadow-xl:0 2px 6px -3px color-mix(in oklch, var(--foreground) 18%, transparent), 0 26px 52px -26px color-mix(in oklch, var(--foreground) 24%, transparent), 0 70px 120px -64px color-mix(in oklch, var(--foreground) 38%, transparent)}.dark .ob-landing{--ob-glass:color-mix(in oklch, var(--card) 62%, transparent);--ob-glass-strong:color-mix(in oklch, var(--card) 85%, transparent);--ob-glass-highlight:color-mix(in oklch, var(--foreground) 7%, transparent);--ob-shadow-sm:0 1px 2px -1px #00000080, 0 4px 10px -5px #00000073;--ob-shadow-md:0 1px 2px -1px #0009, 0 10px 22px -12px #0000008c, 0 30px 50px -32px #00000080;--ob-shadow-lg:0 2px 4px -2px #000000a6, 0 20px 40px -20px #0009, 0 50px 84px -48px #0000008c;--ob-shadow-xl:0 2px 6px -3px #000000b3, 0 30px 60px -28px #000000a6, 0 80px 130px -66px #0009}@supports (color:lab(0% 0 0)){.dark .ob-landing{--ob-shadow-sm:0 1px 2px -1px lab(0% 0 0/.5), 0 4px 10px -5px lab(0% 0 0/.45);--ob-shadow-md:0 1px 2px -1px lab(0% 0 0/.6), 0 10px 22px -12px lab(0% 0 0/.55), 0 30px 50px -32px lab(0% 0 0/.5);--ob-shadow-lg:0 2px 4px -2px lab(0% 0 0/.65), 0 20px 40px -20px lab(0% 0 0/.6), 0 50px 84px -48px lab(0% 0 0/.55);--ob-shadow-xl:0 2px 6px -3px lab(0% 0 0/.7), 0 30px 60px -28px lab(0% 0 0/.65), 0 80px 130px -66px lab(0% 0 0/.6)}}.ob-landing:before{content:"";pointer-events:none;background:radial-gradient(52rem 30rem at 10% -12%, color-mix(in oklch, var(--chart-1) 6%, transparent), transparent 68%), radial-gradient(46rem 28rem at 92% -4%, color-mix(in oklch, var(--chart-4) 4%, transparent), transparent 68%), radial-gradient(56rem 34rem at 50% 112%, color-mix(in oklch, var(--chart-2) 5%, transparent), transparent 68%);position:fixed;inset:0}.ob-glass{background:var(--ob-glass);border:1px solid var(--ob-glass-border);-webkit-backdrop-filter:var(--ob-glass-blur);box-shadow:inset 0 1px 0 0 var(--ob-glass-highlight), var(--ob-shadow-md)}.ob-glass-strong{background:var(--ob-glass-strong)}.ob-strip{background:color-mix(in oklch, var(--background) 45%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);border-block:1px solid var(--ob-glass-border)}.ob-navbar-scrolled{background:color-mix(in oklch, var(--background) 62%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--ob-glass-border);box-shadow:inset 0 1px 0 0 var(--ob-glass-highlight), 0 1px 24px -12px color-mix(in oklch, var(--foreground) 40%, transparent)}.ob-lift{transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s cubic-bezier(.22,1,.36,1)}.ob-lift:hover{box-shadow:inset 0 1px 0 0 var(--ob-glass-highlight), var(--ob-shadow-lg);transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){.ob-lift:hover{transform:none}}.ob-reveal{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(24px)}.ob-reveal[data-visible=true]{opacity:1;transform:translate(0,0)}.ob-reveal[data-reveal=fade]{transform:none}.ob-reveal[data-reveal=zoom]{transform:scale(.96)}.ob-reveal[data-reveal=zoom][data-visible=true]{transform:scale(1)}.ob-reveal[data-reveal=slide-left]{transform:translate(-32px)}.ob-reveal[data-reveal=slide-left][data-visible=true]{transform:translate(0,0)}.ob-reveal[data-reveal=slide-right]{transform:translate(32px)}.ob-reveal[data-reveal=slide-right][data-visible=true]{transform:translate(0,0)}@media (max-width:1023.98px){.ob-reveal[data-reveal=slide-left],.ob-reveal[data-reveal=slide-right]{transform:translateY(24px)}}.ob-grid{background-image:radial-gradient(circle at 1px 1px, color-mix(in oklch, var(--foreground) 22%, transparent) 1px, transparent 0);background-size:28px 28px;-webkit-mask-image:radial-gradient(#000 55%,#0000 85%);mask-image:radial-gradient(#000 55%,#0000 85%)}.ob-orb{filter:blur(100px);opacity:.26;will-change:transform;border-radius:9999px;position:absolute}.ob-orb-a{background:radial-gradient(circle, color-mix(in oklch, var(--chart-1) 55%, transparent) 0%, transparent 70%);width:620px;height:620px;animation:18s ease-in-out infinite alternate ob-float-a;top:-160px;left:-160px}.ob-orb-b{background:radial-gradient(circle, color-mix(in oklch, var(--chart-4) 45%, transparent) 0%, transparent 70%);width:560px;height:560px;animation:22s ease-in-out infinite alternate ob-float-b;bottom:-140px;right:-180px}.ob-orb-c{background:radial-gradient(circle, color-mix(in oklch, var(--chart-2) 35%, transparent) 0%, transparent 70%);opacity:.18;width:440px;height:440px;animation:26s ease-in-out infinite alternate ob-float-c;top:20%;left:55%}@keyframes ob-float-c{0%{transform:translate(0,0)scale(1)}to{transform:translate(-80px,60px)scale(.9)}}.ob-pulse-dot{background:var(--chart-2);width:.55rem;height:.55rem;box-shadow:0 0 0 0 color-mix(in oklch, var(--chart-2) 60%, transparent);border-radius:9999px;animation:2s ease-out infinite ob-pulse-dot;display:inline-block;position:relative}@keyframes ob-pulse-dot{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--chart-2) 70%, transparent)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.ob-status-flip{letter-spacing:.02em;background:color-mix(in oklch, var(--chart-2) 18%, transparent);color:var(--foreground);border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.7rem;font-weight:600;animation:.7s cubic-bezier(.2,.7,.2,1) 1.4s both ob-status-in;display:inline-flex}@keyframes ob-status-in{0%{opacity:0;transform:translateY(6px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.ob-orb-soft{background:radial-gradient(circle, color-mix(in oklch, var(--chart-2) 35%, transparent) 0%, transparent 70%);opacity:.16;width:640px;height:640px;animation:14s ease-in-out infinite ob-pulse;top:20%;left:50%;transform:translate(-50%,-50%)}@keyframes ob-float-a{0%{transform:translate(0,0)scale(1)}to{transform:translate(60px,40px)scale(1.08)}}@keyframes ob-float-b{0%{transform:translate(0,0)scale(1)}to{transform:translate(-40px,-30px)scale(1.1)}}@keyframes ob-pulse{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(1)}50%{opacity:.45;transform:translate(-50%,-50%)scale(1.06)}}.ob-gradient-text{background:linear-gradient(120deg, var(--foreground) 0%, color-mix(in oklch, var(--chart-1) 42%, var(--foreground)) 55%, color-mix(in oklch, var(--chart-4) 42%, var(--foreground)) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.ob-shine{position:relative;overflow:hidden}.ob-shine:after{content:"";background:linear-gradient(110deg, transparent 30%, color-mix(in oklch, var(--foreground) 12%, transparent) 50%, transparent 70%);animation:3.5s ease-in-out infinite ob-shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes ob-shine{0%{transform:translate(-100%)}60%,to{transform:translate(120%)}}.ob-connector{background:linear-gradient(to bottom, transparent 0%, color-mix(in oklch, var(--foreground) 20%, transparent) 15%, color-mix(in oklch, var(--foreground) 20%, transparent) 85%, transparent 100%);position:relative;overflow:hidden}.ob-connector:after{content:"";background:linear-gradient(to bottom, transparent 0%, color-mix(in oklch, var(--chart-1) 70%, transparent) 45%, color-mix(in oklch, var(--chart-2) 70%, transparent) 55%, transparent 100%);filter:blur(1px);height:30%;animation:4.5s cubic-bezier(.4,0,.2,1) infinite ob-connector-flow;position:absolute;top:-30%;left:-1px;right:-1px}@keyframes ob-connector-flow{0%{opacity:0;transform:translateY(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(400%)}}.ob-toast{opacity:0;will-change:transform, opacity;animation:8s cubic-bezier(.2,.7,.2,1) infinite ob-toast-cycle;transform:translateY(24px)scale(.96)}@keyframes ob-toast-cycle{0%,4%{opacity:0;transform:translateY(24px)scale(.96)}10%,38%{opacity:1;transform:translateY(0)scale(1)}48%,to{opacity:0;transform:translateY(-20px)scale(.96)}}.ob-step-dot{box-shadow:0 0 0 4px var(--background), 0 0 0 6px color-mix(in oklch, var(--foreground) 15%, transparent)}.ob-step-dot[data-visible=true]{animation:1.8s ease-out ob-ping}@keyframes ob-ping{0%{box-shadow:0 0 0 4px var(--background), 0 0 0 6px color-mix(in oklch, var(--chart-1) 70%, transparent)}to{box-shadow:0 0 0 4px var(--background), 0 0 0 18px transparent}}.ob-marquee{width:max-content;animation:40s linear infinite ob-marquee;display:flex}@keyframes ob-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.ob-dashboard-shell{filter:blur(.5px)saturate(.96);opacity:.94;border-radius:1rem;transition:filter .4s cubic-bezier(.2,.7,.2,1),opacity .4s cubic-bezier(.2,.7,.2,1);-webkit-mask-image:linear-gradient(#000 0% 62%,#0000 100%);mask-image:linear-gradient(#000 0% 62%,#0000 100%)}.ob-dashboard-shell:hover,.ob-dashboard-shell:focus-within{filter:blur()saturate();opacity:1}.ob-click-ripple{pointer-events:none;border-radius:9999px;width:6px;height:6px;animation:.52s cubic-bezier(.2,.7,.2,1) forwards ob-click-ripple-kf;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ob-click-ripple-kf{0%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(14)}}.ob-envelope-fly{pointer-events:none;animation:1.4s cubic-bezier(.2,.7,.2,1) both ob-envelope-fly-kf}@keyframes ob-envelope-fly-kf{0%{opacity:0;transform:translate(-50%,-50%)translate(0)scale(.9)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)translate(120px,-40px)scale(1.1)}}.ob-status-swap{animation:.42s cubic-bezier(.2,.7,.2,1) both ob-status-swap-kf}@keyframes ob-status-swap-kf{0%{opacity:0;transform:translateY(-4px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.ob-bump-float{animation:1.6s cubic-bezier(.2,.7,.2,1) both ob-bump-float-kf}@keyframes ob-bump-float-kf{0%{opacity:0;transform:translateY(6px)scale(.9)}20%{opacity:1;transform:translateY(0)scale(1)}80%{opacity:1;transform:translateY(-10px)scale(1)}to{opacity:0;transform:translateY(-18px)scale(.95)}}.ob-demo-toast{animation:1.8s cubic-bezier(.2,.7,.2,1) both ob-demo-toast-kf}@keyframes ob-demo-toast-kf{0%{opacity:0;transform:translateY(16px)scale(.96)}15%,85%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-6px)scale(.98)}}.ob-ba-before,.ob-ba-after{animation-duration:.6s;animation-timing-function:cubic-bezier(.2,.7,.2,1);animation-fill-mode:both}.ob-ba-before{animation-name:ob-ba-strike-in}.ob-ba-after{animation-name:ob-ba-slide-in;animation-delay:.35s}@keyframes ob-ba-strike-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ob-ba-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.ob-ba-strike{background-image:linear-gradient(var(--destructive), var(--destructive));background-position:0 62%;background-repeat:no-repeat;background-size:0% 2px;animation:.9s cubic-bezier(.5,0,.2,1) .4s both ob-ba-strike-draw;display:inline;position:relative}@keyframes ob-ba-strike-draw{0%{background-size:0% 2px}to{background-size:100% 2px}}.ob-ba-arrow{animation:1.8s ease-in-out infinite ob-ba-arrow-pulse}@keyframes ob-ba-arrow-pulse{0%,to{opacity:.85;transform:translate(0)}50%{opacity:1;transform:translate(6px)}}.ob-ba-progress,.ob-journey-progress{--progress:0%;background:color-mix(in oklch, var(--foreground) 12%, transparent)}.ob-ba-progress>span,.ob-journey-progress>span{height:100%;width:var(--progress);background:linear-gradient(90deg, var(--chart-1), var(--chart-2));transition:width .12s linear;display:block}.ob-journey-scene{animation:.42s cubic-bezier(.2,.7,.2,1) both ob-journey-scene-in}@keyframes ob-journey-scene-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ob-frame{--accent:var(--chart-1);--tilt-y:0deg;--tilt-x:1.2deg;isolation:isolate;transform:perspective(2200px) rotateY(var(--tilt-y)) rotateX(var(--tilt-x));position:relative}.ob-act[data-side=right] .ob-frame{--tilt-y:3.4deg}.ob-act[data-side=left] .ob-frame{--tilt-y:-3.4deg}.ob-frame-glow{z-index:-1;background:radial-gradient(60% 60% at 50% 50%, color-mix(in oklch, var(--accent) 30%, transparent), transparent 70%);filter:blur(64px);opacity:.18;border-radius:999px;position:absolute;inset:10% 3% -8%}.ob-frame:after{content:"";z-index:-2;inset-inline:7%;background:radial-gradient(50% 50% at 50% 50%, color-mix(in oklch, var(--foreground) 34%, transparent), transparent 72%);filter:blur(30px);height:3.5rem;opacity:var(--ob-contact,.42);border-radius:50%;position:absolute;bottom:-2rem}.dark .ob-frame:after{--ob-contact:.6;background:radial-gradient(50% 50%,#000000d9,#0000 72%);background:radial-gradient(50% 50%,lab(0% 0 0/.85),#0000 72%)}.ob-act[data-side=right] .ob-frame:after{inset-inline:4% 11%}.ob-act[data-side=left] .ob-frame:after{inset-inline:11% 4%}.ob-frame-ring{border:1px solid var(--ob-glass-border);background:linear-gradient(155deg, color-mix(in oklch, var(--accent) 7%, transparent), color-mix(in oklch, var(--background) 30%, transparent) 46%, color-mix(in oklch, var(--foreground) 6%, transparent));-webkit-backdrop-filter:blur(14px)saturate(150%);box-shadow:inset 0 1px 0 0 var(--ob-glass-highlight), var(--ob-shadow-xl), 0 44px 84px -50px color-mix(in oklch, var(--accent) 22%, transparent);border-radius:1.5rem;padding:.4375rem;position:relative}.ob-frame-body{border:1px solid color-mix(in oklch, var(--foreground) 7%, transparent);background:var(--card);border-radius:1.0625rem;position:relative;overflow:hidden}.ob-frame-body:after{content:"";z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(var(--sheen,148deg), color-mix(in oklch, var(--background) 40%, transparent), transparent 34%);opacity:.55;position:absolute;inset:0}.dark .ob-frame-body:after{background:linear-gradient(var(--sheen,148deg), #ffffff1a, transparent 34%)}@supports (color:lab(0% 0 0)){.dark .ob-frame-body:after{background:linear-gradient(var(--sheen,148deg), lab(100% 0 0/.1), transparent 34%)}}.ob-act[data-side=left] .ob-frame{--sheen:212deg}.ob-frame-bar{border-bottom:1px solid color-mix(in oklch, var(--foreground) 8%, transparent);background:linear-gradient(to bottom, color-mix(in oklch, var(--muted) 40%, var(--card)), color-mix(in oklch, var(--muted) 72%, var(--card)));align-items:center;gap:.75rem;height:2.25rem;padding-inline:.875rem;display:flex}.ob-frame-dots{gap:.375rem;display:inline-flex}.ob-frame-dots i{background:color-mix(in oklch, var(--foreground) 16%, transparent);border-radius:999px;width:.5rem;height:.5rem}.ob-frame-dots i:first-child{background:color-mix(in oklch, var(--accent) 60%, transparent)}.ob-frame-url{background:color-mix(in oklch, var(--foreground) 5%, transparent);max-width:22rem;color:color-mix(in oklch, var(--foreground) 52%, transparent);text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:1;margin-inline:auto;padding:.125rem .75rem;font-size:.6875rem;overflow:hidden}.ob-shot-crop img{object-fit:cover;object-position:var(--shot-pos,50% 0%);transform:scale(var(--shot-zoom,1));transform-origin:var(--shot-origin,var(--shot-pos,50% 0%))}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.ob-scroll-tilt{animation:linear both ob-tilt-flatten;animation-timeline:view();animation-range:entry 5% cover 42%}.ob-scroll-rise{animation:linear both ob-scroll-rise;animation-timeline:view();animation-range:entry cover 20%}}.ob-frame-ring{animation:11s ease-in-out infinite ob-frame-float}.ob-frame:after{animation:11s ease-in-out infinite ob-frame-contact}.ob-act:nth-child(2n) .ob-frame-ring,.ob-act:nth-child(2n) .ob-frame:after{animation-delay:-3.6s}.ob-act:nth-child(3n) .ob-frame-ring,.ob-act:nth-child(3n) .ob-frame:after{animation-delay:-7.2s}}@keyframes ob-frame-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-9px)}}@keyframes ob-frame-contact{0%,to{opacity:var(--ob-contact,.42);transform:scale(1)}50%{opacity:calc(var(--ob-contact,.42) * .6);transform:scale(.93)}}@keyframes ob-tilt-flatten{0%{transform:perspective(2200px) rotateY(calc(var(--tilt-y) * 2.4)) rotateX(6deg) scale(.955)}to{transform:perspective(2200px) rotateY(var(--tilt-y)) rotateX(var(--tilt-x)) scale(1)}}@keyframes ob-scroll-rise{0%{opacity:.55;transform:translateY(28px)scale(.985)}to{opacity:1;transform:none}}.ob-band-alt{background:color-mix(in oklch, var(--foreground) 3%, transparent);border-block:1px solid var(--ob-glass-border,color-mix(in oklch, var(--foreground) 8%, transparent));box-shadow:inset 0 1px 0 0 var(--ob-glass-highlight,transparent)}.ob-band-invert{color:#f7f5f1;color:lab(96.5348% .282526 1.88144);border-block:1px solid color-mix(in oklch, var(--foreground) 10%, transparent);background:#18130ef5;background:lab(6.1707% 1.86804 3.09714/.96);box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #ffffff0a;box-shadow:inset 0 1px lab(100% 0 0/.06),inset 0 -1px lab(100% 0 0/.04)}.ob-band-invert .ob-band-muted{color:#bbb7af;color:lab(74.5134% .713974 4.53913)}.dark .ob-band-invert{background:color-mix(in oklch, var(--foreground) 5%, var(--card));color:var(--foreground);border-block-color:color-mix(in oklch, var(--foreground) 12%, transparent)}.dark .ob-band-invert .ob-band-muted{color:var(--muted-foreground)}.ob-faq{border-top:1px solid var(--ob-glass-border)}.ob-faq-item{border-bottom:1px solid var(--ob-glass-border);border-radius:.75rem;margin-inline:-1rem;padding-inline:1rem;transition:background-color .26s,box-shadow .26s}.ob-faq-item[open]{background:var(--ob-glass);-webkit-backdrop-filter:var(--ob-glass-blur);box-shadow:inset 0 1px 0 0 var(--ob-glass-highlight), var(--ob-shadow-sm)}.ob-faq-item>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1.5rem;padding-block:1.375rem;font-size:1.0625rem;font-weight:500;list-style:none;transition:color .2s;display:flex}.ob-faq-item>summary::-webkit-details-marker{display:none}.ob-faq-item>summary:hover{color:var(--chart-1)}.ob-faq-item>summary:after{content:"";opacity:.6;background:linear-gradient(currentColor,currentColor) 50%/100% 1.5px no-repeat,linear-gradient(currentColor,currentColor) 50%/1.5px 100% no-repeat;flex:none;width:.875rem;height:.875rem;transition:transform .26s cubic-bezier(.2,.7,.2,1)}.ob-faq-item[open]>summary:after{background:linear-gradient(currentColor,currentColor) 50%/100% 1.5px no-repeat;transform:rotate(90deg)}.ob-faq-answer{max-width:44rem;padding-bottom:1.5rem}.ob-story{flex-direction:column;gap:6rem;margin:0;padding:0;list-style:none;display:flex;position:relative}@media (min-width:1024px){.ob-story{gap:9rem}.ob-story:before{content:"";background:linear-gradient(to bottom, transparent, color-mix(in oklch, var(--foreground) 14%, transparent) 12%, color-mix(in oklch, var(--foreground) 14%, transparent) 88%, transparent);width:1px;position:absolute;inset-block:2rem;inset-inline-start:-2.5rem}}.ob-act{--accent:var(--chart-1);gap:2.5rem;display:grid;position:relative}@media (min-width:1024px){.ob-act{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:4rem}.ob-act[data-side=left] .ob-act-copy{order:2}.ob-act[data-side=left] .ob-act-media{order:1}.ob-act:before{content:"";inset-inline-start:-2.8125rem;background:var(--accent);width:.4375rem;height:.4375rem;box-shadow:0 0 0 5px var(--background);border-radius:999px;position:absolute;top:50%}}.ob-act-when{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in oklch, var(--foreground) 55%, transparent);align-items:center;gap:.625rem;font-size:.75rem;font-weight:600;display:flex}.ob-act-index{font-variant-numeric:tabular-nums;color:color-mix(in oklch, var(--accent,var(--chart-1)) 55%, var(--foreground))}.ob-act-index:after{content:"";vertical-align:middle;background:color-mix(in oklch, var(--accent,var(--chart-1)) 55%, transparent);width:1.5rem;height:1px;margin-inline-start:.625rem;display:inline-block}.ob-act-proof{border-top:1px solid color-mix(in oklch, var(--foreground) 10%, transparent);color:color-mix(in oklch, var(--accent) 38%, var(--foreground));margin-top:1.5rem;padding-top:1.125rem;font-size:.9375rem;font-weight:500}@media (min-width:1280px){.ob-act[data-side=right] .ob-act-media{margin-inline-end:-3.5rem}.ob-act[data-side=left] .ob-act-media{margin-inline-start:-3.5rem}}.ob-section-glow{inset-inline:0;z-index:-1;background:radial-gradient(50% 50% at 50% 50%, color-mix(in oklch, var(--chart-1) 5%, transparent), transparent 72%);filter:blur(20px);pointer-events:none;height:55%;position:absolute;top:12%}@media (prefers-reduced-motion:reduce){.ob-reveal,.ob-orb,.ob-orb-soft,.ob-shine:after,.ob-marquee,.ob-step-dot,.ob-toast,.ob-pulse-dot,.ob-status-flip,.ob-connector:after{transition:none!important;animation:none!important;transform:none!important}.ob-reveal,.ob-toast,.ob-status-flip{opacity:1!important}.ob-connector:after{display:none!important}.ob-dashboard-shell{filter:none!important;opacity:1!important;transition:none!important}.ob-ba-before,.ob-ba-after,.ob-ba-strike,.ob-ba-arrow,.ob-journey-scene{background-size:100% 2px!important;transition:none!important;animation:none!important;transform:none!important}}