:root{--color-black:#000;--color-white:#fff;--color-primary:#002bff;--color-primary-hover:#000;--color-error:#ff002a;--color-success:#00a66f;--color-warning:#ffbf00;--color-gray:#ccc;--color-darkgray:gray;--color-border:#e6e6e6;--color-text-primary:#000;--border-radius:5px;--font-primary:"IBM Plex Sans",sans-serif;--font-secondary:"IBMPlexMono",monospace}*,:before,:after{box-sizing:border-box}body{height:100%;font-size:16px;font-style:normal;font-weight:400;font-family:var(--font-primary);color:var(--color-text-primary);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}.container{min-width:320px;margin-inline:auto;padding-inline:10px}@media screen and (min-width:760px){.container{width:760px;padding-inline:70px}}@media screen and (min-width:1100px){.container{width:1100px;padding-inline:80px}}.wrapper{flex-direction:column;min-height:100vh;display:flex}main{flex-grow:1}.section{margin-bottom:60px}.section__title{margin-block:0 30px;font-size:32px;font-weight:700}.section__subtitle{margin-block:0 20px;font-size:24px;font-weight:600}.section__description{margin-block:0 20px;font-size:16px;line-height:1.5}.scroll-lock{overflow:hidden}.button{padding:0;color:var(--color-white);background-color:#0000;background-color:var(--color-primary);border-radius:var(--border-radius);text-align:center;cursor:pointer;border:none;padding:12px 24px;font-size:16px;font-weight:500;text-decoration:none;transition:background-color .3s;display:inline-block}@media (hover:hover){.button:hover{background-color:#000}}@media (hover:none){.button:active{background-color:#000}}.button--outline{border:1px solid var(--color-primary);color:var(--color-primary);background-color:#0000}@media (hover:hover){.button--outline:hover{background-color:var(--color-primary);color:var(--color-white)}}@media (hover:none){.button--outline:active{background-color:var(--color-primary);color:var(--color-white)}}
.header{background-color:var(--color-white);z-index:100;margin-bottom:40px;padding:20px 0;position:relative;box-shadow:0 2px 10px #0000000d}.header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.header__logo{color:inherit;text-decoration:none;display:block}.header__logo img{object-fit:contain;width:180px;height:40px}@media screen and (min-width:1100px){.header__nav{margin-left:auto}}@media screen and (max-width:1099px){.header__nav{background-color:var(--color-white);width:100%;height:100vh;padding:80px 40px 20px;transition:right .3s;position:fixed;top:0;right:-100%;overflow-y:auto}.header__nav--active{right:0}}.header__menu{flex-wrap:wrap;justify-content:flex-end;align-items:center;margin:0;padding:0;list-style:none;display:flex}@media screen and (max-width:1099px){.header__menu{flex-direction:column;align-items:flex-start}}.header__menu-item{margin-left:30px}@media screen and (max-width:1099px){.header__menu-item{width:100%;margin-bottom:20px;margin-left:0}}.header__menu-link{color:inherit;font-size:16px;text-decoration:none;position:relative}.header__menu-link:after{content:"";background-color:var(--color-primary);width:0;height:2px;transition:width .3s;position:absolute;bottom:-3px;left:0}.header__menu-link--active{color:var(--color-primary)}.header__menu-link--active:after{width:100%}@media (hover:hover){.header__menu-link:hover{color:var(--color-primary)}.header__menu-link:hover:after{width:100%}}@media (hover:none){.header__menu-link:active{color:var(--color-primary)}.header__menu-link:active:after{width:100%}}.header__burger{z-index:101;background-color:#0000;border:none;width:30px;height:20px;padding:0;display:none;position:relative}@media screen and (max-width:1099px){.header__burger{display:block}}.header__burger span{background-color:var(--color-black);width:100%;height:2px;transition:background-color .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.header__burger span:before,.header__burger span:after{content:"";background-color:var(--color-black);width:100%;height:2px;transition:transform .3s;position:absolute;left:0}.header__burger span:before{top:-8px}.header__burger span:after{bottom:-8px}.header__burger--active span{background-color:#0000}.header__burger--active span:before{top:0;transform:rotate(45deg)}.header__burger--active span:after{bottom:0;transform:rotate(-45deg)}
.footer{background-color:var(--color-black);color:var(--color-white);padding:30px 0}.footer__content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer__social{gap:15px;display:flex}.footer__social-link{color:var(--color-white);align-items:center;gap:8px;transition:color .3s;display:flex}.footer__social-link:hover{color:var(--color-primary)}.footer__social-link span{display:none}.footer__icon{fill:currentColor;width:24px;height:24px}