.title-section{text-align:center;max-width:500px;margin:auto}.title-section .bt{border:var(--border);background-color:var(--bg-sec);-webkit-user-select:none;user-select:none;border-radius:100px;width:fit-content;margin:auto auto 10px;padding:10px 20px}.title-section .title{color:var(--white);font-size:1.7rem;font-weight:600;line-height:1.2}@media not (min-width:420px){.title-section .title{font-size:1.4rem}}
.article{flex-direction:column;gap:30px;width:100%;max-width:1300px;margin:auto;padding:0 20px;display:flex}.article .head-article-home{justify-content:space-between;align-items:start;gap:30px;display:flex}.article .head-article-home .title-section{text-align:left;max-width:340px;margin:0}.article .head-article-home .title-section .bt{margin:0 0 10px}.article .head-article-home a{background-color:var(--lilac);color:var(--white);text-wrap:nowrap;border-radius:100px;padding:10px 20px}.article .head-article-home a:hover,.article .head-article-home a:focus{background-color:var(--lilac-hover)}.article .head-article-home a:active{background-color:var(--lilac)}.article .article-home .the-article{justify-content:space-between;gap:20px;width:100%;display:flex}.article .article-home .the-article .article{flex-direction:column;gap:0;width:100%;height:100%;padding:0;display:flex}.article .article-home .the-article .article:hover .title{color:var(--lilac)}.article .article-home .the-article .article:active .title{color:var(--lilac-hover)}.article .article-home .the-article .article:hover figure img{transform:scale(1.04)rotate(1.5deg)}.article .article-home .the-article .article figure{border-radius:20px;width:100%;overflow:hidden}.article .article-home .the-article .article figure img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto}.article .article-home .the-article .article .tag-date{justify-content:space-between;align-items:center;width:100%;margin:10px 0 15px;display:flex}.article .article-home .the-article .article .tag-date .tag{background-color:var(--bg-sec);border:var(--border);color:var(--lilac-light);border-radius:100px;padding:5px 10px}.article .article-home .the-article .article .tag-date p{font-size:.8rem}.article .article-home .the-article .article .title{color:var(--white);width:100%;font-size:1.3rem;font-weight:600;line-height:1.5}@media not (min-width:600px){.article .head-article-home{align-items:center}.article .article-home .the-article{flex-direction:column}.article .head-article-home{flex-direction:column;align-items:start;gap:20px}.article .head-article-home .title-section{max-width:100%}}
.benefits{justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1200px;margin:auto;padding:0 20px;display:flex}.benefits .box-benefits{flex-direction:column;gap:30px;display:flex}.benefits .box-benefits .title-section{text-align:left;max-width:550px;margin:0}.benefits .box-benefits .title-section .bt{margin:0 0 10px}.benefits .box-benefits .info{flex-direction:column;gap:20px;width:100%;max-width:600px;display:flex}.benefits .box-benefits .info .box{align-items:start;gap:20px;display:flex}.benefits .box-benefits .info .box .icon{border:var(--border);background-color:var(--bg-sec);border-radius:100px;padding:13px}.benefits .box-benefits .info .box .title{color:var(--white);opacity:.9;margin-bottom:10px;font-size:1.2rem;font-weight:700}.benefits .box-benefits .info a{background-color:var(--lilac);width:fit-content;color:var(--white);border-radius:100px;padding:15px 20px}.benefits .box-benefits .info a:hover,.benefits .box-benefits .info a:focus{background-color:var(--lilac-hover)}.benefits .box-benefits .info a:active{background-color:var(--lilac)}.benefits figure img{width:500px;height:auto}@media not (min-width:950px){.benefits{flex-direction:column;gap:40px}.benefits .box-benefits{max-width:50%}.benefits .box-benefits .info,.benefits .box-benefits .title-section,.benefits .box-benefits{max-width:100%}.benefits figure{width:100%;max-width:650px}.benefits figure img{width:100%}}@media not (min-width:400px){.benefits .box-benefits .info a{width:100%;height:50px;padding:0}}@media not (min-width:360px){.benefits .box-benefits .info .box{flex-direction:column;gap:10px}}
.clientcompany{text-align:center;flex-direction:column;gap:20px;width:100%;max-width:1200px;margin:auto;padding:0 20px;display:flex}.clientcompany p{color:var(--white)}.clientcompany .container{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:20px;display:flex}.clientcompany .container figure img{filter:invert(50%);height:auto}.clientcompany .container figure .webflow,.clientcompany .container figure .editorx,.clientcompany .container figure .framer,.clientcompany .container figure .spotify{width:95px}.clientcompany .container figure .wordpress{width:138px}.clientcompany .container figure .squarespace{width:180px}@media not (min-width:840px){.clientcompany .container{justify-content:center}}
.easetouse{text-align:center;z-index:1;background-image:url(../media/stars.15c2eb11.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;gap:20px;width:100%;max-width:1300px;margin:auto;padding:30px 20px;display:flex;position:relative}.easetouse:after{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);content:"";z-index:-1;background-image:linear-gradient(90deg,#6c30b550,#0000,#6c30b550);width:100%;height:100%;position:absolute;left:0}.easetouse .title{color:var(--white);font-size:1.5rem;font-weight:700}.easetouse p{max-width:500px;margin:auto}.easetouse a{color:var(--white);background-color:var(--lilac);border-radius:100px;width:fit-content;margin:auto;padding:15px 20px}.easetouse a:hover,.easetouse a:focus{background-color:var(--lilac-hover)}.easetouse a:active{background-color:var(--lilac)}

.feature{flex-direction:column;gap:50px;padding:0 20px;display:flex}@media not (min-width:600px){.feature{gap:30px}}
.feedback{justify-content:space-evenly;gap:30px;width:100%;max-width:1300px;margin:auto;padding:0 20px;display:flex}.feedback .box-section{padding-left:60px;position:relative}.feedback .box-section figure{border-radius:20px;overflow:hidden}.feedback .box-section figure:after{content:"";background-color:#4230b55e;width:100%;height:100%;position:absolute}.feedback .box-section figure img{width:500px;height:auto}.feedback .box-section .status{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#4230b5ca;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex;position:absolute;bottom:30px;left:0}.feedback .box-section .status .number .title{color:var(--white);font-size:1.3rem;font-weight:700}.feedback .box-section .status .number .desc{color:var(--white);opacity:.8;font-size:.8rem;line-height:1.2}.feedback .client-feedback{width:100%;max-width:500px}.feedback .client-feedback .title-section{text-align:left;max-width:500px;margin:0}.feedback .client-feedback .title-section .bt{margin:0 0 10px}.feedback .client-feedback .icon{width:fit-content;margin-top:20px}.feedback .client-feedback .icon svg{color:var(--lilac);font-size:2.5rem}.feedback .client-feedback .depoiment-wrapper{width:100%;max-width:350px;position:relative;overflow:hidden}.feedback .client-feedback .depoiment{scroll-behavior:smooth;scrollbar-width:none;flex-direction:row;display:flex;overflow-x:hidden}.feedback .client-feedback .depoiment::-webkit-scrollbar{display:none}.feedback .client-feedback .depoiment .content{flex-shrink:0;max-width:350px}.feedback .client-feedback .depoiment .content .info{margin-top:10px}.feedback .client-feedback .depoiment .content .info .name{color:var(--white);font-weight:500}.feedback .client-feedback .depoiment .content .info .cargo{color:var(--lilac-light);font-size:.8rem}.feedback .client-feedback .btn{gap:30px;width:fit-content;margin-top:20px}.feedback .client-feedback .btn button{border:var(--border);background-color:var(--lilac);color:var(--white);border-radius:100px;padding:10px 30px}.feedback .client-feedback .btn button:hover,.feedback .client-feedback .btn button:focus{background-color:var(--lilac-hover)}.feedback .client-feedback .btn button:active{background-color:var(--lilac)}.feedback .client-feedback .btn button.disabled{color:var(--text);cursor:not-allowed;pointer-events:none;border:var(--border);background-color:#0000}@media not (min-width:980px){.feedback .box-section figure img{width:400px}}@media not (min-width:870px){.feedback .box-section{flex-direction:column;padding:0}.feedback .box-section figure{margin-bottom:20px}.feedback .box-section figure img{width:300px}.feedback .box-section .status{position:static}}@media not (min-width:700px){.feedback{flex-direction:column;gap:20px}.feedback .box-section figure{border-radius:15px;width:100%;margin-bottom:20px}.feedback .box-section figure img{width:100%}.feedback .client-feedback,.depoiment-wrapper,.feedback .client-feedback .depoiment .content{max-width:100%!important}}
.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:auto;padding:0 20px;display:flex}.hero-section .box{background-image:url(../media/bg-grid.f87cedae.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;gap:30px;width:100%;max-width:850px;padding:100px 0;display:flex}.hero-section .box .title{flex-flow:column wrap;justify-content:center;align-items:center;gap:10px;display:flex}.hero-section .box .title .tt p{color:var(--white);text-transform:uppercase;font-size:3.4rem;font-weight:700;line-height:1.1;transition:all .3s}.hero-section .box .title .tt{text-align:center;flex-wrap:wrap;justify-content:center;display:flex}.hero-section .box .title .tt .icon,.hero-section .box .title .tt .icon .right,.hero-section .box .title .tt .icon .left{justify-content:center;align-items:center;display:flex}.hero-section .box .title .tt .icon{align-items:center;gap:23px;width:45px;margin:0 10px;position:relative;overflow:hidden}.hero-section .box .title .tt .icon svg{color:var(--lilac);font-size:3rem;position:absolute}.hero-section .box .title .tt .icon .right{filter:drop-shadow(2px 0 0px var(--bg));z-index:1}.hero-section .box .btn{z-index:1;gap:30px;width:100%;margin:auto}.hero-section .box .btn a{box-shadow:-.5px .5px 0 var(--white);width:150px;height:50px;color:var(--white);border-radius:100px}.hero-section .box .btn .start{background-color:var(--lilac)}.hero-section .box .btn .start:hover,.hero-section .box .btn .start:focus{background-color:var(--lilac-hover)}.hero-section .box .btn .start:active{background-color:var(--lilac)}.hero-section .box .btn .learn{background-color:var(--black-sec)}.hero-section .box .btn .learn:hover,.hero-section .box .btn .learn:focus{background-color:var(--black-dark)}.hero-section .box .btn .learn:active{background-color:var(--black-sec)}@media not (min-width:575px){.hero-section .box .title .tt p{font-size:2rem}.hero-section .box .title .tt .icon{margin:0;transform:scale(.6)}}@media not (min-width:400px){.hero-section .box{gap:20px;padding:50px 0}.hero-section .box .title .tt{margin-top:-10px}.hero-section .box .title .tt p{font-size:1.5rem;line-height:1.5}.hero-section .box .title .tt .icon{overflow:hidden}.hero-section .box .btn{flex-direction:column;gap:20px;max-width:100%}.hero-section .box .btn a{width:100%}}
.hero-team{text-align:center;justify-content:center;align-items:center;width:100%;margin-top:-150px;display:flex;bottom:0}.hero-team .title{text-transform:uppercase;color:var(--white);font-size:calc(3rem - 1px);font-weight:700;line-height:1.3;position:absolute}.hero-team figure{z-index:1;width:100%;padding:0 20px}.hero-team figure:before{content:"";background-image:linear-gradient(to top,var(--lilac),transparent);z-index:-1;width:100%;height:100%;position:absolute;bottom:0}.hero-team figure img{width:100%;max-width:600px;height:auto}@media not (min-width:645px){.hero-team .title{font-size:2rem;transform:translateY(-50px)}}@media not (min-width:555px){.hero-team .title{font-size:1.5rem}}@media not (min-width:400px){.hero-team{margin-top:-90px}.hero-team .title{transform:translateY(-30px)}}@media not (min-width:305px){.hero-team .title{font-size:1.2rem;transform:translateY(-10px)}}
.relable{flex-direction:column;gap:30px;padding:0 20px;display:flex}.relable .card{text-align:center;background-image:linear-gradient(#0000 60%,#5c30b538)}.relable .card .icon-section{margin:auto}.relable .card .icon-section:after{background-image:linear-gradient(90deg,#0000,#7575756b,#0000)}.relable a{background-color:var(--lilac);width:fit-content;color:var(--white);border-radius:100px;margin:auto;padding:15px 20px}.relable a:hover,.relable a:focus{background-color:var(--lilac-hover)}.relable a:active{background-color:var(--lilac)}
.Status{background-color:var(--bg-sec);background-image:url(../media/stars.15c2eb11.webp);justify-content:space-around;align-items:center;gap:20px;width:100%;max-width:1300px;margin:auto;padding:30px 20px;display:flex}.Status .title{color:var(--white);font-size:1.7rem;font-weight:800}.Status .tt{max-width:400px;font-weight:500;line-height:1.2}.Status .box-section{align-items:center;gap:50px;display:flex}.Status .box-section .box{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.Status .box-section .box .title span{font-size:2rem;font-weight:400}.Status .box-section .box .star{align-items:center;gap:10px;display:flex}.Status .box-section .box .star svg{color:var(--yellow)}.Status .box-section .box .desc{font-size:.8rem;line-height:1.3}@media not (min-width:640px){.Status{flex-direction:column}.Status .tt{max-width:100%}.Status .box-section{width:100%}}@media not (min-width:475px){.Status .box-section{flex-wrap:wrap;justify-content:space-between;gap:20px}.Status .tt{text-align:center}}@media not (min-width:366px){.Status .box-section{justify-content:center}}
.subscribe{text-align:center;background-color:#0000;background-image:url(../media/arc.361ccb79.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;gap:30px;width:100%;padding:150px 20px 0;display:flex;position:relative;overflow:visible}.subscribe .title{color:var(--white);max-width:400px;margin:auto;font-size:1.5rem;font-weight:700;line-height:1.3}.subscribe .input-box{align-items:center;width:100%;max-width:400px;margin:auto;display:flex;position:relative}.subscribe .input-box input{background-color:var(--bg-sec);text-align:left;width:100%;height:55px;color:var(--white);border:1px solid #0000;border-radius:100px;padding:0 20px}.subscribe .input-box input:focus{border:1px solid var(--lilac)}.subscribe .input-box button{background-color:var(--lilac);height:55px;color:var(--white);text-wrap:nowrap;border-radius:100px;padding:0 20px;position:absolute;right:0}.subscribe .input-box button:hover,.subscribe .input-box button:focus{background-color:var(--lilac-hover)}.subscribe .input-box button:active{background-color:var(--lilac)}@media not (min-width:420px){.subscribe{padding:120px 20px 0}}