:root{--bg-color:#FFFCFB;--dark-blue: #4C1F7A;--light-blue: #093FB4;--dark-color:#2A2B2D;--text-color: #4d4e4f;--muted-gray:rgba(17, 17, 18, .1);--light-gray:#D9D9D9;--gray-white:#faf8f8;--dark-gray:#BFBFBF;--primary-color:#F1501D;--accent-color:#AAC541;--muted-green:rgba(218, 235, 206, .5);--accent-text-color: #222;--header-border-color:#B1B1B6;--profile-border-color: rgba(0, 0, 0, .1);--input-bg-color: #BFBFBF;--home-h1-title:clamp(1.5rem, 3vw, 2.2rem);--body-font-size:clamp(1.1rem, 2vw, 1.2rem);--list-font-size: clamp(1rem, 1.5vw, 1.1rem);--card-excerpt-font-size:clamp(1rem, 4vw, 1.2rem);--small-text-font-size:clamp(.9rem, 3vw, 1rem);--tiny-text: clamp(1rem, 1vw, .8rem);--menu-item-font-size:clamp(1rem, 1vw, 1.2rem);--tiny-text:clamp(1rem, 1vw, 1.1rem);--line-height:1.5;--card-title-font-size:clamp(1.1rem, 2vw, 1.7rem);--faq-card-title: clamp(1.2rem, 2vw, 1.6rem) ;--section-title: clamp(1.4rem, 2vw, 2rem);--faq-icon-font-size:clamp(1.4rem, 2vw, 1.8rem);--features-card-title: clamp(1.13rem, 2vw, 1.5rem);--gap:2rem;--large-gap:10rem;--medium-gap:8rem;--intermediate-gap:5rem;--small-gap:.7rem}@media screen and (max-width: 600px){:root{--home-h1-title:clamp(1.5rem, 4vw, 2.3rem)}}body.dark-mode{--bg-color:#efeff5bd;--bg-dark:#222;--accent-text-color: #EFEFF5;--profile-border-color: rgba(255, 255, 255, .1)}@font-face{font-family:"Diagramm-bold";src:url(45dda06a88344dc17667.otf)}@font-face{font-family:"Diagramm-regular";src:url(f60cc7aaff4eb46fe0f5.otf)}@font-face{font-family:"Susanti-signature";src:url(0562bf119585bda933bc.ttf)}:root{--bg-color:#FFFCFB;--dark-blue: #4C1F7A;--light-blue: #093FB4;--dark-color:#2A2B2D;--text-color: #4d4e4f;--muted-gray:rgba(17, 17, 18, .1);--light-gray:#D9D9D9;--gray-white:#faf8f8;--dark-gray:#BFBFBF;--primary-color:#F1501D;--accent-color:#AAC541;--muted-green:rgba(218, 235, 206, .5);--accent-text-color: #222;--header-border-color:#B1B1B6;--profile-border-color: rgba(0, 0, 0, .1);--input-bg-color: #BFBFBF;--home-h1-title:clamp(1.5rem, 3vw, 2.2rem);--body-font-size:clamp(1.1rem, 2vw, 1.2rem);--list-font-size: clamp(1rem, 1.5vw, 1.1rem);--card-excerpt-font-size:clamp(1rem, 4vw, 1.2rem);--small-text-font-size:clamp(.9rem, 3vw, 1rem);--tiny-text: clamp(1rem, 1vw, .8rem);--menu-item-font-size:clamp(1rem, 1vw, 1.2rem);--tiny-text:clamp(1rem, 1vw, 1.1rem);--line-height:1.5;--card-title-font-size:clamp(1.1rem, 2vw, 1.7rem);--faq-card-title: clamp(1.2rem, 2vw, 1.6rem) ;--section-title: clamp(1.4rem, 2vw, 2rem);--faq-icon-font-size:clamp(1.4rem, 2vw, 1.8rem);--features-card-title: clamp(1.13rem, 2vw, 1.5rem);--gap:2rem;--large-gap:10rem;--medium-gap:8rem;--intermediate-gap:5rem;--small-gap:.7rem}@media screen and (max-width: 600px){:root{--home-h1-title:clamp(1.5rem, 4vw, 2.3rem)}}body.dark-mode{--bg-color:#efeff5bd;--bg-dark:#222;--accent-text-color: #EFEFF5;--profile-border-color: rgba(255, 255, 255, .1)}@font-face{font-family:"Diagramm-bold";src:url(45dda06a88344dc17667.otf)}@font-face{font-family:"Diagramm-regular";src:url(f60cc7aaff4eb46fe0f5.otf)}@font-face{font-family:"Susanti-signature";src:url(0562bf119585bda933bc.ttf)}body,html,*{margin:0;padding:0;scroll-behavior:smooth;scroll-padding-top:var(--gap);box-sizing:border-box}body{background-color:var(--bg-color)}p.reveal-text:not(.bg-primary-color p.reveal-text){color:var(--light-blue)}body.light-mode{background-color:var(--bg-color)}body.light-mode .single-post .header{background-color:var(--bg-color)}body.light-mode .toggle-circle-wrapper{background-color:var(--light-gray)}body.light-mode .toggle-circle-wrapper .circle{background:var(--dark-color)}body.light-mode p,body.light-mode h1,body.light-mode h2,body.light-mode h3,body.light-mode h4{color:var(--dark-color)}body.dark-mode{--dark-color:#2A2B2D;background-color:var(--dark-color)}body.dark-mode .blog-post-card .thumbnail-container .thumbnail .two-col-flex p{--dark-color:#2A2B2D;background-color:var(--dark-color) !important}body.dark-mode .single-post .header{--dark-color:#2A2B2D;background-color:var(--dark-color)}body.dark-mode .site-logo img{filter:invert(1) brightness(0.9)}body.dark-mode .mobile-lines-wrapper .line{background:var(--bg-color)}body.dark-mode .brand-logo .brand-logo-image{opacity:.02 !important}body.dark-mode .toggle-circle-wrapper{background-color:var(--bg-dark)}body.dark-mode .toggle-circle-wrapper .circle{background:var(--light-gray);transform:translateX(226%)}body.dark-mode p,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode li,body.dark-mode .titles-line .two-col-flex p .category-link,body.dark-mode .title-icon .icon i{color:var(--bg-color)}body.dark-mode #about-section .two-third__reverse .video-container-wrapper .video-placeholder{background-color:rgba(217,217,217,.0509803922)}body.dark-mode .bg-muted-green{background:var(--bg-dark)}body.dark-mode #services-section .service-card{border:1px solid hsla(0,0%,100%,.1019607843)}body.dark-mode #services-section .bi::before{color:var(--bg-color)}body.dark-mode .btn__primary{background:var(--primary-color);color:var(--bg-color)}body.dark-mode .btn__secondary{background:rgba(0,0,0,0);border:1px solid var(--bg-color);color:var(--bg-color)}body.dark-mode .btn__secondary a{color:var(--bg-color)}body.dark-mode .btn__tertiary{background:rgba(0,0,0,0);border:1px solid var(--bg-color);color:var(--bg-color)}body.dark-mode .btn__tertiary a{color:var(--bg-color)}body.dark-mode .tag,body.dark-mode #about-section .card-btn{border:1px solid rgba(216,217,213,.431372549) !important;color:rgba(216,217,213,.431372549) !important}body.dark-mode #about-section .card-btn:hover{color:var(--accent-text-color) !important}body.dark-mode footer a,body.dark-mode .copyright{color:var(--bg-color)}body{font-family:"Diagramm-regular";overflow-x:hidden}body p{font-size:var(--body-font-size);text-wrap:pretty}body h2,body h3,body h4,body h5,body h6{font-family:"Diagramm-regular";color:var(--primary-color);font-weight:500}.sections-container{display:flex;flex-wrap:nowrap;width:500vw;height:100vh;position:relative}.home-sections-container{display:flex;flex-direction:column;width:100vw;height:auto;position:relative;transform:none}.load-more-btn{cursor:pointer;position:fixed;bottom:-50px;right:47%;padding:var(--small-gap);color:var(--primary-color);border:1px solid var(--primary-color);background:rgba(0,0,0,0);border-radius:var(--gap);z-index:1000;opacity:0;transition:all 400ms ease;font-size:var(--menu-item-font-size);text-transform:uppercase}@media screen and (min-width: 1600px){.load-more-btn{bottom:calc(var(--gap)*7) !important}}@media screen and (max-width: 786px){.load-more-btn{right:36%}}.header.light-text .site-logo img{filter:invert(1) brightness(0.9) !important}.header.light-text a.btn__tertiary{border:1px solid rgba(239,239,245,.7411764706) !important;color:rgba(239,239,245,.7411764706) !important}.header.light-text a.btn__primary{background:var(--primary-color) !important;color:rgba(239,239,245,.7411764706) !important}.header.dark-text .site-logo img{filter:invert(0) brightness(1) !important}.header.dark-text a.btn__tertiary{border:1px solid #020203 !important;color:#020203 !important}.header.dark-text a.btn__primary{background:#020203 !important;color:rgba(239,239,245,.7411764706) !important}a{text-decoration:none}a:not(a.btn){transition:color 400ms ease-in-out}a:not(a.btn):hover{color:var(--primary-color)}a:not(a.btn,footer a){color:var(--light-blue)}li{list-style:none}footer .two-col-flex{gap:var(--small-gap)}footer .two-col-flex *{color:var(--light-blue)}#consentCheckbox ::checkmark{opacity:.3}#consentCheckbox:checked{background:var(--accent-color)}img{max-width:100%;vertical-align:middle;height:auto;font-style:italic;object-fit:cover}.image-box{overflow:hidden}.image-box img{width:100%}.error{color:#4b0202;background:#fa7272;width:max-content;padding:var(--small-gap);height:max-content !important;border-radius:calc(var(--small-gap)/2)}.success{color:#035003;background:#3bbd3b;width:max-content;padding:var(--small-gap);height:max-content;border-radius:calc(var(--small-gap)/2)}::selection{background-color:var(--primary-color);color:var(--bg-color)}::-moz-selection{background-color:var(--primary-color);color:var(--bg-color)}.titles-line .two-col-flex{overflow:hidden}.titles-line .two-col-flex .section-title{transform:translateY(100%);font-size:clamp(1rem,2vw,2rem);cursor:default}.titles-line .two-col-flex p{overflow:hidden}.titles-line .two-col-flex p .archive-link{font-size:clamp(1rem,1vw,1.3rem);text-decoration:underline;transform:translateY(100%)}.titles-line .two-col-flex p .category-link{color:var(--dark-color);transform:translateY(100%)}.titles-line .two-col-flex p .category-link.active{color:var(--primary-color);font-weight:bold}.titles-line .two-col-flex .archive-link{font-size:clamp(1rem,1vw,1.3rem);text-decoration:underline;transform:translateY(100%)}button{border:none;height:max-content}button:focus{outline:none}@media screen and (min-width: 876px){.custom-cursor{position:absolute;width:20px;height:20px;border-radius:50%;background-color:var(--primary-color);pointer-events:none;z-index:9999999;top:70px;transition:width 400ms ease-in-out,height 400ms ease-in-out;isolation:isolate}.custom-cursor.active{position:absolute;width:70px;height:70px;border-radius:50%;background-color:#fff;pointer-events:none;mix-blend-mode:difference;z-index:9999999;top:70px}.custom-cursor:before{content:"";position:absolute;top:30%;left:20%;color:var(--primary-color);mix-blend-mode:darken}.custom-cursor.active:before{content:"open";position:absolute;top:35%;left:23%;color:var(--primary-color);mix-blend-mode:darken;transition:opacity 400ms ease-in-out}}.calendly-trigger{cursor:pointer}.calendly-embed{display:none;min-width:90vw;min-height:100vh;z-index:999;position:absolute;top:1rem;left:4rem}.calendly-embed iframe{min-height:100vh}@media screen and (max-width: 768px){.calendly-embed{top:4rem;left:1rem}}@media screen and (min-width: 990px){.shuffle-text{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#f0f0f0;z-index:9999999;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease-out}.loading-content{text-align:center;position:relative;display:flex;flex-direction:column;gap:var(--small-gap);align-items:center}.loading-content .loading-percentage{text-align:center}.letters-container{position:relative;width:fit-content}.letter{position:absolute;top:0;left:0;font-size:clamp(2rem,3vw,4rem);overflow:hidden;white-space:nowrap}.m-1{width:70px;margin-left:-2.2rem}.post-tag{width:max-content;color:var(--accent-text-color) !important;border:1px solid var(--accent-text-color);padding:calc(var(--small-gap)/2.4);border-radius:var(--gap);font-size:clamp(1rem,1vw,1.2rem)}body.dark-mode .post-tag{border:1px solid rgba(216,217,213,.431372549) !important;color:rgba(216,217,213,.431372549) !important}@media screen and (min-width: 876px){.section #posts-container .blog-post-card:nth-of-type(2),.section #blog-posts-container .blog-post-card:nth-of-type(2){margin-top:1.3rem}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:10px;border:1px solid rgba(0,0,0,0)}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,0)}.form{width:100%;display:flex;flex-direction:column;gap:.7rem}input,textarea{background:var(--light-blue);color:var(--bg-color);border:1px solid hsla(0,0%,100%,.1) !important;padding:1.3rem;border-radius:.7rem;max-width:100%;font-size:clamp(1rem,1vw,1.2rem);display:flex !important}::placeholder{color:hsla(0,0%,100%,.4);font-family:var(--font-family)}input:focus,input:active,textarea:focus,textarea:active{border:1px solid var(--text-color) !important;background:var(--light-blue) !important;color:var(--bg-color) !important;caret-color:var(--primary-color);outline:none}input:focus ::placeholder,input:active ::placeholder,textarea:focus ::placeholder,textarea:active ::placeholder{color:rgba(0,0,0,.4) !important}::placeholder{color:hsla(0,0%,100%,.4);font-family:var(--font-family)}input:-webkit-autofill,textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--light-blue) inset !important;-webkit-text-fill-color:var(--bg-color) !important;transition:background-color 5000s ease-in-out 0s}input:-moz-ui-invalid{background:#bd6161 !important}input:-ms-input-placeholder{background:var(--bg-color) !important}.success-message{color:#043404;background:#83b383;border-radius:.7rem;padding:2rem}.error-message{color:#3b0606;background:#d68b8b;padding:1rem;border-radius:.7rem}.input-error,.contact-right .form-other-details input[type=email].input-error{border:2px solid #d68b8b !important}#emberTrail{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;filter:blur(2px)}:root{--bg-color:#FFFCFB;--dark-blue: #4C1F7A;--light-blue: #093FB4;--dark-color:#2A2B2D;--text-color: #4d4e4f;--muted-gray:rgba(17, 17, 18, .1);--light-gray:#D9D9D9;--gray-white:#faf8f8;--dark-gray:#BFBFBF;--primary-color:#F1501D;--accent-color:#AAC541;--muted-green:rgba(218, 235, 206, .5);--accent-text-color: #222;--header-border-color:#B1B1B6;--profile-border-color: rgba(0, 0, 0, .1);--input-bg-color: #BFBFBF;--home-h1-title:clamp(1.5rem, 3vw, 2.2rem);--body-font-size:clamp(1.1rem, 2vw, 1.2rem);--list-font-size: clamp(1rem, 1.5vw, 1.1rem);--card-excerpt-font-size:clamp(1rem, 4vw, 1.2rem);--small-text-font-size:clamp(.9rem, 3vw, 1rem);--tiny-text: clamp(1rem, 1vw, .8rem);--menu-item-font-size:clamp(1rem, 1vw, 1.2rem);--tiny-text:clamp(1rem, 1vw, 1.1rem);--line-height:1.5;--card-title-font-size:clamp(1.1rem, 2vw, 1.7rem);--faq-card-title: clamp(1.2rem, 2vw, 1.6rem) ;--section-title: clamp(1.4rem, 2vw, 2rem);--faq-icon-font-size:clamp(1.4rem, 2vw, 1.8rem);--features-card-title: clamp(1.13rem, 2vw, 1.5rem);--gap:2rem;--large-gap:10rem;--medium-gap:8rem;--intermediate-gap:5rem;--small-gap:.7rem}@media screen and (max-width: 600px){:root{--home-h1-title:clamp(1.5rem, 4vw, 2.3rem)}}body.dark-mode{--bg-color:#efeff5bd;--bg-dark:#222;--accent-text-color: #EFEFF5;--profile-border-color: rgba(255, 255, 255, .1)}@font-face{font-family:"Diagramm-bold";src:url(45dda06a88344dc17667.otf)}@font-face{font-family:"Diagramm-regular";src:url(f60cc7aaff4eb46fe0f5.otf)}@font-face{font-family:"Susanti-signature";src:url(0562bf119585bda933bc.ttf)}.container{padding-inline:1%;margin-inline:auto}.container__header-container{padding-inline:var(--small-gap);margin-inline:auto}@media screen and (max-width: 550px){.container{padding-inline:3%}}.wrapper{padding-inline:1%;max-width:99%}@media screen and (max-width: 786px){.wrapper{max-width:unset;padding-inline:2%}}.site-logo{max-width:150px;cursor:pointer}.text-light{color:#efeff5}.muted-white{color:hsla(0,0%,100%,.4) !important}.text-dark{color:#020203}.text-center{text-align:center}.reveal-text{line-height:1.1 !important}.reveal-image,.card-reveal{overflow:hidden;will-change:clip-path}.reveal-image img{display:block}.scrollWordWrapper{overflow:hidden;display:inline-block}.scrollWord{display:inline-block}hr{height:1px;background:var(--primary-color) !important}.border-bottom{border-bottom:1px solid rgba(0,0,0,.2)}.btn{border-radius:calc(var(--large-gap)*4);transition:background 400ms ease,border 500ms linear;text-align:center;font-weight:400;font-size:var(--menu-item-font-size);width:max-content;white-space:nowrap !important;text-transform:uppercase;display:flex;justify-content:center;align-items:center;width:max-content;cursor:pointer;padding-bottom:calc(var(--gap)/3);padding-top:calc(var(--gap)/3 + .2rem);padding-inline:calc(var(--gap)/1)}.btn__primary{background:var(--primary-color);color:var(--bg-color)}.btn__secondary{background:rgba(0,0,0,0);border:1px solid var(--dark-color);color:var(--dark-color)}.btn__secondary a{color:var(--dark-color)}.btn__tertiary{background:rgba(0,0,0,0);border:1px solid var(--light-blue);color:var(--light-blue)}.btn__tertiary a{color:var(--dark-blue)}.current-page-menu-item{color:var(--primary-color) !important;border:1px solid var(--primary-color) !important}@media screen and (max-width: 900px){.current-page-menu-item:not(.contact-page.current-page-menu-item){color:var(--bg-color) !important;border:1px solid var(--bg-color) !important}}.disabled{background-color:#8d8d8d !important;color:#b6b6b8 !important;border:#8d8d8d !important;cursor:not-allowed}.contact-form .disabled{background-color:#8d8d8d !important;color:#b6b6b8 !important;border:#8d8d8d !important;cursor:not-allowed}.bg-muted-green,.card-bg-color{background-color:var(--muted-green)}.bg-color{background-color:var(--bg-color)}.bg-white{background-color:#fff;border:1px solid rgba(0,0,0,.1)}.bg-primary-color{background-color:var(--light-blue);color:var(--bg-color) !important}.bg-primary-color h3{color:var(--bg-color)}.bg-primary-color .price{background-color:var(--accent-color) !important}.bg-green{background-color:var(--accent-color)}.bg-dark{background:var(--dark-color);color:var(--bg-color)}.bg-light-gray{border:1px solid rgba(3,3,3,.2117647059);border-radius:calc(var(--small-gap)/2.2)}.paragraph{font-size:var(--body-font-size);line-height:var(--line-height);color:var(--light-blue)}.small-text{font-size:var(--small-text-font-size);line-height:1.2 !important}.collaboration-card{border:1px solid rgba(0,0,0,.1)}.collaboration-card .review{color:var(--light-blue)}.collaboration-card h4{margin-top:.5rem;font-size:var(--card-title-font-size)}.collaboration-card .client p{color:var(--primary-color)}.collaboration-card .reveal-image:not(.reveal-image.review-image-box){max-width:62px;aspect-ratio:1;overflow:hidden;border-radius:.4rem}.collaboration-card .reveal-image:not(.reveal-image.review-image-box) img{height:100%}.tiny-text{font-size:var(--tiny-text)}.tiny-text__text-tag{background:var(--primary-color);color:var(--bg-color);border-radius:var(--gap)}.card-title{font-size:var(--card-title-font-size);font-weight:600}.pricing-card{position:relative}.pricing-card .price{padding:.7rem;position:absolute;top:4.5%;left:40%;border-top-right-radius:1rem;border-bottom-left-radius:1rem;background:var(--dark-color);color:var(--bg-color);transform:rotate(45deg);width:100%;text-align:center}@media(max-width: 600px){.pricing-card .price{top:4%;left:37%}}.pricing-card:not(.pricing-card.bg-primary-color){border:1px solid rgba(0,0,0,.1)}.package-list{font-size:var(--list-font-size);line-height:var(--line-height)}.package-list li{position:relative;display:flex;align-items:anchor-center;gap:var(--small-gap)}.round-corner{border-radius:calc(var(--gap)/2)}.round-corner__small{border-radius:var(--small-gap)}h3.reveal-text{display:flex;align-items:center}h3.reveal-text>.scrollWordWrapper{margin-top:.2rem}.mockup-image-and-name h3.reveal-text{gap:var(--small-gap)}.mockup-image-and-name .reveal-before{background:var(--primary-color);padding:.5rem;border-radius:50%;width:2rem;height:2rem;color:var(--bg-color);display:flex !important;align-items:center;justify-content:center;padding-top:.6rem}.process .reveal-before{position:absolute;left:0;width:1.9rem;height:1.9rem;background-color:var(--primary-color);color:var(--bg-color);border-radius:50%;text-align:center;padding-top:.2rem;margin-right:var(--small-gap);font-weight:bold;transform:translateY(100%);opacity:0;z-index:1;display:none !important}.process .reveal-before .scrollWordWrapper{display:grid;place-content:center;padding-top:.1rem;font-weight:100}.active-card{background-color:#eef1fa;border:1px solid var(--accent-color) !important}.timeline-wrapper{display:grid;grid-template-columns:1fr 1fr 2fr 0fr;grid-template-areas:"step1 step2 step3 step4";margin-top:6rem;margin-bottom:2rem}@media screen and (max-width: 768px){.timeline-wrapper{margin-top:4rem}}.step-wrapper.step-1-wrapper{grid-area:step1}.step-wrapper.step-2-wrapper{grid-area:step2}.step-wrapper.step-3-wrapper{grid-area:step3}.step-wrapper.step-4-wrapper{grid-area:step4}.step-wrapper{position:relative}.step-wrapper .delay{font-size:.9rem;margin-bottom:.5rem;display:none}.step-wrapper.active .delay{display:block;position:absolute;top:-3rem;left:-2rem;padding:.5rem;border-radius:.4rem;background:var(--primary-color);color:var(--bg-color);width:max-content}.step-wrapper.active .delay::before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:.4rem;border-style:solid;border-color:var(--primary-color) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.step{width:2rem;height:2rem;border-radius:50%;background:#ddd;color:#fff;font-weight:bold;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;position:relative;transition:background .3s}.step.active{background:var(--light-blue)}.line-wrapper{position:absolute;top:1rem;left:50%;width:100%;height:2px;transform:translateX(-50%);z-index:1}.step-line{width:100%;height:2px;background:#ddd;position:absolute;top:0;left:0}.step-line-before{width:0;height:2px;background:var(--light-blue);position:absolute;top:0;left:0}.features .reveal-before{display:none}.noUi-pips.noUi-pips-horizontal{display:none}.noUi-handle:before,.noUi-handle:after{background:#767575 !important}.noUi-horizontal .noUi-tooltip{background:var(--accent-color) !important;color:#374500 !important;border:none !important}.noUi-handle{background:var(--bg-color) !important;border:2px solid #ebdcdc !important;box-shadow:unset !important}.noUi-target,.noUi-target{background:rgba(253,253,253,.6901960784) !important;border:none !important;box-shadow:unset !important;border-radius:.3rem !important}.contact-form{width:100%}.contact-form .full-name{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}@media screen and (max-width: 768px){.contact-form .full-name{flex-direction:column}.contact-form .full-name input{width:100%}}.contact-form .full-name input{flex:1}.contact-form .form-other-details{width:100%;display:flex;flex-direction:column;gap:.7rem}.contact-form .form-other-details *:not(.flex input){flex:1 !important}.contact-form .form-other-details input[type=email]{display:flex;flex:1 !important;border:1px solid rgba(0,0,0,.2) !important;width:auto}.contact-form .form-other-details input[type=submit]{font-size:var(--body-font-size)}@media screen and (max-width: 768px){.contact-form .form-other-details input[type=submit]{width:100%}}.noUi-connect{background:var(--accent-color) !important}.budget{background:var(--light-blue)}.m-y{margin-block:var(--gap)}.m-y__medium{margin-block:calc(var(--gap)/2)}.m-y__small{margin-block:var(--small-gap)}.m-y__large{margin-block:calc(var(--large-gap)/2)}.m-y__extra{margin-block:var(--large-gap)}.m-auto{margin-inline:auto}.m-top{margin-top:var(--gap)}.m-top__medium{margin-top:calc(var(--gap)/2)}.m-top__large{margin-top:calc(var(--large-gap)/2)}.m-top__small{margin-top:var(--small-gap)}.m-top__extra{margin-top:var(--large-gap)}.m-bottom{margin-bottom:var(--gap)}.m-bottom__medium{margin-bottom:calc(var(--gap)/2)}.m-bottom__small{margin-bottom:var(--small-gap)}.m-bottom__large{margin-bottom:calc(var(--large-gap)/2)}.m-bottom__intermediate{margin-bottom:calc(var(--medium-gap)/2)}.section-m-top{margin-top:var(--large-gap)}.hero-title{font-size:var(--home-h1-title);font-weight:600;line-height:1 !important;visibility:hidden;color:var(--light-blue)}.section-m-bottom{margin-bottom:var(--large-gap)}.section-m-bottom__medium{margin-bottom:calc(var(--large-gap)/2)}.small-inline-pad{padding-inline:3%}@media screen and (min-width: 1780px){.small-inline-pad{padding-inline:5%}}.section-p-y{padding-block:var(--large-gap)}.section-p-y__medium{padding-block:calc(var(--gap)/2)}.section-p-y__small{padding-block:var(--small-gap)}.section-p-y__small{padding-bottom:var(--small-gap)}.p-top{padding-top:var(--gap)}.p-top__medium{padding-top:calc(var(--gap)/2)}.p-top__small{padding-top:var(--small-gap)}.p-bottom{padding-bottom:var(--gap)}.p-bottom__medium{padding-bottom:calc(var(--gap)/2)}.p-bottom__small{padding-bottom:var(--small-gap)}.p4{padding:var(--gap)}.p4__medium{padding:calc(var(--gap)/2)}.p4__small{padding:var(--small-gap)}.p4__tiny{padding:calc(var(--small-gap)/1.5)}.p3{padding:var(--gap) var(--gap) 0 var(--gap)}.p3__medium{padding:calc(var(--gap)/2) calc(var(--gap)/2) 0 calc(var(--gap)/2)}.p3__small{padding:var(--small-gap) var(--small-gap) 0 var(--small-gap)}.py{padding-block:var(--gap)}.py__medium{padding-block:calc(var(--gap)/2)}.py__small{padding-block:var(--small-gap)}.py__large{padding-block:calc(var(--gap) + 1rem)}.py__extra{padding-block:calc(var(--large-gap)/2)}.px{padding-inline:var(--gap)}.px__medium{padding-inline:calc(var(--gap)/2)}.px__small{padding-inline:var(--small-gap)}.d-flex{display:flex;align-items:center;justify-content:space-between;gap:var(--gap)}@media screen and (max-width: 786px){.d-flex{gap:calc(var(--gap)/2)}}.d-flex__algin-top{display:flex !important;align-items:flex-start !important;justify-content:space-between}.d-flex__medium-gap{gap:calc(var(--gap)/2)}.d-flex__small-gap{gap:var(--small-gap)}.d-flex .flag-box{max-width:150px;max-height:100px;overflow:hidden}@media screen and (max-width: 786px){.title-and-count.d-flex:not(.archive .title-and-count.d-flex){flex-direction:column;align-items:baseline;gap:var(--small-gap)}}.flex-col{display:flex;flex-direction:column;gap:var(--gap)}.flex-col__small-gap{gap:var(--small-gap)}.flex-col__medium-gap{gap:calc(var(--gap)/2)}.flex-col__large{gap:var(--intermediate-gap)}.flex-col__center{justify-content:center;align-items:center}.flex-col__spaceBetween{justify-content:space-between}.flex-row{display:flex;align-items:center;gap:var(--gap)}.flex-row__top-align{align-items:flex-start}.flex-row__small-gap{gap:var(--small-gap)}.flex-row__small-gap:has(.time-since-published){gap:calc(var(--small-gap) - .5rem)}@media screen and (max-width: 1100px){.flex-row__small-gap:has(.time-since-published){flex-direction:column}}.flex-row__medium-gap{gap:calc(var(--gap)/2)}.flex-row__spaceBetween{justify-content:space-between}@media screen and (max-width: 768px){flex-row:not(.flex-row.footer-contact,.flex-row.button-box,.social-follow .flex-row,.form-bottom .flex-row,.flex-row.mob-lines-container,.pub-date.flex-row,.pub-date+.flex-row,.share-links a.flex-row,.social-share a.flex-row){flex-direction:column}}.f-center{display:flex;align-items:center;justify-content:center}.f-center__small-gap{gap:var(--small-gap)}.input-bg-color{background:var(--input-bg-color)}@media screen and (max-width: 780px){.input-box.f-center{flex-direction:column}.input-box.f-center .btn{padding-bottom:calc(var(--gap)/2);padding-top:calc(var(--gap)/2 + .2rem);width:100%}.input-box.f-center .input-b-trans{width:100% !important}}.flex-center{display:flex;align-items:center;justify-content:center;gap:var(--gap)}.flex-center__small-gap{gap:var(--small-gap)}.flex-center__col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap)}.flex-center__col__small-gap{gap:var(--small-gap)}.flex-wrap{display:flex;flex-wrap:wrap;gap:var(--small-gap)}.flex-wrap>*{max-width:400px}.d-grid{display:grid;place-content:center;gap:var(--gap)}.flex{display:flex;align-items:center;gap:var(--gap)}@media(max-width: 600px){.flex{flex-direction:column}}.flex__small{gap:var(--small-gap)}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}@media screen and (min-width: 800px){.grid-auto-fit{grid-template-columns:repeat(auto-fit, minmax(400px, 1fr))}}.grid-auto-fit__small-gap{gap:var(--small-gap)}.grid-auto-fit__large-gap{gap:var(--gap)}.half{display:grid;grid-template-columns:repeat(2, minmax(200px, 1fr));gap:var(--small-gap)}.half__medium{gap:var(--gap)}@media screen and (max-width: 768px){.half{display:flex;flex-direction:column;gap:calc(var(--gap) + 1rem)}}.two-third{display:grid;grid-template-columns:2fr 1fr;gap:calc(var(--gap)/2)}.two-third__reverse{display:grid;grid-template-columns:1fr 2fr;gap:calc(var(--gap)/2)}@media screen and (max-width: 930px){.two-third__reverse{display:flex;flex-direction:column}}@media screen and (max-width: 930px){.two-third{display:flex;flex-direction:column}}@media screen and (max-width: 930px){.reverse-mobile{flex-direction:column-reverse}}.two-col-flex{display:flex;align-items:center;justify-content:space-between;gap:var(--gap)}.two-rows-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:calc(var(--gap) + 2rem)}@media screen and (max-width: 820px){.two-rows-grid{display:flex;flex-direction:column;gap:calc(var(--gap)/2)}}.two-rows-grid>div{place-self:start}.two-rows-grid .image-box{height:100%;width:100%;border-radius:calc(var(--small-gap) - 0rem)}@media screen and (max-width: 550px){.two-rows-grid .image-box{height:300px}}.two-rows-grid .image-box img{height:100%}.flex-1{flex:1}.text-multi-column{-moz-column-count:3;-webkit-column-count:3;column-count:3;-moz-column-gap:var(--gap);-webkit-column-gap:var(--gap);column-gap:var(--gap);text-wrap:justify}@media screen and (max-width: 1600px){.text-multi-column{-moz-column-count:2;-webkit-column-count:2;column-count:2}}@media screen and (max-width: 550px){.text-multi-column{-moz-column-count:1 !important;-webkit-column-count:1 !important;column-count:1 !important}}.t-center{text-align:center}.t-right{text-align:right}.medium-width{width:clamp(50%,80%,100vw)}@media screen and (min-width: 900px)and (max-width: 1033px){.medium-width{width:clamp(50%,95%,100vw)}}@media screen and (min-width: 600px)and (max-width: 899px){.medium-width{width:clamp(50%,100%,100vw)}}@media screen and (min-width: 600px)and (max-width: 899px){.medium-width:has(.two-rows-grid){padding-inline:3%}}@media screen and (min-width: 1700px){.medium-width:has(.founder){width:60%}}@media screen and (max-width: 500px){.medium-width{width:100% !important}}@media(max-width: 900px)and (min-width: 600px){#faq .medium-width{width:72%}}@media screen and (max-width: 599px){#faq .medium-width{width:80%}}#faq .faq-card p{max-width:90%}@media screen and (max-width: 786px){#faq .faq-card p{max-width:100%}}#newsletter .medium-width{max-width:70%}@media screen and (max-width: 550px){#newsletter .medium-width{max-width:100%}}.large-width{max-width:94%}@media screen and (max-width: 1204px){.large-width{max-width:80%}}@media screen and (min-width: 1780px){.large-width{max-width:90%}}@media screen and (max-width: 780px){.input-box.large-width{max-width:100%}}.small-width{max-width:38%}@media screen and (max-width: 780px){.small-width{max-width:90%}}.form-medium-width{max-width:46%}@media(max-width: 900px)and (min-width: 600px){.form-medium-width{max-width:72%}}@media screen and (max-width: 599px){.form-medium-width{max-width:100%}}.container-narrow{max-width:clamp(50%,65vw,1440px)}@media screen and (max-width: 600px){.container-narrow{max-width:96% !important}}.single .container-narrow{max-width:clamp(50%,90vw,1600px)}.single p{color:var(--light-blue)}:root{--bg-color:#FFFCFB;--dark-blue: #4C1F7A;--light-blue: #093FB4;--dark-color:#2A2B2D;--text-color: #4d4e4f;--muted-gray:rgba(17, 17, 18, .1);--light-gray:#D9D9D9;--gray-white:#faf8f8;--dark-gray:#BFBFBF;--primary-color:#F1501D;--accent-color:#AAC541;--muted-green:rgba(218, 235, 206, .5);--accent-text-color: #222;--header-border-color:#B1B1B6;--profile-border-color: rgba(0, 0, 0, .1);--input-bg-color: #BFBFBF;--home-h1-title:clamp(1.5rem, 3vw, 2.2rem);--body-font-size:clamp(1.1rem, 2vw, 1.2rem);--list-font-size: clamp(1rem, 1.5vw, 1.1rem);--card-excerpt-font-size:clamp(1rem, 4vw, 1.2rem);--small-text-font-size:clamp(.9rem, 3vw, 1rem);--tiny-text: clamp(1rem, 1vw, .8rem);--menu-item-font-size:clamp(1rem, 1vw, 1.2rem);--tiny-text:clamp(1rem, 1vw, 1.1rem);--line-height:1.5;--card-title-font-size:clamp(1.1rem, 2vw, 1.7rem);--faq-card-title: clamp(1.2rem, 2vw, 1.6rem) ;--section-title: clamp(1.4rem, 2vw, 2rem);--faq-icon-font-size:clamp(1.4rem, 2vw, 1.8rem);--features-card-title: clamp(1.13rem, 2vw, 1.5rem);--gap:2rem;--large-gap:10rem;--medium-gap:8rem;--intermediate-gap:5rem;--small-gap:.7rem}@media screen and (max-width: 600px){:root{--home-h1-title:clamp(1.5rem, 4vw, 2.3rem)}}body.dark-mode{--bg-color:#efeff5bd;--bg-dark:#222;--accent-text-color: #EFEFF5;--profile-border-color: rgba(255, 255, 255, .1)}@font-face{font-family:"Diagramm-bold";src:url(45dda06a88344dc17667.otf)}@font-face{font-family:"Diagramm-regular";src:url(f60cc7aaff4eb46fe0f5.otf)}@font-face{font-family:"Susanti-signature";src:url(0562bf119585bda933bc.ttf)}.intro img{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 786px){.top-page-details{display:none !important}}.top-page-details a{text-decoration:none;font-size:clamp(1rem,1vw + .03rem,1.05rem)}.top-page-cta{font-size:var(--body-font-size) !important;color:var(--primary-color) !important;transition:all 400ms ease-in-out}.top-page-cta:hover{text-decoration:none}.intro-container{width:100vw;height:100vh;overflow:hidden}.counter{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:40px;height:20px;text-align:center;clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%);z-index:0}.counter p{position:relative;display:block;transform:translateY(20px);font-size:var(--card-excerpt-font-size);color:var(--primary-color)}.intro-hero{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.7);width:100vw;height:100dvh;clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);will-change:transform;z-index:1}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--light-blue);clip-path:polygon(0 100%, 100% 100%, 100% 0, 0 0);z-index:2}.top-page-details{position:absolute;top:0;left:1%;width:99%;padding:1em;display:flex}.col{flex:1;display:flex}.items{flex:1;display:flex;flex-direction:column;gap:.3rem}.col:nth-child(2) .items:last-child span{text-align:right}.intro-header{position:absolute;width:100%;bottom:1%;left:0;clip-path:polygon(0 100%, 100% 100%, 100% 0, 0 0);z-index:1}.intro-header .h-title{font-size:26vw;font-weight:lighter;text-align:center;margin:0;padding:0;line-height:66%;color:var(--light-blue)}.intro-header .h-title span{position:relative;display:inline-block;transform:translateY(500px)}.subtitle-wrapper{margin-top:10%;display:grid;grid-template-columns:repeat(3, 1fr)}@media(max-width: 900px)and (min-width: 600px){.subtitle-wrapper{grid-template-columns:1fr 2fr;margin-top:7%}}@media screen and (max-width: 599px){.subtitle-wrapper{display:flex;flex-direction:column;gap:2rem;margin-top:10%}}.title-and-subtitle{grid-column:3}@media(max-width: 900px)and (min-width: 600px){.title-and-subtitle{grid-column:unset}}.subtitle{line-height:1.2;text-wrap:pretty}.paragraph.subtitle .wordWrapper{transform:translateY(120%);display:inline-block;overflow:hidden}.paragraph.subtitle .wordChild{display:inline-block}.numbers-cta{grid-column:2;visibility:hidden;opacity:0}@media(max-width: 900px)and (min-width: 600px){.numbers-cta{grid-column:unset}}.numbers-cta a{font-size:var(--body-font-size);color:var(--primary-color) !important}.numbers{position:relative;height:4rem;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:calc(var(--gap)/2)}@media screen and (max-width: 600px){.numbers{height:3rem}}.numbers>div{position:absolute;width:100%;text-align:left;opacity:0;color:var(--light-blue)}.intro-hero-img{position:absolute;bottom:0;width:100%;height:35vh;overflow:hidden;z-index:0}.intro-hero-img img{transform:scale(2)}@media(max-width: 900px){.col:nth-child(1) .items:nth-child(2) p{text-align:right}.col:nth-child(2){display:none}.intro-header{top:30%}}@media(max-width: 900px)and (max-width: 900px)and (min-width: 600px){.intro-header{top:63%}}@media screen and (max-width: 900px)and (max-width: 786px){.intro-header{top:unset;bottom:1.5%}}@media(max-width: 900px){.intro-hero-img{height:50vh}}.circular-text-container~.items{text-align:center}:root{--bg-color:#FFFCFB;--dark-blue: #4C1F7A;--light-blue: #093FB4;--dark-color:#2A2B2D;--text-color: #4d4e4f;--muted-gray:rgba(17, 17, 18, .1);--light-gray:#D9D9D9;--gray-white:#faf8f8;--dark-gray:#BFBFBF;--primary-color:#F1501D;--accent-color:#AAC541;--muted-green:rgba(218, 235, 206, .5);--accent-text-color: #222;--header-border-color:#B1B1B6;--profile-border-color: rgba(0, 0, 0, .1);--input-bg-color: #BFBFBF;--home-h1-title:clamp(1.5rem, 3vw, 2.2rem);--body-font-size:clamp(1.1rem, 2vw, 1.2rem);--list-font-size: clamp(1rem, 1.5vw, 1.1rem);--card-excerpt-font-size:clamp(1rem, 4vw, 1.2rem);--small-text-font-size:clamp(.9rem, 3vw, 1rem);--tiny-text: clamp(1rem, 1vw, .8rem);--menu-item-font-size:clamp(1rem, 1vw, 1.2rem);--tiny-text:clamp(1rem, 1vw, 1.1rem);--line-height:1.5;--card-title-font-size:clamp(1.1rem, 2vw, 1.7rem);--faq-card-title: clamp(1.2rem, 2vw, 1.6rem) ;--section-title: clamp(1.4rem, 2vw, 2rem);--faq-icon-font-size:clamp(1.4rem, 2vw, 1.8rem);--features-card-title: clamp(1.13rem, 2vw, 1.5rem);--gap:2rem;--large-gap:10rem;--medium-gap:8rem;--intermediate-gap:5rem;--small-gap:.7rem}@media screen and (max-width: 600px){:root{--home-h1-title:clamp(1.5rem, 4vw, 2.3rem)}}body.dark-mode{--bg-color:#efeff5bd;--bg-dark:#222;--accent-text-color: #EFEFF5;--profile-border-color: rgba(255, 255, 255, .1)}@font-face{font-family:"Diagramm-bold";src:url(45dda06a88344dc17667.otf)}@font-face{font-family:"Diagramm-regular";src:url(f60cc7aaff4eb46fe0f5.otf)}@font-face{font-family:"Susanti-signature";src:url(0562bf119585bda933bc.ttf)}#cc-banner,#cc-modal{position:fixed;inset:auto 0 0 0;background:var(--light-blue);color:var(--bg-color);padding:16px;z-index:9999}#cc-modal{inset:0;display:flex;align-items:center;justify-content:center;background:var(--light-blue)}#cc-modal .cc-box{background:var(--bg-color);color:var(--light-blue);padding:20px;max-width:520px;width:90%;border-radius:12px;display:flex;flex-direction:column;gap:.7rem}.cc-box label{display:flex;align-items:center;gap:.4rem}@media screen and (max-width: 500px){.cc-box label{align-items:flex-start}}.cc-actions button,.cc-modal-actions button{margin-right:8px}[hidden]{display:none !important}#cc-banner{opacity:0;transform:translateY(16px)}#cc-banner.cc-enter.cc-enter-active{opacity:1;transform:translateY(0)}.cc-content p{margin-bottom:.7rem;font-size:clamp(.7rem,2vw,1rem) !important}.cc-content p a{color:var(--bg-color);text-decoration:underline}.cc-actions button,.cc-modal-actions button{padding:.4rem 1rem;border-radius:3rem;font-size:.7rem;cursor:pointer}.cc-actions #cc-accept,.cc-actions #cc-save,.cc-modal-actions #cc-accept,.cc-modal-actions #cc-save{background:var(--primary-color);color:var(--bg-color);transition:all 400ms ease-in-out;border:1px solid var(--primary-color)}.cc-actions #cc-customize,.cc-modal-actions #cc-customize{background:rgba(0,0,0,0);border:1px solid var(--bg-color);color:var(--bg-color);transition:background .3s ease,color .3s ease}.cc-actions #cc-customize:hover,.cc-modal-actions #cc-customize:hover{background:var(--bg-color);color:var(--light-blue)}.cc-actions #cc-reject,.cc-actions #cc-cancel,.cc-modal-actions #cc-reject,.cc-modal-actions #cc-cancel{color:var(--bg-color);text-decoration:underline;background:rgba(0,0,0,0) !important;padding:unset !important}.cc-actions #cc-cancel,.cc-modal-actions #cc-cancel{color:#fa7272}@media screen and (max-width: 786px){.cc-actions #cc-analytics,.cc-modal-actions #cc-analytics{max-width:1rem}}:root{--bg-color:#FFFCFB;--dark-blue: #4C1F7A;--light-blue: #093FB4;--dark-color:#2A2B2D;--text-color: #4d4e4f;--muted-gray:rgba(17, 17, 18, .1);--light-gray:#D9D9D9;--gray-white:#faf8f8;--dark-gray:#BFBFBF;--primary-color:#F1501D;--accent-color:#AAC541;--muted-green:rgba(218, 235, 206, .5);--accent-text-color: #222;--header-border-color:#B1B1B6;--profile-border-color: rgba(0, 0, 0, .1);--input-bg-color: #BFBFBF;--home-h1-title:clamp(1.5rem, 3vw, 2.2rem);--body-font-size:clamp(1.1rem, 2vw, 1.2rem);--list-font-size: clamp(1rem, 1.5vw, 1.1rem);--card-excerpt-font-size:clamp(1rem, 4vw, 1.2rem);--small-text-font-size:clamp(.9rem, 3vw, 1rem);--tiny-text: clamp(1rem, 1vw, .8rem);--menu-item-font-size:clamp(1rem, 1vw, 1.2rem);--tiny-text:clamp(1rem, 1vw, 1.1rem);--line-height:1.5;--card-title-font-size:clamp(1.1rem, 2vw, 1.7rem);--faq-card-title: clamp(1.2rem, 2vw, 1.6rem) ;--section-title: clamp(1.4rem, 2vw, 2rem);--faq-icon-font-size:clamp(1.4rem, 2vw, 1.8rem);--features-card-title: clamp(1.13rem, 2vw, 1.5rem);--gap:2rem;--large-gap:10rem;--medium-gap:8rem;--intermediate-gap:5rem;--small-gap:.7rem}@media screen and (max-width: 600px){:root{--home-h1-title:clamp(1.5rem, 4vw, 2.3rem)}}body.dark-mode{--bg-color:#efeff5bd;--bg-dark:#222;--accent-text-color: #EFEFF5;--profile-border-color: rgba(255, 255, 255, .1)}@font-face{font-family:"Diagramm-bold";src:url(45dda06a88344dc17667.otf)}@font-face{font-family:"Diagramm-regular";src:url(f60cc7aaff4eb46fe0f5.otf)}@font-face{font-family:"Susanti-signature";src:url(0562bf119585bda933bc.ttf)}header{position:fixed;top:0;left:0;z-index:99999;width:100%}header .nav-hint{font-size:.9rem;font-weight:500;display:flex;gap:.3rem;align-items:center;justify-content:center}header .scroll-arrow{color:var(--primary-color);animation:scrollPulse 1.2s infinite}@keyframes scrollPulse{0%,100%{opacity:.5;transform:translateX(0)}50%{opacity:1;transform:translateX(5px)}}@media screen and (min-width: 901px){header .mob-nav{display:none}}header .mobile-lines-wrapper{display:none}header .toggle-circle-wrapper{width:70px;border-radius:var(--gap);padding:calc(var(--small-gap)/2)}header .toggle-circle-wrapper .circle{width:calc(var(--gap)/1.8);height:calc(var(--gap)/1.8);border-radius:50%;transition:transform 600ms cubic-bezier(0.68, -0.55, 0.27, 1.55);cursor:pointer}header .container{overflow:hidden}header .container .site-logo,header .container ul.nav li,header .container .nav-cta-button,header .container .toggle-circle-wrapper{transform:translateY(147%)}.home-nav{padding-block:var(--gap)}.home-nav span{color:var(--bg-color) !important}.header{transform:translateY(-100%);background-color:var(--bg-color)}.nav-flex.d-flex{align-items:flex-start;width:100%}.nav-flex.d-flex .col:nth-of-type(2) .items{gap:.5rem}.nav-flex.d-flex .col a,.nav-flex.d-flex .col p{overflow:hidden}.nav-flex.d-flex .col a span,.nav-flex.d-flex .col p span{transform:translateY(-110%)}:root{--bg-color:#FFFCFB;--dark-blue: #4C1F7A;--light-blue: #093FB4;--dark-color:#2A2B2D;--text-color: #4d4e4f;--muted-gray:rgba(17, 17, 18, .1);--light-gray:#D9D9D9;--gray-white:#faf8f8;--dark-gray:#BFBFBF;--primary-color:#F1501D;--accent-color:#AAC541;--muted-green:rgba(218, 235, 206, .5);--accent-text-color: #222;--header-border-color:#B1B1B6;--profile-border-color: rgba(0, 0, 0, .1);--input-bg-color: #BFBFBF;--home-h1-title:clamp(1.5rem, 3vw, 2.2rem);--body-font-size:clamp(1.1rem, 2vw, 1.2rem);--list-font-size: clamp(1rem, 1.5vw, 1.1rem);--card-excerpt-font-size:clamp(1rem, 4vw, 1.2rem);--small-text-font-size:clamp(.9rem, 3vw, 1rem);--tiny-text: clamp(1rem, 1vw, .8rem);--menu-item-font-size:clamp(1rem, 1vw, 1.2rem);--tiny-text:clamp(1rem, 1vw, 1.1rem);--line-height:1.5;--card-title-font-size:clamp(1.1rem, 2vw, 1.7rem);--faq-card-title: clamp(1.2rem, 2vw, 1.6rem) ;--section-title: clamp(1.4rem, 2vw, 2rem);--faq-icon-font-size:clamp(1.4rem, 2vw, 1.8rem);--features-card-title: clamp(1.13rem, 2vw, 1.5rem);--gap:2rem;--large-gap:10rem;--medium-gap:8rem;--intermediate-gap:5rem;--small-gap:.7rem}@media screen and (max-width: 600px){:root{--home-h1-title:clamp(1.5rem, 4vw, 2.3rem)}}body.dark-mode{--bg-color:#efeff5bd;--bg-dark:#222;--accent-text-color: #EFEFF5;--profile-border-color: rgba(255, 255, 255, .1)}@font-face{font-family:"Diagramm-bold";src:url(45dda06a88344dc17667.otf)}@font-face{font-family:"Diagramm-regular";src:url(f60cc7aaff4eb46fe0f5.otf)}@font-face{font-family:"Susanti-signature";src:url(0562bf119585bda933bc.ttf)}.images-container{position:relative;width:100%;height:100%}@media screen and (max-width: 786px){.images-container{min-height:300px}}.projects-image.hero-images{padding-left:calc(1.5% + .5rem);padding-right:2rem;height:33vh;position:relative}@media screen and (max-width: 786px){.projects-image.hero-images{height:25vh}}.projects-image.hero-images .projects-controls{opacity:0;visibility:hidden;pointer-events:none;position:absolute;top:1rem;left:1rem;max-width:100%;padding-inline:1rem}.projects-image.hero-images .projects-controls #projects-next{background:none;border:1px solid var(--primary-color);padding-block:calc(var(--small-gap)/2);padding-inline:calc(var(--small-gap)/1);color:var(--primary-color);border-radius:calc(var(--gap));font-size:clamp(1rem,1vw,1.2rem);cursor:pointer}.projects-image.hero-images .projects-controls p{color:var(--primary-color)}.projects-image.hero-images .image-box.images-container{display:grid;max-height:300px;min-height:unset;overflow:hidden;position:relative;width:100%;height:100%;clip-path:polygon(0 0, 100% 0, 100% 0, 0 0);-webkit-clip-path:polygon(0 0, 100% 0, 100% 0, 0 0)}.projects-image.hero-images .image-box.images-container .image-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;transition:opacity .5s ease-in-out;z-index:0}.projects-image.hero-images .image-box.images-container .image-slide.active{opacity:1;z-index:1}@media screen and (max-width: 600px){.projects-image.hero-images .image-box.images-container{margin-right:unset;padding-left:unset}.projects-image.hero-images .image-box.images-container .projects-controls{padding-inline:unset}}@media screen and (max-width: 599px){.projects-image.hero-images{order:3;padding-left:unset;padding-right:unset}}.about{display:grid;grid-template-columns:repeat(3, 1fr)}@media screen and (max-width: 900px){.about{grid-template-columns:1fr 1fr}}@media screen and (max-width: 600px){.about{grid-template-columns:1fr}}.about .content-wrapper{grid-column:2}.about .content-wrapper .image-box{height:300px;display:flex;place-items:center}@media screen and (min-width: 1600px){.about .content-wrapper .image-box{height:clamp(300px,60vh,350px)}}@media screen and (max-width: 600px){.about .content-wrapper .image-box{height:230px}}.process .process-wprapper{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--small-gap)}@media screen and (min-width: 786px){.process .process-wprapper{grid-template-columns:repeat(2, 1fr)}}.title-and-count .project-title{font-size:var(--home-h1-title)}.title-and-count .number{padding-right:calc(var(--gap)/2)}.project-tags .tag{font-size:clamp(.7rem,1vw,1rem);opacity:.7}.project-wrapper a{font-size:var(--body-font-size)}.back{position:absolute;top:calc(var(--gap)/2);left:calc(var(--gap)/2);background-color:var(--primary-color) !important;color:var(--bg-color) !important;border:none !important;z-index:2}.image-source{font-size:var(--small-gap);color:var(--primary-color)}.mansah-move-up{overflow:hidden;position:relative}.mansah-move-up .move-up-inner{transform:translateY(0%)}.mansah-move-up.hidden .move-up-inner{transform:translateY(-120%)}.rotating-text-wrapper{will-change:transform}.profile-image-wrapper{width:36px !important;height:36px !important;border-radius:50%;overflow:hidden;display:flex;align-items:end}.profile-image-wrapper img{width:100%;height:100%;object-fit:contain;clip-path:circle(0% at 50% 50%)}.faq-title{color:var(--light-blue);font-weight:600;font-size:var(--faq-card-title)}h2.reveal-text{color:var(--light-blue);font-weight:600;font-size:var(--section-title)}.faq-title{max-width:90%}@media screen and (min-width: 876px){.features-wrapper{grid-template-columns:repeat(2, 1fr)}}.features-wrapper .single-process{border:1px solid rgba(0,0,0,.1);padding:var(--gap)}.process-wprapper .single-process{border:1px solid rgba(0,0,0,.1);padding:var(--gap);border-radius:var(--small-gap)}.space{margin-top:.6rem !important;padding-inline:.5rem !important}.heading-icon{margin-bottom:calc(var(--gap)/2)}.heading-icon h2,.title-and-icon h3{font-size:var(--features-card-title);color:var(--light-blue);font-weight:600}.heading-icon .icon,.title-and-icon .md.hydrated{display:flex;padding:.7rem;background:var(--light-blue);color:var(--bg-color);border-radius:.7rem;font-size:var(--card-title-font-size)}.faq-title-icon{cursor:pointer}.faq-title-icon .md.hydrated{font-size:var(--faq-icon-font-size);color:var(--primary-color)}@media screen and (min-width: 876px){.faq-wrapper.grid-auto-fit{grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1500px){.faq-wrapper.medium-width{width:clamp(50%,60%,900px) !important}}.profile-image-wrapper~.items{text-align:center}.review-image-box{max-width:100%}.client.flex-col{gap:.2rem !important}.project-cursor{position:fixed;top:0;left:0;width:300px;pointer-events:none;z-index:9999}.project-cursor img{display:block;max-width:100%;height:auto}.response{overflow:hidden;height:0;opacity:0}.icon-box ion-icon[name=remove-outline]{display:none}.faq-card.active .icon-box ion-icon[name=add-circle-outline]{display:none}.faq-card.active .icon-box ion-icon[name=remove-outline]{display:block}.faq-title{color:var(--primary-color);transition:color .3s ease;text-wrap:pretty}.faq-card.active .faq-title{color:var(--light-blue)}.faq-wrapper .flex-col{gap:0 !important}.faq-card.active.flex-col{gap:calc(var(--gap)/2) !important}input[type=checkbox]:not(#cc-analytics){position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-wrapper label{position:relative;padding-left:1.5rem;cursor:pointer;user-select:none}.checkbox-wrapper label::before{content:"";position:absolute;left:0;top:.26rem;width:var(--small-gap);height:var(--small-gap);border:2px solid var(--light-blue);border-radius:.2rem;background:var(--bg-color);transition:background .3s,border-color .3s}input[type=checkbox]:checked:not(#cc-analytics)+label::before{background:var(--accent-color);border-color:var(--accent-color)}input[type=checkbox]:checked:not(#cc-analytics)+label::after{content:"";position:absolute;left:.25rem;top:.15rem;width:.3rem;height:.5rem;border:solid #fff;border-width:0 .1rem .1rem 0;transform:rotate(45deg)}.checkbox-wrapper.error label::before{border-color:#fa7272}.checkbox-wrapper{position:relative}.checkbox-wrapper label ion-icon{color:var(--primary-color)}.checkbox-wrapper label span{right:9rem;top:-5rem;background:#dbeafe;color:#3e4460;width:100px !important;font-size:.7rem;padding:.5rem;border-radius:.3rem;position:absolute;display:flex;clip-path:circle(0% at 50% 50%);opacity:0;transition:clip-path .4s ease,opacity .4s ease}@media screen and (max-width: 600px){.checkbox-wrapper label span{right:-2.5rem}}.checkbox-wrapper label span::before{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:.4rem;border-style:solid;border-color:#dbeafe rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.checkbox-wrapper label:hover span,.checkbox-wrapper label:focus-within span{clip-path:circle(75% at 50% 50%);opacity:1}.features-anchor{color:var(--primary-color) !important}:root{--bg-color:#FFFCFB;--dark-blue: #4C1F7A;--light-blue: #093FB4;--dark-color:#2A2B2D;--text-color: #4d4e4f;--muted-gray:rgba(17, 17, 18, .1);--light-gray:#D9D9D9;--gray-white:#faf8f8;--dark-gray:#BFBFBF;--primary-color:#F1501D;--accent-color:#AAC541;--muted-green:rgba(218, 235, 206, .5);--accent-text-color: #222;--header-border-color:#B1B1B6;--profile-border-color: rgba(0, 0, 0, .1);--input-bg-color: #BFBFBF;--home-h1-title:clamp(1.5rem, 3vw, 2.2rem);--body-font-size:clamp(1.1rem, 2vw, 1.2rem);--list-font-size: clamp(1rem, 1.5vw, 1.1rem);--card-excerpt-font-size:clamp(1rem, 4vw, 1.2rem);--small-text-font-size:clamp(.9rem, 3vw, 1rem);--tiny-text: clamp(1rem, 1vw, .8rem);--menu-item-font-size:clamp(1rem, 1vw, 1.2rem);--tiny-text:clamp(1rem, 1vw, 1.1rem);--line-height:1.5;--card-title-font-size:clamp(1.1rem, 2vw, 1.7rem);--faq-card-title: clamp(1.2rem, 2vw, 1.6rem) ;--section-title: clamp(1.4rem, 2vw, 2rem);--faq-icon-font-size:clamp(1.4rem, 2vw, 1.8rem);--features-card-title: clamp(1.13rem, 2vw, 1.5rem);--gap:2rem;--large-gap:10rem;--medium-gap:8rem;--intermediate-gap:5rem;--small-gap:.7rem}@media screen and (max-width: 600px){:root{--home-h1-title:clamp(1.5rem, 4vw, 2.3rem)}}body.dark-mode{--bg-color:#efeff5bd;--bg-dark:#222;--accent-text-color: #EFEFF5;--profile-border-color: rgba(255, 255, 255, .1)}@font-face{font-family:"Diagramm-bold";src:url(45dda06a88344dc17667.otf)}@font-face{font-family:"Diagramm-regular";src:url(f60cc7aaff4eb46fe0f5.otf)}@font-face{font-family:"Susanti-signature";src:url(0562bf119585bda933bc.ttf)}header{position:fixed;top:0;left:0;z-index:99999;width:100%}header .nav-hint{font-size:.9rem;font-weight:500;display:flex;gap:.3rem;align-items:center;justify-content:center}header .scroll-arrow{color:var(--primary-color);animation:scrollPulse 1.2s infinite}@keyframes scrollPulse{0%,100%{opacity:.5;transform:translateX(0)}50%{opacity:1;transform:translateX(5px)}}@media screen and (min-width: 901px){header .mob-nav{display:none}}header .mobile-lines-wrapper{display:none}header .toggle-circle-wrapper{width:70px;border-radius:var(--gap);padding:calc(var(--small-gap)/2)}header .toggle-circle-wrapper .circle{width:calc(var(--gap)/1.8);height:calc(var(--gap)/1.8);border-radius:50%;transition:transform 600ms cubic-bezier(0.68, -0.55, 0.27, 1.55);cursor:pointer}header .container{overflow:hidden}header .container .site-logo,header .container ul.nav li,header .container .nav-cta-button,header .container .toggle-circle-wrapper{transform:translateY(147%)}.home-nav{padding-block:var(--gap)}.home-nav span{color:var(--bg-color) !important}.header{transform:translateY(-100%);background-color:var(--bg-color)}.nav-flex.d-flex{align-items:flex-start;width:100%}.nav-flex.d-flex .col:nth-of-type(2) .items{gap:.5rem}.nav-flex.d-flex .col a,.nav-flex.d-flex .col p{overflow:hidden}.nav-flex.d-flex .col a span,.nav-flex.d-flex .col p span{transform:translateY(-110%)}:root{--bg-color:#FFFCFB;--dark-blue: #4C1F7A;--light-blue: #093FB4;--dark-color:#2A2B2D;--text-color: #4d4e4f;--muted-gray:rgba(17, 17, 18, .1);--light-gray:#D9D9D9;--gray-white:#faf8f8;--dark-gray:#BFBFBF;--primary-color:#F1501D;--accent-color:#AAC541;--muted-green:rgba(218, 235, 206, .5);--accent-text-color: #222;--header-border-color:#B1B1B6;--profile-border-color: rgba(0, 0, 0, .1);--input-bg-color: #BFBFBF;--home-h1-title:clamp(1.5rem, 3vw, 2.2rem);--body-font-size:clamp(1.1rem, 2vw, 1.2rem);--list-font-size: clamp(1rem, 1.5vw, 1.1rem);--card-excerpt-font-size:clamp(1rem, 4vw, 1.2rem);--small-text-font-size:clamp(.9rem, 3vw, 1rem);--tiny-text: clamp(1rem, 1vw, .8rem);--menu-item-font-size:clamp(1rem, 1vw, 1.2rem);--tiny-text:clamp(1rem, 1vw, 1.1rem);--line-height:1.5;--card-title-font-size:clamp(1.1rem, 2vw, 1.7rem);--faq-card-title: clamp(1.2rem, 2vw, 1.6rem) ;--section-title: clamp(1.4rem, 2vw, 2rem);--faq-icon-font-size:clamp(1.4rem, 2vw, 1.8rem);--features-card-title: clamp(1.13rem, 2vw, 1.5rem);--gap:2rem;--large-gap:10rem;--medium-gap:8rem;--intermediate-gap:5rem;--small-gap:.7rem}@media screen and (max-width: 600px){:root{--home-h1-title:clamp(1.5rem, 4vw, 2.3rem)}}body.dark-mode{--bg-color:#efeff5bd;--bg-dark:#222;--accent-text-color: #EFEFF5;--profile-border-color: rgba(255, 255, 255, .1)}@font-face{font-family:"Diagramm-bold";src:url(45dda06a88344dc17667.otf)}@font-face{font-family:"Diagramm-regular";src:url(f60cc7aaff4eb46fe0f5.otf)}@font-face{font-family:"Susanti-signature";src:url(0562bf119585bda933bc.ttf)}.work-archive-hero{position:relative}.work-archive-hero .reveal-image{max-height:450px}.work-archive-hero .reveal-image img{width:100%;object-fit:cover}@media screen and (max-width: 786px){.work-archive-hero .reveal-image{max-height:unset;height:300px}.work-archive-hero .reveal-image img{height:100%}}.work-archive-hero .reveal-text{position:absolute;max-width:400px;bottom:calc(var(--gap)/2);right:calc(var(--gap)/2);background:#fff;padding:calc(var(--gap)/2)}@media screen and (max-width: 786px){.work-archive-hero .reveal-text{max-width:90%}}.single-hero-image img{width:100%;height:100%;object-fit:cover}.tags-container.flex-row{flex-wrap:wrap}.tag-filter-btn{padding:.5rem 1rem;padding-bottom:.2rem;border:1px solid;color:var(--primary-color);border-radius:2rem;background:rgba(0,0,0,0);cursor:pointer}.tag-filter-btn.active{border:none;background:var(--primary-color);color:var(--bg-color)}.post-type-archive-work .project-image .project-title,.post-type-archive-case-study .project-image .project-title{font-size:var(--body-font-size)}.post-type-archive-work .project-image img,.post-type-archive-case-study .project-image img{width:100%;height:250px}.post-type-archive-work .project-image .title-and-count,.post-type-archive-case-study .project-image .title-and-count{background:var(--primary-color)}.post-type-archive-work .project-image .title-and-count *,.post-type-archive-case-study .project-image .title-and-count *{color:var(--bg-color)}.post-type-archive-work .project-image .project-tags,.post-type-archive-case-study .project-image .project-tags{background-color:var(--light-blue);padding:.25rem}.post-type-archive-work .project-image .project-tags *,.post-type-archive-case-study .project-image .project-tags *{color:var(--bg-color)}.blog .post-title{font-size:var(--card-title-font-size)}.blog .project-image img{width:100%;height:250px}:root{--bg-color:#FFFCFB;--dark-blue: #4C1F7A;--light-blue: #093FB4;--dark-color:#2A2B2D;--text-color: #4d4e4f;--muted-gray:rgba(17, 17, 18, .1);--light-gray:#D9D9D9;--gray-white:#faf8f8;--dark-gray:#BFBFBF;--primary-color:#F1501D;--accent-color:#AAC541;--muted-green:rgba(218, 235, 206, .5);--accent-text-color: #222;--header-border-color:#B1B1B6;--profile-border-color: rgba(0, 0, 0, .1);--input-bg-color: #BFBFBF;--home-h1-title:clamp(1.5rem, 3vw, 2.2rem);--body-font-size:clamp(1.1rem, 2vw, 1.2rem);--list-font-size: clamp(1rem, 1.5vw, 1.1rem);--card-excerpt-font-size:clamp(1rem, 4vw, 1.2rem);--small-text-font-size:clamp(.9rem, 3vw, 1rem);--tiny-text: clamp(1rem, 1vw, .8rem);--menu-item-font-size:clamp(1rem, 1vw, 1.2rem);--tiny-text:clamp(1rem, 1vw, 1.1rem);--line-height:1.5;--card-title-font-size:clamp(1.1rem, 2vw, 1.7rem);--faq-card-title: clamp(1.2rem, 2vw, 1.6rem) ;--section-title: clamp(1.4rem, 2vw, 2rem);--faq-icon-font-size:clamp(1.4rem, 2vw, 1.8rem);--features-card-title: clamp(1.13rem, 2vw, 1.5rem);--gap:2rem;--large-gap:10rem;--medium-gap:8rem;--intermediate-gap:5rem;--small-gap:.7rem}@media screen and (max-width: 600px){:root{--home-h1-title:clamp(1.5rem, 4vw, 2.3rem)}}body.dark-mode{--bg-color:#efeff5bd;--bg-dark:#222;--accent-text-color: #EFEFF5;--profile-border-color: rgba(255, 255, 255, .1)}@font-face{font-family:"Diagramm-bold";src:url(45dda06a88344dc17667.otf)}@font-face{font-family:"Diagramm-regular";src:url(f60cc7aaff4eb46fe0f5.otf)}@font-face{font-family:"Susanti-signature";src:url(0562bf119585bda933bc.ttf)}.single-case-study .image-full-width{max-height:450px;overflow:hidden}.single-case-study .case-section-title{font-size:var(--home-h1-title);color:var(--primary-color)}.single-case-study .project-logo-box{display:grid;place-items:center;height:clamp(300px,80vh,650px);overflow:hidden}@media screen and (max-width: 786px){.single-case-study .project-logo-box{height:200px}}.single-case-study .project-logo-box img{width:14rem}@media screen and (max-width: 786px){.single-case-study .project-logo-box img{width:10rem}}@media screen and (min-width: 901px){.single-case-study .logo-black-white{display:grid;grid-template-columns:1fr 1fr}}.single-case-study .logo-white{background:#000}.single-case-study .logo-black{background:#fff;border:1px solid rgba(0,0,0,.1) !important}.single-case-study .color-col-title{font-size:var(--card-excerpt-font-size)}.single-case-study .color-box-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(100px, 1fr));min-height:200px}.single-case-study .project-description h3,.single-case-study .project-description strong,.single-case-study .project-description p:not(:last-of-type){margin-bottom:1rem}.single-case-study .project-description p{font-size:var(--body-font-size)}@media screen and (max-width: 1600px){.single-case-study .project-description.text-multi-column{-moz-column-count:3;-webkit-column-count:3;column-count:3}}.single-case-study .project-description-and-title{max-width:1200px}@media screen and (max-width: 786px){.single-case-study .project-description-and-title{max-width:100%}}.single-case-study .project-typo-text-container.d-flex{flex-wrap:wrap}@media screen and (min-width: 900px){.single-case-study .mockups-content-wrapper{display:grid;grid-template-columns:1fr 1fr}.single-case-study .mockups-content-wrapper .mockup-image-and-name{display:grid;grid-template-rows:1fr 16fr}.single-case-study .mockup-image-box{height:100%}.single-case-study .mockup-image-box img{height:100%;object-fit:cover}}.postid-130 .project-logo-box img{max-width:6rem}.postid-130 .logo-white img{filter:invert(1)}:root{--bg-color:#FFFCFB;--dark-blue: #4C1F7A;--light-blue: #093FB4;--dark-color:#2A2B2D;--text-color: #4d4e4f;--muted-gray:rgba(17, 17, 18, .1);--light-gray:#D9D9D9;--gray-white:#faf8f8;--dark-gray:#BFBFBF;--primary-color:#F1501D;--accent-color:#AAC541;--muted-green:rgba(218, 235, 206, .5);--accent-text-color: #222;--header-border-color:#B1B1B6;--profile-border-color: rgba(0, 0, 0, .1);--input-bg-color: #BFBFBF;--home-h1-title:clamp(1.5rem, 3vw, 2.2rem);--body-font-size:clamp(1.1rem, 2vw, 1.2rem);--list-font-size: clamp(1rem, 1.5vw, 1.1rem);--card-excerpt-font-size:clamp(1rem, 4vw, 1.2rem);--small-text-font-size:clamp(.9rem, 3vw, 1rem);--tiny-text: clamp(1rem, 1vw, .8rem);--menu-item-font-size:clamp(1rem, 1vw, 1.2rem);--tiny-text:clamp(1rem, 1vw, 1.1rem);--line-height:1.5;--card-title-font-size:clamp(1.1rem, 2vw, 1.7rem);--faq-card-title: clamp(1.2rem, 2vw, 1.6rem) ;--section-title: clamp(1.4rem, 2vw, 2rem);--faq-icon-font-size:clamp(1.4rem, 2vw, 1.8rem);--features-card-title: clamp(1.13rem, 2vw, 1.5rem);--gap:2rem;--large-gap:10rem;--medium-gap:8rem;--intermediate-gap:5rem;--small-gap:.7rem}@media screen and (max-width: 600px){:root{--home-h1-title:clamp(1.5rem, 4vw, 2.3rem)}}body.dark-mode{--bg-color:#efeff5bd;--bg-dark:#222;--accent-text-color: #EFEFF5;--profile-border-color: rgba(255, 255, 255, .1)}@font-face{font-family:"Diagramm-bold";src:url(45dda06a88344dc17667.otf)}@font-face{font-family:"Diagramm-regular";src:url(f60cc7aaff4eb46fe0f5.otf)}@font-face{font-family:"Susanti-signature";src:url(0562bf119585bda933bc.ttf)}#single-work.d-grid{place-content:unset}#single-work{margin-bottom:clamp(3rem,7vw,5rem)}#single-work .wrapper .images-container{position:relative;width:100%;height:100%;min-height:70vh}@media screen and (max-width: 786px){#single-work .wrapper .images-container{min-height:300px}}#single-work .wrapper .image-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;transition:opacity .5s ease-in-out;z-index:0}#single-work .wrapper .image-slide.active{opacity:1;z-index:1}#single-work .wrapper .btn-and-count.two-col-flex p{color:var(--primary-color)}#single-work .wrapper .btn-and-count.two-col-flex #visual-toggle-btn{background:none;border:1px solid var(--primary-color);padding-block:calc(var(--small-gap)/2);padding-inline:calc(var(--small-gap)/1);color:var(--primary-color);border-radius:calc(var(--gap));font-size:clamp(1rem,1vw,1.2rem);cursor:pointer}#single-work .wrapper .text-content-side{padding-left:calc(var(--gap)/1.5);display:grid;gap:2rem}@media screen and (max-width: 786px){#single-work .wrapper .text-content-side{padding-left:0}}#single-work .wrapper .text-content-side .work-title-and-cat-name>*{color:var(--primary-color)}#single-work .wrapper .text-content-side .work-title-and-cat-name .cat-name{font-size:clamp(1rem,1.5vw,1.3rem)}#single-work .wrapper .text-content-side .work-title-and-cat-name .work-title{font-size:clamp(1rem,1.5vw,1.5rem)}@media screen and (max-width: 786px){#single-work .wrapper .text-content-side .work-title-and-cat-name.m-bottom{margin-bottom:calc(var(--gap)/2)}}#single-work .wrapper .aditionnal-image{max-height:200px;overflow:hidden}@media screen and (max-width: 786px){#single-work .wrapper .aditionnal-image{display:none}}#single-work .wrapper .aditionnal-image .small-image,#single-work .wrapper .aditionnal-image .large-image{height:100%;width:100%}@media screen and (max-width: 786px){#single-work .wrapper .aditionnal-image .small-image,#single-work .wrapper .aditionnal-image .large-image{min-height:250px}}#single-work .wrapper .aditionnal-image .small-image img,#single-work .wrapper .aditionnal-image .large-image img{width:100%;height:100%;max-height:200px;object-fit:cover}#single-work .image-and-button{display:grid}#single-work .image-and-button .view-work-link{align-self:end}@media screen and (max-width: 786px){#single-work .image-and-button{padding-bottom:0}}#single-work div[class$=-container]{overflow:hidden;min-height:2rem}#single-work div[class$=-container]>*{transform:translateY(0%)}@media screen and (max-width: 786px){#single-work .work-description.m-bottom{margin-bottom:unset}}:root{--bg-color:#FFFCFB;--dark-blue: #4C1F7A;--light-blue: #093FB4;--dark-color:#2A2B2D;--text-color: #4d4e4f;--muted-gray:rgba(17, 17, 18, .1);--light-gray:#D9D9D9;--gray-white:#faf8f8;--dark-gray:#BFBFBF;--primary-color:#F1501D;--accent-color:#AAC541;--muted-green:rgba(218, 235, 206, .5);--accent-text-color: #222;--header-border-color:#B1B1B6;--profile-border-color: rgba(0, 0, 0, .1);--input-bg-color: #BFBFBF;--home-h1-title:clamp(1.5rem, 3vw, 2.2rem);--body-font-size:clamp(1.1rem, 2vw, 1.2rem);--list-font-size: clamp(1rem, 1.5vw, 1.1rem);--card-excerpt-font-size:clamp(1rem, 4vw, 1.2rem);--small-text-font-size:clamp(.9rem, 3vw, 1rem);--tiny-text: clamp(1rem, 1vw, .8rem);--menu-item-font-size:clamp(1rem, 1vw, 1.2rem);--tiny-text:clamp(1rem, 1vw, 1.1rem);--line-height:1.5;--card-title-font-size:clamp(1.1rem, 2vw, 1.7rem);--faq-card-title: clamp(1.2rem, 2vw, 1.6rem) ;--section-title: clamp(1.4rem, 2vw, 2rem);--faq-icon-font-size:clamp(1.4rem, 2vw, 1.8rem);--features-card-title: clamp(1.13rem, 2vw, 1.5rem);--gap:2rem;--large-gap:10rem;--medium-gap:8rem;--intermediate-gap:5rem;--small-gap:.7rem}@media screen and (max-width: 600px){:root{--home-h1-title:clamp(1.5rem, 4vw, 2.3rem)}}body.dark-mode{--bg-color:#efeff5bd;--bg-dark:#222;--accent-text-color: #EFEFF5;--profile-border-color: rgba(255, 255, 255, .1)}@font-face{font-family:"Diagramm-bold";src:url(45dda06a88344dc17667.otf)}@font-face{font-family:"Diagramm-regular";src:url(f60cc7aaff4eb46fe0f5.otf)}@font-face{font-family:"Susanti-signature";src:url(0562bf119585bda933bc.ttf)}.single-post-title{font-size:var(--home-h1-title)}#post-content h3{font-size:var(--card-excerpt-font-size);font-weight:600;text-wrap:pretty}#post-content aside{background:var(--muted-green);padding:var(--gap);border-radius:var(--small-gap)}#post-content aside *{color:var(--light-blue) !important}#post-content aside h3{margin-bottom:calc(var(--gap)/2)}#post-content aside ul li{text-wrap:pretty;margin-bottom:var(--small-gap);list-style:unset;margin-left:calc(var(--gap)/2);font-size:var(--body-font-size);line-height:1.4}#post-content p{line-height:1.5}#post-content h2{margin-top:calc(var(--large-gap)/3.5);margin-bottom:calc(var(--gap)/2);font-size:var(--card-title-font-size);color:var(--light-blue);font-weight:600}#post-content .container-narrow{position:relative}#post-content .container-narrow .table-content-card{position:sticky;background-color:var(--bg-color);top:18%;border:2px solid rgba(0,0,0,.03);padding:calc(var(--gap)/1.5);border-radius:var(--small-gap)}@media screen and (max-width: 600px){#post-content .container-narrow .table-content-card{top:7% !important}}#post-content .container-narrow .table-content-card .title{font-size:var(--card-title-font-size);color:var(--light-blue)}#post-content .container-narrow .table-content-card .toc-list li{text-wrap:pretty;line-height:1.4}#post-content .container-narrow .table-content-card .toc-list li a{font-size:var(--card-excerpt-font-size)}#post-content .container-narrow .table-content-card .toc-list li a.active{color:var(--primary-color)}#post-content .container-narrow.flex-row{align-items:flex-start;display:grid;grid-template-columns:5fr 8fr}@media screen and (max-width: 786px){#post-content .container-narrow.flex-row{grid-template-columns:1fr}}.wp-block-list{padding-left:1.1rem}.wp-block-list li{list-style:unset;color:var(--accent-color);margin-bottom:.7rem;font-size:var(--list-font-size)}.single-post-title{color:var(--light-blue)}.blog .title-and-info,.single-post .title-and-info{border:1px solid rgba(0,0,0,.1)}.related-posts-wrapper .project-card:only-child{max-width:clamp(300px,50%,100vw)}.related-posts-wrapper .project-image img{width:100%}:root{--bg-color:#FFFCFB;--dark-blue: #4C1F7A;--light-blue: #093FB4;--dark-color:#2A2B2D;--text-color: #4d4e4f;--muted-gray:rgba(17, 17, 18, .1);--light-gray:#D9D9D9;--gray-white:#faf8f8;--dark-gray:#BFBFBF;--primary-color:#F1501D;--accent-color:#AAC541;--muted-green:rgba(218, 235, 206, .5);--accent-text-color: #222;--header-border-color:#B1B1B6;--profile-border-color: rgba(0, 0, 0, .1);--input-bg-color: #BFBFBF;--home-h1-title:clamp(1.5rem, 3vw, 2.2rem);--body-font-size:clamp(1.1rem, 2vw, 1.2rem);--list-font-size: clamp(1rem, 1.5vw, 1.1rem);--card-excerpt-font-size:clamp(1rem, 4vw, 1.2rem);--small-text-font-size:clamp(.9rem, 3vw, 1rem);--tiny-text: clamp(1rem, 1vw, .8rem);--menu-item-font-size:clamp(1rem, 1vw, 1.2rem);--tiny-text:clamp(1rem, 1vw, 1.1rem);--line-height:1.5;--card-title-font-size:clamp(1.1rem, 2vw, 1.7rem);--faq-card-title: clamp(1.2rem, 2vw, 1.6rem) ;--section-title: clamp(1.4rem, 2vw, 2rem);--faq-icon-font-size:clamp(1.4rem, 2vw, 1.8rem);--features-card-title: clamp(1.13rem, 2vw, 1.5rem);--gap:2rem;--large-gap:10rem;--medium-gap:8rem;--intermediate-gap:5rem;--small-gap:.7rem}@media screen and (max-width: 600px){:root{--home-h1-title:clamp(1.5rem, 4vw, 2.3rem)}}body.dark-mode{--bg-color:#efeff5bd;--bg-dark:#222;--accent-text-color: #EFEFF5;--profile-border-color: rgba(255, 255, 255, .1)}@font-face{font-family:"Diagramm-bold";src:url(45dda06a88344dc17667.otf)}@font-face{font-family:"Diagramm-regular";src:url(f60cc7aaff4eb46fe0f5.otf)}@font-face{font-family:"Susanti-signature";src:url(0562bf119585bda933bc.ttf)}.login{background:var(--light-blue)}.login #rememberme{border:1px solid var(--primary-color) !important;opacity:1;visibility:visible;width:.7rem !important;height:.9rem;margin-top:-0.8rem}.login p#nav a,.login p#backtoblog a{color:#ebf2f2}.login .privacy-policy-page-link a{color:var(--primary-color)}.login h1 a{background:url(745ee2671b99cc01be79.svg) no-repeat center/contain;max-width:4rem}.login #loginform input:focus{border:unset !important;background:var(--accent-color) !important;outline:none !important}.login #loginform{border-radius:var(--small-gap);background:#ebf2f2}.login #loginform input:not(input[type=submit]){border:1px solid rgba(0,0,0,.1) !important;background:#ebf2f2}.login #loginform .dashicons-visibility{color:var(--primary-color)}.login #loginform input[type=submit]{border-radius:var(--small-gap);background:var(--primary-color);color:var(--bg-color);border:1px solid var(--primary-color)}.login #backtoblog a:hover,.login #nav a:hover,.login h1 a:hover{color:var(--primary-color)}:root{--bg-color:#FFFCFB;--dark-blue: #4C1F7A;--light-blue: #093FB4;--dark-color:#2A2B2D;--text-color: #4d4e4f;--muted-gray:rgba(17, 17, 18, .1);--light-gray:#D9D9D9;--gray-white:#faf8f8;--dark-gray:#BFBFBF;--primary-color:#F1501D;--accent-color:#AAC541;--muted-green:rgba(218, 235, 206, .5);--accent-text-color: #222;--header-border-color:#B1B1B6;--profile-border-color: rgba(0, 0, 0, .1);--input-bg-color: #BFBFBF;--home-h1-title:clamp(1.5rem, 3vw, 2.2rem);--body-font-size:clamp(1.1rem, 2vw, 1.2rem);--list-font-size: clamp(1rem, 1.5vw, 1.1rem);--card-excerpt-font-size:clamp(1rem, 4vw, 1.2rem);--small-text-font-size:clamp(.9rem, 3vw, 1rem);--tiny-text: clamp(1rem, 1vw, .8rem);--menu-item-font-size:clamp(1rem, 1vw, 1.2rem);--tiny-text:clamp(1rem, 1vw, 1.1rem);--line-height:1.5;--card-title-font-size:clamp(1.1rem, 2vw, 1.7rem);--faq-card-title: clamp(1.2rem, 2vw, 1.6rem) ;--section-title: clamp(1.4rem, 2vw, 2rem);--faq-icon-font-size:clamp(1.4rem, 2vw, 1.8rem);--features-card-title: clamp(1.13rem, 2vw, 1.5rem);--gap:2rem;--large-gap:10rem;--medium-gap:8rem;--intermediate-gap:5rem;--small-gap:.7rem}@media screen and (max-width: 600px){:root{--home-h1-title:clamp(1.5rem, 4vw, 2.3rem)}}body.dark-mode{--bg-color:#efeff5bd;--bg-dark:#222;--accent-text-color: #EFEFF5;--profile-border-color: rgba(255, 255, 255, .1)}@font-face{font-family:"Diagramm-bold";src:url(45dda06a88344dc17667.otf)}@font-face{font-family:"Diagramm-regular";src:url(f60cc7aaff4eb46fe0f5.otf)}@font-face{font-family:"Susanti-signature";src:url(0562bf119585bda933bc.ttf)}@media screen and (max-width: 900px)and (max-width: 600px){.mob-cta-btn-wrapper .btn{padding-bottom:calc(var(--gap)/2);padding-top:calc(var(--gap)/2 + .1rem)}.mob-cta-btn-wrapper .btn.btn__tertiary{padding-bottom:calc(var(--gap)/2);padding-top:calc(var(--gap)/2 + .1rem)}.button-box{flex-direction:column}.button-box .mob-cta-btn-wrapper{overflow:hidden;width:100%}.button-box .mob-cta-btn-wrapper .btn{width:100%}}@media screen and (max-width: 900px){.header .nav{display:none}.header .mob-nav{display:flex;position:absolute;top:4rem;left:2%;width:96%;height:0;overflow:hidden;background:var(--light-blue)}.header .mob-nav .btn.btn__tertiary{border:1px solid var(--bg-color)}.header .mob-nav *{color:var(--bg-color)}.header .mob-nav .p-top{padding-inline:var(--small-gap);padding-bottom:var(--small-gap)}.header .mob-nav img{width:100%}.header .mob-nav .contact-page.btn__tertiary{background:var(--bg-color) !important;color:var(--primary-color) !important}.header .mob-nav .menu-wrapper li{overflow:hidden}.header .mob-nav .menu-wrapper li a{opacity:0;transform:translateX(-100%)}.header .nav-cta-button{display:none}.header .mobile-lines-wrapper{width:45px;display:flex;flex-direction:column;gap:.3rem;border-radius:.3rem;border:1px solid var(--dark-color);padding:.7rem;transition:transform .3s ease-in-out}.header .mobile-lines-wrapper .line{width:100%;height:1px;background:var(--dark-color);transition:all .3s ease-in-out}.mob-logo{display:block !important;max-width:8rem}.header.open .mobile-lines-wrapper{background:#fa7272;border:none}.header.open .mobile-lines-wrapper .line-1{transform:rotate(45deg) translate(5px, 5px);background:#fff}.header.open .mobile-lines-wrapper .line-2{opacity:0}.header.open .mobile-lines-wrapper .line-3{transform:rotate(-45deg) translate(4px, -3px);background:#fff}}@media screen and (max-width: 900px)and (max-width: 550px){.bottom-col .text-icon-line.two-col-flex{flex-direction:column;align-items:baseline;gap:calc(var(--gap)/2)}}@media screen and (max-width: 900px){footer .two-col-flex{flex-wrap:wrap}}@media screen and (max-width: 550px){.nav-flex{display:none}}