*{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:77.5rem;margin:0 auto;padding:0 1rem}h1{font-size:2.75rem;font-weight:700;line-height:3.4375rem}h2{font-size:2rem;font-weight:700;line-height:2.5rem}h3{font-size:1.25rem;font-weight:500;line-height:1.5625rem}h4{font-size:1rem;font-weight:500;line-height:1.25rem}p{font-size:1rem;font-weight:400;line-height:1.5rem}.btn{display:inline-flex;justify-content:center;align-items:center;padding:1.25rem 2.5rem;background-color:var(--color-blue);color:var(--color-white);text-decoration:none;border-radius:4.5rem;font-size:1rem;line-height:1.25rem;transition:background-color .3s ease}.btn:hover{background-color:#4388e5}.header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--color-dark)}.menu{display:flex;flex-direction:row;align-items:center;gap:1rem}.menuItem{display:flex;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.125rem;color:var(--color-dark);text-decoration:none;transition:color .3s ease}.menuItem:hover{color:var(--color-blue)}.hero{display:flex;position:relative;margin-top:.625rem;background:url(/images/hero.png) no-repeat center right;background-size:36.5625rem auto;padding-bottom:4.375rem}.heroImageMob{display:none}.heroContent{display:flex;flex-direction:column;align-items:flex-start;gap:3rem;margin-top:2.8125rem}.heroText{display:flex;flex-direction:column;gap:1.25rem}.heroText h1,.heroText p{width:39.375rem}.technologies{margin-top:1.5rem}.techCards{margin-top:2.25rem;display:flex;flex-direction:row;gap:1.25rem}.techCard{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;padding:1.4375rem;gap:2.5rem;width:18.4375rem;border:.0938rem solid var(--color-dark);border-radius:1.25rem}.techIcon{width:3rem;height:3rem;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:1rem}.techItem{display:flex;flex-direction:column;gap:.25rem}.techItem h4{font-size:.875rem;line-height:1.125rem;font-weight:500}.techItem p{font-size:.875rem;line-height:1.125rem;font-weight:400}.services{margin-top:6.875rem;padding:3.75rem 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:1.25rem;width:100%;position:relative;margin-top:2.25rem}.serviceCards:after{content:"";position:absolute;right:0;top:-6.25rem;width:11.25rem;height:15.375rem;background:url(/images/settings.svg) no-repeat center center;background-size:cover}.serviceCards:before{content:"";position:absolute;right:-4.6875rem;bottom:-3.75rem;width:17.625rem;height:39.5rem;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:1.5rem;gap:1rem;position:relative;width:31.5rem;height:12.5rem;background-color:var(--color-white);border-radius:1.25rem}.serviceCard h3{width:21.875rem;color:var(--color-dark);z-index:2}.serviceCard p{width:28.5rem;color:var(--color-dark);z-index:1}.serviceCardWide{display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem;position:relative;height:8.5625rem;background-color:var(--color-white);border-radius:1.25rem}.serviceCardWide h3{width:61.25rem;color:var(--color-dark);z-index:2;margin-bottom:1rem}.serviceCardWide p{width:35rem;color:var(--color-dark);z-index:1}.serviceNumber{position:absolute;right:1rem;top:1rem;font-family:Geologica,sans-serif;font-weight:900;font-size:3.5rem;line-height:3.75rem;color:var(--color-service-number);z-index:0}.about{margin-top:6.875rem;display:flex;align-items:center;gap:.3125rem;position:relative}.aboutContent{display:flex;flex-direction:column;align-items:flex-start;gap:2.25rem;min-width:35.125rem}.benefitsList{display:flex;flex-direction:column;gap:1.25rem}.benefitItem{display:flex;flex-direction:row;align-items:center;gap:.75rem}.benefitItem--block{align-items:flex-start}.benefitItem--block .checkIcon{flex-shrink:0;margin-top:2px}.checkIcon{width:1.5rem;height:1.5rem}.checkIcon:before{content:"";position:absolute;width:.875rem;height:.5rem;border-left:2px solid var(--color-white);border-bottom:2px solid var(--color-white);transform:rotate(-45deg);left:.3125rem;top:.4375rem}.aboutImage{width:52.6875rem;height:30.9375rem;background:url(/images/aboutBg.png) no-repeat center center;background-size:contain}.contact{margin-top:8.375rem;display:flex;justify-content:center;position:relative;width:100%;height:100%;z-index:999}.line{position:absolute;bottom:-6.25rem;left:4.3125rem;width:66.4375rem;height:18.75rem;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:3.75rem;gap:3rem;width:38.125rem;background-color:var(--color-white);border:.0938rem solid var(--color-dark);border-radius:1.25rem}.contactText{display:flex;flex-direction:column;align-items:center;gap:1rem}.contactText h2,.contactText p{text-align:center}.footer{display:flex;margin-top:14.5625rem;gap:1.25rem;border-top:1px solid var(--color-dark);padding:3.75rem 0;align-items:flex-start}.footer>.logo{align-self:center}.companyInfo{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;margin-left:auto}.infoBlock{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.infoBlock--nowrap p{white-space:nowrap}.contactInfo{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.5rem;margin-left:auto;align-self:stretch}.addressBlock{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;width:31.25rem}.emailBlock{display:flex;flex-direction:column;align-items:flex-start;gap:.375rem}.emailLink{color:var(--color-blue);text-decoration:none}.emailLink:hover{text-decoration:underline}.contactPopup{display:flex;flex-direction:column;padding:2.5rem;gap:1.75rem;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);opacity:0;visibility:hidden;width:calc(100% - 2rem);max-width:24.8125rem;background:#fff;border-radius:1.25rem;box-shadow:0 .625rem 1.875rem #00000026;transition:all .3s ease;z-index:1000}.contactPopup.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.contactPopup h3{width:100%;max-width:19.8125rem;font-weight:700;font-size:2rem;line-height:2.5rem;color:#111}.contactPopupContent{display:flex;flex-direction:column;align-items:flex-end;gap:1.25rem}.contactPopupRow{display:flex;align-items:center;gap:1rem;width:100%;max-width:19.8125rem;height:2.5rem}.contactPopupIcon{width:2.5rem;height:2.5rem;position:relative}.contactPopupRow a{text-decoration:none;width:auto;font-weight:400;font-size:1.125rem;line-height:1.375rem;color:#111}.contactPopupClose{position:absolute;width:2rem;height:2rem;right:.5rem;top:.5rem;background:url(/images/close.svg) no-repeat center center;cursor:pointer}@media screen and (max-width:1100px){h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.5rem;font-weight:500;line-height:100%}p{font-size:.875rem;line-height:1.25rem}.header{display:flex;padding:1.5rem 1rem;gap:1.25rem;height:6.625rem;border-bottom:1px solid var(--color-dark);overflow-x:auto;overflow-y:hidden;margin-left:-1rem;margin-right:-1rem;position:relative;width:calc(100% + 2rem)}.hero{display:flex;background:none;padding-bottom:0;margin-top:3rem}.heroText h1,.heroText p{width:100%}.heroContent{display:flex;flex-direction:column;margin-top:0}.technologies{margin-top:4.75rem}.techCards{flex-direction:column;margin-top:1.75rem}.techCard{width:100%;padding:1.5rem 1rem}.services{padding:1.5rem 0 6.75rem;margin-top:3.5rem}.serviceCards{display:flex;flex-direction:column;padding:0}.serviceCard{width:100%;height:auto;padding:1.5rem 1rem}.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:.625rem;font-size:2.25rem}.serviceCard h3{width:100%;max-width:18.125rem}.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:14.6875rem;height:32.9375rem;right:-3.5625rem;bottom:-13.4375rem}.about{display:flex;flex-direction:column;justify-content:center;padding:0;margin-top:3.5rem}.aboutContent{gap:1.25rem;min-width:auto}.aboutImage{width:100%;max-width:23.3125rem;height:15rem;min-width:auto}.contact{display:flex;flex-direction:column;margin-top:3.5rem}.contactCard{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:3.75rem 2rem;width:100%}.contactText{width:100%;max-width:19.125rem}.line{display:none}.footer{margin-top:3.5rem;display:flex;flex-direction:column;gap:1.25rem;border-top:1px solid var(--color-dark);overflow-x:auto;overflow-y:hidden;margin-left:-1rem;margin-right:-1rem;padding:2.5rem 1rem;position:relative;width:calc(100% + 2rem)}.companyInfo,.contactInfo{margin-left:0}.addressBlock{width:100%}}@media screen and (max-width:800px){.header{display:flex;justify-content:center;align-items:center;padding:1.5rem 1rem;gap:1.25rem;height:6.625rem;border-bottom:1px solid var(--color-dark)}.menu{display:none}}@media screen and (max-width:458px){.heroImageMob{display:block;position:absolute;left:-1rem;top:3.1875rem;width:100vw;height:31.1875rem;z-index:-1;background:url(/images/hero_mob.png) no-repeat left center;background-size:100% 31.25rem}}@media screen and (min-width:459px)and (max-width:470px){.heroImageMob{display:block;position:absolute;left:-1rem;top:3.1875rem;width:100vw;height:31.1875rem;z-index:-1;background:url(/images/hero_mob.png) no-repeat left center;background-size:100% 25rem}}@media screen and (min-width:471px)and (max-width:600px){.heroImageMob{display:block;position:absolute;left:-1rem;top:0;width:100vw;height:31.1875rem;z-index:-1;background:url(/images/hero_mob.png) no-repeat left center;background-size:100% 25rem}}