:root{--act-main: #5cc1ff;--act-main-hover: #37b2ff;--act-main-content: #fff;--a: #1c91d5;--a-hover: #0b89ff}#web-hero{min-height:80vh;position:relative;padding:var(--pd);overflow:hidden}#web-hero #hero-content{position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);padding:var(--pd);text-align:center;z-index:2}#web-hero #hero-content h1{font-size:var(--fs-1);font-weight:600;margin:16px 0}#web-hero #hero-content h2{font-size:var(--fs-3);font-weight:400;margin:16px 0}#web-hero #hero-content h2>span{font-weight:700;background:var(--act-main);color:var(--act-main-content);padding:0 8px;border-radius:12px}#web-hero img{position:absolute;left:50%;top:0;transform:translate(-50%,70px);width:320px;max-width:60%;height:100%;object-fit:contain;z-index:1;transition:opacity .25s ease}#web-hero img#hero-off{opacity:0}#web-hero img#hero-on,#web-hero.off img#hero-off{opacity:1}#web-hero.off img#hero-on{opacity:0}#features{position:relative;padding:var(--pd)}#features #features-title{font-size:var(--fs-2);margin-bottom:-104px;position:relative;z-index:4}#features #do-you-wanna-i-know{position:sticky;top:0;padding:96px 0 8px;background:#fff;z-index:3;font-size:var(--fs-3)}#features .card{padding:120px 0}#features .card .head{position:sticky;top:132px;background:#fffe;background:linear-gradient(to bottom,#fff,#fff,#fffc);border-bottom:solid 1px #fff;z-index:2;padding:12px 0 12px 72px}#features .card .head p{margin:10px 0;font-weight:400;font-size:var(--fs-3)}#features .card .head .ico{position:absolute;left:0;top:50%;transform:translateY(-50%);width:56px;height:56px;background:#fff;padding:10px;border-radius:16px;box-shadow:2px 4px 12px #311f3921;transition:all .35s ease}#features .card .head .ico img{width:100%}#features .card .content>div{margin:24px 0}@media screen and (min-width:600px){#features .card .head{padding-left:86px}#features .card .head .ico{width:68px;height:68px;padding:12px;border-radius:24px}#features .card .content{display:flex;flex-wrap:nowrap;gap:24px;align-items:center}#features .card .content>div{flex:1}}#features .card h3{margin:10px 0;font-size:var(--fs-3);font-weight:500}#features .card p{margin:10px 0}#dywik-fast .task{display:flex;gap:12px;margin:8px 0;padding:4px 16px;border-radius:8px;background:#fafafa;align-items:center;overflow:hidden}#dywik-fast .task>.icon{width:36px;height:36px;position:relative}#dywik-fast .task>.icon>img{width:100%;height:100%;display:block}#dywik-fast .task[data-task=main]>.icon>img{position:absolute;left:0;top:0}#dywik-fast .task[data-task=main]>.icon>img:first-child{transition:all .5s ease;transform:translateY(0);opacity:1}#dywik-fast .task[data-task=main]>.icon>img:last-child{transition:all .5s ease;transform:translateY(-30px);opacity:0}#dywik-fast .task.fast[data-task=main]>.icon>img:first-child{transform:translateY(30px);opacity:0}#dywik-fast .task.fast[data-task=main]>.icon>img:last-child{transform:translateY(0);opacity:1}#dywik-fast .task .load-bar{width:0;height:12px;border-radius:6px;overflow:hidden;flex-grow:1;background:#e2e2e2}#dywik-fast .task .load-bar .load{background:#3582e7;border-radius:0 6px 6px 0;width:12px;min-width:12px;height:100%;transition:width .4s ease,background-color .35s ease}#web-responsive{margin:0 auto;height:330px;transition:padding .6s ease;padding-top:32px}#web-responsive *{transition:all .6s ease}#web-responsive .screen{height:256px;background:#585858;margin:0 auto;max-width:128px;padding:8px;border-radius:24px}#web-responsive .screen .page{width:100%;height:100%;background:#fff;overflow:hidden;border-radius:16px}#web-responsive .screen .page>div{position:relative;width:100%;height:100%;margin:0 auto;max-width:256px}#web-responsive .screen .page .image{position:absolute;background:#4c3c67;background:linear-gradient(120deg,#71589e,#483963);top:10px;left:0;height:90px;width:100%}#web-responsive .screen .page .text{position:absolute;background:#c9c9c9;top:100px;left:0;height:100px;width:100%}#web-responsive .screen .page .other{position:absolute;top:210px;left:5%;height:100px;width:90%}#web-responsive .screen .page hr{height:5px;background:#ccc;border:none}#web-responsive .keyboard{background:#585858;max-width:128px;margin:10px auto;height:0px}#web-responsive.tablet{padding-top:32px}#web-responsive.tablet .screen{max-width:168px;border-radius:16px;padding:12px}#web-responsive.tablet .screen .page{border-radius:4px}#web-responsive.tablet .screen .page .image{top:15px;left:0;height:100px;width:100%}#web-responsive.tablet .screen .page .text{top:90px;left:15%;height:80px;width:70%}#web-responsive.tablet .screen .page .other{left:15%;width:70%;top:180px}#web-responsive.tablet .keyboard{max-width:168px}#web-responsive.laptop{padding-top:0}#web-responsive.laptop .screen{max-width:300px;height:192px;border-radius:8px 8px 0 0;padding:16px 8px}#web-responsive.laptop .screen .page{border-radius:2px}#web-responsive.laptop .screen .page .image{top:15px;left:5%;height:120px;width:50%}#web-responsive.laptop .screen .page .text{top:35px;left:40%;height:80px;width:55%}#web-responsive.laptop .screen .page .other{top:145px}#web-responsive.laptop .keyboard{max-width:300px;border-radius:0 0 8px 8px;height:128px}#web-responsive.pc{padding-top:12px}#web-responsive.pc .screen{max-width:320px;height:226px;border-radius:6px;padding:16px 16px 32px}#web-responsive.pc .screen .page{border-radius:2px}#web-responsive.pc .screen .page>div{max-width:180px}#web-responsive.pc .screen .page .image{top:15px;left:5%;height:110px;width:43%}#web-responsive.pc .screen .page .text{top:35px;left:52%;height:70px;width:43%}#web-responsive.pc .screen .page .other{top:135px}#web-responsive.pc .keyboard{max-width:128px;height:64px;border-radius:6px}#dywik-clean-window{position:relative;width:100%;aspect-ratio:1.35;border:solid 2px #868686;border-radius:6px;overflow:hidden}#dywik-clean-window img#dywik-clean-header{position:absolute;left:0;top:0;width:100%;z-index:1;background:transparent;transition:background-color .4s ease}#dywik-clean-window img#dywik-clean-header.bg{background-color:#fff}#dywik-clean-window img#dywik-clean-page{position:absolute;left:0;top:0;width:100%;z-index:0;transition:transform .8s ease}.projects-line{padding:50px 15px;align-items:center}.projects-line>div{padding:10px}.projects-line p{background:red;height:30px}.projects-line img{width:100%;border-radius:8px}.projects-line .title{margin-top:0;display:none}.projects-line .title-mobile>h2{margin:0}.projects-line .info{padding-top:30px;padding-bottom:30px}.projects-line .info a{padding:10px 20px;border-radius:8px;background:#ffee6f;color:#000;text-decoration:none;font-weight:700}@media screen and (min-width:768px){.projects-line{padding:100px 15px;align-items:center}.projects-line .title{display:block}.projects-line .title-mobile{display:none}}