:root{--breakpoint-xs: 320px;--breakpoint-mobile: 375px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1440px;--font-family-primary: Roboto;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-base: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--spacing-gap-xs: .75rem;--spacing-gap-md: 1rem;--spacing-gap-lg: 2.5rem;--spacing-gap-xl: 4.75rem;--spacing-padding-sm: .625rem;--spacing-padding-md: 1rem;--spacing-padding-lg: 1.5rem;--spacing-padding-xl: 6rem;--spacing-margin-sm: .75rem;--spacing-margin-md: 1rem;--spacing-margin-xl: 4.75rem;--radius-none: 0rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-xxl: 1.5rem;--color-bg-primary: #ffffff;--color-bg-secondary: #f4f4fd;--color-bg-tertiary: #2e2f42;--color-bg-overlay: rgba(46, 47, 66, .6862745098);--color-bg-frame: #404bbf;--color-bg-hover: rgba(97, 107, 223, .6980392157);--color-border-primary: #e7e9fc;--color-button-primary: #4d5ae5;--color-button-pressed: #404bbf;--color-button-hover: #6972cc;--color-icon-primary: #f4f4fd;--color-icon-secondary: #2e2f42;--color-icon-hover: #31d0aa;--color-text-primary: #2e2f42;--color-text-secondary: #f4f4fd;--color-text-accent: #404bbf;--color-text-hover: #2b359f}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}@font-face{font-family:Roboto;src:url(../fonts/Roboto-regular.woff2) format("woff2"),url(../fonts/Roboto-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(../fonts/Roboto-medium.woff2) format("woff2"),url(../fonts/Roboto-medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(../fonts/Roboto-bold.woff2) format("woff2"),url(../fonts/Roboto-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ul{list-style:none}img{max-inline-size:100%;max-block-size:100%}input{-webkit-user-select:auto}::placeholder{color:unset}::-webkit-details-marker{display:none}body,h1,h2,h3,p,picture{margin:0}a{text-decoration:none;color:currentColor}img,svg{display:block;max-width:100%}input,button{font:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}html{font-size:var(--font-size-base);scroll-behavior:smooth}body{font-family:var(--font-family-primary),sans-serif;font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg-primary)}body button{cursor:pointer}body svg{fill:var(--color-icon-primary);transition:fill .2s ease-in-out}body svg:hover{fill:var(--color-icon-hover)}.container{width:100%;max-width:320px;padding-inline:var(--spacing-padding-md);margin-inline:auto}@media only screen and (min-width: 768px){.container{max-width:768px}}@media only screen and (min-width: 1440px){.container{max-width:1128px}}.section{padding:48px 0}.layout{display:grid;grid-template-columns:1fr;grid-template-areas:"header" "main" "footer"}.header{grid-area:header;box-shadow:0 2px 1px #000dff14}.header__container{justify-content:space-between;display:flex;align-items:center}.header__navigation{width:100%;display:flex;justify-content:space-between;align-items:center}@media only screen and (min-width: 1440px){.header__navigation{justify-content:start;gap:var(--spacing-gap-xl)}}@media only screen and (max-width: 767.98px){.header__navigation{padding-block:var(--spacing-padding-md)}}.header__logo{font-weight:var(--font-weight-bold);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);letter-spacing:.03em;text-transform:uppercase;transition:color .2s ease-in-out}.header__logo--accent{color:var(--color-text-accent);transition:color .2s ease-in-out}@media only screen and (min-width: 768px){.header__menu-btn{display:none}}.header__menu-icon{fill:var(--color-icon-secondary)}.header__list{margin:0 auto;display:flex;justify-content:center;gap:2.5rem}@media only screen and (max-width: 767.98px){.header__list{display:none}}.header__link{display:block;font-weight:var(--font-weight-medium);letter-spacing:.02em;transition:color .2s ease-in-out}.header__link:hover{color:var(--color-text-hover)}@media only screen and (min-width: 768px){.header__link{padding-block:var(--spacing-padding-lg);padding-inline:var(--spacing-padding-sm)}}.header__address{width:100%;max-width:fit-content}@media only screen and (max-width: 767.98px){.header__address{display:none}}@media only screen and (min-width: 768px){.header__address-list{display:flex;align-items:center;flex-direction:column;gap:.75rem}}@media only screen and (min-width: 1440px){.header__address-list{flex-direction:row;gap:var(--spacing-gap-lg)}}.header__address-link{font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);letter-spacing:.04em;transition:color .2s ease-in-out}.header__address-link:hover{color:var(--color-text-hover)}@media only screen and (min-width: 1440px){.header__address-link{font-size:var(--font-size-sm);letter-spacing:.02em}}.main{display:grid;grid-area:main}.footer{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.footer__container{padding-block:var(--spacing-padding-xl);display:flex;align-items:center;flex-direction:column;gap:4.75rem}@media only screen and (min-width: 768px){.footer__container{flex-direction:row;flex-wrap:wrap}}@media only screen and (min-width: 1440px){.footer__container{flex-wrap:nowrap;gap:var(--spacing-gap-xl)}}.footer__logo-section{max-width:264px}@media only screen and (max-width: 767.98px){.footer__logo-section{text-align:center}}.footer__logo{display:block;font-weight:700;font-size:18px;line-height:117%;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-accent);margin-bottom:var(--spacing-margin-md)}.footer__logo--accent{color:var(--color-text-secondary)}.footer__description{text-align:left;font-family:var(--font-family);font-weight:400;font-size:16px;line-height:150%;letter-spacing:.02em;color:var(--cloud)}.footer__social-section{grid-area:social;display:flex;align-items:center;flex-direction:column;gap:1rem}@media only screen and (min-width: 768px){.footer__social-section{align-items:start}}.footer__social-title{font-family:var(--font-family);font-weight:500;font-size:16px;line-height:150%;letter-spacing:.02em;color:var(--white)}.footer__social-list{display:flex;justify-content:center;gap:1rem}.footer__social-item{width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:var(--color-bg-frame)}.footer__social-item img{object-fit:cover;object-position:top center}.footer__social-link{width:100%;height:100%;transition:background-color .2s ease-in-out;display:flex;justify-content:center;align-items:center}.footer__social-link:hover{background-color:var(--color-bg-hover)}.footer__social-icon{width:24px;height:24px}.footer__subscribe{width:100%;display:flex;align-items:center;flex-direction:column;gap:1rem}@media only screen and (min-width: 768px){.footer__subscribe{align-items:start}}.footer__subscribe-title{font-family:var(--font-family);font-weight:500;font-size:16px;line-height:150%;letter-spacing:.02em;color:var(--white)}.footer__form{width:100%;display:flex;align-items:center;flex-direction:column;gap:1rem}@media only screen and (min-width: 768px){.footer__form{flex-direction:row}}.footer__input{width:100%;max-width:264px;border:1px solid #e7e9fc;border-radius:4px;height:40px;box-shadow:0 4px 4px #00000026;opacity:.3}.footer__input::placeholder{padding-left:var(--spacing-padding-sm);color:var(--color-text-secondary)}.footer__button{border-radius:4px;padding:8px 24px;background-color:var(--color-button-primary);font-family:var(--font-family);font-weight:500;font-size:16px;line-height:150%;letter-spacing:.04em;text-align:center;color:var(--white);display:flex;align-items:center;gap:1rem;transition:background-color .2s ease-in-out}.footer__button:hover{background-color:var(--color-button-hover)}