.frontend-development-page{overflow-x:clip}.frontend-development-page__services,.frontend-development-page__technologies,.frontend-development-page__contact,.frontend-development-page__faq{background:var(--color-white)}.frontend-development-page__reasons{background:var(--color-primary-8)}.frontend-development-page__process{background:linear-gradient(90deg,#18292d 0%,#0d5563 100%)}.frontend-development-page__process .service-process__title,.frontend-development-page__process .service-process__description{color:var(--color-white)}.frontend-development-page__process .service-process-stepper__info{align-items:center}.frontend-development-page__benefits{background:linear-gradient(#deeeef 0%,#f5fbfb 50%,#fff0 100%)}.frontend-development-page__hero .service-hero{background:linear-gradient(90deg,#18292d 0%,#0d5563 100%);min-height:830px;padding:0}.frontend-development-page__hero .service-hero__container{flex-direction:column;min-height:830px;padding-top:115px;display:flex}.frontend-development-page__hero .service-hero__copy{align-items:center;max-width:100%;padding-top:40px}.frontend-development-page__hero .service-hero__title,.frontend-development-page__hero .service-hero__description{text-align:center}.frontend-development-page__hero .service-hero__title{margin-bottom:24px;font-size:32px;line-height:38px}.frontend-development-page__hero .service-hero__description{max-width:760px;margin-bottom:40px}.frontend-development-page__hero .service-hero__image{object-fit:contain;align-self:center;width:min(100%,448px);max-width:none;height:auto;margin:64px 0 0;position:relative}.frontend-development-page__hero .service-hero__decor{display:none}.frontend-development-page__services .service-section-title,.frontend-development-page__reasons .service-accordion-showcase__title,.frontend-development-page__technologies .service-tech-stack__title,.frontend-development-page__benefits .service-section-title{color:var(--color-primary-6)}.frontend-development-page__services .service-section-copy p,.frontend-development-page__reasons .service-accordion-showcase__description p,.frontend-development-page__technologies .service-tech-stack__subtitle,.frontend-development-page__benefits .service-section-copy p{color:var(--color-secondary-3)}.frontend-development-page__services .service-icon-cards__grid--hover-reveal{gap:40px}.frontend-development-page__services .service-icon-cards__grid--hover-reveal .service-icon-cards__card{background:linear-gradient(90deg,#0d5563 0%,#12798a 100%);max-width:580px;padding:40px}.frontend-development-page__services .service-icon-cards__grid--hover-reveal .service-icon-cards__card:hover{background:var(--color-primary-8);gap:22px}.frontend-development-page__services .service-icon-cards__grid--hover-reveal .service-icon-cards__card-inner{text-align:left;flex-direction:row;align-items:center;gap:30px}.frontend-development-page__services .service-icon-cards__grid--hover-reveal .service-icon-cards__icon-wrap{width:70px;height:70px}.frontend-development-page__services .service-icon-cards__grid--hover-reveal .service-icon-cards__icon{width:46px;height:46px}.frontend-development-page__services .service-icon-cards__grid--hover-reveal .service-icon-cards__card-title{color:var(--color-white);text-align:left;font-size:18px;line-height:1.38}.frontend-development-page__services .service-icon-cards__grid--hover-reveal .service-icon-cards__card:hover .service-icon-cards__card-title{color:var(--color-primary-6)}.frontend-development-page__services .service-icon-cards__grid--hover-reveal .service-icon-cards__card-text{color:var(--color-secondary-3);text-align:left}.frontend-development-page__technologies .service-tech-stack{background:var(--color-white)}.frontend-development-page__technologies .service-tech-stack__container{width:min(100% - 40px,1290px);margin-inline:auto}.frontend-development-page__technologies .service-tech-stack__title{text-align:center;margin-bottom:36px}.frontend-development-page__technologies .service-tech-stack__subtitle{color:var(--color-secondary-3);margin-bottom:50px;font-size:18px;line-height:1.7}.frontend-development-page__technologies .service-tech-stack__grid{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.frontend-development-page__technologies .service-tech-stack__card{width:min(270px,100%);box-shadow:none;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.frontend-development-page__technologies .service-tech-stack__icon{object-fit:contain;width:min(270px,100%);max-width:270px;height:94px;max-height:none;margin:0}.frontend-development-page__benefits .service-icon-cards>.shell-container{flex-direction:column;align-items:center;gap:50px;display:flex}.frontend-development-page__benefits .service-section-copy{margin-bottom:0}.frontend-development-page__benefits .service-icon-cards__grid--text-dark{width:100%}.frontend-development-page__benefits .service-icon-cards__grid--text-dark .service-icon-cards__card{border-bottom:1px solid var(--color-secondary-5);cursor:pointer;width:100%;max-width:592px;padding:25px 18px}.frontend-development-page__benefits .service-icon-cards__grid--text-dark .service-icon-cards__card-inner{flex-direction:row;align-items:center}.frontend-development-page__benefits .service-icon-cards__grid--text-dark .service-icon-cards__icon-wrap{background:0 0;border-radius:0;flex:0 0 46px;width:46px;height:46px;margin:0}.frontend-development-page__benefits .service-icon-cards__grid--text-dark .service-icon-cards__icon{width:46px;height:46px}.frontend-development-page__benefits .service-icon-cards__grid--text-dark .service-icon-cards__card-title{color:var(--color-primary-6);margin:0}.frontend-development-page__benefits .service-icon-cards__grid--text-dark .service-icon-cards__card-text{opacity:0;max-height:0;margin:0;transition:max-height .3s,margin-top .3s,opacity .3s;overflow:hidden}.frontend-development-page__benefits .service-icon-cards__grid--text-dark .service-icon-cards__card:hover .service-icon-cards__card-text,.frontend-development-page__benefits .service-icon-cards__grid--text-dark .service-icon-cards__card:focus-within .service-icon-cards__card-text{opacity:1;max-height:260px;margin-top:18px}.frontend-development-page__contact{padding:0 20px 80px}.frontend-development-page__contact .service-media-text{padding:0}.frontend-development-page__contact .service-media-text__container{background:var(--color-primary-8);width:min(1420px,100%);box-shadow:var(--shadow-soft);border-radius:18px;gap:0;margin:0 auto;overflow:hidden}.frontend-development-page__contact .service-media-text__copy{align-items:center;padding:60px 20px 0}.frontend-development-page__contact .service-section-title{color:var(--color-primary-6);text-align:center;font-size:32px;font-weight:600;line-height:1.32}.frontend-development-page__contact .service-section-title span{color:var(--color-primary-1)}.frontend-development-page__contact .service-section-copy{max-width:none;margin:0}.frontend-development-page__contact .service-section-copy p{color:var(--color-secondary-3);text-align:center}.frontend-development-page__contact .legacy-button{align-self:center;margin:40px 0}.frontend-development-page__contact .service-media-text__media,.frontend-development-page__contact .service-media-text__picture,.frontend-development-page__contact .service-media-text__image{height:100%}.frontend-development-page__contact .service-media-text__image{object-fit:cover;border-radius:0}.frontend-development-page__cases .service-related-cases{background:var(--color-primary-8)}@media (width>=769px){.frontend-development-page__hero .service-hero__container{flex-direction:row}.frontend-development-page__hero .service-hero__copy{align-items:flex-start;width:500px;max-width:500px;margin-top:14px;padding-top:100px}.frontend-development-page__hero .service-hero__title,.frontend-development-page__hero .service-hero__description{text-align:left}.frontend-development-page__hero .service-hero__description{margin-bottom:58px}.frontend-development-page__hero .service-hero__image{align-self:flex-end;width:560px;margin-top:0;bottom:99px;left:24px}.frontend-development-page__hero .service-hero__decor{width:760px;display:block;inset:-65px -150px auto auto}.frontend-development-page__services .service-icon-cards__grid--hover-reveal{gap:50px}.frontend-development-page__services .service-icon-cards__decor{width:886px;display:block;top:100px;right:-729px}.frontend-development-page__reasons .service-accordion-showcase__container{padding-inline:0}.frontend-development-page__technologies .service-tech-stack__grid{gap:40px}.frontend-development-page__benefits .service-icon-cards__grid--text-dark .service-icon-cards__card{padding-inline:62px}.frontend-development-page__contact{padding:0 40px 120px}.frontend-development-page__contact .service-media-text__copy{padding:64px 60px 0}.frontend-development-page__contact .service-section-title{font-size:52px;line-height:1.25}}@media (width>=769px) and (width<=1200px){.frontend-development-page .service-section-title,.frontend-development-page__hero .service-hero__title{font-size:52px;line-height:62.4px}.frontend-development-page__hero .service-hero__container{width:calc(100% - 120px)}.frontend-development-page__hero .service-hero__copy{width:345px;max-width:345px;margin-top:0;padding-top:40px}.frontend-development-page__services .service-icon-cards__grid--hover-reveal{grid-template-columns:1fr;justify-items:center}.frontend-development-page__services .service-icon-cards__grid--hover-reveal .service-icon-cards__card{width:100%}.frontend-development-page__process .service-process-stepper{flex-direction:column;align-items:center;gap:32px}.frontend-development-page__process .service-process-stepper__left,.frontend-development-page__process .service-process-stepper__right{flex:none;justify-content:center;width:100%}.frontend-development-page__process .service-process-stepper__right,.frontend-development-page__process .service-process-stepper__info{align-items:center}.frontend-development-page__process .service-process-stepper__images{margin-top:40px}.frontend-development-page__process .service-process-stepper__info-step-wrapper{justify-content:center;left:auto;transform:none}.frontend-development-page__process .service-process-stepper__info-subtitle{width:auto;margin:0 0 0 12px;position:relative;top:auto;left:auto}.frontend-development-page__process .service-process-stepper__info-actions{justify-content:center;margin-top:22px}.frontend-development-page__benefits .service-icon-cards__grid--text-dark{flex-direction:column;max-width:680px;margin-inline:auto}.frontend-development-page__benefits .service-icon-cards__grid--text-dark .service-icon-cards__card{max-width:100%}.frontend-development-page__benefits .service-icon-cards__grid--text-dark .service-icon-cards__card:not(:first-child){padding-left:62px}.frontend-development-page__benefits .service-icon-cards__grid--text-dark .service-icon-cards__card:not(:last-child){border-right:0;padding-right:62px}.frontend-development-page__contact .service-media-text__container{flex-direction:column;max-width:760px;display:flex}.frontend-development-page__contact .service-media-text__copy{align-items:center;padding:64px 60px 0}.frontend-development-page__contact .service-section-title,.frontend-development-page__contact .service-section-copy p{text-align:center}.frontend-development-page__contact .service-media-text__media,.frontend-development-page__contact .service-media-text__picture,.frontend-development-page__contact .service-media-text__image{height:auto}}@media (width>=1201px){.frontend-development-page .service-section-title{font-size:52px;line-height:62.4px}.frontend-development-page__hero .service-hero{min-height:620px}.frontend-development-page__hero .service-hero__container{width:min(100% - 240px,1200px);min-height:620px}.frontend-development-page__hero .service-hero__copy{width:750px;max-width:750px;margin-top:0;padding-top:80px}.frontend-development-page__hero .service-hero__title{margin-bottom:18px;font-size:52px;line-height:62.4px}.frontend-development-page__hero .service-hero__image{width:452px;bottom:19px;left:53px}.frontend-development-page__hero .service-hero__decor{top:-100px;right:-150px}.frontend-development-page__services .service-icon-cards__decor{top:-265px;right:-225px}.frontend-development-page__reasons .service-accordion-showcase__container{padding-inline:60px}.frontend-development-page__process .service-process>.shell-container{width:min(100% - 240px,1200px)}.frontend-development-page__process .service-process-stepper__right{min-height:407px}.frontend-development-page__process .service-process-stepper__info{align-items:flex-start;width:444px}.frontend-development-page__benefits .service-icon-cards>.shell-container{grid-template-columns:minmax(0,1fr) minmax(520px,592px);grid-template-areas:"title cards""copy cards""cta cards";align-items:start;gap:0 103px;display:grid}.frontend-development-page__benefits .service-section-title{text-align:left;grid-area:title;margin-bottom:36px}.frontend-development-page__benefits .service-section-copy{grid-area:copy;margin:0}.frontend-development-page__benefits .service-section-copy p{text-align:left}.frontend-development-page__benefits .service-icon-cards__grid--text-dark{flex-direction:column;grid-area:cards}.frontend-development-page__benefits .service-icon-cards__grid--text-dark .service-icon-cards__card{max-width:592px}.frontend-development-page__benefits .service-icon-cards__grid--text-dark .service-icon-cards__card:not(:first-child){padding-left:62px}.frontend-development-page__benefits .service-icon-cards__grid--text-dark .service-icon-cards__card:not(:last-child){border-right:0;padding-right:62px}.frontend-development-page__benefits .service-icon-cards__cta{grid-area:cta;justify-content:flex-start;margin-top:36px}.frontend-development-page__contact{padding:0 0 120px}.frontend-development-page__contact .service-media-text__container{grid-template-columns:1fr 560px;align-items:stretch}.frontend-development-page__contact .service-media-text__copy{align-items:flex-start;padding:64px}.frontend-development-page__contact .service-section-title{max-width:400px}.frontend-development-page__contact .service-section-title,.frontend-development-page__contact .service-section-copy p{text-align:left}.frontend-development-page__contact .legacy-button{align-self:flex-start}}