@font-face{font-family:Golos;src:url('assets/golos-bold.ttf') format('truetype');font-weight:700;font-display:swap}
.icon{display:inline-block;flex:0 0 21px;width:21px;height:21px;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat;vertical-align:middle;pointer-events:none}
.icon-music{--icon:url('assets/icons/music.svg')}.icon-headphones{--icon:url('assets/icons/headphones.svg')}.icon-telegram{--icon:url('assets/icons/telegram.svg')}.icon-calendar-days{--icon:url('assets/icons/calendar-days.svg')}.icon-message-circle{--icon:url('assets/icons/message-circle.svg')}.icon-camera{--icon:url('assets/icons/camera.svg')}.icon-play{--icon:url('assets/icons/play.svg')}.icon-download{--icon:url('assets/icons/download.svg')}.icon-eye{--icon:url('assets/icons/eye.svg')}.icon-layout-template{--icon:url('assets/icons/layout-template.svg')}.icon-arrow-up{--icon:url('assets/icons/arrow-up.svg')}
.button,.header-tg{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:13px 27px;overflow:visible;border:1px solid #8d8b84;background-color:#575650;background-image:linear-gradient(#575650e6,#575650e6),var(--xerox);background-size:auto,480px;color:var(--paper);box-shadow:inset 0 0 0 1px #d3cfc51a,2px 3px 0 #11111150;font-weight:400;line-height:1.4}
.button-label,.button>.icon,.header-tg>.icon{position:relative;z-index:2}
.button:before,.button:after,.header-tg:before,.header-tg:after{content:"";position:absolute;z-index:3;width:54px;height:24px;background:url('assets/white-tape-v3.webp') center/contain no-repeat;pointer-events:none;filter:drop-shadow(0 1px 1px #17171745)}
.button:before,.header-tg:before{left:-15px;top:-9px;transform:rotate(-36deg)}
.button:after,.header-tg:after{right:-15px;bottom:-9px;transform:rotate(-36deg)}
.button.orange{background-color:var(--orange);background-image:linear-gradient(#ff6b20eb,#ff6b20eb),var(--xerox);background-size:auto,480px;color:var(--ink);border-color:#ff8c51;font-weight:700}
.button.orange .icon{flex-basis:22px;width:22px;height:22px}
.button.dark{background-color:#383832;background-image:linear-gradient(#383832eb,#383832eb),var(--xerox);border-color:#65635b;color:var(--paper)}
.button:hover,.header-tg:hover{background-color:#706e66;background-image:linear-gradient(#706e66de,#706e66de),var(--xerox);color:var(--paper);text-decoration:none;transform:translateY(-2px)}
.button.orange:hover{background-color:#ff8040;background-image:linear-gradient(#ff8040eb,#ff8040eb),var(--xerox);color:var(--ink)}
.button:active,.header-tg:active{transform:translateY(1px)}
.text-link,.icon-link{display:inline-flex;align-items:center;gap:10px}.text-link .icon,.icon-link .icon{width:19px;height:19px;flex-basis:19px}
.actions{gap:22px}.header .header-tg{min-height:46px;padding:11px 22px;font-size:14px}.header-tg:before,.header-tg:after{width:43px;height:21px}.header-tg:before{left:-12px;top:-7px}.header-tg:after{right:-12px;bottom:-7px}
.catalog .catalog-mark{flex-basis:72px;width:72px;height:72px}.catalog h4{font-weight:700}
.logo-alternatives{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:36px 0}.logo-option{min-width:0}.logo-option h3{font-size:27px;margin-bottom:18px}.logo-option .logo-stage{height:270px;padding:30px}.logo-option .logo-stage img{width:100%;max-height:210px;object-fit:contain}.logo-option p{font-size:15px}.logo-option .logo-small img{width:120px;height:66px;object-fit:contain}.logo-option .logo-downloads{font-size:14px}
@media(max-width:700px){.header .header-tg{display:none}.actions{gap:22px}.button{padding:13px 27px;min-height:52px}.button:before{width:49px;left:-13px;top:-8px}.button:after{width:49px;right:-13px;bottom:-8px}.button.orange .icon{width:22px;height:22px}.logo-alternatives{grid-template-columns:1fr;gap:40px}.logo-option .logo-stage{height:240px}.logo-downloads{gap:22px}.case-main .actions{gap:25px}}
.menu{font-size:0;display:none;align-items:center;justify-content:center}.menu:before{content:"";width:24px;height:24px;background:currentColor;mask:url(assets/icons/menu.svg) center/contain no-repeat;-webkit-mask:url(assets/icons/menu.svg) center/contain no-repeat}.menu[aria-expanded="true"]:before{mask-image:url(assets/icons/x.svg);-webkit-mask-image:url(assets/icons/x.svg)}.logo-stage.light{background-color:var(--paper);background-image:none}.logo-option .logo-small.light-preview{background:var(--paper);color:var(--ink);padding:12px}.logo-option .logo-small.light-preview p{color:#504c42}@media(max-width:700px){.menu{display:flex}}
