*{margin:0;padding:0;box-sizing:border-box}:root{--color-dark: #111111;--color-light: #888888;--color-blue: #539BF8;--color-green: #6AE69C;--color-beige: #B8947E;--color-white: #FFFFFF;--color-bg-light: #F7F4F2;--color-service-number: #DFFCEB}body{font-family:Geologica,sans-serif;color:var(--color-dark);background-color:var(--color-white)}.container{position:relative;max-width:1240px;margin:0 auto;padding:0 16px}h1{font-size:44px;font-weight:700;line-height:55px}h2{font-size:32px;font-weight:700;line-height:40px}h3{font-size:20px;font-weight:500;line-height:25px}h4{font-size:16px;font-weight:500;line-height:20px}p{font-size:16px;font-weight:400;line-height:24px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:20px 40px;background-color:var(--color-blue);color:var(--color-white);text-decoration:none;border-radius:72px;font-size:16px;line-height:20px;transition:background-color .3s ease}.btn:hover{background-color:#4388e5}.header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--color-dark)}.menu{display:flex;flex-direction:row;align-items:center;gap:16px}.menuItem{display:flex;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;line-height:18px;color:var(--color-dark);text-decoration:none;transition:color .3s ease}.menuItem:hover{color:var(--color-blue)}.hero{display:flex;position:relative;margin-top:10px;background:url(/images/hero.png) no-repeat center right;background-size:585px auto;padding-bottom:70px}.heroImageMob{display:none}.heroContent{display:flex;flex-direction:column;align-items:flex-start;gap:48px;margin-top:45px}.heroText{display:flex;flex-direction:column;gap:20px}.heroText h1,.heroText p{width:630px}.technologies{margin-top:24px}.techCards{margin-top:36px;display:flex;flex-direction:row;gap:20px}.techCard{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:23px;gap:40px;width:295px;border:1.5px solid var(--color-dark);border-radius:20px}.techIcon{width:48px;height:48px;position:relative}.techIcon.backend{background-image:url(/images/tech-backend.svg)}.techIcon.frontend{background-image:url(/images/tech-frontend.svg)}.techIcon.database{background-image:url(/images/tech-database.svg)}.techIcon.devops{background-image:url(/images/tech-devops.svg)}.techContent{display:flex;flex-direction:column;gap:16px}.techItem{display:flex;flex-direction:column;gap:4px}.techItem h4{font-size:14px;line-height:18px;font-weight:500}.techItem p{font-size:14px;line-height:18px;font-weight:400}.services{margin-top:110px;padding:60px 0;overflow:hidden;background-color:var(--color-blue);color:var(--color-white)}.serviceCards{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:20px;width:100%;position:relative;margin-top:36px}.serviceCards:after{content:"";position:absolute;right:0;top:-100px;width:180px;height:246px;background:url(/images/settings.svg) no-repeat center center;background-size:cover}.serviceCards:before{content:"";position:absolute;right:-75px;bottom:-60px;width:282px;height:632px;background:url(/images/girl.png) no-repeat center bottom;background-size:contain;z-index:999}.serviceCard{display:flex;flex-direction:column;justify-content:space-around;padding:24px;gap:16px;position:relative;width:504px;height:200px;background-color:var(--color-white);border-radius:20px}.serviceCard h3{width:350px;color:var(--color-dark);z-index:2}.serviceCard p{width:456px;color:var(--color-dark);z-index:1}.serviceCardWide{display:flex;flex-direction:column;align-items:flex-start;padding:24px;position:relative;height:137px;background-color:var(--color-white);border-radius:20px}.serviceCardWide h3{width:980px;color:var(--color-dark);z-index:2;margin-bottom:16px}.serviceCardWide p{width:560px;color:var(--color-dark);z-index:1}.serviceNumber{position:absolute;right:16px;top:16px;font-family:Geologica,sans-serif;font-weight:900;font-size:56px;line-height:60px;color:var(--color-service-number);z-index:0}.about{margin-top:110px;display:flex;align-items:center;gap:5px;position:relative}.aboutContent{display:flex;flex-direction:column;align-items:flex-start;gap:36px;min-width:562px}.benefitsList{display:flex;flex-direction:column;gap:20px}.benefitItem{display:flex;flex-direction:row;align-items:center;gap:12px}.checkIcon{width:24px;height:24px}.checkIcon:before{content:"";position:absolute;width:14px;height:8px;border-left:2px solid var(--color-white);border-bottom:2px solid var(--color-white);transform:rotate(-45deg);left:5px;top:7px}.aboutImage{width:843px;height:495px;background:url(/images/aboutBg.png) no-repeat center center;background-size:contain}.contact{margin-top:134px;display:flex;justify-content:center;position:relative;width:100%;height:100%;z-index:999}.line{position:absolute;bottom:-100px;left:69px;width:1063px;height:300px;z-index:-1;background:url(/images/line.svg) no-repeat 0% 40%;background-size:cover}.contactCard{display:flex;flex-direction:column;align-items:center;padding:60px;gap:48px;width:610px;background-color:var(--color-white);border:1.5px solid var(--color-dark);border-radius:20px}.contactText{display:flex;flex-direction:column;align-items:center;gap:16px}.contactText h2,.contactText p{text-align:center}.footer{display:flex;margin-top:233px;gap:20px;border-top:1px solid var(--color-dark);padding:100px 0}.companyInfo{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-left:auto}.infoBlock{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.contactInfo{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-left:auto}.addressBlock{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:500px}.emailBlock{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.emailLink{color:var(--color-blue);text-decoration:none}.emailLink:hover{text-decoration:underline}.contactPopup{display:flex;flex-direction:column;padding:40px;gap:28px;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);opacity:0;visibility:hidden;width:397px;background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000026;transition:all .3s ease;z-index:1000}.contactPopup.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.contactPopup h3{width:317px;font-weight:700;font-size:32px;line-height:40px;color:#111}.contactPopupContent{display:flex;flex-direction:column;align-items:flex-end;gap:20px}.contactPopupRow{display:flex;align-items:center;gap:16px;width:317px;height:40px}.contactPopupIcon{width:40px;height:40px;position:relative}.contactPopupRow a{text-decoration:none;width:auto;font-weight:400;font-size:18px;line-height:22px;color:#111}.contactPopupClose{position:absolute;width:32px;height:32px;right:8px;top:8px;background:url(/images/close.svg) no-repeat center center;cursor:pointer}@media screen and (max-width: 1100px){h1{font-size:32px;line-height:40px}h2{font-size:24px;font-weight:500;line-height:100%}p{font-size:14px;line-height:20px}.header{display:flex;padding:24px 16px;gap:20px;height:106px;border-bottom:1px solid var(--color-dark);overflow-x:auto;overflow-y:hidden;margin-left:-16px;margin-right:-16px;position:relative;width:calc(100% + 32px)}.hero{display:flex;background:none;padding-bottom:0;margin-top:48px}.heroText h1,.heroText p{width:100%}.heroContent{display:flex;flex-direction:column;margin-top:0}.technologies{margin-top:76px}.techCards{flex-direction:column;margin-top:28px}.techCard{width:100%;padding:24px 16px}.services{padding:24px 0 108px;margin-top:56px}.serviceCards{display:flex;flex-direction:column;padding:0}.serviceCard{width:100%;height:auto;padding:24px 16px}.serviceCard:nth-child(1){order:1}.serviceCard:nth-child(2){order:3}.serviceCard:nth-child(3){order:2}.serviceCard:nth-child(4){order:4}.serviceNumber{right:0;top:10px;font-size:36px}.serviceCard h3{width:290px}.serviceCard p{width:100%}.serviceCardWide{width:100%;height:auto;order:5}.serviceCardWide h3,.serviceCardWide p{width:100%;max-width:90%}.serviceCards:after{display:none}.serviceCards:before{width:235px;height:527px;right:-57px;bottom:-215px}.about{display:flex;flex-direction:column;justify-content:center;padding:0;margin-top:56px}.aboutContent{gap:20px;min-width:auto}.aboutImage{width:373px;height:240px;min-width:auto}.contact{display:flex;flex-direction:column;margin-top:56px}.contactCard{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:60px 32px;width:100%}.contactText{width:306px}.line{display:none}.footer{margin-top:56px;display:flex;flex-direction:column;gap:20px;border-top:1px solid var(--color-dark);overflow-x:auto;overflow-y:hidden;margin-left:-16px;margin-right:-16px;padding:40px 16px;position:relative;width:calc(100% + 32px)}.companyInfo,.contactInfo{margin-left:0}.addressBlock{width:100%}}@media screen and (max-width: 800px){.header{display:flex;justify-content:center;align-items:center;padding:24px 16px;gap:20px;height:106px;border-bottom:1px solid var(--color-dark)}.menu{display:none}}@media screen and (max-width: 458px){.heroImageMob{display:block;position:absolute;left:-16px;top:51px;width:100vw;height:499px;z-index:-1;background:url(/images/hero_mob.png) no-repeat left center;background-size:100% 500px}}@media screen and (min-width: 459px) and (max-width: 470px){.heroImageMob{display:block;position:absolute;left:-16px;top:51px;width:100vw;height:499px;z-index:-1;background:url(/images/hero_mob.png) no-repeat left center;background-size:100% 400px}}@media screen and (min-width: 470px) and (max-width: 600px){.heroImageMob{display:block;position:absolute;left:-16px;top:0;width:100vw;height:499px;z-index:-1;background:url(/images/hero_mob.png) no-repeat left center;background-size:100% 400px}}