*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Quicksand",sans-serif;font-size:18px}h1,h2,h3{font-family:"Bitter",serif}.inline{display:inline-block}.above-fold-outer-wrap{position:relative}.above-fold-outer-wrap:after{content:" ";position:absolute;top:20px;left:0;width:100%;height:100%;background:#fff;z-index:5;display:block;border-radius:0 0 50% 50%/0px 0px 4vw 4vw}.above-fold-wrap{position:relative;min-height:70vh;background-color:#f1f1f1;border-radius:0 0 50% 50%/0px 0px 4vw 4vw;box-shadow:3px 3px 10px 1px rgba(0,0,0,.4);overflow:hidden;z-index:100}.title-outer-wrap{position:relative;padding-top:40px;z-index:100}.title-inner-wrap{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;margin:auto;z-index:10;font-size:20px}.logo-wrap{width:2.5em;height:3em;margin:0 .5em}.logo-wrap img{display:block;max-width:100%;max-height:100%}.name-wrap{position:relative;color:#000;text-shadow:1px 1px 2px rgba(0,0,0,.28);margin:0 10px;font-size:1em}

.name-wrap span{display:block;text-align:left}.name-wrap span.mb{font-family:"Quicksand",sans-serif;font-size:.9em}.name-wrap span.wd{font-size:1.2em}.name-wrap:after{position:absolute;content:" ";display:block;height:2px;width:103%;bottom:-2px;left:0;background:#ffbb85}.above-fold-content-wrap{position:relative;width:95%;margin:auto;padding:130px 0 100px;text-align:center;z-index:5}.mission-proposition{width:98%;margin:50px auto 0;font-size:24px;font-weight:700;font-family:"Bitter",serif;font-size:23px}.mission-proposition p{margin-top:10px}.mission-proposition p.c{margin:15px auto}span.wdyltd{color:#ffbb85;text-shadow:1px 1px 0px rgba(0,0,0,.4)}p.hcih{font-size:1.1em}.contact-badge{display:none}.keyword-list{display:flex;flex-flow:row nowrap;list-style-type:none;justify-content:center;align-items:center}.keyword-list li{position:relative;display:block;font-size:20px}.keyword-list li.c:after,.keyword-list li.c:before{content:" ";position:absolute;display:inline-block;background-color:#ffbb85}

.keyword-list li.c:before{left:-8px}.keyword-list li.c:after{right:-8px}@media screen and (max-width:600px){.above-fold-content-wrap{padding:0;width:100%}.keyword-list{flex-direction:column;background:rgba(0,0,0,.368627451);margin:30px 0;padding:10px 0;box-shadow:1px 1px 5px 0px rgba(0,0,0,.3);color:#fff}.keyword-list li.c:after,.keyword-list li.c:before{left:50%;transform:translateX(-50%);height:2px;width:50%}.keyword-list li.c{margin:10px 0}.name-wrap span.mb{font-size:18px}.name-wrap span.wd{font-size:24px}.logo-wrap{width:46px;height:52px;margin:0 1px}.keyword-list li.c:before{top:-4px}.keyword-list li.c:after{bottom:-8px}.mission-proposition{margin-top:0;font-size:20px}.mission-proposition p:last-of-type{font-size:1.1em}}@media screen and (min-width:601px){.keyword-list li.c:after,.keyword-list li.c:before{top:50%;transform:translateY(-50%);height:100%;width:2px}.keyword-list li.c{margin:0 15px}}@media screen and (min-width:1025px){.above-fold-content-wrap{padding-top:100px;padding-bottom:100px}

.mission-proposition{font-size:25px}}@keyframes gSpin{from{transform:rotateZ(0deg)}to{transform:rotateZ(360deg)}}@keyframes gSpinCC{from{transform:rotateZ(360deg)}to{transform:rotateZ(0deg)}}.afw .gb,.bgw .gb{position:absolute;top:0;left:50%;transform:translateX(-50%);width:1920px;height:1080px;background-size:cover;z-index:1}.hollow-wrap{position:absolute;top:-156px;left:45px;width:352px;height:352px;transform:rotateZ(14deg)}.gear.hollow{position:absolute;top:0;left:0;width:352px;height:352px;transform:rotateZ(0deg);animation-name:gSpinCC;animation-duration:7s}.gear-imprint-outer-wrap{position:absolute;top:98px;left:237px;width:420px;height:420px;transform:rotateZ(-75deg);z-index:100}.gear-imprint-wrap{position:absolute;top:0;left:0;width:420px;height:420px;animation-duration:7s;transform-origin:50% 50%}.gear-imprint-wrap.pc{z-index:5}.imprint{display:block;width:100%;height:100%}.piston-connector{position:relative;top:137.6px;left:64px;z-index:5;max-width:306px}.gear.basic{position:absolute;top:409px;left:1228px;width:935px;transform:rotateZ(18deg);animation-duration:35s}

.gear{z-index:2;animation-name:gSpin;animation-iteration-count:infinite;animation-timing-function:linear}.piston-connector{animation-name:pc;animation-iteration-count:infinite;animation-duration:7s;animation-timing-function:linear;transform-origin:268.2px 50%}.piston-rod{position:absolute;z-index:30;top:251px;left:-168px;width:265px;height:58px;transform:rotateZ(-16deg) translateX(0px);animation-timing-function:cubic-bezier(.57,0,.65,1);animation-iteration-count:infinite;z-index:3;animation-name:pr;animation-duration:3.5s;animation-direction:alternate}@keyframes pr{0%{transform:rotateZ(-16deg) translateX(0px)}100%{transform:rotateZ(-16deg) translateX(-240px)}}@keyframes pc{0%{transform:rotateZ(-16deg)}5%{transform:rotateZ(-24.65deg)}10%{transform:rotateZ(-33.98deg)}15%{transform:rotateZ(-44.8deg)}20%{transform:rotateZ(-57.95deg)}25%{transform:rotateZ(-74.2deg)}30%{transform:rotateZ(-93.95deg)}35%{transform:rotateZ(-116.8deg)}40%{transform:rotateZ(-142deg)}45%{transform:rotateZ(-168.7deg)}

50%{transform:rotateZ(-196.1deg)}55%{transform:rotateZ(-223.5deg)}60%{transform:rotateZ(-250.2deg)}65%{transform:rotateZ(-275.36deg)}70%{transform:rotateZ(-298.18deg)}75%{transform:rotateZ(-317.9deg)}80%{transform:rotateZ(-334.2deg)}85%{transform:rotateZ(-347.36deg)}90%{transform:rotateZ(-358.15deg)}95%{transform:rotateZ(-367.4deg)}100%{transform:rotateZ(-376deg)}}.belt-wrap.upper{animation-name:beltUpper;animation-timing-function:linear;animation-duration:2.3333333333s;animation-iteration-count:infinite;position:absolute;width:1300.6px;height:37.4px;left:334px;top:187px;transform:rotateZ(12deg);z-index:0;transform-origin:40px 0px}.belt-wrap.lower{animation-name:beltLower;animation-timing-function:linear;animation-duration:2.3333333333s;animation-iteration-count:infinite;position:absolute;width:1300.6px;height:37.4px;top:826px;z-index:0;left:324px}.belt{max-width:100%}@keyframes beltUpper{0%{transform:rotateZ(12deg) translateX(0)}100%{transform:rotateZ(12deg) translateX(140.5px)}}@keyframes beltLower{0%{transform:rotateZ(217deg) translateX(0)}

100%{transform:rotateZ(217deg) translateX(140.5px)}}@media screen and (max-width:1200px){.afw .gb,.bgw .gb{left:12vw;transform:translateX(-15%)}}.business-goals-wrap{z-index:4;overflow:hidden;min-height:100vh;position:relative;width:100%;margin:-200px auto 0;max-width:1920px}.business-goals{width:98%;max-width:1865px;margin:auto;background-color:#1d1d30;padding-top:200px;padding-bottom:400px}.goal-group{position:relative;width:100%;margin-top:100px}.goal-title-wrap{position:relative;display:block;overflow:hidden;width:calc(50% + 30px);border:4px solid #fff;margin-left:-30px;padding:20px 0;background-color:#ffbb85;text-align:right;padding-right:20px}.goal-title-wrap .gear.cog{position:absolute;top:-37px;right:172px;width:83px;height:82px;animation-duration:5s;background-size:30px 30px;filter:brightness(100)}.goal-title-wrap .gear.cog:nth-of-type(2){animation-name:gSpinCC;right:203px;top:36px}.goal-group:nth-of-type(2) .goal-title-wrap{margin-left:auto;margin-right:-30px;text-align:left;padding-left:20px}

.goal-title{font-size:26px;position:relative;z-index:100}.goal-title span:nth-of-type(2){color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.3)}.goal-text-wrap{font-size:22px;max-width:550px;margin:20px auto;color:#fff}.goal-text-wrap p{width:95%;margin:10px auto}.goals-cta-wrap{text-align:center;margin-top:100px}.goals-cta-wrap .cta-btn{font-family:"BITTER",sans-serif;font-weight:700;display:inline-block;background-color:#ffbb85;padding:15px 30px;border:3px solid #fff;color:#000;font-size:22px;box-shadow:1px 1px 3px 1px rgba(0,0,0,.55);text-decoration:none}.goals-cta-wrap .cta-btn:hover{text-decoration:underline}.goals-cta-wrap .cta-btn span{display:block}.goals-cta-wrap .cta-btn img{display:block;width:25px;height:16px;margin:auto;margin-top:8px;transition:margin-top .3s ease-in-out}.goals-cta-wrap p{font-family:"BITTER",sans-serif;font-size:22px;margin:13px 0;color:#fff}.goals-cta-wrap .cta-btn:hover img{filter:brightness(100)}.goal-title-wrap.belts img{position:absolute;display:block;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear;width:1200px;height:34px;filter:brightness(10)}

.goal-title-wrap.belts img:first-of-type{animation-name:gtb;left:-252px;top:-22px}.goal-title-wrap.belts img:last-of-type{animation-name:gtbB;bottom:-22px;right:-252px}@keyframes gtb{0%{transform:translateX(0px)}100%{transform:translateX(170px)}}@keyframes gtbB{0%{transform:rotateZ(180deg) translateX(0px)}100%{transform:rotateZ(180deg) translateX(170px)}}.goal-title-wrap.hollow img{position:absolute;display:block;top:50%;right:20px;width:405px;transform:translateY(-50%);animation-duration:6s;animation-iteration-count:infinite;animation-timing-function:linear;animation-name:gtbHollow;filter:brightness(10)}.goal-title-wrap.hollow{padding-right:109px}@keyframes gtbHollow{0%{transform:translateY(-50%) rotate(0deg)}100%{transform:translateY(-50%) rotate(360deg)}}@media screen and (max-width:850px){.goal-title-wrap{width:calc(70% + 30px)}}@media screen and (max-width:600px){.goal-title{font-size:23px}.goal-title-wrap.hollow{padding-right:10px}.goal-title-wrap.hollow img{right:-140px;width:354px;font-size:23px}

}.examples-shadow-wrap{position:relative}.website-examples.bg,.examples-shadow-wrap:after{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50% 50% 90% 20%/3.5vw 3.5vw 500px 200px}.website-examples.bg{overflow:hidden;background:linear-gradient(to bottom,#fff0e4,#e7e7e7);box-shadow:1px 1px 10px 1px rgba(0,0,0,.4);z-index:6}.examples-shadow-wrap:after{top:-20px;background-color:#fff;z-index:5}.website-examples.bg .gear-wrap{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:1920px;height:300px}.website-examples.bg .gear-wrap .gear.gi{position:absolute;bottom:-190px;left:120px;width:400px;height:400px;animation-duration:5s}.examples-outer-wrap{position:relative;z-index:100;overflow:hidden;max-width:1920px;margin-top:-200px;padding:100px 0}.examples-intro-wrap{text-align:center}.examples-intro-wrap h2{font-size:30px;text-shadow:1px 2px 0px #fff}.examples-inner-wrap{display:flex;flex-direction:column;align-items:flex-start;width:96%;max-width:1425px;margin:auto}

.example-group-wrap{margin-top:150px;width:81vw;max-width:862px}.example-group-wrap:first-of-type{margin-top:95px}.example-group-wrap:last-of-type{margin-left:auto}.example-site-name{font-family:"Bitter",serif;font-size:30px;color:#000;margin-bottom:15px}.example-site-name .proto{color:gray}.example-group-wrap:nth-of-type(2){margin-left:calc((100% - 81vw)/3)}.example-group-wrap:nth-of-type(3){margin-left:calc((100% - 81vw)/3*2)}@media screen and (min-width:1020px){.example-group-wrap:nth-of-type(2){margin-left:calc((100% - 862px)/3)}.example-group-wrap:nth-of-type(3){margin-left:calc((100% - 862px)/3*2)}}.skills-used-wrap{display:none !important;margin:8px 0}.skills-used-wrap .dw{font-size:13px}.skills-used-wrap .skills{font-size:11px}.example-imgs-wrap{position:relative;display:flex;width:100%;flex-flow:row nowrap;align-items:center;margin-top:15px}.example-imgs-wrap:after{content:" ";position:absolute;top:50%;left:50%;display:block;width:150vw;height:30%;background:rgba(253,253,253,.87);z-index:-1;transform:translate(-50%,-50%)}

.desktop-img-wrap,.mobile-img-wrap{box-shadow:1px 1px 3px 1px rgba(0,0,0,.4);transform:translateY(0px);transition:box-shadow .2s ease,transform .2s ease}.desktop-img-wrap:hover,.mobile-img-wrap:hover{box-shadow:4px 4px 9px 0px rgba(63,42,42,.3);transform:translateY(-3px)}.img-content{position:relative;overflow:hidden;display:block}.img-content img{position:absolute;top:0;left:0;width:100%}.desktop-img-wrap{background:rgba(253,253,253,.87);width:67vw;max-width:694px;margin-right:20px}.desktop-img-wrap .img-content{padding-top:56.3400576%}.mobile-img-wrap{width:15vw;max-width:148px;background:rgba(253,253,253,.87)}.mobile-img-wrap .img-content{padding-top:177.18%}@media screen and (max-width:800px){.example-site-name{font-size:23px}}@media screen and (max-width:1205px){.website-examples.bg,.examples-shadow-wrap:after{border-radius:50% 50% 90% 20%/3.5vw 3.5vw 200px 40px}.contact-machine .gear-wrap .gear{filter:brightness(2)}.website-examples.bg .gear-wrap .gear.gi,.contact-machine .gear-wrap .gear{left:35% !important}

}.contact-outer-wrap{position:relative;margin-top:-600px;padding-top:600px;background-color:#181822;overflow:hidden}.contact-intro-wrap{padding-top:50px;z-index:100;position:relative}.contact-intro-wrap h3{text-align:center;font-size:30px;color:#ffbb85}.contact-intro-text-wrap{position:relative;width:90%;margin:auto;padding:20px 0}.contact-intro-wrap p{max-width:575px;margin:10px auto 0;color:#fff}.contact-form-wrap{width:98%;max-width:700px;margin:30px auto 0;padding-bottom:50px}.contact-form{width:96%;margin:auto}.contact-form label{display:block;font-family:"BITTER",serif;font-weight:700;color:#fff}.input-group,.text-area-wrap{margin-top:10px}.input-group input{display:block;width:100%;border:1px solid #323232}.text-area-wrap textarea{display:block;width:100%;min-height:168px;resize:vertical}textarea,input{padding:5px;font-family:"Quicksand",sans-serif;font-size:20px}.submit-wrap{text-align:right}.submit-btn{position:relative;z-index:100;background-color:#181822;border:1px solid #ffbb85;margin-top:10px;padding:5px 10px;font-size:23px;font-weight:700;font-family:"bitter",serif;color:#ffbb85}

.submit-btn:hover{text-decoration:underline;cursor:pointer;border-color:#fff}.input-group input,.submit-btn{box-shadow:1px 1px 6px 0px rgba(0,0,0,.4)}.contact-machine{position:absolute;top:600px;left:50%;transform:translateX(-50%);width:1920px;height:30px}.contact-machine .gear-wrap .gear{position:absolute;display:block;top:-210px;left:120px;width:400px;height:400px;animation-duration:5s;filter:brightness(3)}.email-result{display:none;width:98%;margin:20px auto;padding:15px 10px;border:1px solid #fff;border-radius:2px;box-shadow:1px 1px 1px 3px rgba(0,0,0,.3);background-color:#f0f0f0;color:#000}.email-result.show{display:block !important}.email-result h3{font-size:22px}.email-result#email-success h3{color:green}.email-result#email-fail h3{color:#d800df}.email-result#email-error h3{color:red}.email-result#email-error .link-wrap{margin-top:10px;text-align:center}.contact-form.collapse{display:none}#sending-email-overlay{display:none;visibility:hidden;position:fixed;top:0;left:0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;background:rgba(200,200,200,.8);z-index:10000;color:#fff;font-size:25px}

#sending-email-overlay.show{display:flex;visibility:visible}#sending-email-overlay h3{margin-top:15px;margin-bottom:100px}#spinner{position:relative;height:40px;width:40px;margin-top:10px}#spinner:before{content:" ";position:absolute;top:0;left:0;display:block;width:100%;height:100%;border-radius:50%;border:4px solid #fff;border-top-color:#ffbb85;animation-name:spinner;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes spinner{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}footer{background-color:#181822;padding:30px;text-align:center;font-size:12px;color:#e6e6e6}