.saas-hero{position:relative;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:32px 5%;min-height:calc(100dvh - 72px);box-sizing:border-box;display:flex;align-items:center}.saas-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff);z-index:2;pointer-events:none}.saas-hero__bg{position:absolute;inset:0;background:linear-gradient(160deg,rgba(209,250,229,.25),#fff 40%,#fff 60%,rgba(209,250,229,.2));z-index:0}.saas-hero__bg:after,.saas-hero__bg:before{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.saas-hero__bg:before{width:400px;height:400px;background:#d1fae5;top:-100px;left:-100px}.saas-hero__bg:after{width:350px;height:350px;background:rgba(209,250,229,.5);bottom:-80px;right:-60px}.saas-hero__content{position:relative;z-index:3;display:flex;align-items:center;gap:48px;max-width:1100px;width:100%;margin:0 auto}.saas-hero__text{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:16px;align-items:flex-start}.saas-hero__text h1{font-size:2.8rem;font-weight:700;color:#1a1a1a;line-height:1.15;letter-spacing:-.5px;max-width:500px}.saas-hero__text h1 .highlight{color:#10b981}.saas-hero__subtitle{font-size:1.05rem;color:#555;line-height:1.7;max-width:460px}.saas-hero__features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px 24px;gap:10px 24px;margin-top:8px}.saas-hero__feature-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#555;white-space:nowrap}.saas-hero__feature-icon{width:28px;height:28px;min-width:28px;background-color:#ecfdf5;border-radius:50%;display:flex;align-items:center;justify-content:center}.saas-hero__feature-icon svg{color:#10b981}.saas-hero__buttons{margin-top:12px;display:flex;gap:12px;width:100%;max-width:340px}.saas-hero__buttons .cta-btn{flex:1 1}.saas-hero__buttons .demo-btn{background-color:#fafafa;color:#555;text-decoration:none;padding:12px 24px;border-radius:8px;text-align:center;font-weight:500;font-size:.9rem;transition:all .15s ease;box-sizing:border-box;border:1px solid #f0f0f0;white-space:nowrap}.saas-hero__buttons .demo-btn:hover{background-color:#f5f5f5;color:#1a1a1a;border-color:#e8e8e8}.saas-hero__image{flex:1 1;display:flex;justify-content:center;align-items:center;min-width:0}.saas-hero__image-wrapper{position:relative}.saas-hero__image-wrapper:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.2) 0,rgba(209,250,229,.05) 65%,rgba(209,250,229,0) 100%);top:-70px;right:-80px;z-index:-1;animation:heroFloat 6s ease-in-out infinite}.saas-hero__image-wrapper:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(209,250,229,.6) 0,rgba(209,250,229,.05) 70%,rgba(209,250,229,0) 100%);bottom:-50px;left:-40px;z-index:-1;animation:heroFloatReverse 7s ease-in-out infinite}@keyframes heroFloat{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-8px,10px,0) scale(1.04)}}@keyframes heroFloatReverse{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(10px,-8px,0) scale(1.03)}}.saas-hero__dashboard-img{width:100%;max-width:560px;height:auto;border-radius:8px;box-shadow:0 12px 40px rgba(0,0,0,.12)}@media(max-width:900px){.saas-hero{padding:28px 20px;min-height:calc(100dvh - 72px)}.saas-hero:after{height:90px}.saas-hero__content{flex-direction:column;text-align:center;gap:36px}.saas-hero__text{align-items:center}.saas-hero__text h1{font-size:2.3rem;text-wrap:balance}.saas-hero__subtitle{text-align:center}.saas-hero__features{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:start;max-width:420px;margin:8px auto 0}.saas-hero__buttons{flex-direction:column;align-items:stretch;max-width:none;width:100%;margin:12px auto 0}.saas-hero__buttons .cta-btn,.saas-hero__buttons .demo-btn{width:100%}.saas-hero__image{width:90%}.saas-hero__image-wrapper:after,.saas-hero__image-wrapper:before{animation-duration:8s}}@media(max-width:480px){.saas-hero{padding:24px 16px;min-height:auto}.saas-hero:after{height:70px}.saas-hero__text h1{font-size:1.9rem}.saas-hero__features{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}@media(min-width:1600px){.saas-hero{padding-left:10%;padding-right:10%}}
/*# sourceMappingURL=1c78338c54cb1ae4.css.map*/