*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0;background:#f8f8f8;color:#333}.container{max-width:1400px;margin:0 auto;padding:20px}.top-bar{background:#1a1a1a;color:#fff;padding:10px 0;text-align:center;font-size:.9em}.top-bar a{color:#e8a03d;text-decoration:none;font-weight:600}header{background:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;padding:8px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.logo-container{display:flex;align-items:center;gap:15px}.logo{max-width:180px;height:auto}.company-name{font-size:1.5em;color:#2c5234;font-weight:700}.header-contact{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.contact-item{text-align:center;padding:4px 10px}.contact-item strong{display:block;font-size:.75em;color:#666;margin-bottom:2px;text-transform:uppercase;letter-spacing:.3px}.contact-item a{color:#2c5234;text-decoration:none;font-size:.95em;font-weight:600}.contact-item a:hover{color:#e8a03d}nav{background:#2c5234;padding:0;position:relative;z-index:200}.menu-toggle{display:none;background:#2c5234;border:none;color:#fff;font-size:1.8em;padding:12px 20px;cursor:pointer;float:right;z-index:300;margin:5px 10px;border-radius:4px}.menu-toggle:hover{background:#3d6945}nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:0;flex-wrap:wrap;clear:both}nav li{margin:0}nav a{color:#fff;text-decoration:none;font-weight:600;padding:15px 25px;display:block;transition:all .3s;font-size:.95em;text-transform:uppercase;letter-spacing:.5px}nav a:hover{background:#3d6945}.hero-section{background:linear-gradient(#2c5234bf,#2c5234bf),url(https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?q=80&w=2000) center/cover;color:#fff;padding:100px 20px;text-align:center;position:relative}.hero-section h1{font-size:3em;margin-bottom:20px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-section p{font-size:1.3em;max-width:800px;margin:0 auto 40px;line-height:1.6}.info-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:-50px auto 60px;padding:0 20px;position:relative;z-index:10}.info-box{background:#fff;padding:30px;border-radius:8px;box-shadow:0 5px 20px #00000026;text-align:center;transition:transform .3s}.info-box:hover{transform:translateY(-5px)}.info-box-icon{font-size:3em;margin-bottom:15px}.info-box h3{color:#2c5234;margin-bottom:10px;font-size:1.3em}.info-box p{color:#666;line-height:1.6;margin-bottom:15px}.info-box .btn{display:inline-block;padding:10px 25px;background:#e8a03d;color:#fff;text-decoration:none;border-radius:4px;font-weight:600;transition:background .3s}.info-box .btn:hover{background:#d4902f}.collections-section{padding:60px 20px;background:#fff}.section-title{text-align:center;font-size:2.5em;color:#2c5234;margin-bottom:20px;font-weight:700}.section-subtitle{text-align:center;font-size:1.2em;color:#666;margin-bottom:50px;max-width:800px;margin-left:auto;margin-right:auto}.collections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto}.collection-card{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 5px 20px #00000026;transition:transform .3s;cursor:pointer;background:#fff;min-height:400px;display:flex;flex-direction:column}.collection-card:hover{transform:translateY(-10px)}.collection-card img{width:100%;height:250px;object-fit:cover}.collection-card-content{padding:25px;flex:1;display:flex;flex-direction:column;justify-content:center}.collection-card h3{font-size:1.8em;color:#2c5234;margin:0 0 15px;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:2px}.collection-card p{color:#666;text-align:center;font-size:1em;line-height:1.6}.product-structure{background:#fff;padding:60px 20px}.product-structure-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.structure-image{width:100%;border-radius:8px;box-shadow:0 5px 20px #0000001a}.specs-table{width:100%;border-collapse:collapse;margin:20px 0;background:#fff;box-shadow:0 2px 10px #0000001a}.specs-table th,.specs-table td{padding:15px;text-align:left;border-bottom:1px solid #ddd}.specs-table th{background:#2c5234;color:#fff;font-weight:600}.specs-table tr:hover{background:#f5f5f5}.features-section{background:#f8f8f8;padding:60px 20px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;max-width:1200px;margin:0 auto}.feature-item{text-align:center}.feature-icon{font-size:3.5em;margin-bottom:15px;display:block}.feature-item h4{color:#2c5234;font-size:1.1em;margin-bottom:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.feature-item p{color:#666;font-size:.95em;line-height:1.6}.welcome-section{background:#f8f8f8;padding:60px 20px}.welcome-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.welcome-text h2{color:#2c5234;font-size:2.2em;margin-bottom:25px;font-weight:700}.welcome-text p{color:#333;line-height:1.8;font-size:1.1em;margin-bottom:15px}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin:30px 0}.service-card{background:linear-gradient(135deg,#92b079,#7a9a65);color:#fff;padding:30px;border-radius:12px;text-align:center;transition:transform .3s,box-shadow .3s}.service-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.service-card h3{font-size:1.5em;margin-bottom:15px}.service-card p{color:#fffffff2;font-size:1em}.cta-section{text-align:center;padding:40px;background:linear-gradient(135deg,#7a9a65,#92b079);border-radius:12px;margin:30px auto;max-width:1200px;color:#fff;box-shadow:0 10px 30px #0000004d}.cta-section h2{font-size:2.2em;margin-bottom:20px}.cta-section p{font-size:1.2em;margin-bottom:30px;opacity:.95}.cta-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.cta-btn{display:inline-block;padding:18px 40px;font-size:1.2em;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s;border:none;cursor:pointer}.cta-btn-primary{background:#fff;color:#92b079}.cta-btn-primary:hover{background:#f0f0f0;transform:scale(1.05)}.cta-btn-secondary{background:#fff3;color:#fff;border:2px solid white}.cta-btn-secondary:hover{background:#ffffff4d;transform:scale(1.05)}.visualizer-section{margin-top:0;background:#fff;padding:60px 20px}.section-header{text-align:center;color:#2c5234;margin-bottom:40px}.section-header h2{font-size:2.5em;margin-bottom:10px}.section-header p{font-size:1.2em;color:#666}.main-content{display:grid;grid-template-columns:1fr 320px;gap:20px;margin-top:20px;max-width:1400px;margin-left:auto;margin-right:auto}.main-content.result-active{grid-template-columns:1fr;max-width:none}.canvas-section{background:#fff;border-radius:12px;padding:25px;box-shadow:0 10px 30px #0000004d;min-width:0;overflow:hidden}.sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:20px;align-self:flex-start;max-height:calc(100vh - 40px);overflow-y:auto;width:100%;flex-shrink:0}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 10px 30px #0000004d}.card h3{margin:0 0 15px;color:#667eea;border-bottom:2px solid #667eea;padding-bottom:10px}.upload-area{border:3px dashed #667eea;border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:all .3s;background:#f8f9ff}.upload-area:hover{border-color:#764ba2;background:#f0f1ff}.upload-area.dragover{border-color:#764ba2;background:#e8e9ff}#canvas{max-width:100%;height:auto;border:2px solid #e0e0e0;border-radius:8px;cursor:crosshair;display:block;touch-action:none}.texture-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-height:620px;overflow-y:auto}.texture-item{border:3px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s;position:relative}.texture-item:hover{border-color:#92b079;transform:scale(1.05)}.texture-item.selected{border-color:#7a9a65;box-shadow:0 0 15px #92b07980}.texture-item img{width:100%;height:120px;object-fit:cover;display:block}.texture-item .name{padding:8px;background:#f8f9ff;text-align:center;font-size:.85em;font-weight:600;color:#333}.texture-section-label{grid-column:1 / -1;background:#2c5234;color:#fff;padding:6px 10px;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;text-align:center}.series-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.series-tab{flex:1 0 calc(50% - 3px);padding:8px 6px;border:2px solid #2C5234;background:#fff;color:#2c5234;font-size:.72em;font-weight:700;border-radius:6px;cursor:pointer;transition:background .18s,color .18s,transform .12s;text-align:center;white-space:nowrap}.series-tab:hover{background:#f3f8f0;transform:translateY(-1px)}.series-tab.active{background:#2c5234;color:#fff}.series-notification{display:none;padding:8px 12px;background:#e8f5e9;border-left:4px solid #2C5234;border-radius:4px;font-size:.82em;font-weight:600;color:#2c5234;margin-bottom:10px;animation:notifySlide .3s ease}@keyframes notifySlide{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.texture-actions{display:flex;gap:8px;margin-bottom:12px}.texture-actions .btn{margin-top:0;flex:1;padding:10px 8px;font-size:.85em}.viz-steps{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px;margin-bottom:22px}.viz-step{display:flex;align-items:center;gap:6px;padding:7px 13px;font-size:.76em;font-weight:700;color:#bbb;border-bottom:3px solid transparent;transition:color .3s,border-color .3s;cursor:default}.viz-step .step-num{width:22px;height:22px;border-radius:50%;border:2px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font-size:.85em;transition:background .25s,border-color .25s,color .25s;flex-shrink:0}.viz-step.active{color:#2c5234;border-bottom-color:#2c5234}.viz-step.done{color:#92b079;border-bottom-color:#92b079}.viz-step.done .step-num{background:#92b079;border-color:#92b079;color:#fff}.viz-step-arrow{color:#ddd;font-size:1.1em;line-height:1;margin:0 1px;padding-bottom:3px}.selected-floor-badge{display:none;align-items:center;gap:8px;background:#f3f8f0;border:1px solid #92B079;border-radius:7px;padding:7px 11px;font-size:.82em;color:#2c5234;font-weight:600;margin-bottom:10px;animation:notifySlide .25s ease}.selected-floor-badge.visible{display:flex}.floor-badge-thumb{width:38px;height:25px;object-fit:cover;border-radius:4px;border:1px solid #c8dfc0;flex-shrink:0}.result-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.result-actions .btn{flex:1;min-width:110px;margin-top:0;padding:11px 10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:11px 18px;border:2px solid transparent;border-radius:8px;font-size:.92em;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .2s ease,border-color .2s ease,opacity .2s ease;width:100%;margin-top:0;letter-spacing:.2px;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;transition:opacity .1s;pointer-events:none}.btn:active:not(:disabled):after{opacity:.12}.btn-primary{background:linear-gradient(135deg,#5a9e43,#2c5234);color:#fff;box-shadow:0 2px 8px #2c523438}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2c523461}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #2c523447}@keyframes readyPulse{0%,to{box-shadow:0 2px 8px #2c523438}50%{box-shadow:0 0 24px #5a9e43b3}}.btn-primary.ready:not(:disabled){animation:readyPulse 1.9s ease-in-out infinite}.btn-secondary{background:#5a6268;color:#fff;box-shadow:0 2px 6px #0000001f}.btn-secondary:hover:not(:disabled){background:#484e53;transform:translateY(-2px);box-shadow:0 5px 14px #0003}.btn-outline{background:transparent;border-color:#5a6268;color:#5a6268}.btn-outline:hover:not(:disabled){background:#5a6268;color:#fff;transform:translateY(-1px)}.btn-danger{background:transparent;border-color:#dc3545;color:#dc3545;padding:6px 11px;font-size:.78em;width:auto}.btn-danger:hover:not(:disabled){background:#dc3545;color:#fff}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important;box-shadow:none!important;animation:none!important}.instructions{background:linear-gradient(135deg,#fffbe6,#fff8d6);border:1px solid #ffe082;border-left:4px solid #f9a825;border-radius:8px;padding:11px 14px;margin-bottom:12px;font-size:.87em;line-height:1.65;color:#5a4000}.point-counter{display:flex;align-items:center;justify-content:space-between;margin:10px 0;padding:9px 13px;background:#f0f5ee;border:1px solid #c8dfc0;border-radius:8px;font-size:.88em;font-weight:600;color:#2c5234;gap:8px}.point-count-num{background:#2c5234;color:#fff;border-radius:50%;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.92em;transition:transform .2s ease;flex-shrink:0}.loading{display:none;text-align:center;padding:20px}.loading.active{display:block}.spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#fileInput{display:none}.result-container{display:none;margin-top:20px;text-align:center}.result-container.active{display:block;animation:fadeUp .38s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.result-container h3{margin-bottom:12px;color:#2c5234;font-size:1.25em}#resultCanvas{border:3px solid #92B079;border-radius:12px;box-shadow:0 8px 30px #0000002e;display:block;margin:0 auto;max-width:100%}@media (max-width: 768px){.header-content{flex-direction:column;text-align:center}.company-name{font-size:1.2em}.header-contact{flex-direction:column;gap:10px}.menu-toggle{display:block}nav{padding:0}nav ul{flex-direction:column;gap:0;display:none;width:100%;background:#2c5234;box-shadow:0 5px 10px #0003}nav ul.mobile-menu-open{display:flex}nav a{width:100%;text-align:left;border-top:1px solid rgba(255,255,255,.1)}.hero-section h1{font-size:2em}.hero-section p{font-size:1.1em}.info-boxes{grid-template-columns:1fr;margin:-30px auto 40px}.collections-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr);gap:30px}.welcome-content,.product-structure-content{grid-template-columns:1fr;gap:30px}.specs-table{font-size:.9em}.specs-table th,.specs-table td{padding:10px}.main-content{grid-template-columns:1fr}.sidebar{position:relative;top:0;max-height:none}.texture-grid{grid-template-columns:repeat(3,1fr)}.cta-buttons{flex-direction:column}.cta-btn{width:100%}.section-title{font-size:2em}footer div[style*=grid-template-columns]{grid-template-columns:1fr!important}}@media (min-width: 769px) and (max-width: 1200px){.main-content{grid-template-columns:1fr 280px}.info-boxes,.collections-grid{grid-template-columns:repeat(2,1fr)}}.services-hub-section{background:#f0f5ee;padding:70px 20px}.services-hub-section .section-title{margin-bottom:10px}.services-hub-section .section-subtitle{margin-bottom:50px}.service-groups{max-width:1200px;margin:0 auto 40px}.service-group{margin-bottom:50px}.service-group-header{display:flex;align-items:center;gap:14px;margin-bottom:8px}.service-group-icon{font-size:2em}.service-group-title{font-size:1.6em;color:#2c5234;font-weight:700}.service-group-rule{border:none;border-top:2px solid #2C5234;opacity:.2;margin-bottom:25px}.service-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.service-tile{background:#fff;border-radius:10px;padding:25px 20px;text-align:center;box-shadow:0 3px 15px #00000012;transition:transform .3s,box-shadow .3s;text-decoration:none;display:block;color:inherit}.service-tile:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000024}.service-tile-icon{font-size:2.6em;display:block;margin-bottom:12px}.service-tile h4{color:#2c5234;font-size:1em;font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:.3px}.service-tile p{color:#666;font-size:.88em;line-height:1.5}.service-tile-arrow{display:inline-block;margin-top:12px;color:#e8a03d;font-weight:700;font-size:.9em}.services-hub-cta{max-width:1200px;margin:0 auto;text-align:center}.btn-services-all{display:inline-block;padding:16px 42px;background:#2c5234;color:#fff;text-decoration:none;border-radius:8px;font-size:1.1em;font-weight:600;transition:all .3s}.btn-services-all:hover{background:#3d6945;transform:translateY(-2px);box-shadow:0 6px 20px #2c52344d}@media (max-width: 768px){.service-tiles{grid-template-columns:repeat(2,1fr)}}