:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--BACKGROUND: #181818;--TEXTCOLOR: #ffffff;--DETAILCOLOR1: #e45b1b;--TEXTXS: .5rem;--TEXTS: .7rem;--TEXTM: 1rem;--TEXTL: 1.5rem;--TEXTXL: 2rem;--TEXTXXL: 4rem;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--BACKGROUND)}*{margin:0;padding:0;box-sizing:border-box;border-radius:10px}a{color:var(--DETAILCOLOR1);font-weight:700}.icon{border-radius:0}.detail-span{font:inherit;color:var(--DETAILCOLOR1);font-weight:800}.page{position:relative;width:100%;filter:none}.page-background{position:fixed;top:0;left:0;z-index:-1;width:100vw;height:100%;background-color:var(--BACKGROUND)}.page-content{position:relative;width:100%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:start;background-color:transparent;border-top-left-radius:0;border-top-right-radius:0;overflow-y:auto;min-height:100vh}.card-container{width:90%;height:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--TEXTM)}.test{width:100%;height:100px;background-color:red}.hero{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:auto;min-height:600px;margin-bottom:var(--TEXTXL);overflow:hidden;background-color:var(--BACKGROUND);filter:drop-shadow(5px 5px 10px #0000004b);border-top-left-radius:0;border-top-right-radius:0}.hero-image{position:absolute;height:140%;width:100%;aspect-ratio:2.4/1;top:0;right:0;bottom:0;left:0;background-color:var(--DETAILCOLOR1);mask-image:url(/Images/Hero.png);mask-size:cover;mask-position:center;mask-repeat:no-repeat;-webkit-mask-image:url(/Images/Hero.png);-webkit-mask-size:cover;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;z-index:0;pointer-events:none;border-top-left-radius:0;border-top-right-radius:0}.hero-overlay{background-color:#f371ff;mix-blend-mode:multiply;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hero-content{max-width:600px;margin:0;height:min-content;z-index:3}.hero-title{font-size:var(--TEXTXL);font-weight:700;margin-bottom:1rem}.hero-subtitle{font-size:var(--TEXTL);font-weight:500;letter-spacing:3px;margin-bottom:2rem}.btn{padding:.5rem 1rem;border:none;border-radius:5px;font-size:1rem;cursor:pointer;width:170px;height:40px;filter:brightness(100%);filter:drop-shadow(5px 5px 10px #0000004b);transition:all .3s ease}.btn-detail{background-color:var(--DETAILCOLOR1);color:var(--TEXTCOLOR);transition:all .3s ease}.btn-detail:hover{filter:brightness(90%);transition:all .3s ease}.btn-default{background-color:var(--BACKGROUND);color:var(--TEXTCOLOR);filter:brightness(110%)}.btn-default:hover{filter:brightness(90%);transition:all .3s ease}.section-card{width:90%;height:auto;margin:var(--TEXTM) auto;background-color:var(--BACKGROUND);color:var(--TEXTCOLOR);display:flex;flex-direction:column;align-items:center;padding:var(--TEXTL);border-radius:1rem;filter:drop-shadow(2px 2px 10px #00000094);gap:var(--TEXTM);margin-bottom:var(--TEXTXL)}.section-title{font-size:var(--TEXTXL);margin:0}.section-description{font-size:var(--TEXTM);margin:0}.section-button{margin-top:auto;display:flex;justify-content:flex-end}.slideshow-wrapper{display:flex;align-items:center;gap:.5rem;position:relative;width:100%}.slideshow{display:flex;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:1rem 0;gap:1rem;flex:1;cursor:grab;-ms-overflow-style:none;scrollbar-width:none}.slideshow::-webkit-scrollbar{display:none}.slideshow>*{flex:0 0 auto;scroll-snap-align:center}.arrow-button{background:none;border:none;padding:.5rem;cursor:pointer;color:#fff;transition:color .3s ease}.arrow-button:disabled{color:gray;cursor:default}.card{position:relative;width:300px;aspect-ratio:16 / 9;cursor:pointer;transition:transform .3s ease;z-index:2;filter:drop-shadow(5px 5px 10px #0000004b)}.card:hover{transform:scale(1.03)}.card-image{width:100%;height:100%;background-size:cover;background-position:center;object-fit:contain;-webkit-user-select:none;user-select:none}.image-view-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center}.image-view-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3}.image-view-content{position:relative;z-index:1001;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:90vw;max-height:90vh;width:100%;height:100%}.image-view-img{max-width:80vw;max-height:70vh;border-radius:8px;box-shadow:0 2px 16px #00000080}.image-view-close{position:absolute;top:10px;right:10px;background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:1002}.image-view-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;color:#fff;font-size:2.5rem;cursor:pointer;z-index:1002;padding:0 12px;border-radius:50%;-webkit-user-select:none;user-select:none}.image-view-arrow.left{left:10px}.image-view-arrow.right{right:10px}.image-view-counter{position:absolute;bottom:16px;color:#fff;font-size:1.2rem;background:#0006;padding:4px 12px;border-radius:12px}.footer{width:100%;background-color:var(--BACKGROUND);color:var(--TEXTCOLOR);display:flex;justify-content:space-between;align-items:start;padding:var(--TEXTXL) var(--TEXTM);margin-top:200px;filter:drop-shadow(0px -10px 6px #00000071);flex-wrap:wrap}.footer-section{flex:1;width:auto;margin:var(--TEXTM);display:flex;flex-direction:column;align-items:center;text-align:center}.footer-section h3{font-size:var(--TEXTM);margin-bottom:var(--TEXTM)}.footer-section p,.footer-icons a{font-size:var(--TEXTS);color:var(--TEXTCOLOR);text-decoration:none;margin-right:var(--TEXTM)}.footer-section p:last-child{margin:0}.footer-icons a:last-child{margin:0}.footer-icons a:hover{color:var(--DETAILCOLOR1)}.navbar{position:fixed;top:1%;left:2%;width:96%;display:flex;height:60px;justify-content:space-between;align-items:center;background-color:var(--BACKGROUND);color:var(--TEXTCOLOR);padding:1rem 2rem;z-index:1000;filter:none;filter:drop-shadow(0px 5px 10px #00000073);transition:all .2s ease}.navbar.hidden{top:-10%;transition:all .2s ease}.navbar-instagram{align-items:center;display:flex;justify-content:center}.navbar-logo a,.navbar-logo{font-size:var(--TEXTL);font-weight:700;color:var(--TEXTCOLOR);text-decoration:none;cursor:pointer;display:flex;justify-content:center;align-items:center;filter:drop-shadow(5px 5px 10px #0000004b)}.navbar-links{list-style:none;gap:1.5rem;margin:0;padding:0;display:flex;align-items:center}.navbar-links button{background:none;border:none;color:var(--TEXTCOLOR);font-size:var(--TEXTM);cursor:pointer;transition:color .3s ease}.navbar-links button:hover{color:var(--DETAILCOLOR1)}.product-section{max-height:700px;height:auto;max-width:70%;margin:2rem auto;display:flex;flex-direction:column;gap:1rem;background-color:var(--BACKGROUND);padding:var(--TEXTL);filter:drop-shadow(5px 5px 10px #0000007e)}.ps-title{font-size:var(--TEXTXL)}.ps-description{font-size:var(--TEXTM)}.ps-button{margin-top:auto}.ps-logo{width:50px;border-radius:2px}.product-section-header{display:flex;flex-direction:row;align-items:center;gap:var(--TEXTM)}.title-container{width:100%;margin:var(--TEXTXXL) 0;margin-top:100px;display:flex;justify-content:center;align-items:center}.title{width:70%;font-size:var(--TEXTXL);color:var(--TEXTCOLOR);display:flex;justify-content:center;align-items:center;height:60px;background-color:var(--BACKGROUND);padding:var(--TEXTXL);filter:drop-shadow(5px 5px 10px #0000008a)}.info-section{display:flex;gap:var(--TEXTM);margin:var(--TEXTXL) 0;background-color:var(--BACKGROUND);filter:drop-shadow(5px 5px 10px #0000007e);padding:var(--TEXTM)}.info-image{height:400px;aspect-ratio:16/9;background-size:cover;background-position:center;filter:drop-shadow(5px 5px 10px #00000050)}.info-content{flex:1;display:flex;flex-direction:column;justify-content:center}.ustorage-view{width:90%;margin:2rem auto;display:flex;flex-direction:column;gap:2rem}.uv-description{font-size:var(--TEXTM)}.ustorage-logo{width:50px;margin-right:var(--TEXTM)}