@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&display=swap";html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}#root{margin:0;padding:0;width:100%;min-height:100vh}*{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif}.hero-section-services{width:100%;height:100vh;background-color:#000;display:flex;align-items:center;padding:0;margin:-1px 0 0;position:relative}.hero-content-wrapper{width:100%;max-width:100%;display:grid;grid-template-columns:40% 60%;align-items:center;gap:0;height:100vh}.hero-text-side{background-color:#000;height:100%;display:flex;align-items:center;justify-content:flex-start;padding-left:80px}.hero-title{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif;font-size:4.5rem;font-weight:800;color:#d1d1d1;line-height:.95;letter-spacing:.02em;margin:0;text-transform:uppercase;position:relative;top:-35px;left:20px;opacity:0;animation:fadeInUp 1s ease-out .2s forwards}.hero-image-side{height:100%;width:100%;position:relative;overflow:hidden}.hero-image-side img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.1);animation:zoomIn 1.2s ease-out .4s forwards}.gray-overlay-box{position:absolute;bottom:0;left:0;width:45%;height:45vh;background:linear-gradient(135deg,#090908,#d1d1d1);z-index:10;opacity:0;transform:translateY(100%);animation:slideUp .8s ease-out .8s forwards}.gray-box-title{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,system-ui,sans-serif;font-size:4.5rem;font-weight:800;color:#a7fd08;line-height:1;letter-spacing:.02em;margin:0;text-transform:uppercase;text-shadow:2px 2px 4px rgba(0,0,0,.1);position:absolute;top:-37px;left:102px;transform:translateY(-50%);opacity:0;animation:fadeInUp .8s ease-out 1.2s forwards}.scroll-button{position:absolute;right:0;bottom:30px;background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:15px;transition:all .3s ease;opacity:0;animation:fadeIn .8s ease-out 1.6s forwards}.scroll-button:hover{bottom:45px}.scroll-button:hover .scroll-arrow{animation:bounceHover .6s ease infinite}.scroll-text{font-size:1.1rem;font-weight:700;color:#090908;letter-spacing:.3em;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);text-shadow:0 2px 4px rgba(0,0,0,.1)}.scroll-arrow{width:50px;height:50px;color:#090908;stroke-width:2.5;animation:bounce 2s infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media(max-width:1200px){.hero-text-side{padding-left:60px}.hero-title{font-size:5rem;left:15px}.gray-box-title{font-size:5rem;left:80px}}@media(max-width:968px){.hero-section-services{height:auto;min-height:100vh}.hero-content-wrapper{grid-template-columns:1fr;height:auto}.hero-text-side{padding:20px 40px 15px;height:auto;min-height:auto;justify-content:flex-start}.hero-title{font-size:4.5rem;top:0;left:0;text-align:left}.hero-image-side{height:50vh;min-height:400px}.gray-overlay-box{height:40vh;width:100%;min-height:400px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:40px;padding:13vh}.gray-box-title{font-size:4.5rem;position:relative;top:0;left:0;transform:none;margin-bottom:20px}.scroll-button{right:20px;bottom:20px}}@media(max-width:768px){.hero-section-services{padding-top:0}.hero-text-side{padding:15px 30px 12px;min-height:auto}.hero-title{font-size:3.8rem}.hero-image-side{height:45vh;min-height:350px}.gray-overlay-box{height:30vh;min-height:180px;padding-left:30px}.gray-box-title{font-size:3.8rem;margin-bottom:15px}.scroll-button{right:15px;bottom:15px;gap:10px}.scroll-text{font-size:.9rem}.scroll-arrow{width:40px;height:40px}}@media(max-width:480px){.hero-section-services{padding-top:0}.hero-text-side{padding:12px 20px 10px;min-height:auto}.hero-title{font-size:3rem}.hero-image-side{height:40vh;min-height:300px}.gray-overlay-box{height:25vh;min-height:150px;padding-left:20px}.gray-box-title{font-size:3rem;margin-bottom:12px}.scroll-button{right:10px;bottom:10px;gap:8px}.scroll-text{font-size:.8rem;letter-spacing:.2em}.scroll-arrow{width:35px;height:35px}}@media(max-width:350px){.hero-section-services{padding-top:0}.hero-text-side{padding:10px 15px 8px;min-height:auto}.hero-title{font-size:2.5rem}.hero-image-side{height:35vh;min-height:250px}.gray-overlay-box{height:22vh;min-height:130px;padding-left:15px}.gray-box-title{font-size:2.5rem;margin-bottom:10px}.scroll-button{right:8px;bottom:8px;gap:6px}.scroll-text{font-size:.7rem}.scroll-arrow{width:30px;height:30px}}*{margin:0;padding:0;box-sizing:border-box}.hero-section-services{width:100%;height:100vh;background-color:#000;display:flex;align-items:center;padding:0;margin:0;position:relative;overflow:hidden}.hero-content-wrapper-services{width:100%;max-width:100%;display:grid;grid-template-columns:40% 60%;align-items:center;gap:0;height:100vh}.hero-text-side-services{background-color:#000;height:100%;display:flex;align-items:center;justify-content:flex-start;padding-left:80px}.hero-title-services{font-family:Montserrat,sans-serif;font-size:4.5rem;font-weight:800;background:linear-gradient(135deg,#d1d1d1 0% 50%,#d1d1d1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:.95;letter-spacing:.02em;margin:0;text-transform:uppercase;filter:drop-shadow(0 0 30px rgba(167,253,8,.3));position:relative;top:-75px;left:50px;opacity:0;animation:fadeInUp 1s ease-out .2s forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-image-side-services{height:100%;width:100%;position:relative;overflow:hidden}.hero-image-side-services img{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1.1);animation:zoomIn 1.2s ease-out .4s forwards}@keyframes zoomIn{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.gray-overlay-box-services{position:absolute;bottom:0;left:0;width:45%;height:45vh;background:linear-gradient(135deg,#090908,#d1d1d1);z-index:10;opacity:0;transform:translateY(100%);animation:slideUp .8s ease-out .8s forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.gray-box-title-services{font-family:Montserrat,sans-serif;font-size:4.5rem;font-weight:800;color:#a7fd08;line-height:.95;letter-spacing:.02em;margin:0;text-transform:uppercase;position:absolute;top:-38px;left:130px;transform:translateY(-50%);opacity:0;animation:fadeInUp .8s ease-out 1.2s forwards}.scroll-button-services{position:absolute;right:0;bottom:30px;background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:15px;transition:all .3s ease;opacity:0;animation:fadeIn .8s ease-out 1.6s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.scroll-button-services:hover{bottom:45px}.scroll-button-services:hover .scroll-arrow-services{animation:bounceHover .6s ease infinite}@keyframes bounceHover{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.scroll-text-services{font-size:1.1rem;font-weight:700;color:#000;letter-spacing:.3em;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-family:Montserrat,sans-serif}.scroll-arrow-services{width:50px;height:50px;color:#000;stroke-width:2.5;animation:bounce-services 2s infinite;filter:drop-shadow(0 0 10px rgba(167,253,8,.3))}@keyframes bounce-services{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media(max-width:1200px){.hero-text-side-services{padding-left:60px}.hero-title-services{font-size:4rem;left:40px}.gray-box-title-services{font-size:4rem;left:100px}}@media(max-width:968px){.hero-section-services{height:auto;min-height:100vh}.hero-content-wrapper-services{grid-template-columns:1fr;height:auto}.hero-text-side-services{padding:100px 40px 30px;height:auto;min-height:30vh;justify-content:flex-start}.hero-title-services{font-size:3.5rem;top:0;left:0;text-align:left}.hero-image-side-services{height:50vh;min-height:400px}.gray-overlay-box-services{height:35vh;width:100%;min-height:200px;display:flex;align-items:center;justify-content:flex-start;padding-left:40px}.gray-box-title-services{font-size:3.5rem;position:relative;top:0;left:0;transform:none}.scroll-button-services{right:20px;bottom:20px}}@media(max-width:768px){.hero-text-side-services{padding:90px 30px 25px;min-height:25vh}.hero-title-services{font-size:3rem}.hero-image-side-services{height:45vh;min-height:350px}.gray-overlay-box-services{height:30vh;min-height:180px;padding-left:30px}.gray-box-title-services{font-size:3rem}.scroll-button-services{right:15px;bottom:15px;gap:10px}.scroll-text-services{font-size:.9rem}.scroll-arrow-services{width:40px;height:40px}}@media(max-width:640px){.hero-text-side-services{padding:80px 25px 20px}.hero-title-services{font-size:2.6rem}.gray-overlay-box-services{padding-left:25px}.gray-box-title-services{font-size:2.6rem}}@media(max-width:480px){.hero-text-side-services{padding:70px 20px 20px;min-height:22vh}.hero-title-services{font-size:2.3rem}.hero-image-side-services{height:40vh;min-height:300px}.gray-overlay-box-services{height:25vh;min-height:150px;padding-left:20px}.gray-box-title-services{font-size:2.3rem}.scroll-button-services{right:10px;bottom:10px;gap:8px}.scroll-text-services{font-size:.8rem;letter-spacing:.2em}.scroll-arrow-services{width:35px;height:35px}}@media(max-width:400px){.hero-text-side-services{padding:60px 18px 18px}.hero-title-services{font-size:2rem}.gray-overlay-box-services{padding-left:18px}.gray-box-title-services{font-size:2rem}}@media(max-width:350px){.hero-text-side-services{padding:50px 16px 16px;min-height:20vh}.hero-title-services{font-size:1.8rem}.hero-image-side-services{height:35vh;min-height:250px}.gray-overlay-box-services{height:22vh;min-height:130px;padding-left:16px}.gray-box-title-services{font-size:1.8rem}.scroll-button-services{right:8px;bottom:8px;gap:6px}.scroll-text-services{font-size:.7rem}.scroll-arrow-services{width:30px;height:30px}}