.navigation{background:#fff;position:sticky;top:0;z-index:1000}.nav-content{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto}.nav-logo{display:flex;align-items:center;text-decoration:none;transition:opacity .3s ease}.nav-logo:hover{opacity:.7}.logo-image{height:50px;width:auto;display:block}.nav-links{display:flex;gap:2rem}.nav-link{color:#000;text-decoration:none;font-size:1.1rem;font-weight:500;padding:.5rem 1rem;border:2px solid transparent;transition:all .3s ease}.nav-link:hover{border-bottom:2px solid #000000}.nav-link.active{border:2px solid #000000;background:#000;color:#fff}@media (max-width: 768px){.nav-content{flex-direction:column;gap:1rem;padding:1rem}.nav-links{gap:1rem}.nav-link{font-size:1rem;padding:.5rem .75rem}}.home{background:#fff;color:#000}.hero-section{min-height:80vh;display:flex;align-items:center;justify-content:space-between;padding:4rem 6rem;gap:4rem}.hero-content{flex:1;max-width:600px}.hero-section h1{font-size:3.5rem;margin:0 0 1rem;line-height:1.1;font-weight:700}.hero-section h2{font-size:2rem;margin:0 0 2rem;font-weight:400}.hero-description{font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.hero-video-container{flex:1;min-height:500px;border:2px solid #000000;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#000}.hero-video{width:100%;height:100%;object-fit:cover}.cta-button{padding:1rem 2.5rem;font-size:1.1rem;font-family:inherit;font-weight:600;border:2px solid #000000;background:#000;color:#fff;cursor:pointer;transition:all .3s ease}.cta-button:hover,.cta-button.secondary{background:#fff;color:#000}.cta-button.secondary:hover{background:#000;color:#fff}.content-section{padding:6rem;border-bottom:2px solid #000000}.section-content{max-width:1400px;margin:0 auto;display:flex;gap:4rem;align-items:center}.content-section.reverse .section-content{flex-direction:row-reverse}.section-content.full-width{flex-direction:column;gap:3rem}.text-content{flex:1}.text-content.centered{text-align:center;max-width:800px}.text-content h2{font-size:2.5rem;margin:0 0 2rem;font-weight:700}.text-content p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.benefits-list{list-style:none;padding:0;margin:2rem 0 0}.benefits-list li{padding:.75rem 0 .75rem 2rem;position:relative;font-size:1.1rem}.benefits-list li:before{content:"■";position:absolute;left:0;font-weight:700}.image-placeholder{flex:1;min-height:400px;border:2px solid #000000;display:flex;align-items:center;justify-content:center;background:#f5f5f5;font-weight:600;padding:2rem;text-align:center}.image-placeholder.small{min-height:150px;width:150px;margin:0 auto 1.5rem}.three-column-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;width:100%}.grid-item{text-align:center}.grid-item h3{font-size:1.5rem;margin:0 0 1rem;font-weight:600}.grid-item p{font-size:1rem;line-height:1.6;margin:0}.testimonial-section{padding:6rem;background:#000;color:#fff;border-bottom:2px solid #000000}.testimonial-section h2{font-size:2.5rem;text-align:center;margin:0 0 4rem;font-weight:700}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;max-width:1400px;margin:0 auto}.testimonial-card{border:2px solid #ffffff;padding:2rem;background:#000}.testimonial-text{font-size:1.1rem;line-height:1.7;margin:0 0 1.5rem;font-style:italic}.testimonial-author{font-size:1rem;font-weight:600;margin:0}.cta-section{padding:6rem;text-align:center}.cta-section h2{font-size:2.5rem;margin:0 0 1.5rem;font-weight:700}.cta-section p{font-size:1.2rem;line-height:1.8;max-width:800px;margin:0 auto 3rem}.cta-buttons{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}@media (max-width: 1200px){.hero-section,.content-section{padding:4rem 3rem}.section-content{gap:3rem}.three-column-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero-section{flex-direction:column;padding:3rem 2rem;min-height:auto}.hero-section h1{font-size:2.5rem}.hero-section h2{font-size:1.5rem}.hero-video-container{width:100%;min-height:300px}.content-section{padding:3rem 2rem}.section-content,.content-section.reverse .section-content{flex-direction:column;gap:2rem}.text-content h2{font-size:2rem}.text-content p{font-size:1rem}.image-placeholder{min-height:300px}.three-column-grid,.testimonials-grid{grid-template-columns:1fr;gap:2rem}.testimonial-section,.cta-section{padding:3rem 2rem}.cta-section h2{font-size:2rem}.cta-buttons{flex-direction:column;align-items:stretch}.cta-button{width:100%}}.canvas-container{width:100%;height:100%;min-height:500px;border-radius:0;overflow:hidden;background:#f5f5f5;box-shadow:none;border:2px solid #000000}@media (max-width: 768px){.canvas-container{min-height:400px}}.product-display{min-height:100vh;background:#fff;color:#000;display:flex;flex-direction:column}.main-content{display:flex;flex:1;overflow:hidden;background:#fff}.sidebar{width:350px;background:#fff;padding:2rem;overflow-y:auto;border-right:2px solid #000000}.sidebar h2{margin-bottom:1.5rem;font-size:1.5rem;color:#000}.product-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.product-card{background:#fff;border:2px solid #000000;border-radius:0;padding:1.25rem;cursor:pointer;transition:all .3s ease;display:flex;gap:1rem;align-items:center}.product-card:hover{background:#f5f5f5;transform:translate(5px)}.product-card.active{background:#000;border-color:#000}.product-card.active .product-info h3,.product-card.active .product-info p{color:#fff}.product-color-indicator{width:50px;height:50px;border-radius:0;flex-shrink:0;border:2px solid #000000}.product-info h3{margin:0 0 .5rem;font-size:1.1rem;color:#000}.product-info p{margin:0;font-size:.9rem;color:#000;line-height:1.4}.info-section{background:#fff;border:2px solid #000000;border-radius:0;padding:1.5rem;margin-top:2rem}.info-section h3{margin:0 0 1rem;color:#000;font-size:1.1rem}.info-section ul{list-style:none;padding:0;margin:0}.info-section li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#000}.info-section li:before{content:"✓";position:absolute;left:0;color:#000;font-weight:700}.viewer-container{flex:1;display:flex;flex-direction:column;padding:2rem;overflow:hidden;background:#fff}.viewer-header{margin-bottom:1.5rem}.viewer-header h2{font-size:1.8rem;margin:0 0 .5rem;color:#000}.viewer-header p{margin:0;color:#000;font-size:1rem}.viewer-controls-info{margin-top:1rem;text-align:center;color:#000;font-size:.9rem}@media (max-width: 1024px){.main-content{flex-direction:column}.sidebar{width:100%;max-height:300px;border-right:none;border-bottom:2px solid #000000}.product-list{flex-direction:row;overflow-x:auto}.product-card{min-width:250px}}@media (max-width: 768px){.header h1{font-size:1.5rem}.viewer-container,.sidebar{padding:1rem}}.app{min-height:100vh;background:#fff;color:#000}:root{font-family:Futura,Century Gothic,Apple Gothic,Avenir Next,Avenir,Trebuchet MS,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:#fff;color:#000}#root{width:100%;min-height:100vh;background-color:#fff}
