:root{--color-light: #f8f8f8;--color-dark: #181818;--color-gray: #aeaeae;--color-purple: #7600EA;--color-black: #000000;--color-pic: #d9d9d9;--font-family: "Manrope", sans-serif;--page-width: 1920px;--page-padding-x: 48px;--section-gap: 512px}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;background:var(--color-light);color:var(--color-dark);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:none}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}.page{width:100%;min-width:var(--page-width);overflow-x:auto;background:var(--color-light)}.main{width:var(--page-width);margin:0 auto;padding:48px 0;display:flex;flex-direction:column;gap:var(--section-gap);background:var(--color-light)}.header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-padding-x);width:100%}.header__logo{flex-shrink:0;line-height:0}.header__logo img{width:63.44px;height:25px}.header__nav{display:flex;align-items:center;gap:128px}.header__nav-link{font-weight:500;font-size:24px;line-height:1;letter-spacing:-.02em;color:var(--color-gray);transition:color .2s ease}.header__nav-link:hover{color:var(--color-dark)}.about{display:flex;flex-direction:column;gap:24px;padding:0 var(--page-padding-x);width:1590px}.about__roles{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.about__role{font-weight:500;font-size:24px;line-height:1;letter-spacing:-.02em;color:var(--color-gray);white-space:nowrap}.about__role--active{color:var(--color-dark)}.about__title{font-weight:600;font-size:96px;line-height:1;letter-spacing:-.02em;color:var(--color-dark)}.services{display:flex;flex-wrap:wrap;gap:219px 255px;padding:0 var(--page-padding-x);width:100%}.paragraph{display:flex;flex-direction:column;gap:24px;width:438px;flex-shrink:0}.paragraph__title{font-weight:500;font-size:64px;line-height:1;letter-spacing:-.02em;color:var(--color-dark)}.paragraph__text{font-weight:500;font-size:40px;line-height:1.24;letter-spacing:-.02em;color:var(--color-gray)}.section-block{display:flex;flex-direction:column;gap:128px;padding:0 var(--page-padding-x);width:100%}.section-block__title{font-weight:600;font-size:96px;line-height:1;letter-spacing:-.02em;color:var(--color-dark)}.section-block__title--black{color:var(--color-black)}.style-block__text{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.style-block__lead,.style-block__note{width:900px;flex-shrink:0;font-weight:500;font-size:40px;line-height:1.24;letter-spacing:-.02em}.style-block__lead{color:var(--color-dark)}.style-block__note{color:var(--color-gray)}.approach-grid{display:flex;flex-wrap:wrap;gap:80px 255px;width:100%}.works{display:flex;flex-direction:column;gap:48px;width:100%}.work{display:flex;flex-direction:column;gap:48px;height:810px;width:100%}.work__header{display:flex;flex-direction:column;gap:12px;width:520px}.work__company{font-weight:500;font-size:40px;line-height:1.24;letter-spacing:-.02em;color:var(--color-gray)}.work__name{font-weight:500;font-size:64px;line-height:1;letter-spacing:-.02em;color:var(--color-dark)}.work__body{display:flex;flex:1;gap:24px;min-height:0}.work--pic-left .work__body,.work--pic-right .work__body{flex-direction:row}.work__pic{flex-shrink:0;width:1131px;align-self:stretch;background:var(--color-pic);border-radius:24px}.work__description{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding-top:12px;min-width:0}.work__text{font-weight:500;font-size:40px;line-height:1.24;letter-spacing:-.02em;color:var(--color-gray)}.tags{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.tag{display:inline-flex;align-items:center;justify-content:center;padding:24px 48px;border:.5px solid var(--color-gray);border-radius:128px;background:var(--color-light);font-weight:500;font-size:24px;line-height:1;letter-spacing:-.02em;color:var(--color-dark);white-space:nowrap}.pricing{display:flex;flex-direction:column;gap:96px;width:100%}.pricing-block{display:flex;flex-direction:column;gap:48px;width:100%}.pricing__category{flex-shrink:0;font-weight:500;font-size:64px;line-height:1;letter-spacing:-.02em;color:var(--color-dark)}.pricing__price-label{font-weight:500;font-size:40px;line-height:1.24;letter-spacing:-.02em;color:var(--color-dark)}.service-cards{display:flex;flex:1;min-width:0}.service-cards--row{gap:24px;width:100%}.service-cards--row .service-card{flex:1;min-width:0}.service-cards--split{justify-content:space-between;gap:24px;width:100%}.service-card{display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:48px;border:.5px solid var(--color-gray);border-radius:24px;background:var(--color-light)}.service-card__top{display:flex;flex-direction:column;gap:48px}.service-card--wide{width:1131px;flex-shrink:0}.service-card--narrow{width:669px;flex-shrink:0}.service-card__title{font-weight:500;font-size:64px;line-height:1;letter-spacing:-.02em;color:var(--color-dark)}.service-card__description{font-weight:500;font-size:40px;line-height:1.24;letter-spacing:-.02em;color:var(--color-gray)}.service-card__price{font-weight:500;font-size:40px;line-height:1.24;letter-spacing:-.02em;color:var(--color-purple)}.contacts{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px;width:100%}.contact{display:flex;flex-direction:column;gap:48px;width:438px;flex-shrink:0}.contact__info{display:flex;flex-direction:column;gap:24px}.contact__title{font-weight:500;font-size:64px;line-height:1;letter-spacing:-.02em;color:var(--color-dark)}.contact__subtitle{font-weight:500;font-size:40px;line-height:1.24;letter-spacing:-.02em;color:var(--color-gray)}.contact-button{display:inline-flex;align-items:center;align-self:flex-start;gap:0;padding:0 36px 0 0;background:var(--color-purple);border-radius:128px;transition:opacity .2s ease}.contact-button:hover{opacity:.88}.contact-button__icon-wrap{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:72px;height:72px;padding:4px;border-radius:128px;background:var(--color-purple)}.contact-button__icon{display:flex;align-items:center;justify-content:center;flex:1;align-self:stretch;padding:12px;background:var(--color-light);border-radius:32px}.contact-button__icon img{width:28px;height:28px}.contact-button__text{padding:24px 0;margin-left:24px;font-weight:500;font-size:24px;line-height:1;letter-spacing:-.02em;color:var(--color-light);white-space:nowrap}