:root{--mokify-sw:370px;--mokify-sl:335px;--mokify-xp:70px;--mokify-sp:65px;--mokify-top-0:.000000001px;--mokify-bbc:#1c1f1d;--mokify-bc:#74726a;--mokify-hc:#1c1f1d;--mokify-mc1:#f9f068;--mokify-ebc:#f5f5f5;--hff:'Heebo',sans-serif;--bff:'Kanit',sans-serif;--quote-ff:'Lora',sans-serif;--mokify-contrast-text:#fff;--mokify-border-color:#d9d9d9}@media(max-width:1600px){:root{--mokify-xp:50px;--mokify-sp:.000000001px;--mokify-sw:300px;--mokify-sl:240px;}}@media(max-width:1400px){:root{--mokify-xp:40px;--mokify-sw:280px;}}@media(max-width:1200px){:root{--mokify-xp:30px;}}@media(max-width:1040px){:root{--mokify-xp:20px;}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-family:var(--bff);font-size:18px;letter-spacing:0;line-height:1.5;font-weight:400;color:var(--mokify-bc);background-color:var(--mokify-bbc);position:relative;-ms-word-wrap:break-word;word-wrap:break-word;word-break:break-word}img{max-width:100%;height:auto}.intro-main{display:flex}.intro__left{width:50%;background-color:#2d2f2e;position:relative}.inrtro_left_in{position:sticky;top:0}.intro__right{width:50%}.intro__logo{text-align:center;width:540px;max-width:100%;margin:0 auto}.intro__skills{width:720px;max-width:100%;margin:0 auto;padding:0 50px;position:relative;margin-top:40px;padding-bottom:20px}.intro__demo{width:640px;max-width:100%;margin:0 auto;padding:0 50px;position:relative}.intro__logo a{padding:40px;display:block}.intro__demo-figure{position:relative;box-shadow:0 1px 20px rgba(0,0,0,.2);border-radius:10px;overflow:hidden}.intro__demo-image img{display:block}.fn__circle_readmore{position:absolute;right:38px;top:137px}.fn__circle_readmore a{display:block;width:200px;height:200px;position:relative;z-index:1}.fn__circle_readmore a:before{content:'';z-index:-1;border:2px solid rgba(255,255,255,.2);position:absolute;inset:0;border-radius:100%}.fn__circle_readmore a:after{content:'';z-index:-1;border:2px solid rgba(255,255,255,.2);position:absolute;inset:30px;border-radius:100%}.fn__circle_readmore .icon{width:60px;height:60px;border-radius:100%;background-color:#151716;color:#f6eecd;font-size:12px;display:flex;align-items:center;justify-content:center;text-align:center;position:absolute;left:50%;top:50%;margin:-30px 0 0 -30px}.fn__circle_readmore text{font-size:14px;fill:#fff;letter-spacing:1px;text-transform:uppercase;font-family:var(--hff);line-height:32px;height:32px;font-weight:600}@keyframes rotateCircle{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.fn__circle_readmore svg{animation:rotateCircle 15s linear infinite;transform-origin:center}.intro__live-preview{background-color:rgba(0,0,0,.9);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#1c1f1d;opacity:0;transition:all .5s ease}.intro__live-preview:hover{opacity:1}.intro__live-preview .live_btn{width:406px;min-height:360px;max-width:100%;background-color:var(--mokify-mc1);border-radius:5px;padding:40px;display:flex;flex-direction:column;font-family:var(--hff)}.intro__live-subtitle{margin:0;padding:0;font-size:14px;font-weight:600;text-transform:uppercase;margin-bottom:12px}.intro__live-title{margin:0;padding:0;font-weight:900;font-size:60px;line-height:50px;margin-bottom:44px}.intro__live-button{display:inline-flex;margin-left:auto;margin-top:auto;align-items:center;justify-content:center;font-size:14px;text-transform:uppercase;font-weight:600}.intro__live-button .icon{height:54px;flex:0 0 54px;width:54px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;background-color:#1c1f1d;border-radius:100%;color:#f6eecd;margin-left:15px}.intro__skills ul{margin:0;padding:0;list-style-type:none;display:flex;flex-wrap:wrap;margin-left:-20px}.intro__skills li{width:33.3333%;padding-left:20px;margin-bottom:20px;display:flex;align-items:center}.intro__skills .icon{width:56px;height:56px;min-width:56px;border-radius:50%;border:2px solid #444;display:flex;align-items:center;justify-content:center;margin-right:15px}.intro__skills li:hover .icon img{transform:rotateY(180deg)}.intro__skills .text{color:#f6eecd;font-weight:600;font-size:16px;font-family:var(--hff)}.intro__skills .icon img{width:28px;height:auto;transition:.5s;filter:brightness(0) saturate(100%) invert(84%) sepia(0%) saturate(0%) hue-rotate(191deg) brightness(91%) contrast(87%)}.intro_right_in{width:650px;max-width:100%;margin:0 auto;padding:50px;margin-top:46px}.intro__right .purchase_link{font-size:12px;text-decoration:none;color:#676c69;text-transform:uppercase;font-family:var(--hff);font-weight:600;height:30px;line-height:26px;border:2px solid rgba(255,255,255,.2);background-color:var(--mokify-bbc);border-radius:30px;padding:0 10px;display:block;width:fit-content;right:20px;top:20px;transition:.3s;position:fixed;z-index:10;overflow:hidden}.intro__right .purchase_link::after{content:"Purchase Now";position:absolute;color:#ccc;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.intro__right .purchase_link:hover{color:transparent}.intro__right .purchase_link:hover::after{opacity:1}.intro_right_in .title{font-size:48px;font-weight:900;font-family:var(--hff);color:#f6eecd;max-width:400px;line-height:50px;margin-bottom:90px}.intro_right_in .feature_list{margin:0;padding:0;list-style-type:none;display:flex;flex-wrap:wrap;margin-left:-100px}.intro_right_in .feature_list li{width:50%;padding-left:100px;margin-bottom:93px;display:flex;flex-direction:column}.intro_right_in .feature_list li:hover .icon img{transform:rotateY(180deg)}.intro_right_in .feature_list .icon{width:56px;height:56px;min-width:56px;border-radius:50%;border:2px solid #444;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.intro_right_in .feature_list img{width:28px;height:28px;object-fit:contain;transition:.5s;filter:brightness(0) saturate(100%) invert(84%) sepia(0%) saturate(0%) hue-rotate(191deg) brightness(91%) contrast(87%)}.intro_right_in .feature_list .text{color:#f6eecd;font-weight:600;font-size:16px;font-family:var(--hff);margin-bottom:5px;max-width:170px}.intro_right_in .feature_list .desc{font-size:18px;color:#b3afa1;max-width:180px}@media(max-width:1200px){.intro-main{flex-direction:column;}.intro__left{width:100%;}.intro__right{width:100%;}}@media(max-width:768px){.intro__right .purchase_link{top:auto;bottom:20px;}.fn__circle_readmore{display:none;}.intro__skills li{width:100%;}.intro_right_in .feature_list{margin-left:-30px;}.intro_right_in .feature_list li{padding-left:30px;}}@media(max-width:500px){.intro__live-title{font-size:40px;}.intro_right_in .title{font-size:36px;}.intro__demo,.intro__skills,.intro_right_in,.intro__logo a{padding-left:20px;padding-right:20px;}.intro_right_in .feature_list li{width:100%;margin-bottom:43px;}.intro_right_in .feature_list .text{max-width:100%;}.intro_right_in .feature_list .desc{max-width:100%;}}