.geometry-wrapper{width:24.42vw;height:24.58vw;position:absolute;top:-10%;right:5%;display:flex;justify-content:center;align-items:center;opacity:0;animation:slideDownGeometry 1.5s ease-out .5s forwards;z-index:0!important}.geometry-wrapper,.geometry-wrapper *,.geometry-wrapper :after,.geometry-wrapper :before{pointer-events:none!important}@media(max-width:768px){.geometry-wrapper{display:none}}.geometry-wrapper .geometry-svg{position:absolute;top:0;right:0;z-index:0;opacity:.5!important}.geometry-wrapper .geometry-svg,.geometry-wrapper .geometry-svg svg{width:100%;height:100%;pointer-events:none!important}.geometry-wrapper .geometry-image{position:relative;z-index:1;animation:rotateGeometry 20s linear infinite;width:65%;height:auto;opacity:.9;pointer-events:none!important}.geometry-wrapper .geometry-image img{width:100%;height:auto;pointer-events:none!important}.geometry-wrapper:after{content:"";position:absolute;top:10%;right:0;width:100%;height:100%;background:radial-gradient(50% 50% at 50% 50%,rgba(255,255,255,.603) 80%,rgba(255,255,255,0) 100%);rotate:60deg;z-index:1;pointer-events:none!important}@keyframes rotateGeometry{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideDownGeometry{0%{top:-60%;opacity:0}to{top:-50%;opacity:.6}}.hero-section-home-container{display:flex;height:auto;min-height:auto;width:100%;flex-direction:column;justify-content:center;padding-top:max(90px,5.5vw);margin-bottom:80px}@media(max-width:800px){.hero-section-home-container{padding-top:40px;margin-bottom:56px}}.hero-section-home{display:flex;align-items:center;justify-content:space-between;z-index:0;position:relative}@media(min-width:801px)and (max-width:950px){.hero-section-home{transform:scale(.9);transform-origin:center}.hero-section-home .container{padding:0!important}.hero-section-home .hero-visual{transform:scale(1.15)}}.hero-section-home .bg-polyhedron{position:absolute;top:50%;left:25%;transform:translate(-50%,-50%);width:60%;max-width:600px;z-index:-1;opacity:.6;display:block;pointer-events:none!important}.hero-section-home .bg-polyhedron *{pointer-events:none!important}.hero-section-home .bg-polyhedron svg{width:100%;height:auto;pointer-events:none!important}.hero-section-home .hero-visual{display:flex;justify-content:center;align-items:center;position:relative;z-index:1!important;pointer-events:none!important;width:100%;aspect-ratio:1.5;margin-top:3%}.hero-section-home .hero-visual *{pointer-events:none!important}@media(max-width:780px){.hero-section-home .hero-visual{margin-top:6.25vw}}.hero-section-home .hero-visual .laptop-frame{width:100%;height:auto;z-index:1;display:flex;justify-content:center;align-items:center;pointer-events:none!important}@media(max-width:780px){.hero-section-home .hero-visual .laptop-frame{margin-left:5.26vw}}.hero-section-home .hero-visual .laptop-frame .laptop-img{width:34.01vw;height:16.4583vw;display:block;pointer-events:none!important}.hero-section-home .hero-visual .floating-icon{position:absolute;width:4.1vw;height:4.1vw;border-radius:.94vw;background:#fff;display:flex;justify-content:center;align-items:center;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));z-index:1;padding:2.5px;opacity:0;transform:scale(0);pointer-events:none!important}.hero-section-home .hero-visual .floating-icon img{width:100%;height:100%;object-fit:contain;pointer-events:none!important}.hero-section-home .hero-visual .floating-icon.iconReact{--icon-scale:1;animation:enterReact 1s ease-out 1s both,float 6s ease-in-out 2s infinite}.hero-section-home .hero-visual .floating-icon.iconReact img{transform:scale(1.1)}.hero-section-home .hero-visual .floating-icon.iconPhp{--icon-scale:0.8;animation:enterPhp 1s ease-out 1.2s both,float 7s ease-in-out 2.2s infinite}.hero-section-home .hero-visual .floating-icon.iconXd{--icon-scale:0.7;animation:enterXd 1s ease-out 1.4s both,float 5s ease-in-out 2.4s infinite}.hero-section-home .hero-visual .floating-icon.iconFigma{--icon-scale:1;animation:enterFigma 1s ease-out 1.6s both,float 8s ease-in-out 2.6s infinite}.hero-section-home .hero-visual .floating-icon.iconNode{--icon-scale:1;animation:enterNode 1s ease-out 1.8s both,float 6.5s ease-in-out 2.8s infinite}.hero-section-home .hero-visual .floating-icon.iconMongo{--icon-scale:0.8;animation:enterMongo 1s ease-out 2s both,float 7.5s ease-in-out 3s infinite}.hero-section-home .container{display:flex;flex-direction:column;justify-content:center;gap:max(40px,3.125vw);text-align:left;position:relative;z-index:50!important;padding:0 0 0 7.8%;pointer-events:auto}.hero-section-home .container .text-container{width:90%;text-align:left;display:flex;flex-direction:column;gap:.73vw;flex:1 1}.hero-section-home .container .text-container .heading{color:#3c3c3c;font-size:max(24px,2.5vw);font-family:var(--font-inter),sans-serif;font-weight:400;letter-spacing:.05vw;line-height:1.2;opacity:0}.hero-section-home .container .text-container .heading span{background:var(--global-color-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-weight:500}.hero-section-home .container .text-container .description{color:var(--global-color-text);font-family:Poppins,sans-serif;font-size:max(16px,1.25vw);font-weight:400;opacity:0}.hero-section-home .container .base-button-container,.hero-section-home .container .button{position:relative!important;z-index:100!important;pointer-events:auto!important;cursor:pointer!important}.hero-section-home .container .button{width:auto!important;min-width:max-content!important;max-width:100%;white-space:nowrap!important;font-weight:600!important;padding:max(10px,.55vw) max(22px,1.2vw)!important;height:max(48px,2.5vw)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.hero-section-home .container .button:focus-visible{outline:2px solid #eb7c0d!important;outline-offset:2px!important;box-shadow:0 0 0 3px rgba(235,124,13,.4)!important}.circle-img{width:10.42vw;height:10.58vw;position:absolute;top:5%;left:20%;z-index:-1;animation:rotate 10s linear infinite;pointer-events:none!important}.revenue-img{width:7.42vw;height:4.58vw;top:20%;left:40%;animation:enterRevenue 1s ease-out 2.2s forwards,floatRevenue 4s ease-in-out 3.2s infinite}.expense-img,.revenue-img{position:absolute;opacity:0;filter:drop-shadow(0 8px 20px rgba(0,0,0,.15));pointer-events:none!important}.expense-img{width:5.96vw;height:8.46vw;top:32%;left:12%;animation:enterExpense 1s ease-out 2.4s forwards,float 4s ease-in-out 3.4s infinite}@keyframes float{0%,to{transform:translateY(0) scale(var(--icon-scale,1))}50%{transform:translateY(-15px) scale(var(--icon-scale,1))}}@keyframes floatRevenue{0%,to{transform:translateY(0) scale(1.2)}50%{transform:translateY(-15px) scale(1.2)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes enterReact{0%{top:50%;left:50%;opacity:0;transform:scale(0)}to{top:5%;left:0;opacity:1;transform:scale(var(--icon-scale,1))}}@keyframes enterPhp{0%{top:50%;left:50%;opacity:0;transform:scale(0)}to{top:-5%;left:15%;opacity:1;transform:scale(var(--icon-scale,.8))}}@keyframes enterXd{0%{top:50%;right:50%;opacity:0;transform:scale(0)}to{top:-5%;right:30%;opacity:1;transform:scale(var(--icon-scale,.7))}}@keyframes enterFigma{0%{top:50%;right:50%;opacity:0;transform:scale(0)}to{top:10%;right:8%;opacity:1;transform:scale(var(--icon-scale,1))}}@keyframes enterNode{0%{bottom:50%;left:50%;opacity:0;transform:scale(0)}to{bottom:25%;left:-5%;opacity:1;transform:scale(var(--icon-scale,1))}}@keyframes enterMongo{0%{bottom:50%;right:50%;opacity:0;transform:scale(0)}to{bottom:25%;right:3%;opacity:1;transform:scale(var(--icon-scale,.8))}}@keyframes enterRevenue{0%{top:42%;left:40%;opacity:0;transform:scale(0)}to{top:15%;left:40%;opacity:1;transform:scale(1.2)}}@keyframes enterExpense{0%{top:32%;left:20%;opacity:0;transform:scale(0)}to{top:32%;left:12%;opacity:1;transform:scale(1)}}.text-container .description,.text-container .heading{opacity:0;transform:translateY(2.6vw);visibility:hidden}.text-container .heading{animation:slideUpFadeIn .8s ease-out forwards;animation-delay:.2s;visibility:visible}.text-container .description{animation:slideUpFadeIn .8s ease-out forwards;animation-delay:.4s;visibility:visible}@media screen and (max-width:800px){.hero-section-home{flex-direction:column-reverse;padding-left:16px;padding-right:16px;padding-top:40px;justify-content:center;align-items:center;gap:6.25vw;display:flex}.hero-section-home .hero-visual{flex:unset;max-width:400px;aspect-ratio:auto;height:auto;display:block;margin:0 auto 24px;z-index:10;position:relative;transform:scale(1)}.hero-section-home .hero-visual .laptop-frame{position:relative}.hero-section-home .hero-visual .laptop-frame .laptop-img{width:100%;height:auto}.hero-section-home .hero-visual .floating-icon{width:36px;height:36px;min-width:unset;min-height:unset;padding:2.5px;border-radius:8px;opacity:1!important;--icon-scale:1!important}.hero-section-home .hero-visual .floating-icon img{width:100%;height:100%;object-fit:contain}.hero-section-home .hero-visual .floating-icon.iconReact{top:0;left:0;animation:float 6s ease-in-out infinite!important}.hero-section-home .hero-visual .floating-icon.iconReact img{transform:scale(1.1)}.hero-section-home .hero-visual .floating-icon.iconPhp{top:-30%;left:20%;animation:float 7s ease-in-out infinite!important}.hero-section-home .hero-visual .floating-icon.iconXd{top:-30%;right:25%;animation:float 5s ease-in-out infinite!important}.hero-section-home .hero-visual .floating-icon.iconFigma{top:0;right:3%;animation:float 8s ease-in-out infinite!important}.hero-section-home .hero-visual .floating-icon.iconNode{bottom:20%;left:-5%;animation:float 6.5s ease-in-out infinite!important}.hero-section-home .hero-visual .floating-icon.iconMongo{bottom:25%;right:-5%;display:none;scale:.8;animation:float 7.5s ease-in-out infinite!important}.hero-section-home .bg-polyhedron{top:250px;transform:translate(-50%) scale(1.2);opacity:.4;display:block}.hero-section-home .container{align-items:center;gap:16px;padding:0;margin-top:0;flex:unset;display:flex;flex-direction:column}.hero-section-home .container .text-container{align-items:center;width:100%;gap:16px}.hero-section-home .container .text-container .heading{text-align:center;letter-spacing:-.5px;line-height:1.3;white-space:normal;color:#3c3c3c;min-width:unset;font-weight:400}.hero-section-home .container .text-container .heading br{display:none}.hero-section-home .container .text-container .heading span{color:#eb7c0d;background:none;-webkit-text-fill-color:unset;font-weight:600}.hero-section-home .container .text-container .description{margin-top:0;line-height:1.6;letter-spacing:0;text-align:center;color:#666;padding:0}.hero-section-home .container .text-container .description br{display:none}.hero-section-home .container .button{width:auto!important;min-width:max-content!important;max-width:100%;white-space:nowrap!important;padding:10px 20px!important;height:46px!important;font-size:14px;margin-top:24px;background:linear-gradient(90deg,#F89E37,#EA7C0C);border-radius:6px;display:inline-flex!important;align-items:center!important;justify-content:center!important}.ball-img{display:none}.circle-img,.expense-img,.revenue-img{scale:3}.expense-img{top:35%!important;left:10%!important}.expense-img,.revenue-img{opacity:1;scale:3;animation:none}.revenue-img{top:-5%!important;left:40%!important}}