.saas-shell .saas-site-hero-copy h1{color:#f7fbff}.saas-shell .saas-effects-toggle{bottom:max(18px,env(safe-area-inset-bottom));z-index:36;color:#e8f3ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#0d1d42e8;border:1px solid #7b9df261;border-radius:12px;align-items:center;gap:7px;min-height:36px;padding:8px 12px;font-size:11px;display:inline-flex;position:fixed;left:18px;box-shadow:0 5px 20px #040f2829}.saas-shell .saas-effects-toggle:hover{background:#223867}.saas-shell .saas-effects-toggle:disabled{opacity:.7;cursor:default}.saas-shell .saas-effects-toggle:focus-visible{outline-offset:4px;outline:3px solid #41d9f7}.saas-shell .saas-site-hero-visual{isolation:isolate}.saas-shell .saas-site-hero-visual>.saas-site-preview{z-index:2;position:relative}.saas-shell .saas-site-float-tag{z-index:3}.saas-shell .saas-motion-orbit{z-index:0;pointer-events:none;contain:layout;position:absolute;inset:-110px -100px -100px;overflow:visible}.saas-shell .saas-motion-webgl{opacity:.9;pointer-events:none;position:absolute;inset:0}.saas-shell .saas-motion-webgl canvas{width:100%;height:100%;display:block}.saas-shell .saas-motion-webgl[data-webgl=unavailable] canvas{visibility:hidden}.saas-shell .saas-motion-orbit-fallback{transition:opacity .45s;position:absolute;inset:0}.saas-shell .saas-motion-orbit:has(.saas-motion-webgl[data-webgl=ready]) .saas-motion-orbit-fallback{opacity:0}.saas-shell .saas-motion-orbit-fallback>i{border:1px solid #58cfff42;border-radius:50%;width:82%;height:80%;position:absolute;top:10%;left:9%;transform:rotate(-28deg)scaleY(.78);box-shadow:0 0 35px #4389fa1a,inset 0 0 22px #595df114}.saas-shell .saas-motion-orbit-fallback>i:nth-child(2){border-color:#a674ff4d;width:92%;height:94%;inset:3% 4%;transform:rotate(24deg)scaleY(.68)}.saas-shell .saas-motion-orbit-fallback>i:nth-child(3){border-color:#89efff33;width:86%;height:68%;inset:16% 7%;transform:rotate(58deg)}.saas-shell .saas-motion-orbit-fallback>span{aspect-ratio:1;opacity:.4;background:radial-gradient(at 24% 22%,#d5f8ff,#4bb7ff 32%,#8258ee 68%,#223566);border-radius:35%;width:20%;position:absolute;top:3%;left:40%;transform:rotate(-24deg);box-shadow:0 0 48px #478cfb55}.saas-shell [data-motion=on][data-motion-tilt=on] :is(.saas-site-feature,.saas-site-pricing-card,.saas-site-hero-visual){transform:perspective(1100px) rotateX(var(--sm-tilt-x,0deg)) rotateY(var(--sm-tilt-y,0deg));transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s}.saas-shell [data-motion=on][data-motion-tilt=on] :is(.saas-site-feature,.saas-site-pricing-card):hover{transform:perspective(1100px) translateY(-5px) rotateX(var(--sm-tilt-x,0deg)) rotateY(var(--sm-tilt-y,0deg));box-shadow:0 22px 45px #3953a324}.saas-shell [data-motion=on] .saas-site-feature{position:relative;overflow:hidden}.saas-shell [data-motion=on] .saas-site-feature:after{content:"";pointer-events:none;background:radial-gradient(230px circle at var(--sm-glow-x,50%) var(--sm-glow-y,50%),#469bff24,transparent 75%);opacity:0;transition:opacity .25s;position:absolute;inset:0}.saas-shell [data-motion=on] .saas-site-feature:hover:after{opacity:1}.saas-shell [data-motion=on] .saas-site-feature-icon{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.saas-shell [data-motion=on] .saas-site-feature:hover .saas-site-feature-icon{transform:translateY(-3px)rotate(-7deg);box-shadow:0 6px 14px #4965d721}.saas-shell [data-motion=on][data-motion-visible=true] .saas-site-hero-visual[data-motion-in-view=true] .saas-site-float-tag{animation:5s ease-in-out infinite saas-orbit-float}.saas-shell [data-motion=on] .saas-site-float-two{animation-delay:-1.6s!important}.saas-shell [data-motion=on] .saas-site-float-three{animation-delay:-3.2s!important}.saas-shell [data-motion=on] .saas-site-btn{background-size:160% 100%;transition:background-position .45s,transform .2s,box-shadow .25s;position:relative;overflow:hidden}.saas-shell [data-motion=on] .saas-site-btn:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff3b 50%,#0000 60%);transition:transform .65s;position:absolute;inset:-50%;transform:translate(-100%)}.saas-shell [data-motion=on] .saas-site-btn:hover:before{transform:translate(100%)}.saas-shell [data-motion=on] .saas-site-btn:hover{background-position:100%}.saas-shell [data-motion=on] :is(.saas-site-btn,.saas-site-outline-btn,.saas-console-iconbtn):active{transform:scale(.97)}.saas-shell [data-motion=on] .saas-console-nav-item svg{transition:transform .22s}.saas-shell [data-motion=on] .saas-console-nav-item:hover svg:first-child{transform:translate(-2px)scale(1.08)}.saas-shell [data-motion=on] .saas-site-faq-list details[open]>p{animation:.25s ease-out saas-details-in}.saas-shell [data-motion=on] .saas-site-demo-tabs>button{transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.saas-shell [data-motion=on] .saas-site-demo-tabs>button.active{transform:translate(-4px)}.saas-shell [data-motion=on] .saas-status-chip.is-active i{box-shadow:0 0 0 3px #10b9811a}@keyframes saas-orbit-float{0%,to{translate:0}50%{translate:0 -9px}}@keyframes saas-details-in{0%{opacity:.4;translate:0 -5px}to{opacity:1;translate:0}}@media (width<=767px){.saas-shell .saas-motion-orbit{inset:-70px -30px}.saas-shell .saas-effects-toggle{left:10px;bottom:max(10px,env(safe-area-inset-bottom));min-height:34px;padding:7px 10px;font-size:10px}}@media (prefers-reduced-motion:reduce){.saas-shell .saas-motion-orbit{display:none!important}.saas-shell :is(.saas-site-float-tag,.saas-site-feature,.saas-site-pricing-card,.saas-site-hero-visual,.saas-site-btn,.saas-site-demo-tabs>button,.saas-console-nav-item svg,.saas-site-feature-icon){transition:none!important;animation:none!important;transform:translate(0)!important}.saas-shell .saas-site-btn:before{display:none!important}.saas-shell .saas-site-faq-list details[open]>p{animation:none!important}}
