@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.navbar{position:fixed;top:0;left:0;width:100%;height:80px;padding:0 6vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;z-index:100;pointer-events:none}.nav-brand{display:flex;align-items:center;gap:.75rem;pointer-events:auto;justify-self:start}.nav-center{pointer-events:auto;justify-self:center;width:100%;min-width:300px}.nav-logo-placeholder{width:24px;height:24px;border-radius:50%;background-color:#24221f;opacity:.15}.nav-company-name{font-family:Inter,sans-serif;font-weight:600;font-size:1.1rem;letter-spacing:-.03em;color:#24221f;text-transform:lowercase}.nav-links{display:flex;gap:3rem;pointer-events:auto;justify-self:end}.nav-link{font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.15em;color:#8a837a;text-decoration:none;transition:color .3s ease}.nav-link:hover,.nav-link.active{color:#24221f}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;z-index:105;pointer-events:auto;justify-self:end}.hamburger-line{width:100%;height:2px;background-color:#24221f;transition:all .3s ease;transform-origin:left}.hamburger.open .hamburger-line:nth-child(1){transform:rotate(45deg)}.hamburger.open .hamburger-line:nth-child(2){opacity:0}.hamburger.open .hamburger-line:nth-child(3){transform:rotate(-45deg)}.mobile-menu{position:fixed;top:0;right:-100%;width:100%;max-width:400px;height:100vh;background-color:#fff;z-index:101;display:flex;flex-direction:column;padding:100px 2rem 2rem;transition:right .4s cubic-bezier(.16,1,.3,1);box-shadow:-10px 0 30px #0000000d;pointer-events:auto}.mobile-menu.open{right:0}.mobile-search{display:none;margin-bottom:2rem}.mobile-nav-links{display:flex;flex-direction:column;gap:2rem}.mobile-nav-link{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:500;letter-spacing:.1em;color:#8a837a;text-decoration:none;transition:color .3s ease}.mobile-nav-link.active{color:#24221f;font-weight:600}@media(max-width:768px){.desktop-links{display:none}.hamburger{display:flex}.mobile-search{display:none!important}.navbar{grid-template-columns:auto 1fr auto;gap:1rem}.nav-center{min-width:0;padding:0 .5rem}}.products-page{min-height:100vh;background-color:#f9f9f9;padding-top:100px}.products-container{width:100%;margin:0 auto;padding:2rem 0}.search-bar-container{width:100%;max-width:500px}.search-bar{width:100%;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-size:.95rem;color:#24221f;background-color:#f7f7f7;border:1px solid #d0d0d0;border-radius:50px;outline:none;transition:all .2s ease;box-shadow:inset 0 1px 3px #0000000d;text-align:center}.search-bar:focus{background-color:#fff;border-color:#a0a0a0;box-shadow:inset 0 1px 3px #00000005,0 0 5px #0000000d}.search-bar::placeholder{color:#8a837a}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #b0b0b0;border-left:1px solid #b0b0b0;background-color:#fff}@media(max-width:1024px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.products-grid{grid-template-columns:1fr}}.product-card{display:flex;flex-direction:column;align-items:center;background-color:transparent;border-right:1px solid #b0b0b0;border-bottom:1px solid #b0b0b0;border-radius:0;padding:2rem 1.5rem;text-decoration:none;transition:background-color .2s ease}.product-card:hover{background-color:#f9f9f9}.product-image-wrapper{width:100%;aspect-ratio:1;border-radius:0;overflow:hidden;margin-bottom:1.5rem;background-color:#fff}.product-image{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.product-card:hover .product-image{transform:scale(1.03)}.product-info{text-align:center;padding:0}.product-name{font-family:Inter,sans-serif;font-size:1rem;font-weight:400;color:#0f1111;margin:0 0 .5rem;line-height:1.4}.product-price{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:400;color:#0f1111}.no-results{grid-column:1 / -1;text-align:center;font-family:Inter,sans-serif;color:#8a837a;padding:4rem 0}.support-page{min-height:100vh;background-color:#f9f9f9;padding-top:120px}.support-container{max-width:800px;margin:0 auto;padding:4rem 4vw;text-align:center}.support-title{font-family:Inter,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:600;color:#0f1111;letter-spacing:-.04em;margin:0 0 1rem}.support-subtitle{font-family:Inter,sans-serif;font-size:1.1rem;color:#555;margin-bottom:4rem}.contact-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:3rem 2rem;box-shadow:0 10px 30px #00000008;display:flex;flex-direction:column;align-items:center}.contact-icon{font-size:3rem;margin-bottom:1rem}.contact-card h2{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:500;color:#0f1111;margin:0 0 .5rem}.contact-card p{font-family:Inter,sans-serif;font-size:1rem;color:#666;margin:0 0 2rem;max-width:400px}.email-link{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:500;color:#fff;background-color:#0f1111;padding:.75rem 2rem;border-radius:50px;text-decoration:none;transition:transform .2s ease,background-color .2s ease}.email-link:hover{background-color:#333;transform:translateY(-2px)}:root{color:#24221f;background:#d2d2d7;font-family:Inter,Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;margin:0}body{overflow-x:hidden;overflow-y:scroll;background:#d2d2d7}.product-page{position:relative;width:100%}.canvas-fixed{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1}.product-scene{width:100%;height:100%}.product-scene canvas{display:block;width:100%!important;height:100%!important}.scroll-spacer{height:300vh;pointer-events:none}.feature-label{position:fixed;top:50%;z-index:10;pointer-events:none;opacity:0;will-change:opacity,transform;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.feature-label-left{left:6vw;transform:translateY(-50%) translate(-50px)}.feature-label-left.visible{opacity:1;transform:translateY(-50%) translate(0)}.feature-label-right{right:6vw;text-align:right;transform:translateY(-50%) translate(50px)}.feature-label-right.visible{opacity:1;transform:translateY(-50%) translate(0)}.feature-label-line{width:40px;height:2px;background:#c4b8a8;margin-bottom:1rem;border-radius:1px;transition:width .6s cubic-bezier(.16,1,.3,1) .1s}.feature-label.visible .feature-label-line{width:56px}.feature-label-right .feature-label-line{margin-left:auto}.feature-label h2{font-family:Inter,sans-serif;font-weight:600;font-size:clamp(2.5rem,8vw,6rem);line-height:1.1;color:#24221f;margin:0;letter-spacing:-.04em}.feature-label p{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(1rem,2vw,1.5rem);line-height:1.5;color:#8a837a;margin:.85rem 0 0;max-width:450px}.feature-label-right p{margin-left:auto}.scroll-hint{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.45;pointer-events:none;transition:opacity .5s ease}.scroll-hint.hidden{opacity:0}.scroll-hint span{font-family:Inter,sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#8a837a}.scroll-hint-chevron{width:18px;height:18px;border-right:1.5px solid #8a837a;border-bottom:1.5px solid #8a837a;transform:rotate(45deg);animation:scroll-bounce 2s ease-in-out infinite}@keyframes scroll-bounce{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(5px)}}.connect-to-app-label h2{font-size:clamp(1.5rem,5vw,4rem)!important}@media(max-width:768px){.connect-to-app-label.feature-label{top:auto!important;bottom:12%!important;left:50%!important;text-align:center!important;transform:translateY(20px) translate(-50%)!important;width:100%;padding:0 1rem}.connect-to-app-label.feature-label.visible{transform:translateY(0) translate(-50%)!important}.connect-to-app-label .feature-label-line{margin:0 auto 1rem!important}.connect-to-app-label p{margin-left:auto!important;margin-right:auto!important}.rounded-corners-label.feature-label{top:15%!important;left:50%!important;right:auto!important;text-align:center!important;transform:translateY(-20px) translate(-50%)!important;width:100%;padding:0 1rem}.rounded-corners-label.feature-label.visible{transform:translateY(0) translate(-50%)!important}.rounded-corners-label .feature-label-line{margin:0 auto 1rem!important}.rounded-corners-label p{margin-left:auto!important;margin-right:auto!important}}
