@keyframes mockupCardIn{0%{opacity:0;transform:translateY(14px)scale(.965)}to{opacity:1;transform:translateY(0)scale(1)}}.mockup-root[data-entered=false] .card-in{opacity:0}.mockup-root[data-entered=true] .card-in{animation:.65s cubic-bezier(.16,1,.3,1) backwards mockupCardIn}@keyframes mockupSheen{0%{transform:translate(-130%)skew(-18deg)}14%,to{transform:translate(260%)skew(-18deg)}}.mockup-root .screen-sheen{background:linear-gradient(90deg,#0000,#ffffff8c,#0000)}.mockup-root[data-entered=true] .screen-sheen{animation:9s ease-in-out 1.5s infinite mockupSheen}@keyframes mockupPing{0%{opacity:.55;transform:scale(1)}80%,to{opacity:0;transform:scale(2.6)}}.mockup-root .status-ping{position:relative}.mockup-root .status-ping:after{content:"";background:currentColor;border-radius:9999px;animation:2.2s cubic-bezier(0,0,.2,1) infinite mockupPing;position:absolute;inset:0}@keyframes mockupSpinOnce{to{transform:rotate(360deg)}}.mockup-root .sync-spin{animation:.9s cubic-bezier(.45,0,.2,1) mockupSpinOnce}@keyframes mockupFlash{0%{opacity:0}25%{opacity:1}to{opacity:0}}.mockup-root .tick-flash{border-radius:inherit;pointer-events:none;animation:1.3s ease-out forwards mockupFlash;position:absolute;inset:-1px;box-shadow:0 0 0 1.5px #16a34a73,0 0 14px -4px #16a34a4d}@keyframes mockupDelta{0%{opacity:0;transform:translateY(4px)}20%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.mockup-root .tick-delta{color:#16a34a;pointer-events:none;font-size:8px;font-weight:800;animation:1.4s cubic-bezier(.22,1,.36,1) forwards mockupDelta;position:absolute;top:5px;right:44px}@keyframes mockupToast{0%{opacity:0;transform:translateY(10px)scale(.92)}10%,82%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-6px)scale(.97)}}.mockup-root .sync-toast{animation:3.2s cubic-bezier(.22,1,.36,1) forwards mockupToast}.mockup-root .card-lift{transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1);position:relative;transform:translateY(0)}.mockup-root .card-lift:before{content:"";z-index:-1;border-radius:inherit;position:absolute;inset:0}.mockup-root .card-lift:hover:before{bottom:-8px}.mockup-root .card-depth-sm{box-shadow:0 1px 2px #0f172a0a,0 4px 8px -1px #0f172a0d,0 12px 24px -4px #0f172a12,inset 0 1px #ffffffd9}.mockup-root .card-depth-sm:hover{transform:translateY(-3px);box-shadow:0 2px 4px #0f172a0a,0 8px 16px -2px #0f172a12,0 20px 36px -6px #0f172a1c,inset 0 1px #fffffff2}.mockup-root .card-depth-md{box-shadow:0 1px 2px #0f172a0a,0 4px 10px -1px #0f172a0f,0 16px 32px -4px #0f172a14,0 28px 48px -12px #0f172a0d,inset 0 1px #ffffffe6}.mockup-root .card-depth-md:hover{transform:translateY(-3px);box-shadow:0 2px 4px #0f172a0a,0 8px 18px -2px #0f172a14,0 24px 44px -6px #0f172a1f,inset 0 1px #fffffff2}.mockup-root .card-depth-dark{box-shadow:0 2px 4px #02061740,0 8px 16px -2px #02061759,0 20px 40px -4px #0e1c3073,0 32px 64px -10px #0a142359,inset 0 1px #ffffff1f}.mockup-root .card-depth-dark:hover{transform:translateY(-3px);box-shadow:0 3px 6px #0206174d,0 12px 24px -2px #02061766,0 28px 52px -4px #0e1c308c,inset 0 1px #ffffff2e}.mockup-root .inner-subcard-depth{box-shadow:0 1px 2px #0f172a08,0 3px 6px -1px #0f172a0a,inset 0 1px #ffffffb3}.mockup-root .inner-subcard-depth:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0f172a0a,0 6px 12px -2px #0f172a12,inset 0 1px #ffffffd9}.mockup-root .tablet-device-container{perspective:1200px}.mockup-root .tablet-device-bezel{transform-style:preserve-3d;transform:rotateX(2deg)rotateY(6deg)rotate(-1deg);box-shadow:-1px 1px 0 1px #383b45,-2.5px 2px 0 2px #22242b,-5px 4px 0 3px #16171b,-8px 14px 26px -5px #00000059,-14px 24px 40px -8px #0e1b2b38,inset 0 1px #fff3}@media (min-width:1024px){.mockup-root .tablet-device-bezel{--t:var(--mockup-tilt,1);transform:rotateX(calc(7deg * var(--t))) rotateY(calc(23deg * var(--t))) rotateZ(calc(-3deg * var(--t)));box-shadow:calc(-1px * var(--t)) 1px 0 1px #3d404a, calc(-3px * var(--t)) calc(1px + 1px * var(--t)) 0 2px #26282f, calc(-6px * var(--t)) calc(2px + 2px * var(--t)) 0 3px #1a1b1f, calc(-10px * var(--t)) calc(3px + 4px * var(--t)) 0 4px #121316, calc(-16px * var(--t)) 26px 44px -8px #00000073, calc(-28px * var(--t)) 44px 72px -12px #0e1b2b59}}.mockup-root .screen-gloss,.mockup-root .screen-sheen{opacity:var(--mockup-tilt,1)}.mockup-root .toast-layer{opacity:calc((var(--mockup-tilt,1) - .4) * 1.7)}.hero-showcase[data-flat] .mockup-root .tablet-device-container{perspective:none}.hero-showcase[data-flat] .mockup-root .tablet-device-bezel{transform-style:flat;transform:none}.hero-showcase[data-flat] .mockup-root .screen-sheen,.hero-showcase[data-flat] .mockup-root .screen-gloss,.hero-showcase[data-flat] .mockup-root .toast-layer{display:none}.mockup-root .card-lift{border-color:#f1f5f9e6}.mockup-root .card-depth-sm:hover,.mockup-root .card-depth-md:hover{border-color:#873eff38}.mockup-root .icon-bubble{transition:transform .42s cubic-bezier(.34,1.56,.64,1),box-shadow .42s cubic-bezier(.22,1,.36,1)}.mockup-root .card-lift:hover>*>.icon-bubble,.mockup-root .card-lift:hover>.icon-bubble{box-shadow:0 6px 14px -4px color-mix(in srgb, currentColor 55%, transparent);transform:scale(1.14)rotate(-8deg)}.mockup-root .card-lift .tabular-nums,.mockup-root .card-lift .text-\[18px\],.mockup-root .card-lift .text-\[16px\],.mockup-root .card-lift .text-\[13px\]{transition:color .3s}.mockup-root .card-lift:not(.card-depth-dark):hover>div>.tabular-nums,.mockup-root .card-lift:not(.card-depth-dark):hover>div>.text-\[18px\],.mockup-root .card-lift:not(.card-depth-dark):hover>.tabular-nums{color:#106e56}.mockup-root .screen-spotlight{background:radial-gradient(220px circle at var(--spot-x,50%) var(--spot-y,50%), #873eff12, #106e5609 45%, transparent 70%);opacity:0;transition:opacity .4s}.mockup-root .screen-inner:hover .screen-spotlight{opacity:1}@media (prefers-reduced-motion:reduce){.mockup-root .card-in,.mockup-root .screen-sheen,.mockup-root .status-ping:after,.mockup-root .sync-toast{opacity:1!important;animation:none!important}.mockup-root .screen-sheen,.mockup-root .status-ping:after{display:none}.mockup-root .card-lift,.mockup-root .icon-bubble{transition:none}.mockup-root .screen-spotlight{display:none}}
.hero-showcase{position:relative}.hero-showcase__frame,.hero-showcase__row-space{display:none}@media (min-width:1024px){.hero-showcase{width:min(1120px,100%);margin-inline:auto;display:block}.hero-showcase__frame{aspect-ratio:840/475;display:block}.hero-showcase__row-space{height:72px;display:block}.hero-showcase__mockup{transform-origin:0 0;z-index:2;width:100%;max-width:none;margin:0;position:absolute;top:0;left:0}.hero-showcase__trust{z-index:1;pointer-events:none;width:auto;max-width:none;margin:0;padding:0;transition:opacity .5s;display:block;position:absolute;inset:0}.hero-showcase__trust>*{transform-origin:0 0;white-space:nowrap;pointer-events:auto;position:absolute;top:0;left:0}.hero-showcase:not([data-ready]) .hero-showcase__trust{opacity:0}}.hero-focus-glow{opacity:var(--hero-p,0);transform-origin:50% 0;transform:scaleY(calc(.85 + .15 * var(--hero-p,0)));background:radial-gradient(46% 38% at 50% 70%,#873eff1f,#0000 72%),radial-gradient(34% 42% at 6% 62%,#873eff21,#0000 70%),radial-gradient(34% 42% at 94% 64%,#106e5621,#0000 70%),linear-gradient(#fff0 28%,#ecf2fcd9 58%,#f0f7f4d9 86%,#fff0 100%)}