.logo{width:70px;height:70px;margin-right:10px}.logo_container{align-items:center;padding-top:15px;padding-bottom:7vh;display:flex}.logo_container p{vertical-align:middle;color:#fff;align-content:center;align-self:auto;align-items:flex-start;padding-top:10px;font-family:"Exo 2",sans-serif;font-size:18px}.main_header header{z-index:100;width:100vw;box-shadow:none;background:#0c121f;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:fixed;top:0;left:0}main{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding-top:100px;display:flex}body,.main_page,main,h1,h2,h3,h4,h5,h6,p,ul,li,a,button,input,textarea{font-family:"Exo 2",sans-serif!important}.navigation{font-family:"Exo 2",sans-serif;display:flex;position:absolute;right:3%}.main_header{align-items:center;margin:0 auto;padding:20px}.navigation nav a{margin:0 3px}.desktop-nav{display:flex}.mobile-burger{display:none}.overlay{z-index:1000;background-color:#0c172ee6;width:0;height:100%;transition:all .5s;position:fixed;top:0;left:0;overflow-x:hidden}.overlay-content{text-align:center;width:100%;position:relative;top:25%}.overlay a{color:#818181;padding:8px;font-size:36px;text-decoration:none;transition:all .3s;display:block}.overlay a:hover{color:#f1f1f1}.overlay .closebtn{font-size:50px;position:absolute;top:20px;right:35px}@media (max-width:768px){.desktop-nav{display:none}.mobile-burger{z-index:1;color:#14a7cc;padding:20px;display:block;position:absolute;top:20px;right:20px}.overlay a{font-size:28px}.overlay .closebtn{font-size:40px}}button{color:#e0ffff;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:15px;width:fit-content;padding:15px;font-size:1rem;font-weight:500;position:relative;overflow:hidden}button:active{transform:scale(.95)}button:before{content:"";z-index:-2;background:#42455a;transition:inset .35s;position:absolute;inset:-3px 50px}button:hover:before{background:#00c2cb;inset:-20px 0}button:after{content:"";z-index:-1;background:#22232e;border-radius:10px;position:absolute;inset:3px}@layer normalize;@layer base{:root{--font-size-min:16;--font-size-max:20;--font-ratio-min:1.2;--font-ratio-max:1.33;--font-width-min:375;--font-width-max:1500}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark only}:where(.fluid){--fluid-min:calc(var(--font-size-min) * pow(var(--font-ratio-min), var(--font-level,0)));--fluid-max:calc(var(--font-size-max) * pow(var(--font-ratio-max), var(--font-level,0)));--fluid-preferred:calc((var(--fluid-max) - var(--fluid-min)) / (var(--font-width-max) - var(--font-width-min)));--fluid-type:clamp((var(--fluid-min) / 16) * 1rem, ((var(--fluid-min) / 16) * 1rem) - (((var(--fluid-preferred) * var(--font-width-min)) / 16) * 1rem) + (var(--fluid-preferred) * var(--variable-unit,100vi)), (var(--fluid-max) / 16) * 1rem);font-size:var(--fluid-type)}*,:after,:before{box-sizing:border-box}body{place-items:center;min-height:100vh;font-family:SF Pro Text,SF Pro Icons,AOS Icons,Helvetica Neue,Helvetica,Arial,sans-serif,system-ui;display:grid}body:before{--size:45px;--line:color-mix(in hsl, canvasText, transparent 70%);content:"";background:linear-gradient(90deg, var(--line) 1px, transparent 1px var(--size)) 50% 50% / var(--size) var(--size), linear-gradient(var(--line) 1px, transparent 1px var(--size)) 50% 50% / var(--size) var(--size);transform-style:flat;pointer-events:none;z-index:-1;width:100vw;height:100vh;position:fixed;top:0;-webkit-mask:linear-gradient(-20deg,#0000 50%,#fff);mask:linear-gradient(-20deg,#0000 50%,#fff)}.bear-link{color:canvastext;aspect-ratio:1;opacity:.8;place-items:center;width:48px;display:grid;position:fixed;top:1rem;left:1rem}:where(.x-link,.bear-link):is(:hover,:focus-visible){opacity:1}.bear-link svg{width:75%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@layer demo{body{background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000f30);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding-block:2rem;display:flex}h1,p{margin:0}h1.fluid{--font-size-min:22;--font-level:4.25}h3{white-space:nowrap;margin:0}body>p{text-wrap:balance;opacity:.8;width:74ch;max-width:calc(100% - 4rem);margin-bottom:4rem;font-family:monospace;font-weight:400;line-height:1.5}@media (max-width:768px){body>p{text-align:center}}li :is(svg,h3){opacity:.6;transition:opacity calc(var(--speed) * 1.2) var(--easing)}li :is(a,p){opacity:0;transition:opacity calc(var(--speed) * 1.2) var(--easing);width:fit-content}li img{filter:grayscale()brightness(1.5);transition-property:filter,scale;transition-duration:calc(var(--speed) * 1.2);transition-timing-function:var(--easing);scale:1.1}[data-active=true] :is(a,p,h3,svg){opacity:var(--opacity,1)}[data-active=true] :is(a,p){transition-delay:calc(var(--speed) * .25)}[data-active=true] img{filter:grayscale(0)brightness();transition-delay:calc(var(--speed) * .25);scale:1}article{width:calc(var(--article-width) * 1px);height:100%;padding-inline:calc(var(--base) * .5 - 9px);flex-direction:column;justify-content:flex-end;gap:1rem;padding-bottom:1rem;font-family:monospace;display:flex;position:absolute;top:0;left:0;overflow:hidden}article h3{top:1rem;left:calc(var(--base) * .5);transform-origin:0;text-transform:uppercase;font-family:monospace;font-size:1rem;font-weight:300;position:absolute;rotate:90deg}article svg{fill:none;width:18px}article p{text-wrap:balance;--opacity:.8;font-size:13px;line-height:1.25}article a{height:18px;color:inherit;line-height:1;position:absolute;bottom:1rem}article a:is(:focus-visible,:hover){outline:none}article a:is(:focus-visible,:hover) span{text-underline-offset:4px;text-decoration:underline}article a span{translate:calc(var(--base) * .5);font-weight:500;line-height:18px;display:inline-block}article img{pointer-events:none;object-fit:cover;width:100%;height:100%;position:absolute;inset:0;-webkit-mask:radial-gradient(100% 100% at 100% 0,#fff,#002c6600);mask:radial-gradient(100% 100% at 100% 0,#fff,#002c6600)}:root{--gap:8px;--base:clamp(2rem, 8cqi, 80px);--easing:linear(0 0%, .1538 4.09%, .2926 8.29%, .4173 12.63%, .5282 17.12%, .6255 21.77%, .7099 26.61%, .782 31.67%, .8425 37%, .8887 42.23%, .9257 47.79%, .9543 53.78%, .9752 60.32%, .9883 67.11%, .9961 75%, 1 100%);--speed:.6s}ul.product-list{gap:var(--gap);height:clamp(300px,40dvh,474px);width:calc(((var(--items) - 1) * var(--base)) + ((var(--items) - 1) * var(--gap)) + var(--ideal));width:820px;max-width:calc(100% - 4rem);transition:grid-template-columns var(--speed) var(--easing);grid-template-columns:10fr 1fr 1fr 1fr 1fr 1fr 1fr;justify-content:center;margin:0;padding:0;list-style-type:none;display:grid;container-type:inline-size}li{min-width:var(--base);border:1px solid color-mix(in hsl, canvas, canvasText 50%);background:var(--lightningcss-light,#fff)var(--lightningcss-dark,#01081a);border-radius:8px;position:relative;overflow:hidden}}body,.main_page{background-color:#0c121f}.header-row{display:initial;align-items:initial;justify-content:initial;width:initial}.fluid+p{margin-left:auto;margin-right:auto;padding-top:10vh;padding-bottom:10vh;width:75vw!important;max-width:75vw!important}.contact-form-container{size:90%;justify-content:space-between;max-width:800px;margin:40vh auto 50px;display:flex}.get-in-touch,.contact-details{text-overflow:clip;border-radius:4px;width:45%;padding:20px;font-family:"Exo 2",sans-serif;box-shadow:0 0 10px #0000001a}.get-in-touch{background-color:#f5f5f500}.input-field{box-sizing:border-box;color:#eee;background-color:#ffffff2c;border:1px solid #cccccc98;border-radius:4px;outline:none;width:100%;margin-bottom:10px;padding:10px;font-family:"Exo 2",sans-serif}.textarea{resize:none;height:100px}.get-in-touch button{color:#fff;cursor:pointer;background-color:#09f;border:none;border-radius:4px;padding:10px 15px}.contact-details{color:#fff;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;white-space:normal;background-color:#212534;padding:auto}.icon{margin-right:10px}.contact-details p{padding:16px}.links_container{background:0 0;justify-content:center;align-items:center;width:100%;height:auto;padding:40px 0 20px;display:flex}.links_container ul{gap:30px;margin:0;padding:0;display:flex;position:static;transform:none}.links_container ul li{list-style:none}.links_container ul li a{text-align:center;color:#666;background:#0c121f;border-radius:50%;width:60px;height:60px;font-size:30px;line-height:63px;transition:all .5s;display:block;position:relative}.links_container ul li a:before{content:"";z-index:-1;background:#0c121f;border-radius:50%;width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:0;transform:scale(.9)}.links_container ul li a:hover:before{transform:scale(1.1);box-shadow:0 0 15px #0096fa}.links_container ul li a:hover{color:#0096fa;text-shadow:0 0 5px #0096fa;box-shadow:0 0 5px #0096fa}@media (max-width:768px){main{flex-direction:column;justify-content:flex-start;align-items:center;width:100vw;padding-top:80px;display:flex;overflow-x:hidden}ul.product-list{gap:16px;height:auto;margin:0 auto;padding:0 8px;overflow-x:hidden;flex-direction:column!important;grid-template-columns:none!important;width:70vw!important;max-width:70vw!important;transition:none!important;display:flex!important}li{border-radius:8px;margin:0 auto;width:100%!important;min-width:0!important;max-width:70vw!important;transition:none!important}article{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem;padding-bottom:1rem;display:flex;width:100%!important;min-width:0!important;padding-inline:0!important;position:static!important}article h3{margin-bottom:.5rem;text-transform:none!important;white-space:normal!important;text-align:left!important;padding-left:13px!important;padding-right:13px!important;font-family:inherit!important;font-size:1.2rem!important;font-weight:500!important;position:static!important;top:auto!important;left:auto!important;transform:rotate(0)!important}ul.product-list li{transition:none!important}ul.product-list li[data-active=true]{grid-column:auto!important}ul.product-list li{max-height:100px;box-shadow:none;cursor:pointer;padding-top:18px;padding-bottom:12px;transition:max-height .4s cubic-bezier(.4,0,.2,1),box-shadow .3s;overflow:hidden}ul.product-list li.active-vertical{z-index:2;min-height:50vh!important;max-height:none!important;box-shadow:none!important;filter:none!important;background:#212534!important;overflow:visible!important}ul.product-list li article p{margin:0;padding-bottom:10px;position:absolute;bottom:38px;left:13px;right:13px;background:0 0!important;width:75vw!important;max-width:75vw!important}ul.product-list li article>*{padding-left:0!important;padding-right:0!important}ul.product-list li article>h3{padding-left:13px!important;padding-right:13px!important}ul.product-list li article i,ul.product-list li article .fa,ul.product-list li article .fas,ul.product-list li article .fab,ul.product-list li article svg{width:2.1rem!important;height:2.1rem!important;margin-left:0!important;padding-left:13px!important;font-size:2.1rem!important;display:inline-block!important}.contact-details{box-sizing:border-box;padding-left:4vw!important;padding-right:8vw!important}.contact-form-container{flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:6vw!important;width:90vw!important;max-width:none!important;margin:40px auto 0!important;padding-left:4vw!important;padding-right:4vw!important}.get-in-touch,.contact-details{box-sizing:border-box;width:100%!important;margin:0!important}}ul.product-list{flex-shrink:0}