footer{--text:color-mix(in srgb, var(--heading), white 50%);--background:color-mix(in srgb, var(--heading), black 60%);background:var(--background);color:var(--text);text-shadow:0 1px #000;border-top:5px solid #000;flex-direction:column;justify-content:center;align-items:center;padding:4em;display:flex}footer a.logo{color:var(--text)}footer a.logo:hover{color:#fff}footer a.logo svg{width:auto;height:2em;display:block}footer .social-links{gap:1em;margin-top:2em;display:flex}footer .social-links a{color:var(--text);filter:drop-shadow(0 1px 5px #1113);text-decoration:none;display:inline-flex}footer .social-links a.button{color:var(--primary);margin-left:2em}footer .social-links a:not(.button):hover{scale:1.1}footer .social-links a svg{width:3em;height:3em}footer+.page-actions{z-index:99999;gap:1em;display:flex;position:fixed;bottom:1em;right:1em}nav[data-role]:not([data-role=breadcrumbs]){margin:auto 2em;display:inline-flex}nav[data-role]:not([data-role=breadcrumbs]) ul{gap:2em;display:flex}nav[data-role]:not([data-role=breadcrumbs]) ul li{margin:0;list-style:none;display:inline-flex}nav[data-role]:not([data-role=breadcrumbs]) ul li svg{object-fit:contain;aspect-ratio:1;width:1em;height:1em;margin:auto .5em auto 0;display:inline-flex}nav[data-role]:not([data-role=breadcrumbs]) ul li a{color:inherit;text-underline-offset:.25em}nav[data-role]:not([data-role=breadcrumbs]) ul li span{color:inherit;font-weight:700}nav[data-role]:not([data-role=breadcrumbs]) ul li ul[data-role=submenu]{background:var(--background);box-shadow:var(--heavy-shadow);flex-direction:column;display:flex}nav[data-role]:not([data-role=breadcrumbs])[data-role*=categories]{clear:both;width:100%;margin:2em 0}nav[data-role]:not([data-role=breadcrumbs])[data-role*=categories] ul{flex-wrap:wrap;gap:.75em}nav[data-role]:not([data-role=breadcrumbs])[data-role*=categories] ul li a,nav[data-role]:not([data-role=breadcrumbs])[data-role*=categories] ul li span{white-space:nowrap;border-radius:1em;padding:.5em 1em;text-decoration:none}nav[data-role]:not([data-role=breadcrumbs])[data-role*=categories] ul li a{box-shadow:var(--button-shadow)}nav[data-role]:not([data-role=breadcrumbs])[data-role*=categories] ul li a:hover{box-shadow:var(--hover-button-shadow);scale:1.025}nav[data-role]:not([data-role=breadcrumbs])[data-role*=categories] ul li span{background:color-mix(in srgb, var(--text), var(--background) 95%);box-shadow:inset 0 .1em .2em #0002}button[data-toggle=popover-selector]{box-shadow:none;color:inherit;text-shadow:inherit;background:0 0;border:none;gap:.25em;padding:0 1em}button[data-toggle=popover-selector]:hover{bottom:0}dialog.popover-selector{left:var(--left);top:var(--top);max-height:40vh;min-width:var(--mw);z-index:1000;margin:0;padding:1.5em;overflow:auto}button.mobile-menu-caller{width:1.5em;height:2em;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:.3em;margin:auto 0 auto auto;padding:.2em 0;font-size:1.5rem;display:inline-flex;position:absolute;inset:1em 1em auto auto}[class*=main-page]:not(.sticky) button.mobile-menu-caller{--text:var(--background)}button.mobile-menu-caller i{background:var(--text);opacity:1;width:1.25em;height:2px;transition:all .4s;display:inline-flex;position:relative;transform:rotate(0)}button.mobile-menu-caller.active{gap:0}button.mobile-menu-caller.active i{border-radius:2px;height:3px;position:absolute}button.mobile-menu-caller.active i:first-child{transform:rotate(-45deg)}button.mobile-menu-caller.active i:nth-child(2){scale:0}button.mobile-menu-caller.active i:nth-child(3){transform:rotate(45deg)}@media screen and (width>=1441px){button.mobile-menu-caller{visibility:hidden;display:none}}header{z-index:1000;color:#fff;text-shadow:0 1px #0005;flex-direction:row;justify-content:space-between;gap:4em;padding:6em 4em;transition:padding .2s;display:flex;position:absolute;top:0}header .row{flex-direction:column;display:flex}header .row.filled{flex:1;margin-right:auto}header .row .logo{color:inherit}header .row .logo svg{filter:drop-shadow(0 1px #0005);width:14em}header .row .logo+.slogan{font-family:Tektur,Arial,sans-serif;font-size:1.2em;font-weight:700}header .row p{gap:.25em;font-size:1.15em;display:flex}header .row p.contacts{gap:.5em;margin-block:auto;font-size:1rem}header .row p.contacts a svg{margin-right:0;transition:all .2s}header .row p.contacts a:hover svg{scale:1.15}header .row p.contacts a[href*=tel\:]{margin-right:1.25em;font-size:1.15em}header .row p a{color:inherit;text-underline-offset:.25em;text-decoration-style:dotted;display:inline-flex}header .row p svg{object-fit:contain;aspect-ratio:1;width:1.5em;height:1.5em;margin:auto .5em auto 0;display:inline-flex}header .row nav[data-role=main-menu]{margin-inline:0;font-size:1.25em}header .row nav[data-role=main-menu] ul li a{white-space:nowrap;color:inherit;text-underline-offset:.35em;text-decoration-style:dotted;text-decoration-thickness:1px;display:inline-flex}header .row nav[data-role=main-menu] ul li a:hover{text-decoration-style:solid}header #popoverselector,header .theme-switcher-button{color:var(--text);text-shadow:none;clip-path:none;background:color-mix(in srgb, var(--background), black 5%);border:none;border-radius:.5em;margin-block:auto}[data-theme=dark] header #popoverselector,[data-theme=dark] header .theme-switcher-button{background:color-mix(in srgb, var(--background), white 10%)}header.sticky{color:var(--text);background:var(--background);box-shadow:var(--heavy-shadow);text-shadow:0 1px #fff;padding:2em 4em;position:sticky}[data-theme=dark] header.sticky{text-shadow:0 1px #000}header.sticky .logo{color:var(--primary)}header.sticky .logo svg{filter:none}@media (width<=1441px){header{background:var(--background);color:var(--text);text-shadow:none;flex-direction:column;position:static}header,header.sticky{padding:2em}header .row.filled{margin:0}header .row:not(:first-of-type){display:none}header .row .logo svg{width:10em}header .row nav[data-role=main-menu]{margin:0}header .row nav[data-role=main-menu]>ul{flex-direction:column}header .row p.contacts a[href*=tel\:]{margin:0}header .row p.contacts,header .row p.contacts+p{white-space:nowrap;text-align:inherit;font-size:.9em}header .row p.contacts+p{margin-top:1em}header.expanded .row:not(:first-of-type){text-align:right;display:block}header.expanded .row:not(:first-of-type) p.contacts,header.expanded .row:not(:first-of-type) p.contacts+p{justify-content:flex-end}header #popoverselector,header .theme-switcher-button{width:fit-content;margin:auto;display:inline-flex}}dialog#cookie-informer{visibility:visible;background:var(--background);width:fit-content;min-width:400px;max-width:25%;height:auto;color:var(--text);box-shadow:var(--heavy-shadow);opacity:1;user-select:none;z-index:99999;border:none;border-radius:.2em;flex-flow:column wrap;gap:1em;padding:1.5rem 2rem;font-size:.9em;transition:all .5s;display:flex;position:fixed;inset:auto 1em 1em auto}dialog#cookie-informer h3,dialog#cookie-informer p{margin:0}dialog#cookie-informer .actions{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}dialog#cookie-informer .actions a{color:inherit;text-underline-offset:.2em;font-weight:600;text-decoration-style:dotted;text-decoration-thickness:1px}dialog#cookie-informer .actions button:first-of-type{margin-left:auto}dialog#cookie-informer .actions button.accept{--text:white;--background:var(--primary)}@media screen and (width<=440px){dialog#cookie-informer{min-width:0;max-width:100%;inset:auto 0 0}dialog#cookie-informer .actions{flex-direction:column;align-items:center;gap:.5em}dialog#cookie-informer .actions button{text-align:center;justify-content:center;align-items:center;width:100%;margin:auto}}button.to-top svg{width:1.5em;height:1.5em}button.to-top:active{scale:1.1}section.inner-page-hero{align-items:flex-end;height:17rem;padding:0 0 2rem;display:flex;background:color-mix(in srgb, var(--heading), black 60%)!important}section.inner-page-hero h1{color:var(--background);margin:0;font-size:clamp(1.75rem,4vw,2.5rem)}section#blog{flex:1;max-width:1440px;height:auto}[data-theme=dark] section#blog{background:color-mix(in srgb, var(--background), transparent 15%)}section#blog .blog-back{color:var(--primary);align-items:center;gap:.5em;margin:0 0 1.5em;font-weight:600;text-decoration:none;display:inline-flex}section#blog .blog-back:hover{text-decoration:underline}section#blog .blog-list{gap:1.5rem;display:grid}section#blog .blog-card{border-bottom:1px solid color-mix(in srgb, var(--text), transparent 70%);color:inherit;gap:1.25rem;padding:0 0 1.5rem;text-decoration:none;display:flex}section#blog .blog-card:hover .blog-card-title{color:var(--primary)}section#blog .blog-card-image{object-fit:cover;border-radius:.75rem;flex-shrink:0;width:180px;height:120px}section#blog .blog-card-content{flex:1;min-width:0}section#blog .blog-card-title{margin:0 0 .5rem;font-size:1.25rem;transition:color .2s}section#blog .blog-card-excerpt{color:color-mix(in srgb, var(--text), transparent 25%);margin:0 0 .75rem;line-height:1.5}section#blog .blog-card-date{color:color-mix(in srgb, var(--text), transparent 40%);font-size:.875rem}section#blog .blog-article-title{margin:0 0 .5rem;font-size:clamp(1.75rem,4vw,2.5rem)}section#blog .blog-article-date{color:color-mix(in srgb, var(--text), transparent 35%);margin:0 0 1.5rem;display:block}section#blog .blog-article-image{object-fit:cover;border-radius:.75rem;width:100%;max-height:420px;margin:0 0 1.5rem}section#blog .blog-article-content{line-height:1.7}section#blog .blog-article-content h2,section#blog .blog-article-content h3{margin:2rem 0 1rem}section#blog .blog-article-content p{margin:0 0 1rem}section#blog .blog-article-content ul,section#blog .blog-article-content ol{margin:0 0 1rem;padding-left:1.5rem}section#blog .blog-article-content a{color:var(--primary)}section#blog .blog-article-content img{border-radius:.5rem;max-width:100%;height:auto}section#blog .blog-empty,section#blog .blog-error{text-align:center;color:color-mix(in srgb, var(--text), transparent 30%);padding:3rem 1rem}@media (width<=640px){section#blog .blog-card{flex-direction:column}section#blog .blog-card-image{width:100%;height:180px}}fieldset.phone-input{gap:.5em;margin-top:0}fieldset.phone-input select[name=country]{width:5em}[data-theme=dark] fieldset.phone-input select[name=country]{filter:none;background-color:#0000;background-image:url(/i/expander-light.svg)}form.feedback-form{text-shadow:0 1px 0 var(--text-shadow-color);color:var(--text);background:color-mix(in srgb, var(--background), var(--text) 2%);border-radius:0;flex-direction:column;gap:1em;width:100%;height:100%;margin:2em 0 0;padding:4em;display:flex;position:relative}form.feedback-form:before{--secondary:#a10000;content:"";background:linear-gradient(-65deg, var(--secondary) 0%, var(--secondary) 5%, transparent 5%, transparent 10%, var(--primary) 10%, var(--primary) 15%, transparent 15%, transparent 20%, var(--secondary) 20%, var(--secondary) 25%, transparent 25%, transparent 30%, var(--primary) 30%, var(--primary) 35%, transparent 35%, transparent 40%, var(--secondary) 40%, var(--secondary) 45%, transparent 45%, transparent 50%, var(--primary) 50%, var(--primary) 55%, transparent 55%, transparent 60%, var(--secondary) 60%, var(--secondary) 65%, transparent 65%, transparent 70%, var(--primary) 70%, var(--primary) 75%, transparent 70%, transparent 80%, var(--secondary) 80%, var(--secondary) 85%, transparent 85%, transparent 90%, var(--primary) 90%, var(--primary) 95%, transparent 95%);background-size:50em;background-color:none;opacity:1;width:100%;height:.75em;display:block;position:absolute;inset:0 0 auto}form.feedback-form output{--current:var(--info);background:color-mix(in srgb, var(--background), var(--current) 10%);width:100%;text-shadow:none;color:var(--current);border:1px solid var(--current);margin:0;padding:1em 4em;font-weight:800;display:flex}form.feedback-form output.narrow{padding:1em}form.feedback-form output:before{color:#fff;text-align:center;aspect-ratio:1;background:var(--current);border-radius:50%;width:2em;height:2em;margin-right:1em;display:inline-block}form.feedback-form output.error:not(.notify){--current:var(--danger)}form.feedback-form output.error:not(.notify):before{content:"!"}form.feedback-form output.success:not(.notify){--current:var(--success)}form.feedback-form output.success:not(.notify):before{content:"i"}@media screen and (width<=1025px){form.feedback-form{width:calc(100% + 4em);height:auto;margin:3em -2em 1em;padding:2em 1.5em}}section#map{z-index:101;background-color:#a9a9a9;height:30em;padding:0;position:relative}[data-theme=dark] section#map{text-shadow:none}[data-theme=dark] section#map h5{color:inherit}section#cta{background-color:color-mix(in srgb, var(--primary), #444 70%);background-image:var(--part-circuit);background-blend-mode:screen;color:#fff;text-shadow:0 1px #1115;background-position:0 30rem;background-repeat:no-repeat;background-size:150rem;justify-content:center;gap:4em;padding:6em 4em 0;display:flex}section#cta h2{text-transform:uppercase;color:#fff}section#cta .content{max-width:47em}section#cta .content button[type=submit]{margin-left:auto;font-size:1.15rem}section#cta aside.contacts{max-width:35em;margin-top:auto;margin-bottom:2rem}section#cta aside.contacts p{color:#fff;gap:.5em;margin-bottom:1.5em;font-size:1.5rem;display:flex}section#cta aside.contacts p a{color:inherit;text-underline-offset:.25em;text-decoration-style:dotted}section#cta aside.contacts p svg{width:1em;height:1em}section#cta aside.contacts .social-links{gap:1em;display:flex}section#cta aside.contacts .social-links a{color:#fff;filter:drop-shadow(0 1px 5px #1113);text-decoration:none;display:inline-flex}section#cta aside.contacts .social-links a.button{color:var(--primary);margin-left:2em}section#cta aside.contacts .social-links a:not(.button):hover{scale:1.1}section#cta aside.contacts .social-links a svg{width:2em;height:2em}@media screen and (width<=1025px){section#cta{flex-direction:column;gap:2em;padding:4em 2em 0}}section#faq{background:color-mix(in srgb, var(--background), var(--text) 15%);flex-direction:column;justify-content:center;align-items:center;gap:2em;padding-block:6em;display:flex}section#faq h3{text-transform:uppercase}section#faq>div{--border:color-mix(in srgb, var(--background), var(--text) 20%);border:1px solid var(--border);background:var(--background);width:100%;max-width:82rem;box-shadow:var(--button-shadow);border-radius:.2em;flex-direction:column;padding:1em 2em;display:flex}section#faq>div:has(ul){padding:0}section#faq>div ul{flex-direction:column;gap:0;margin:0;display:flex}section#faq>div ul li{margin:0;padding:1.25em 2em;list-style:none;display:none}section#faq>div ul li:first-of-type{cursor:pointer;border-bottom:1px solid var(--border);display:block;position:relative}section#faq>div ul li:first-of-type strong{font-size:1.25em;font-weight:400}section#faq>div ul li:first-of-type strong:before{content:"- "}section#faq>div ul li:first-of-type strong:after{content:"";background:url(/i/arrow-down.svg) 50%/contain no-repeat;width:1em;height:1em;margin-left:auto;transition:all .2s;display:inline-flex;position:absolute;inset:auto 1em auto auto;transform:rotate(-90deg)scale(1.5)}[data-theme=dark] section#faq>div ul li:first-of-type strong:after{filter:invert()}section#faq>div.active ul li{animation:.5s forwards fade-in;display:block}section#faq>div.active ul li:first-of-type{animation:none}section#faq>div.active ul li:first-of-type strong:after{transform:rotate(0)}section#faq>div:last-of-type{font-size:1.25em}@keyframes fade-in{0%{opacity:0;filter:blur(1px);transform:scale(.95)}to{opacity:1;filter:blur();transform:scale(1)}}section#hero{background-color:var(--primary);background-image:var(--circuit);min-height:calc(100vh - 1em);color:color-mix(in srgb, white, var(--heading) 10%);text-shadow:0 1px #1113;background-size:75em;background-attachment:fixed;padding:15em 4em 8em;display:flex;position:relative;overflow:hidden}section#hero+section{background:var(--background)}section#hero .hero-content{letter-spacing:.1em;z-index:100;width:40%;margin-top:auto;font-size:1.25em;position:relative}section#hero .hero-content *{line-height:1.5em}section#hero .hero-content h2,section#hero .hero-content h3{color:#fff;letter-spacing:.15em;margin-bottom:2rem}section#hero .hero-content h2{font-size:2.5em}section#hero .hero-content h3{font-size:1.5em}section#hero .hero-content .social-links{gap:1em;display:flex}section#hero .hero-content .social-links a{color:#fff;filter:drop-shadow(0 1px 5px #1113);text-decoration:none;display:inline-flex}section#hero .hero-content .social-links a.button{color:var(--primary);margin-left:2em}section#hero .hero-content .social-links a:not(.button):hover{scale:1.1}section#hero .hero-content .social-links a svg{width:3em;height:3em}section#hero .scroll-bottom-ancor{clip-path:polygon(20% 0%,80% 0%,100% 100%,0% 100%);background:var(--background);width:7em;height:4em;color:var(--text);justify-content:center;align-items:center;display:flex;position:absolute;bottom:-1px;left:calc(50% - 3em)}section#hero .scroll-bottom-ancor svg{width:2em;height:2em}section#hero img.hero-image{object-fit:cover;width:70vw;position:absolute;bottom:5em;right:0;transform:rotate(25deg)}@media screen and (width<=1441px){section#hero{padding-top:4em}section#hero .hero-content{text-align:center;width:100%}section#hero .hero-content .social-links{flex-wrap:wrap;justify-content:center}section#hero img.hero-image{object-fit:contain;opacity:.5;width:150%}}@media screen and (width<=768px){section#hero .hero-content{font-size:1rem}section#hero .hero-content h2{font-size:2em}section#hero .hero-content .social-links a.button{margin:0}}section#process{background-color:var(--primary);background-image:var(--circuit);color:color-mix(in srgb, white, var(--heading) 10%);text-shadow:0 1px #1113;clip-path:polygon(0 3%,100% 0,100% 97%,0 100%);background-size:25em;background-attachment:fixed;flex-direction:column;justify-content:center;align-items:center;gap:2em;margin:-2vh 0;display:flex;position:relative}section#process h3{text-transform:uppercase;color:#fff}section#process ol{counter-reset:step;flex-flow:column;justify-content:center;gap:0;padding:0 0 2em;list-style:decimal;display:flex;position:relative}section#process ol:before{content:"";pointer-events:none;background:linear-gradient(#fff,#fff 90%,#0000 98%);border-radius:.2em;width:2px;height:100%;position:absolute;top:0;left:.65em}section#process ol li{letter-spacing:.1em;color:#fff;border-top:2px dotted #fff5;margin:0;padding:1em 1em 1em 3em;font-size:1.4rem;line-height:1.4em;position:relative}section#process ol li:before{content:"";background-color:var(--primary);pointer-events:none;border:.2rem solid #fff;border-radius:50%;width:1em;height:1em;position:absolute;top:1.25em;left:0}section#process ol li::marker{content:"[" counter(list-item) "] ";color:color-mix(in srgb, white, var(--primary) 55%);font-size:.8em;font-weight:700;display:block}@media screen and (width<=1441px){section#process{margin:-3em 0;padding:6em 2em}}section#services{background:var(--gray-circuit);background-blend-mode:color;background-size:15em;background-attachment:fixed;position:relative}[data-theme=dark] section#services:before{content:"";background:var(--background);pointer-events:none;z-index:1;opacity:.95;position:absolute;inset:0}[data-theme=dark] section#services>*{z-index:10;position:relative}section#services h2{text-transform:uppercase;margin-bottom:2em}section#services>ul{--column:3;grid-template-columns:repeat(var(--column), minmax(10rem, 1fr));gap:4rem;display:grid}section#services>ul>li{flex-direction:column;align-items:flex-start;gap:0;display:inline-flex}section#services>ul>li strong{font-size:2em;line-height:1.1em}section#services>ul>li strong:after{content:"_";color:var(--primary);margin-left:.1em;font-size:.8em;font-weight:400;animation:1s infinite blink}section#services>ul>li div{margin-top:1em}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}@media screen and (width<=1441px){section#services>ul{--column:2}}@media screen and (width<=768px){section#services>ul{--column:1}}section#trust{border-bottom:5px solid var(--primary);flex-direction:column;gap:2em;display:flex}section#trust h3{text-transform:uppercase}section#trust ul{flex-flow:wrap;flex:1;justify-content:space-between;gap:2em;display:flex}section#trust ul li{max-width:25em;color:color-mix(in srgb, var(--text), var(--background) 15%);flex-direction:column;gap:1em;line-height:1.5em;display:inline-flex}section#trust ul li strong{color:var(--heading);font-size:2em;line-height:1.1em}section#trust ul li:before{content:"";border-radius:.5em;width:4em;height:4em;display:block}[data-theme=dark] section#trust ul li:before{filter:invert()}section#trust ul li:first-child:before{background:url(/i/smile-star.svg) 50%/contain no-repeat}section#trust ul li:nth-child(2):before{background:url(/i/heart.svg) 50%/contain no-repeat}section#trust ul li:nth-child(3):before{background:url(/i/thumb-up.svg) 50%/contain no-repeat}section#trust ul li:nth-child(4):before{background:url(/i/flash-light.svg) 50%/contain no-repeat}section.inner-page-hero{height:17rem;background:color-mix(in srgb, var(--heading), black 60%)!important}[data-theme=dark] section#catalog{background:color-mix(in srgb, var(--background), transparent 15%)}section#catalog form#tools{gap:2em;margin:0 0 2em;display:flex}section#catalog form#tools input[type=search]{background-image:url(/i/filter.svg);border-width:2px}section#catalog article.catalog-entry{border-bottom:1px solid color-mix(in srgb, var(--text), transparent 50%);flex-direction:row;justify-content:space-between;align-items:center;gap:.5em;margin:0 0 1em;padding:0 0 1em;display:inline-flex}section#catalog article.catalog-entry h5{flex:1;margin:0;font-size:1rem}section#catalog article.catalog-entry span svg{vertical-align:middle;width:1em;height:1em;margin-block:auto;display:inline-block}section#catalog article.catalog-entry span.warranty{margin-left:2rem}
