/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;tab-size:4;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentColor}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root{line-height:1.5}h1,h2,h3,h4,h5,figure,p,ol,ul{margin:0}ul,ol{padding:0;list-style:none}h1,h2,h3,h4,h5{font-size:inherit;font-weight:inherit}button{font:inherit;background:0 0;border:none}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}@font-face{font-family:Roboto;src:url(/vite-webstudio/fonts/Roboto-Regular.woff2)format("woff2"),url(/vite-webstudio/fonts/Roboto-Regular.woff)format("woff"),url(/vite-webstudio/fonts/Roboto-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/vite-webstudio/fonts/Roboto-Medium.woff2)format("woff2"),url(/vite-webstudio/fonts/Roboto-Medium.woff)format("woff"),url(/vite-webstudio/fonts/Roboto-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/vite-webstudio/fonts/Roboto-Bold.woff2)format("woff2"),url(/vite-webstudio/fonts/Roboto-Bold.woff)format("woff"),url(/vite-webstudio/fonts/Roboto-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(/vite-webstudio/fonts/Raleway-Bold.woff2)format("woff2"),url(/vite-webstudio/fonts/Raleway-Bold.woff)format("woff"),url(/vite-webstudio/fonts/Raleway-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}body{color:#2e2f42;background-color:#fff;font-family:Roboto,sans-serif}*,:before,:after{box-sizing:border-box}h2{color:#2e2f42;text-align:center;letter-spacing:.72px;margin-bottom:72px;font-size:36px;font-style:normal;font-weight:700;line-height:40px}.header__container{justify-content:space-between;align-items:center;display:flex}.logo{color:#4d5ae5;letter-spacing:.54px;text-transform:uppercase;font-size:18px;font-weight:700;line-height:21px}.header__logo{padding:24px 0;display:block}.logo__black{color:#2e2f42}.header__list,.header__contacts{display:none}.header__link{letter-spacing:.32px;padding:24px 0;font-size:16px;font-weight:500;line-height:24px}.header__link:hover,.header__link:active,.header__link.active{color:#404bbf}.burger_menu{cursor:pointer}.container{max-width:320px;margin:0 auto;padding:0 16px}.hero{text-align:center;background-image:linear-gradient(#2e2f42b3,#2e2f42b3),url(../img/hero-mobile.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;padding:72px 0}.hero__title{color:#fff;letter-spacing:.72px;max-width:280px;margin:0 auto 72px;font-size:36px;font-weight:700;line-height:40px}.btn__service{color:#fff;cursor:pointer;letter-spacing:.64px;background:#4d5ae5;border-radius:4px;margin:0 auto;padding:16px 32px;font-size:16px;font-weight:500;line-height:24px;display:block;box-shadow:0 4px 4px #00000026}.btn__service:hover,.btn__service:focus{background:#404bbf}.section{padding:96px 0}.features__list{flex-direction:column;gap:72px;display:flex}.features__item{width:100%}.features__item-title{color:#2e2f42;letter-spacing:.72px;padding-bottom:8px;font-size:36px;font-style:normal;font-weight:700;line-height:40px}.features__item-text{color:#434455;letter-spacing:.32px;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.features__item-icon{display:none}.team{background-color:#f4f4fd}.team__list{flex-direction:column;gap:72px;display:flex}.team__item{background:#fff;border-radius:0 0 4px 4px;width:264px;box-shadow:0 1px 6px #2e2f4214,0 1px 1px #2e2f4229,0 2px 1px #2e2f4214}.team__content{text-align:center;padding:32px 16px}.team__title{text-align:center;letter-spacing:.4px;padding-bottom:8px;font-size:20px;font-weight:500;line-height:24px}.team__text{color:#434455;text-align:center;letter-spacing:.32px;padding-bottom:8px;font-size:16px;line-height:24px}.team__social-list{justify-content:space-between;align-items:center;gap:24px;display:flex}.social__item{width:40px;height:40px}.social__link{cursor:pointer;background-color:#4d5ae5;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:background-color .25s cubic-bezier(.4,0,.2,1);display:flex}.social__link:hover,.social__link:focus{background-color:#404bbf}.social-icon{fill:#f4f4fd}.portfolio__title{text-align:center;letter-spacing:.72px;font-size:36px;font-weight:700;line-height:40px}.portfolio__list{flex-flow:column wrap;gap:48px;display:flex}.portfolio__item{background:#fff;overflow:hidden;box-shadow:0 1px 6px #2e2f4214,0 1px 1px #2e2f4229,0 2px 1px #2e2f4214}.portfolio__img{transition:transform .3s}.portfolio__img:hover{transform:scale(1.05)}.portfolio__content{border-bottom:1px solid #e7e9fc;border-left:1px solid #e7e9fc;border-right:1px solid #e7e9fc;padding:32px 16px}.portfolio__content-title{letter-spacing:.4px;padding-bottom:8px;font-size:20px;font-weight:500;line-height:24px}.portfolio__content-subtitle{color:#434455;letter-spacing:.32px;font-size:16px;line-height:24px}.footer{color:#fff;background-color:#2e2f42}.footer__subscribe-title{color:#fff;letter-spacing:.32px;font-size:16px;font-weight:500;line-height:24px}.footer__container{flex-direction:column;gap:72px;display:flex}.footer__info{max-width:264px}.footer__logo{text-align:center;color:#4d5ae5;text-transform:uppercase;margin-bottom:16px;font-family:Raleway;font-size:18px;font-style:normal;font-weight:700;line-height:21px;display:block}.footer__logo-color{color:#fff}.footer__text{text-align:left;color:#f4f4fd;letter-spacing:.32px;max-width:264px;font-size:16px;line-height:24px}.footer__social-title{text-align:center;color:#fff;letter-spacing:.32px;margin-bottom:16px;font-size:16px;line-height:24px}.footer__social-list{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.link__social{background-color:#4d5ae5;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.link__social:hover{background-color:#31d0aa}.footer__social-icon{fill:#fff}.footer__subscribe{flex-direction:column;align-items:center;gap:16px;display:flex}.footer__form{flex-direction:column;gap:16px;width:100%;display:flex}.footer__input{color:#fff;background:0 0;border:1px solid #fff;border-radius:4px;width:100%;padding:16px;font-size:12px}.footer__btn{color:#fff;cursor:pointer;background-color:#4d5ae5;border-radius:4px;justify-content:center;align-self:center;align-items:center;gap:8px;width:fit-content;padding:8px 24px;display:inline-flex}.btn__icon{fill:#fff}@media screen and (width>=768px){.section{padding:96px 0}.container{max-width:768px}.burger_menu{display:none}.header__nav,.header__container{align-items:center;display:flex}.header__list{gap:40px;margin-left:120px;display:flex}.header__contacts{flex-direction:column;gap:12px;margin-left:auto;display:flex}.header__contacts-link{color:#434455;letter-spacing:.48px;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.header__contacts-link:hover,.header__contacts-link:focus{color:#404bbf}.hero{background-image:linear-gradient(#2e2f42b3,#2e2f42b3),url(/vite-webstudio/img/hero-tablet.jpg);width:100%;margin:0 auto;padding:112px 0}.hero__title{letter-spacing:1.12px;max-width:496px;margin:0 auto 36px;font-size:56px;line-height:60px}.features__list{flex-flow:wrap;gap:72px 24px}.features__item{width:calc(50% - 12px)}.team__list{flex-flow:wrap;justify-content:center;align-items:stretch;gap:64px 24px}.portfolio__list{flex-direction:row;gap:64px 24px}.portfolio__item{width:calc(50% - 12px);max-width:100%}.footer__container{flex-flow:wrap;align-items:flex-start;gap:72px 24px;padding-left:108px;display:flex}.footer__social-title{text-align:left}.footer__logo{text-align:left;display:block}.footer__subscribe{align-items:flex-start;width:100%;max-width:456px}.footer__form{flex-direction:row;align-items:center;gap:24px;width:auto;max-width:none}.footer__input{width:264px;max-width:none;height:40px;padding-left:16px}.footer__btn{align-items:center;height:40px}}@media screen and (width>=1158px){.section{padding:120px 0}.container{max-width:1158px}.burger_menu{display:none}.header__nav,.header__container{align-items:center;display:flex}.header__list{gap:40px;margin-left:120px;display:flex}.header__contacts{flex-direction:row;gap:40px;margin-left:auto;display:flex}.header__contacts-link{color:#434455;letter-spacing:.48px;font-size:16px;font-weight:400;line-height:24px}.header__contacts-link:hover,.header__contacts-link:focus{color:#404bbf}.hero{background-image:linear-gradient(#2e2f42b3,#2e2f42b3),url(/vite-webstudio/img/hero-tablet.jpg);max-width:1440px;margin:0 auto;padding:188px 0}.hero__title{letter-spacing:1.12px;max-width:496px;margin:0 auto 48px;font-size:56px;line-height:60px}.features__item-icon{background:#f4f4fd;border:1px solid #8e8f99;border-radius:4px;justify-content:center;align-items:center;height:112px;margin-bottom:8px;display:flex}.features__item-title{letter-spacing:.4px;font-size:20px;font-style:normal;font-weight:500;line-height:24px}.features__item-text{font-weight:400;line-height:24px}.features__list{flex-flow:wrap;justify-content:center;align-items:stretch;gap:24px}.features__item{width:calc(25% - 18px)}.team__list{flex-flow:wrap;justify-content:center;align-items:stretch;gap:64px 24px}.team__item{width:calc(25% - 18px)}.portfolio__list{flex-flow:wrap;gap:48px 24px;display:flex}.portfolio__item{width:calc(33.3333% - 16px);max-width:100%}.portfolio__img{transition:transform .3s}.footer__container{flex-wrap:wrap;align-items:baseline;padding-left:0;display:flex}.footer__info{margin-right:120px}.footer__subscribe{width:auto;margin-left:auto}}@media (resolution>=192dpi){.hero{background-image:linear-gradient(#2e2e42b3,#2e2e42b3),url(/vite-webstudio/img/hero-tablet@2x.jpg)}}@media screen and (width>=768px) and (width<=1157px) and (resolution>=192dpi){.hero{background-image:linear-gradient(#2e2f42b3,#2e2e42b3),url(/vite-webstudio/img/hero-tablet@2x.jpg)}}@media screen and (width>=1158px) and (resolution>=192dpi){.hero{background-image:linear-gradient(#2e2f42b3,#2e2f42b3),url(/vite-webstudio/img/hero-tablet@2x.jpg)}}.mobile__menu{opacity:0;pointer-events:none;background-color:#fff;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.mobile__menu.is-open{opacity:1;visibility:visible;pointer-events:auto}.mobile__menu-container{flex-direction:column;height:100%;padding:72px 16px 40px;display:flex;position:relative}.mobile__nav-list{flex-direction:column;gap:40px;display:flex}.mobile__nav-link{color:#2e2f42;font-size:36px;font-weight:700}.mobile__nav-link.current{color:#404bbf}.mobile__bottom{margin-top:auto}.mobile__contacts{flex-direction:column;gap:24px;margin-bottom:48px;display:flex}.mobile__contacts-link{color:#4d5ae5;font-size:20px;font-weight:500}.mobile__contacts-link.email{color:#434455}.mobile__socials{justify-content:space-between;gap:40px;display:flex}.mobile__social-link{background-color:#4d5ae5;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mobile__social-icon{fill:#f4f4fd}.mobile__menu-close{cursor:pointer;background-color:#e7e9fc;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .25s;display:flex;position:absolute;top:24px;right:24px}.close-icon{fill:#2e2f42;width:8px;height:8px;transition:fill .25s}.mobile__menu-close:hover,.mobile__menu-close:focus{background-color:#404bbf}.mobile__menu-close:hover .close-icon,.mobile__menu-close:focus .close-icon{fill:#fff}.service__modal{opacity:0;visibility:hidden;pointer-events:none;background-color:#2e2f4266;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.service__modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.service__modal-container{background-color:#fcfcfc;border-radius:4px;width:288px;min-height:623px;padding:72px 16px 24px;position:relative;box-shadow:0 1px 1px #00000024,0 1px 3px #0000001f,0 2px 1px #0003}.service__modal-close{cursor:pointer;background-color:#e7e9fc;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:24px;right:24px}.service__modal-close-icon{fill:#2e2f42;transition:fill .25s cubic-bezier(.4,0,.2,1)}.service__modal-close:hover,.service__modal-close:focus{background-color:#404bbf}.service__modal-close:hover .service__modal-close-icon,.service__modal-close:focus .service__modal-close-icon{fill:#fff}.service__modal-title{text-align:center;letter-spacing:.02em;color:#2e2f42;margin-bottom:16px;font-size:16px;font-weight:500;line-height:1.5}.service__modal-field{margin-bottom:8px}.service__modal-field--textarea{margin-bottom:16px}.service__modal-label{color:#8e8f99;margin-bottom:4px;font-size:12px;display:block}.service__modal-input-wrap{position:relative}.service__modal-input{border:1px solid #2e2f4266;border-radius:4px;outline:none;width:100%;height:40px;padding-left:38px;transition:border-color .25s cubic-bezier(.4,0,.2,1)}.service__modal-input:focus{border-color:#4d5ae5}.service__modal-icon{fill:#2e2f42;transition:fill .25s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.service__modal-input:focus+.service__modal-icon{fill:#4d5ae5}.service__modal-textarea{resize:none;border:1px solid #2e2f4266;border-radius:4px;outline:none;width:100%;height:120px;padding:8px 16px;font-size:12px;transition:border-color .25s cubic-bezier(.4,0,.2,1)}.service__modal-textarea:focus{border-color:#4d5ae5}.service__modal-checkbox{margin-bottom:24px}.service__modal-checkbox-label{color:#8e8f99;flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.service__modal-checkbox-custom{border:1px solid #2e2f4266;border-radius:2px;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.service__modal-checkbox-custom svg{opacity:0}.service__modal-checkbox-input:checked+.service__modal-checkbox-label .service__modal-checkbox-custom{background-color:#404bbf;border-color:#404bbf}.service__modal-checkbox-input:checked+.service__modal-checkbox-label .service__modal-checkbox-custom svg{opacity:1}.service__modal-button{color:#fff;cursor:pointer;background-color:#4d5ae5;border:none;border-radius:4px;min-width:169px;height:56px;margin:0 auto;transition:background-color .25s cubic-bezier(.4,0,.2,1);display:block}.service__modal-button:hover{background-color:#404bbf}.service__modal-link{color:#4d5ae5;text-decoration:underline}.visually-hidden{white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}