@keyframes showHeader{0%{translate:0 -100%}to{translate:0}}@keyframes scroll{to{transform:translate(calc(-50% - 30px))}}@keyframes scale{0%,to{scale:1}50%{scale:1.1}}@keyframes blink{0%,to{opacity:0}20%,80%{opacity:1}}@font-face{font-family:"Plup";src:url(../fonts/Plup-regular.woff2),url(../fonts/Plup-regular.woff);font-weight:400;font-display:swap;font-style:normal}@font-face{font-family:"SourceSans3";src:url(../fonts/SourceSans3-Black.woff2),url(../fonts/SourceSans3-Black.woff);font-weight:900;font-display:swap;font-style:normal}@font-face{font-family:"SourceSans3";src:url(../fonts/SourceSans3-Bold.woff2),url(../fonts/SourceSans3-Bold.woff);font-weight:700;font-display:swap;font-style:normal}@font-face{font-family:"SourceSans3";src:url(../fonts/SourceSans3-Medium.woff2),url(../fonts/SourceSans3-Medium.woff);font-weight:500;font-display:swap;font-style:normal}@font-face{font-family:"SourceSans3";src:url(../fonts/SourceSans3-Regular.woff2),url(../fonts/SourceSans3-Regular.woff);font-weight:400;font-display:swap;font-style:normal}:root,:root[data-theme=dark]{--cl-border-frame:var(--mid-grey)}:root{--font-family:"Source Sans 3", sans-serif;--font-family-title:"Plup", Georgia, serif;--white:hsl(0, 0%, 100%);--dark:hsl(0, 0%, 3%);--light-bg:hsl(240, 11%, 96%);--dark-bg:hsl(240, 1%, 14%);--light-grey:hsl(0, 0%, 95%);--mid-grey:hsl(0, 0%, 85%);--grey:hsl(0, 0%, 53%);--dark-grey:hsl(0, 0%, 53%);--cl-title:var(--cl-text);--cl-bg-header:var(--primary);--section-min-height:calc(100dvh);--header-width:1600px;--header-height:70px;--section-margin-top:80px;--content-width:calc(1200px + var(--content-padding-inline));--content-padding-inline:30px;--transition:background-color 0.3s linear;--cl-text:hsl(218, 81%, 6%);--cl-text-frame:hsl(218, 81%, 6%);--cl-text-error:hsl(0, 83%, 49%);--cl-bg:var(--light-bg);--cl-bg-frame:hsl(245deg 21% 41% / 15%);--cl-bg-button:hsl(0, 0%, 94%);--primary:hsla(192, 100%, 45%, 0.7);--secondary:hsl(42, 84%, 57%);--accent:hsl(218, 59%, 53%)}:root[data-theme=dark]{--cl-text:hsl(348, 12%, 92%);--cl-text-frame:hsl(348, 12%, 92%);--cl-bg:hsl(0, 0%, 6%);--cl-bg:transparent;--cl-bg-frame:var(--dark);--cl-bg-button:hsl(0, 0%, 42%);--primary:hsl(0, 11%, 74%);--primary:hsla(218, 9%, 37%, 0.6);--secondary:hsla(218, 9%, 57%);--accent:hsl(42, 84%, 57%)}*{padding:0;margin:0;border:0}*,:after,:before{box-sizing:border-box}a:active,a:focus{outline:0}button,input,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:hover,a:visited{text-decoration:none}ul li{list-style:none}img,svg{height:auto;max-width:100%;-o-object-fit:cover;object-fit:cover}.page{height:100%}.body{min-width:320px;min-height:100%}.scroll-lock{overflow:hidden}.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}a.focus-visible,button.focus-visible{outline:auto;outline-offset:2px}.page{font-family:var(--font-family, sans-serif);color:#fff;-webkit-text-size-adjust:100%;font-size:16px;scroll-behavior:smooth;color-scheme:light}@media (min-width:1015px){.page{scroll-snap-type:block mandatory}}@media (max-width:576px){.page{scroll-behavior:auto}}.page[data-theme=dark]{color-scheme:dark}.body{outline:1px solid red}.container{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;background-color:#413e60;background-image:linear-gradient(90deg,rgba(0,0,0,.35) 100%,rgba(0,0,0,.1) 100%),url(../img/bg.webp);background-repeat:no-repeat;background-size:100% 110vh;background-position:top;background-attachment:fixed}.container>*{min-width:0}.subtitle,.title{color:var(--cl-title);font-size:42px}.title{margin-inline:auto;text-align:center}.subtitle{margin-top:50px;font-family:var(--font-family-title);font-weight:400;font-style:normal}@media (max-width:768px){.subtitle{font-size:36px}}@media (max-width:576px){.subtitle{font-size:30px}}.h3{font-size:24px}.section{position:relative;display:flex;min-height:var(--section-min-height);padding-bottom:30px;background-color:var(--cl-bg);scroll-snap-align:start;transition:var(--transition)}.section__content{max-width:var(--content-width);min-width:0;margin-top:var(--header-height);margin-inline:auto;padding-inline:var(--content-padding-inline)}@media (max-width:768px){.section{min-height:auto}}.frame{color:var(--cl-text-frame);background-color:var(--cl-bg-frame);border:2px solid;border-color:var(--cl-border-frame);border-radius:12px;box-shadow:10px 10px 5px 0 rgba(0,0,0,.5),-1px -1px 5px 0 rgba(0,0,0,.5);transition:var(--transition)}.flex-col{flex-direction:column}.flex-col,.flex-row{display:flex}.header{position:fixed;top:0;left:0;z-index:999;width:100%;background-color:var(--cl-bg-header);box-shadow:0 2px 2px 0 rgba(0,0,0,.24),0 0 2px 0 rgba(0,0,0,.12);transition:var(--transition);animation-duration:1.1s;animation-timing-function:ease-out;animation-iteration-count:1;animation-delay:0s}.header::before{content:"";position:absolute;inset:0;z-index:-1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header_animate{animation-name:showHeader}.header__container,.header__content{display:flex;align-items:center;gap:clamp(15px,3vw,50px)}.header__content{max-width:var(--header-width);min-height:var(--header-height);justify-content:flex-end;margin-inline:auto;padding-block:10px;padding-inline:40px}.header__container{margin-left:auto;background-color:var(--cl-bg-header)}.header__logo{max-width:60px}.header__avatar{width:60px;height:60px;background-color:transparent;border-radius:50%}.header__menu{margin-left:auto;transition:var(--transition),translate .2s linear}@media (max-width:768px){.header__menu{background-color:var(--cl-bg-header);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.header__list{display:flex;flex-direction:row;align-items:center;gap:clamp(15px,3vw,50px)}.header__item{padding:6px}.header__button{padding:6px;color:var(--cl-text);font-size:18px;letter-spacing:1px;font-weight:900;text-wrap:nowrap;text-transform:uppercase;background-color:transparent;transition:translate .2s linear,color .2s linear,var(--transition)}.header__button:active{translate:0 2px}.header__button_active{color:var(--accent)}.theme-button{padding-inline:8px;padding-block:6px}#moon,img,svg{display:block}#sun,[data-theme=dark] #moon{display:none}[data-theme=dark] #sun{display:block}@media (min-width:769px){.burger-button{display:none}}@media (max-width:768px){.header__content{flex-direction:row-reverse;justify-content:flex-start}.header__menu{position:absolute;top:100%;right:0;width:100%;min-height:100vh;display:flex;justify-content:flex-end;translate:100% 0;box-shadow:0 2px 2px 0 rgba(0,0,0,.24),0 0 2px 0 rgba(0,0,0,.12)}.burger-button[aria-expanded=true]+.header__menu{display:flex;translate:0}.header__list{flex-direction:column;margin-right:80px}}.about__content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:36px}.about__subtitle{color:var(--cl-text);text-align:center}.about__columns{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:30px;margin-block:auto}.about__columns>*{flex:1;opacity:0;transform:translateY(20px);transition:opacity .5s ease-in,transform .5s ease-in}@media (max-width:768px){.about__columns>*{opacity:1;transform:translateY(0)}}.about__column{height:100%;max-width:350px;min-width:250px;margin-inline:auto;padding:30px;font-size:20px;line-height:140%;text-align:center;text-wrap:pretty}@media (max-width:768px){.about__column{padding:20px}}@media (max-width:576px){.about__column{padding:14px;font-size:16px}}.about__scroller{margin-bottom:30px}@media (max-width:768px){.about__scroller{margin-bottom:30px}}@media (max-width:576px){.about__scroller{margin-bottom:20px}}.about__text{max-width:1000px;margin-top:60px;line-height:160%}.scroller{display:none;max-width:1000px;width:100%;margin-inline:auto;background-color:rgba(207,207,207,.2);overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent);mask:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent)}.scroller__inner{display:flex;flex-wrap:nowrap;gap:60px;width:-moz-max-content;width:max-content}.scroller__inner img{max-height:60px;padding:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.scroller[data-animated=true]{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent);mask:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent)}.scroller[data-animated=true] .scroller__inner{animation:scroll 35s forwards linear infinite}.scroller[data-animated=true] .scroller__inner img{width:100%}@media (min-width:768px){.scroller{display:block}}.examples__subtitle{color:var(--cl-text);text-align:center}.examples__gallery{position:relative;margin-top:80px;margin-inline:auto}@media (max-width:768px){.examples__gallery{margin-top:36px}}.gallery{max-width:1200px;width:100%;padding-block:120px;padding-inline:80px}@media (max-width:1024px){.gallery{padding-block:60px;padding-inline:40px}}@media (max-width:576px){.gallery{padding-block:10px}}.gallery__item{transition:scale .3s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none}.gallery__item:hover{scale:1.1}.gallery__item img{margin-inline:auto}.gallery__item:has(.gallery__link:focus-visible){scale:1.1}.gallery__link{position:absolute;inset:0;z-index:2}.swiper-slide{color:#000}.swiper-button-next,.swiper-button-prev{color:var(--secondary);font-size:10px;padding:7px;transition:color .2s ease-out}.swiper-button-next:hover,.swiper-button-prev:hover{color:var(--accent)}.scroller__inner.firefox-fix img{width:64px!important;-o-object-fit:contain!important;object-fit:contain!important}.contacts__content{width:100%;display:flex;flex-direction:column}.contacts__subtitle{text-align:center}.contacts__container{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:30px;margin-top:90px}.contacts__list{display:flex;flex-direction:column;gap:22px}.contacts__item{display:flex;flex-direction:row;gap:20px}.contacts__item,.contacts__item .flex-col{position:relative}.contacts__item small{position:absolute;bottom:10px;left:50%;transform:translate(-50%,-100%);padding:4px 8px;font-family:"Courier";font-size:14px;color:var(--cl-text-frame);background-color:var(--primary);border-radius:6px;opacity:0;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards;animation-timing-function:linear}.contacts__item small.animate{animation-name:blink}.contacts__item:before{content:"";display:inline-block;width:76px;aspect-ratio:1;background-color:var(--cl-title);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.contacts__item:nth-child(1):before{-webkit-mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 333334 333334" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M166667 0c92048 0 166667 74619 166667 166667s-74619 166667-166667 166667S0 258715 0 166667 74619 0 166667 0zm80219 91205l-29735 149919s-4158 10396-15594 5404l-68410-53854s76104-68409 79222-71320c3119-2911 2079-3534 2079-3534 207-3535-5614 0-5614 0l-100846 64043-42002-14140s-6446-2288-7069-7277c-624-4992 7277-7694 7277-7694l166970-65498s13722-6030 13722 3951zm-87637 122889l-27141 24745s-2122 1609-4443 601l5197-45965 26387 20619z"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 333334 333334" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M166667 0c92048 0 166667 74619 166667 166667s-74619 166667-166667 166667S0 258715 0 166667 74619 0 166667 0zm80219 91205l-29735 149919s-4158 10396-15594 5404l-68410-53854s76104-68409 79222-71320c3119-2911 2079-3534 2079-3534 207-3535-5614 0-5614 0l-100846 64043-42002-14140s-6446-2288-7069-7277c-624-4992 7277-7694 7277-7694l166970-65498s13722-6030 13722 3951zm-87637 122889l-27141 24745s-2122 1609-4443 601l5197-45965 26387 20619z"/></svg>')}.contacts__item:nth-child(2):before{-webkit-mask-image:url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="122.879" height="88.855"><path d="M7.048 0h108.784a7.03 7.03 0 0 1 4.977 2.069 7.032 7.032 0 0 1 2.07 4.979v74.759a6.992 6.992 0 0 1-1.221 3.951 2.744 2.744 0 0 1-.662.994 2.766 2.766 0 0 1-.656.461 7.03 7.03 0 0 1-4.508 1.643H7.048a7.034 7.034 0 0 1-4.979-2.07A7.031 7.031 0 0 1 0 81.807V7.048c0-1.941.792-3.704 2.068-4.979A7.025 7.025 0 0 1 7.048 0zM5.406 78.842l38.124-38.22L5.406 9.538v69.304zm42.323-34.797L8.424 83.449h105.701L76.563 44.051 64.18 54.602a2.7 2.7 0 0 1-3.453.043l-12.998-10.6zm32.945-3.496 36.799 38.598V9.198L80.674 40.549zM8.867 5.406l53.521 43.639 51.223-43.639H8.867z" /></svg>');mask-image:url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="122.879" height="88.855"><path d="M7.048 0h108.784a7.03 7.03 0 0 1 4.977 2.069 7.032 7.032 0 0 1 2.07 4.979v74.759a6.992 6.992 0 0 1-1.221 3.951 2.744 2.744 0 0 1-.662.994 2.766 2.766 0 0 1-.656.461 7.03 7.03 0 0 1-4.508 1.643H7.048a7.034 7.034 0 0 1-4.979-2.07A7.031 7.031 0 0 1 0 81.807V7.048c0-1.941.792-3.704 2.068-4.979A7.025 7.025 0 0 1 7.048 0zM5.406 78.842l38.124-38.22L5.406 9.538v69.304zm42.323-34.797L8.424 83.449h105.701L76.563 44.051 64.18 54.602a2.7 2.7 0 0 1-3.453.043l-12.998-10.6zm32.945-3.496 36.799 38.598V9.198L80.674 40.549zM8.867 5.406l53.521 43.639 51.223-43.639H8.867z" /></svg>')}.contacts__form,.contacts__link{display:flex;flex-direction:column}.contacts__link{gap:12px;color:var(--cl-title);font-family:Raleway-SemiBold,sans-serif;font-weight:500;font-size:24px;line-height:140%}.contacts__link span{font-size:18px}.contacts__link:hover{text-decoration:underline}@media (min-width:769px){.contacts__link:hover>.tooltip{opacity:1;pointer-events:all}}.contacts__link .tooltip{position:absolute;top:0;right:60px;width:200px;aspect-ratio:200/209;padding-bottom:21px;overflow:hidden;transform:translate(0,-100%);opacity:0;transition:opacity .3s linear;pointer-events:none}.contacts__link .tooltip img{border-radius:12px}.contacts .copy-button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;align-self:flex-end;margin-top:auto;margin-bottom:3px;background-color:transparent;border-radius:50%;transition:translate .2s linear}.contacts .copy-button:active{translate:0 2px}.contacts__form{max-width:800px;width:100%;flex:1;justify-content:center;align-items:stretch;gap:30px;padding:40px}.contacts__input{padding:8px 12px;font-size:16px;border-radius:8px;outline-offset:1px}.contacts__button:focus-visible,.contacts__input:focus-visible,.contacts__textarea:focus-visible{outline:auto;outline-color:var(--cl-text-frame);outline-style:solid}.contacts__textarea{min-height:160px;resize:none;outline-offset:1px}.contacts__wrapper{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:30px}.contacts__button{position:relative;max-height:42px;align-self:flex-start;font-size:18px;line-height:140%;padding:8px 30px;border-radius:8px;transition:translate .15s linear;overflow:clip;--visibility:hidden;outline-offset:1px}.contacts__button:active{translate:0 2px}.contacts__button:disabled{color:#b3b3b3}.contacts__button:disabled:active{translate:0}.contacts__button:after{content:"";position:absolute;inset:0;visibility:var(--visibility);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' style='shape-rendering: auto; display: block; background: transparent;' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg%3E%3Ccircle stroke-dasharray='94.24777960769379 33.41592653589793' r='20' stroke-width='14' stroke='%23fccd5f' fill='none' cy='50' cx='50'%3E%3CanimateTransform keyTimes='0;1' values='0 50 50;360 50 50' dur='1s' repeatCount='indefinite' type='rotate' attributeName='transform'%3E%3C/animateTransform%3E%3C/circle%3E%3Cg%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat no-repeat;background-position:center center;background-size:contain;background-color:var(--cl-bg-button)}.contacts__error-text{display:none;color:var(--cl-text-error)}@media (max-width:768px){.contacts__form{padding:20px}.contacts__container{flex-direction:column}.contacts__item:before{width:46px}}@media (max-width:576px){.contacts__wrapper{flex-direction:column}}.footer{background:#fff}