.hero-reticle{--px:0;--py:0}.reticle-layer{transform:translate3d(calc(var(--px) * var(--depth) * 8px), calc(var(--py) * var(--depth) * 8px), 0);transition:transform 1.1s var(--ease-out-expo)}.reticle-spin{animation:220s linear infinite spin}.reticle-spin-rev{animation:300s linear infinite spin-rev}.reticle-tighten{animation:reticle-tighten 1.9s var(--ease-out-expo) .12s both}.reticle-sharp{animation:reticle-sharp 1.5s var(--ease-out-expo) .2s both}.reticle-blur{display:none}@media (min-width:1024px){.reticle-blur{filter:blur(14px);animation:1.5s ease-out .1s both reticle-blur;display:block}}.hero-reticle[data-paused] .reticle-spin,.hero-reticle[data-paused] .reticle-spin-rev{animation-play-state:paused}@keyframes reticle-tighten{0%{transform:scale(1.16)rotate(-10deg)}to{transform:none}}@keyframes reticle-sharp{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:none}}@keyframes reticle-blur{0%{opacity:.85;transform:scale(1.12)}to{opacity:0;visibility:hidden;transform:scale(1)}}.focus-meter-fill{transform-origin:0;animation:focus-meter 1.5s var(--ease-out-expo) .2s both}.focus-value{animation:.5s ease-out 1.3s both fade-in}@keyframes focus-meter{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hud-item{animation:.9s ease-out both fade-in;animation-delay:var(--d,.9s)}.focus-word{display:inline-block;position:relative}.focus-word-blur{filter:blur(10px);pointer-events:none;animation:1.1s ease-out .45s both fade-out;position:absolute;inset:0}.focus-word-sharp{animation:focus-sharp 1.1s var(--ease-out-expo) .52s both;display:inline-block}.hero-glow{background:radial-gradient(48% 52% at var(--glow-x,78%) 50%, color-mix(in oklab, var(--emerald) calc(var(--glow) * 16%), transparent), transparent 70%), radial-gradient(30% 30% at 12% 100%, color-mix(in oklab, var(--amber) calc(var(--glow) * 7%), transparent), transparent 70%)}.hero-columns{background-image:linear-gradient(90deg, var(--line-faint) 1px, transparent 1px);background-size:8.33333% 100%;-webkit-mask-image:linear-gradient(#0000,#000 20% 70%,#0000);mask-image:linear-gradient(#0000,#000 20% 70%,#0000)}
.product-card{border-radius:var(--radius-card);transition:transform .6s var(--ease-out-expo), border-color .4s ease, box-shadow .6s var(--ease-out-expo)}@media (hover:hover){.product-card:hover{border-color:color-mix(in oklab, var(--tint) 45%, transparent);box-shadow:var(--shadow-card), 0 0 0 1px color-mix(in oklab, var(--tint) 18%, transparent), 0 30px 70px -30px color-mix(in oklab, var(--tint) calc(var(--glow) * 55%), transparent);transform:translateY(-4px)}}.product-card:focus-within{border-color:color-mix(in oklab, var(--tint) 45%, transparent)}.glyph-tile{background:radial-gradient(circle at 25% 15%, color-mix(in oklab, var(--tint) 30%, transparent), transparent 65%), radial-gradient(circle at 85% 90%, color-mix(in oklab, var(--tint-3) 22%, transparent), transparent 60%), var(--surface-2);border:1px solid color-mix(in oklab, var(--tint) 30%, var(--line));color:var(--tint-text)}.viz{border-radius:var(--radius-panel);border:1px solid var(--line);background:var(--bg-raised);position:relative;overflow:hidden}.viz:after{content:"";pointer-events:none;background:radial-gradient(60% 55% at 30% 0%, color-mix(in oklab, var(--tint) calc(var(--glow) * 14%), transparent), transparent 70%), radial-gradient(50% 50% at 85% 0%, color-mix(in oklab, var(--tint-3) calc(var(--glow) * 10%), transparent), transparent 70%);position:absolute;inset:0}.viz-swap{display:inline-grid}.viz-swap>*{transition:opacity .4s ease, transform .6s var(--ease-out-expo);grid-area:1/1}.viz-swap>:last-child{opacity:0;transform:translateY(6px)}@media (hover:hover){.product-card:hover .viz-swap>:first-child{opacity:0;transform:translateY(-6px)}.product-card:hover .viz-swap>:last-child{opacity:1;transform:none}}@media (hover:none){.product-card[data-inview] .viz-swap>:first-child{opacity:0;transition-delay:.6s;transform:translateY(-6px)}.product-card[data-inview] .viz-swap>:last-child{opacity:1;transition-delay:.6s;transform:none}}.upi-scan{background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--tint) 30%, transparent), transparent);transform:translate(-110%)}@keyframes upi-scan{0%{transform:translate(-110%)}to{transform:translate(320%)}}@keyframes upi-resolve{0%{opacity:.25;transform:translate(-4px)}to{opacity:1;transform:none}}.crm-mover,.crm-won-stack{transition:transform .9s var(--ease-out-expo)}.aml-check{opacity:0;transition:transform .6s var(--ease-out-expo), opacity .3s ease;transform:scale(.4)}@media (hover:hover){.product-card:hover .upi-scan{animation:upi-scan .9s var(--ease-out-quart) both}.product-card:hover .upi-out{animation:upi-resolve .5s var(--ease-out-expo) both;animation-delay:calc(.45s + var(--i,0) * 90ms)}.product-card:hover .crm-mover{transform:translate3d(calc(100% + var(--col-gap)), 0, 0)}.product-card:hover .crm-won-stack{transform:translate3d(0, calc(var(--card-h) + .5rem), 0)}.product-card:hover .aml-check{opacity:1;transform:none}}@media (hover:none){.product-card[data-inview] .upi-scan{animation:upi-scan .9s var(--ease-out-quart) .4s both}.product-card[data-inview] .upi-out{animation:upi-resolve .5s var(--ease-out-expo) both;animation-delay:calc(.85s + var(--i,0) * 90ms)}.product-card[data-inview] .crm-mover{transform:translate3d(calc(100% + var(--col-gap)), 0, 0);transition-delay:.5s}.product-card[data-inview] .crm-won-stack{transform:translate3d(0, calc(var(--card-h) + .5rem), 0);transition-delay:.5s}.product-card[data-inview] .aml-check{opacity:1;transition-delay:.6s;transform:none}}
.scope-stage{--R:88px;--sw:100%;--sh:100%;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--bg-raised);touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}@media (min-width:768px){.scope-stage{--R:124px}}.scope-grid{grid-template-rows:repeat(4,11.75rem);grid-template-columns:1fr;display:grid}@media (min-width:768px){.scope-grid{grid-template-rows:repeat(2,17rem);grid-template-columns:1fr 1fr}}@media (min-width:1024px){.scope-grid{grid-template-rows:repeat(2,18.5rem)}}.scope-cell{min-width:0;position:relative}.scope-mess{filter:saturate(.55)blur(.5px)}.mess-item{transform:rotate(var(--rot,0deg));white-space:nowrap;position:absolute}.scope-clean{background-color:var(--surface)}.scope-full{opacity:0;pointer-events:none;transition:opacity .6s var(--ease-out-quart);position:absolute;inset:0}.scope-stage[data-mode=all] .scope-full,.scope-stage[data-mode=after] .scope-full{opacity:1}.lens{width:calc(var(--R) * 2);height:calc(var(--R) * 2);transform:translate3d(calc(var(--lx,0px) - var(--R)), calc(var(--ly,0px) - var(--R)), 0);will-change:transform;opacity:0;box-shadow:0 0 0 1px color-mix(in oklab, var(--emerald) 70%, transparent), 0 0 50px -6px color-mix(in oklab, var(--emerald) calc(var(--glow) * 60%), transparent), 0 24px 60px -20px #0009;pointer-events:none;border-radius:999px;transition:opacity .5s;position:absolute;top:0;left:0;overflow:hidden}.lens-view{width:var(--sw);height:var(--sh);transform:translate3d(calc(var(--R) - var(--lx,0px)), calc(var(--R) - var(--ly,0px)), 0);will-change:transform;position:absolute;top:0;left:0}.lens-ring{width:calc(var(--R) * 2 + 28px);height:calc(var(--R) * 2 + 28px);transform:translate3d(calc(var(--lx,0px) - var(--R) - 14px), calc(var(--ly,0px) - var(--R) - 14px), 0);will-change:transform;opacity:0;touch-action:none;cursor:grab;border-radius:999px;transition:opacity .5s;position:absolute;top:0;left:0}.lens-ring:active{cursor:grabbing}.lens-ring:focus-visible{outline:none}.lens-ring:focus-visible .lens-ring-svg{filter:drop-shadow(0 0 6px var(--emerald))}.scope-stage[data-ready][data-mode=lens] .lens,.scope-stage[data-ready][data-mode=lens] .lens-ring,.scope-stage[data-mode=lens] .scope-mess-hint{opacity:1}.lens-ring-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lens-label{white-space:nowrap;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.scope-stage[data-dragging] .lens-ring-svg{transform:scale(1.03)}.lens-ring-svg{transition:transform .4s var(--ease-out-expo)}
.demo-progress{transform-origin:0;animation:demo-progress var(--dur,4s) linear forwards;transform:scaleX(0)}.demo[data-paused] .demo-progress{animation-play-state:paused}@keyframes demo-progress{to{transform:scaleX(1)}}.approve-pulse{border:1px solid var(--emerald);pointer-events:none;border-radius:999px;animation:1.6s ease-out infinite approve-pulse;position:absolute;inset:-4px}@keyframes approve-pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}.share-bar{transform-origin:0;transition:transform 1.2s var(--ease-out-expo);transition-delay:calc(var(--i,0) * .12s + .2s);transform:scaleX(0)}[data-revealed] .share-bar,html:not(.reveal-ready) .share-bar{transform:scaleX(var(--share))}