.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,#0d5563)}.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(180deg,#deeeef,#f5fbfb,#fff0)}.frontend-development-page__hero .service-hero{min-height:830px;padding:0;background:linear-gradient(90deg,#18292d,#0d5563)}.frontend-development-page__hero .service-hero__container{display:flex;min-height:830px;flex-direction:column;padding-top:115px}.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{position:relative;align-self:center;width:min(100%,448px);max-width:none;height:auto;margin:64px 0 0;object-fit:contain}.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{max-width:580px;padding:40px;background:linear-gradient(90deg,#0d5563,#12798a)}.frontend-development-page__services .service-icon-cards__grid--hover-reveal .service-icon-cards__card:hover{gap:22px;background:var(--color-primary-8)}.frontend-development-page__services .service-icon-cards__grid--hover-reveal .service-icon-cards__card-inner{flex-direction:row;gap:30px;align-items:center;text-align:left}.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);font-size:18px;line-height:1.38;text-align:left}.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{margin-bottom:36px;text-align:center}.frontend-development-page__technologies .service-tech-stack__subtitle{margin-bottom:50px;color:var(--color-secondary-3);font-size:18px;line-height:1.7}.frontend-development-page__technologies .service-tech-stack__grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.frontend-development-page__technologies .service-tech-stack__card{display:inline-flex;align-items:center;justify-content:center;width:min(270px,100%);padding:0;border-radius:0;background:transparent;box-shadow:none}.frontend-development-page__technologies .service-tech-stack__icon{width:min(270px,100%);max-width:270px;height:94px;max-height:none;margin:0;object-fit:contain}.frontend-development-page__benefits .service-icon-cards>.shell-container{display:flex;flex-direction:column;align-items:center;gap:50px}.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{width:100%;max-width:592px;padding:25px 18px;border-bottom:1px solid var(--color-secondary-5);cursor:pointer}.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{flex:0 0 46px;width:46px;height:46px;margin:0;border-radius:0;background:transparent}.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{margin:0;color:var(--color-primary-6)}.frontend-development-page__benefits .service-icon-cards__grid--text-dark .service-icon-cards__card-text{max-height:0;margin:0;overflow:hidden;opacity:0;transition:max-height .3s ease,margin-top .3s ease,opacity .3s ease}.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{max-height:260px;margin-top:18px;opacity:1}.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{width:min(1420px,100%);gap:0;margin:0 auto;overflow:hidden;border-radius:18px;background:var(--color-primary-8);box-shadow:var(--shadow-soft)}.frontend-development-page__contact .service-media-text__copy{padding:60px 20px 0;align-items:center}.frontend-development-page__contact .service-section-title{color:var(--color-primary-6);font-size:32px;font-weight:600;line-height:1.32;text-align:center}.frontend-development-page__contact .service-section-title span{color:var(--color-primary-1)}.frontend-development-page__contact .service-section-copy{margin:0;max-width:none}.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{border-radius:0;object-fit:cover}.frontend-development-page__cases .service-related-cases{background:var(--color-primary-8)}.frontend-development-page__lets-talk .lets-talk-section{background:var(--color-white)}@media(min-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;left:24px;bottom:99px;width:560px;margin-top:0}.frontend-development-page__hero .service-hero__decor{inset:-65px -150px auto auto;display:block;width:760px}.frontend-development-page__services .service-icon-cards__grid--hover-reveal{gap:50px}.frontend-development-page__services .service-icon-cards__decor{top:100px;right:-729px;display:block;width:886px}.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(min-width:769px)and (max-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{width:100%;flex:none;justify-content:center}.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{left:auto;justify-content:center;transform:none}.frontend-development-page__process .service-process-stepper__info-subtitle{position:relative;top:auto;left:auto;width:auto;margin:0 0 0 12px}.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){padding-right:62px;border-right:0}.frontend-development-page__contact .service-media-text__container{display:flex;flex-direction:column;max-width:760px}.frontend-development-page__contact .service-media-text__copy{padding:64px 60px 0;align-items:center}.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(min-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{left:53px;bottom:19px;width:452px}.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{width:444px;align-items:flex-start}.frontend-development-page__benefits .service-icon-cards>.shell-container{display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,592px);grid-template-areas:"title cards" "copy cards" "cta cards";gap:0 103px;align-items:start}.frontend-development-page__benefits .service-section-title{grid-area:title;margin-bottom:36px;text-align:left}.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{grid-area:cards;flex-direction:column}.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){padding-right:62px;border-right:0}.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{padding:64px;align-items:flex-start}.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}}