body{font-family:Inter, sans-serif, system-ui, -apple-system, BlinkMacSystemFont;background-color:rgb(248, 250, 252);}.bg-primary-dark{background-color:rgb(26, 32, 44);}.bg-primary-blue{background-color:rgb(43, 108, 176);}.text-primary-blue{color:rgb(43, 108, 176);}.border-primary-blue{border-top-color:rgb(43, 108, 176);border-right-color:rgb(43, 108, 176);border-bottom-color:rgb(43, 108, 176);border-left-color:rgb(43, 108, 176);}.hover\:bg-primary-blue:hover{background-color:rgb(43, 108, 176);}.section-padding{padding-top:80px;padding-bottom:80px;}.nav-link.active{border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:rgb(43, 108, 176);color:rgb(43, 108, 176);}.canvas-bg-container{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:-1;}html{scroll-behavior:smooth;}.hero-content{position:relative;z-index:10;}.product-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));row-gap:1.5rem;column-gap:1.5rem;}.video-placeholder{background-color:rgb(26, 32, 44);color:white;display:flex;align-items:center;justify-content:center;text-align:center;height:400px;border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem;border-bottom-left-radius:0.5rem;}.qr-code-container{display:flex;justify-content:space-around;flex-wrap:wrap;row-gap:1rem;column-gap:1rem;}.qr-code-item{text-align:center;}.qr-code-item img{width:150px;height:150px;object-fit:contain;}.animate-float{animation-duration:3s;animation-timing-function:ease-in-out;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:float;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.animate-glitch{animation-duration:0.5s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:alternate-reverse;animation-fill-mode:none;animation-play-state:running;animation-name:glitch;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.animate-blur-focus{animation-duration:4s;animation-timing-function:ease-in-out;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:blur-focus;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.product-image-container{position:relative;overflow-x:hidden;overflow-y:hidden;border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem;border-bottom-left-radius:0.5rem;margin-bottom:1rem;width:100%;aspect-ratio:1 / 1;}.product-image-container img{width:100%;height:100%;object-fit:cover;}@keyframes float{0%, 100%{transform:translateY(0px);}50%{transform:translateY(-10px);}}@keyframes glitch{0%{transform:translate(0px);}20%{transform:translate(-2px, 2px);}40%{transform:translate(-2px, -2px);}60%{transform:translate(2px, 2px);}80%{transform:translate(2px, -2px);}100%{transform:translate(0px);}}@keyframes blur-focus{0%, 100%{filter:blur(5px);opacity:0.7;}50%{filter:blur(0px);opacity:1;}}@media (max-width: 768px){.hero-content{padding-top:60px;}.video-placeholder{height:250px;}.product-image-container{height:auto;}}