#hero[data-astro-cid-anhloy43]{--bg-primary: 74, 111, 165;--bg-secondary: 122, 155, 199;--bg-tertiary: 190, 210, 238}@media(min-width:1024px){#hero[data-astro-cid-anhloy43].hero-viewport{height:calc(100dvh - 5rem);max-height:calc(100dvh - 5rem);min-height:calc(100dvh - 5rem);display:flex;flex-direction:column}#hero[data-astro-cid-anhloy43] .hero-inner{min-height:0;flex:1;display:flex;flex-direction:column;justify-content:center}#hero[data-astro-cid-anhloy43] .hero-grid{min-height:0;flex:1;align-items:stretch}#hero[data-astro-cid-anhloy43] .hero-left{min-height:0}}#hero[data-astro-cid-anhloy43] .hero-bg-colored-wrap{position:absolute;inset:0}@media(min-width:1024px){#hero[data-astro-cid-anhloy43] .hero-bg-colored-wrap{mask-image:linear-gradient(to right,transparent 0%,transparent 45%,black 65%,black 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 45%,black 65%,black 100%);mask-size:100% 100%;mask-position:0 0;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-position:0 0;-webkit-mask-repeat:no-repeat;overflow:hidden}}#hero[data-astro-cid-anhloy43] .hero-bg-slab,#hero[data-astro-cid-anhloy43] .hero-bg-glow{position:absolute;border-radius:6rem;transform:rotate(-12deg);clip-path:polygon(0 0,100% 0,100% 62%,0 88%)}#hero[data-astro-cid-anhloy43] .hero-bg-slab{right:-10rem;top:-12rem;width:max(78rem,85vw);height:max(66rem,140dvh);background:linear-gradient(135deg,rgba(var(--bg-primary),.85),rgba(var(--bg-secondary),.6) 32%,rgba(var(--bg-tertiary),.4) 62%,#fff0 82%);opacity:.92}#hero[data-astro-cid-anhloy43] .hero-bg-glow{right:-12rem;top:-14rem;width:max(82rem,90vw);height:max(70rem,150dvh);background:linear-gradient(135deg,rgba(var(--bg-primary),.5),rgba(var(--bg-secondary),.32) 35%,rgba(var(--bg-tertiary),.25) 65%,#fff0 85%);filter:blur(70px);opacity:.75}#hero[data-astro-cid-anhloy43] .hero-bg-grain{position:absolute;inset:0;opacity:.06;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}#hero[data-astro-cid-anhloy43] .hero-device-cursor{transform:rotateX(-3deg)}#hero[data-astro-cid-anhloy43] .hero-device-mockup{position:relative;width:100%}#hero[data-astro-cid-anhloy43] .hero-laptop-base,#hero[data-astro-cid-anhloy43] .hero-laptop-screen{position:relative}#hero[data-astro-cid-anhloy43] .hero-laptop-screen img{display:block}#hero[data-astro-cid-anhloy43] .hero-laptop-keyboard{width:100%}#hero[data-astro-cid-anhloy43] .hero-card-tablet{position:absolute}#hero[data-astro-cid-anhloy43] .hero-tablet-base,#hero[data-astro-cid-anhloy43] .hero-tablet-screen{position:relative}#hero[data-astro-cid-anhloy43] .hero-tablet-screen img{display:block}#hero[data-astro-cid-anhloy43] .hero-card-phone{position:absolute}#hero[data-astro-cid-anhloy43] .hero-phone-base,#hero[data-astro-cid-anhloy43] .hero-phone-screen{position:relative}#hero[data-astro-cid-anhloy43] .hero-phone-screen img{display:block}#hero[data-astro-cid-anhloy43] .hero-phone-notch{position:absolute}#hero[data-astro-cid-anhloy43] .bg-gradient-radial{background:radial-gradient(circle,var(--tw-gradient-stops))}@media(max-width:1024px){#hero[data-astro-cid-anhloy43] .hero-bg-slab,#hero[data-astro-cid-anhloy43] .hero-bg-glow{right:-24rem;top:-16rem;transform:rotate(-10deg)}}#hero[data-astro-cid-anhloy43] .hero-grad-halo{position:absolute;width:200vmax;height:200vmax;border-radius:50%;background:radial-gradient(circle at center,rgba(255,255,255,.5) 0%,rgba(245,245,250,.3) 20%,rgba(240,242,248,.14) 40%,transparent 65%);pointer-events:none;z-index:-15;opacity:0;transition:opacity 1.4s cubic-bezier(.33,1,.68,1);transform:translate(-50%,-50%);will-change:left,top;filter:blur(80px)}#hero[data-astro-cid-anhloy43] .hero-shape{transition:translate .4s cubic-bezier(.33,1,.68,1)}@media(prefers-reduced-motion:reduce){#hero[data-astro-cid-anhloy43] .hero-shape{animation:none!important}#hero[data-astro-cid-anhloy43] .hero-grad-halo{display:none}}@media(min-width:1536px){#hero[data-astro-cid-anhloy43] .hero-grid{gap:4rem}}.benefit-icon-clock-hand{transform-box:view-box;transform-origin:12px 12px}.benefit-icon-bar{transform-box:fill-box;transform-origin:bottom center;transform:scaleY(0)}.benefit-icon-box.is-visible .benefit-icon-clock-hand{animation:clockSpin 4s linear infinite}.benefit-icon-box.is-visible .benefit-icon-bounce{animation:trendFloat 3s ease-in-out infinite}.benefit-icon-box.is-visible .benefit-icon-wiggle{animation:puzzleRock 3.5s ease-in-out infinite}.benefit-icon-box.is-visible .benefit-icon-bar-1{animation:barGrowIn .5s ease-out both,barWave 2.8s ease-in-out .6s infinite}.benefit-icon-box.is-visible .benefit-icon-bar-2{animation:barGrowIn .5s ease-out .15s both,barWave 2.8s ease-in-out .9s infinite}.benefit-icon-box.is-visible .benefit-icon-bar-3{animation:barGrowIn .5s ease-out .3s both,barWave 2.8s ease-in-out 1.2s infinite}@keyframes clockSpin{to{transform:rotate(360deg)}}@keyframes trendFloat{0%,to{transform:translateY(0)}25%{transform:translateY(-3px)}50%{transform:translateY(3px)}75%{transform:translateY(-2px)}}@keyframes puzzleRock{0%,to{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(3deg)}}@keyframes barGrowIn{0%{transform:scaleY(0)}70%{transform:scaleY(1.08)}to{transform:scaleY(1)}}@keyframes barWave{0%,to{transform:scaleY(1)}30%{transform:scaleY(.82)}60%{transform:scaleY(1.1)}}@media(prefers-reduced-motion:reduce){.benefit-icon-clock-hand,.benefit-icon-bounce,.benefit-icon-wiggle,.benefit-icon-bar{animation:none!important;transform:none!important}}.feat-icon--float.is-visible svg{animation:featFloat 3s ease-in-out infinite}.feat-icon--pulse.is-visible svg{animation:featPulse 3s ease-in-out infinite}.feat-icon--rock.is-visible svg{animation:featRock 3.5s ease-in-out infinite}.feat-icon--bob.is-visible svg{animation:featBob 2.8s ease-in-out infinite}.feat-icon--spin.is-visible svg{animation:featSpin 6s linear infinite}@keyframes featFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes featPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes featRock{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes featBob{0%,to{transform:translateY(0)}30%{transform:translateY(-2.5px)}60%{transform:translateY(1.5px)}}@keyframes featSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.feat-icon svg{animation:none!important}}