*{box-sizing:border-box}body{margin:0;padding:0;overflow-x:hidden}html{scroll-behavior:smooth}:root{--primary-color:#000;--secondary-color:#fff;--accent-color:#878787;--hover-color:#999;--font-main:"Roboto", sans-serif;--font-heading:"Roboto", sans-serif}body{font-family:var(--font-main);background-color:var(--secondary-color);color:var(--primary-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:0 15px}a{color:inherit;text-decoration:none;transition:color .3s}a:hover{color:var(--hover-color)}ul{margin:0;padding:0;list-style:none}.header{z-index:1000;background-color:var(--secondary-color);border-bottom:1px solid #eee;position:sticky;top:0}.header__top{text-align:center;color:var(--accent-color);background-color:#f6f6f8;padding:8px 0;font-size:12px}.header__main{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.logo img{width:190px;display:block}.nav__list{gap:30px;display:flex}.nav__link{letter-spacing:.12em;text-transform:uppercase;font-size:14px;font-weight:500}.header__actions{gap:20px;font-size:20px;display:flex}.section{padding:60px 0}.section-title{text-align:center;letter-spacing:.1em;text-transform:uppercase;margin-bottom:40px;font-size:24px}.footer{color:gray;background-color:#000;padding:80px 0 20px}.footer__main{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:60px;display:grid}.footer__column h3{color:#fff;text-transform:uppercase;margin-bottom:25px;font-size:16px}.footer__bottom{border-top:1px solid #222;justify-content:space-between;align-items:center;padding-top:30px;font-size:12px;display:flex}.footer__socials{gap:20px;font-size:18px;display:flex}.footer__socials a{color:#fff}@media (width<=991px){.header__main{flex-direction:column;gap:20px}.nav__list{flex-wrap:wrap;justify-content:center;gap:15px}}@media (width<=768px){.footer__bottom{text-align:center;flex-direction:column;gap:20px}}.footer__link{margin-bottom:12px;font-size:14px;display:block}.footer__link:hover{color:#fff}.footer__bottom{text-align:center;color:#fff;border-top:1px solid #222;padding-top:20px;font-size:12px}.footer__socials{justify-content:center;gap:20px;margin-top:20px;display:flex}@media (width<=768px){.logo img{width:140px}.nav{display:none}.header__actions{gap:15px}}