*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#eceee9;color:#141715;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{position:absolute;z-index:10;top:0;width:100%;padding:30px 4%;display:flex;justify-content:space-between;align-items:center}.logo{position:relative;font-size:29px;letter-spacing:-1.8px;font-weight:800;line-height:.8}.logo span{position:absolute;font-size:11px;right:-15px;top:0;letter-spacing:0}nav{display:flex;align-items:center;gap:12px}nav a,nav button{border:1px solid #14171525;background:#ffffff45;border-radius:30px;padding:14px 22px;font-size:13px;backdrop-filter:blur(12px)}nav a span{margin-left:25px}nav button{background:#171b18;color:white}.dots{letter-spacing:3px;margin-left:15px}#menu{position:fixed;inset:0;z-index:9;background:#c5fd62;padding:160px 8% 50px}#menu a{display:flex;justify-content:space-between;font-size:clamp(45px,8vw,100px);letter-spacing:-4px;border-bottom:1px solid #0004;padding:15px 0}#menu a span{font-size:15px;letter-spacing:0}body.menuOpen{overflow:hidden}body.menuOpen header{position:fixed}.hero{min-height:850px;height:100svh;position:relative;padding:160px 4% 35px;overflow:hidden;border-bottom:1px solid #0002}canvas{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}.heroTop,.heroBottom{position:relative;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;line-height:1.5}.hero h1{position:relative;font-size:clamp(65px,9.6vw,155px);font-weight:500;letter-spacing:-.075em;line-height:.87;margin:100px 0 70px;max-width:900px;pointer-events:none}.outline{color:transparent;-webkit-text-stroke:1.5px #151815}.heroBottom{position:absolute;bottom:35px;left:4%;right:4%;align-items:flex-end}.heroBottom a span{display:inline-block;margin-left:35px;font-size:23px}.heroBottom p{font-size:12px;letter-spacing:0;margin:0 12% 0 0}.heroBottom button{border:0;background:transparent;font-size:10px}.eyebrow{font-size:11px;letter-spacing:1px}.about,.projects,.focus,.contact{padding:110px 4%}h2{font-size:clamp(42px,5.7vw,87px);line-height:1.02;letter-spacing:-.055em;font-weight:500;margin:50px 0}.about h2 span{color:#858a83}.aboutText{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:start}.aboutText p{font-size:20px;line-height:1.5;margin:0;max-width:450px;letter-spacing:-.5px}.asterisk{font-size:110px;line-height:1;color:#353a33}.projects{background:#181c19;color:#f1f4ec;border-radius:35px 35px 0 0}.sectionHead{display:flex;justify-content:space-between;font-size:10px}.projectGrid{display:grid;grid-template-columns:1fr 1fr;gap:55px 24px}.project{padding:0;border:0;background:none;color:inherit;text-align:left}.art{height:420px;border-radius:16px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .5s}.project:hover .art{transform:translateY(-6px)}.erp .art{background:#c7ed76;color:#19341d}.hr .art{background:#cbc7ef;color:#252249}.pay .art{background:#f6f5ed;color:#ee6045}.nex .art{background:#334fdf;color:#e3f76e}.artWord{font-size:100px;font-weight:bold;letter-spacing:-8px;z-index:2}.erp .artWord{mix-blend-mode:multiply}.erpBars{position:absolute;display:flex;align-items:center;gap:18px;transform:rotate(-25deg)}.erpBars i{display:block;width:50px;height:400px;background:linear-gradient(90deg,#5c8c21,#eaffb9);border-radius:50px;box-shadow:9px 8px 25px #284c2330}.erpBars i:nth-child(2n){height:220px}.rings{position:absolute;width:360px;height:360px;animation:spin 30s linear infinite}.rings i{position:absolute;inset:0;border:35px solid #a39bcf;border-radius:50%;box-shadow:inset 8px 8px 18px #eeebff,12px 12px 20px #453b7740}.rings i:nth-child(2){transform:rotateY(60deg)}.rings i:nth-child(3){transform:rotateX(60deg)}.payOrbit{position:absolute;width:320px;height:320px;border:40px solid #f57553;border-radius:50%;transform:rotate(-30deg) skew(15deg);box-shadow:inset 12px 12px 22px #e4412c,10px 16px 25px #f0a68a66}.pay .artWord{font-size:78px;color:#fff;text-shadow:0 3px 15px #af381c}.pay .artWord span{font-size:65px}.nexGrid{position:absolute;inset:-50%;background:repeating-linear-gradient(0deg,transparent 0 60px,#7a90ff55 61px 62px),repeating-linear-gradient(90deg,transparent 0 60px,#7a90ff55 61px 62px);transform:perspective(400px) rotateX(40deg) rotateZ(-20deg)}.nex .artWord{font-size:80px;line-height:.9}.projectLabel{display:flex;justify-content:space-between;align-items:center;padding-top:23px;font-size:27px;letter-spacing:-1px}.projectLabel small{display:block;font-size:9px;color:#a7b0a4;letter-spacing:1px;margin-bottom:10px}.projectLabel b{font-weight:400;border:1px solid #ffffff40;border-radius:50%;width:45px;height:45px;display:grid;place-items:center}.focus{background:#dfe2da}.focusRow{display:grid;grid-template-columns:10% 60% 30%;align-items:center;padding:30px 0;border-top:1px solid #0003}.focusRow h3{font-size:clamp(25px,3vw,46px);font-weight:400;letter-spacing:-1.5px;margin:0}.focusRow p{text-align:right}.contact{background:#c5fd62}.contactTitle{font-size:clamp(68px,11vw,170px);line-height:.9;letter-spacing:-.075em;display:block;position:relative;margin:70px 0 100px}.contactTitle>span{position:absolute;right:1%;top:0}.contactDetails{display:flex;justify-content:space-between;border-top:1px solid #0004;padding-top:30px;font-size:clamp(16px,2.1vw,30px);letter-spacing:-1px}.contactDetails>div{display:flex;flex-direction:column;gap:12px}footer{display:flex;justify-content:space-between;padding:30px 4%;font-size:10px;letter-spacing:.5px;background:#c5fd62;border-top:1px solid #0003}dialog{border:0;border-radius:20px;background:#eceee9;color:#171b18;padding:60px;max-width:650px;width:90%}dialog::backdrop{background:#101610aa;backdrop-filter:blur(10px)}dialog h2{margin:35px 0;font-size:60px}dialog p{font-size:21px;line-height:1.5}.detailNote{color:#70776c}.close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:35px}.dialogContact{display:inline-block;background:#c5fd62;padding:18px 25px;border-radius:30px}a:focus-visible,button:focus-visible{outline:3px solid #537efa;outline-offset:5px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:750px){header{padding:24px 6%}.logo{font-size:24px}.talk{display:none}.hero{padding:140px 6% 30px;min-height:680px}.heroTop>span:last-child{display:none}.hero h1{font-size:15vw;margin-top:160px}.heroBottom{left:6%;right:6%}.heroBottom p{display:none}.about,.projects,.focus,.contact{padding:70px 6%}.aboutText{grid-template-columns:1fr;gap:25px}.asterisk{font-size:65px}.aboutText p{font-size:18px}.projectGrid{grid-template-columns:1fr;gap:40px}.art{height:340px}.focusRow{grid-template-columns:12% 88%}.focusRow p{grid-column:2;text-align:left;margin-bottom:0;font-size:13px}.contactTitle{margin:55px 0 70px;font-size:15vw}.contactDetails{flex-direction:column;gap:30px;letter-spacing:0}footer{flex-wrap:wrap;gap:20px;padding:25px 6%}footer>span:last-child{display:none}dialog{padding:45px 25px}dialog h2{font-size:45px}.sectionHead>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.aboutProcess{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:70px;padding-top:30px;border-top:1px solid #14171530}.aboutProcess>div>span{font-size:10px;letter-spacing:1px;color:#65705f}.aboutProcess h3{font-size:28px;letter-spacing:-1px;font-weight:400;margin:18px 0 12px}.aboutProcess p{font-size:16px;line-height:1.6;color:#586050;margin:0;max-width:330px}@media(max-width:750px){.aboutProcess{grid-template-columns:1fr;gap:30px;margin-top:40px}.aboutProcess h3{font-size:25px;margin:12px 0 8px}.aboutProcess p{max-width:none}}

.contact,footer{background:#050608;color:#f0f2f5}.contact .eyebrow{color:#909ba9}.contactDetails{border-top-color:#ffffff26}footer{border-top-color:#ffffff26}footer a:hover,.contactDetails a:hover{color:#adc2d9}

/* Original brand artwork, presented with its original colours and proportions. */
.project .brandArt{isolation:isolate;padding:42px}.erp .brandArt{background:#07131e}.hr .brandArt{background:#081b23}.pay .brandArt{background:#f8fafc}.nex .brandArt{background:#f4f1f8}.brandLogo{display:block;max-width:100%;width:100%;height:auto;max-height:78%;object-fit:contain;position:relative;z-index:1}.smartErpLogo{max-width:520px}.smartHrLogo{width:269px;max-width:85%}.paymeLogo{max-width:510px}.nexgenLogo{max-width:510px}@media(max-width:750px){.project .brandArt{padding:28px}.smartHrLogo{width:250px;max-width:90%}.brandLogo{max-height:82%}}