.max-width-container{max-width:1920px;margin:0 auto;padding:0 20px}.industry-section,.warehouse-design-section,.textile-section,.shoes-section,.telecom-section{padding:80px 0}.industry-section.section-with-bg,.warehouse-design-section.section-with-bg,.textile-section.section-with-bg,.shoes-section.section-with-bg,.telecom-section.section-with-bg{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}.grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:40px}.grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.grid-4col{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px}.grid-5col{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:40px}.feature-card,.design-feature-card,.textile-feature-card{background:white;border-radius:16px;padding:35px;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease;border-top:4px solid transparent}.feature-card:hover,.design-feature-card:hover,.textile-feature-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(0,0,0,0.15);border-top-color:var(--primary)}.design-features-grid{margin-top:50px}.feature-icon{font-size:2.5rem;color:var(--primary);margin-bottom:20px}.feature-card h3,.design-feature-card h3,.textile-feature-card h3{font-size:1.4rem;color:var(--dark);margin-bottom:15px;font-weight:600}.feature-card p,.design-feature-card p,.textile-feature-card p{line-height:1.8;color:var(--dark);font-size:1rem}.zone-card,.storage-card{background:white;border-radius:16px;padding:35px;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease}.zone-card:hover,.storage-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.zone-icon,.storage-icon{font-size:2.5rem;color:var(--primary);margin-bottom:20px}.zone-card h3,.storage-card h3{font-size:1.4rem;color:var(--dark);margin-bottom:15px;font-weight:600}.zone-card p,.storage-card p{line-height:1.8;color:var(--dark);font-size:1rem}.shelving-grid{margin-top:50px}.shelving-card{background:white;border-radius:16px;padding:0;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease;text-align:center;overflow:hidden}.shelving-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.shelving-icon{font-size:2.5rem;color:var(--primary);margin-bottom:20px}.shelving-card h3{font-size:1.3rem;color:var(--dark);margin-bottom:15px;font-weight:600}.shelving-card p{line-height:1.8;color:var(--dark);font-size:0.95rem}.shelving-content{text-align:left;padding:30px}.shelving-content h3{text-align:left}.shelving-content p{text-align:left}.shelving-card .card-link-wrapper{display:flex;flex-direction:column;text-decoration:none;color:inherit}.shelving-card .card-link-wrapper picture{width:100%;display:block;margin:0;padding:0}.shelving-card .card-link-wrapper img{width:100%;height:300px;object-fit:cover;object-position:center;display:block}.requirements-grid{margin-top:50px}.requirement-card{background:white;border-radius:16px;padding:35px;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease}.requirement-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.requirement-icon{font-size:2.5rem;color:var(--primary);margin-bottom:20px}.requirement-card h3{font-size:1.4rem;color:var(--dark);margin-bottom:15px;font-weight:600}.requirement-card p{line-height:1.8;color:var(--dark);font-size:1rem}.benefits-grid{margin-top:50px}.benefits-grid-4col{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}.benefit-card{background:white;border-radius:16px;padding:35px;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease}.benefit-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.benefit-icon{font-size:2.5rem;color:var(--primary);margin-bottom:20px}.benefit-card h3{font-size:1.4rem;color:var(--dark);margin-bottom:15px;font-weight:600}.benefit-card p{line-height:1.8;color:var(--dark);font-size:1rem}.specs-grid{margin-top:50px}.spec-card{background:white;border-radius:16px;padding:35px;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease}.spec-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.spec-icon{font-size:2.5rem;color:var(--primary);margin-bottom:20px}.spec-card h3{font-size:1.4rem;color:var(--dark);margin-bottom:15px;font-weight:600}.spec-card p{line-height:1.8;color:var(--dark);font-size:1rem}.faq-grid{margin-top:50px}.faq-card{background:white;border-radius:16px;padding:35px;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease}.faq-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.faq-icon{font-size:2rem;color:var(--primary);margin-bottom:15px}.faq-card h3{font-size:1.3rem;color:var(--dark);margin-bottom:15px;font-weight:600}.faq-card p{line-height:1.8;color:var(--dark);font-size:1rem}.tabs-container{margin-top:40px}.tabs-nav{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.tabs-nav-centered{justify-content:center}.tab-btn{flex:1;min-width:200px;padding:18px 25px;background:white;border:2px solid #e0e6ed;border-radius:12px;font-size:1rem;font-weight:600;color:var(--dark);cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.tab-btn i{font-size:1.2rem;color:var(--primary)}.tab-btn:hover{border-color:var(--primary);background:#f0f7ff;transform:translateY(-2px)}.tab-btn.active{background:var(--primary);color:white;border-color:var(--primary)}.tab-btn.active i{color:white}.tabs-content{background:white;border-radius:16px;padding:40px;box-shadow:0 4px 15px rgba(0,0,0,0.08)}.tab-pane{display:none}.tab-pane.active{display:block}.tab-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.tab-text h3{font-size:1.6rem;color:var(--primary);margin-bottom:20px;font-weight:600}.tab-text p{line-height:1.8;color:var(--dark);margin-bottom:25px;font-size:1.05rem}.tab-image{border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.tab-image img{width:100%;height:auto;display:block}.accordion-container{margin-top:25px}.accordion-item{background:#f8f9fa;border-radius:12px;margin-bottom:15px;overflow:hidden;border:1px solid #e0e6ed;transition:all 0.3s ease}.accordion-item:hover{border-color:var(--primary)}.accordion-header{padding:20px 25px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background:white;transition:background 0.3s ease}.accordion-header:hover{background:#f0f7ff}.accordion-header i:first-child{color:var(--primary);font-size:1.2rem;margin-right:15px}.accordion-header h4{flex:1;font-size:1.1rem;color:var(--dark);font-weight:600}.accordion-header i:last-child{color:var(--primary);transition:transform 0.3s ease}.accordion-item.active .accordion-header i:last-child{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;padding:0 25px}.accordion-item.active .accordion-content{max-height:500px;padding:20px 25px}.accordion-content p{line-height:1.8;color:var(--dark);font-size:1rem}.stages-timeline{position:relative;margin-top:50px;padding:20px 0}.stages-timeline::before{content:'';position:absolute;top:0;bottom:0;left:50%;width:4px;background:var(--primary);transform:translateX(-50%);z-index:1}.stage{display:flex;margin-bottom:50px;position:relative;z-index:2;opacity:0;transform:translateY(30px);transition:all 0.5s ease}.stage.active{opacity:1;transform:translateY(0)}.stage:nth-child(odd){flex-direction:row}.stage:nth-child(even){flex-direction:row-reverse}.stage-icon{width:80px;height:80px;border-radius:50%;background:var(--primary);color:white;display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700;z-index:3;flex-shrink:0;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.2)}.stage:hover .stage-icon{background:var(--secondary);transform:scale(1.1)}.stage-content{flex:1;background:white;border-radius:16px;padding:35px;box-shadow:0 4px 15px rgba(0,0,0,0.08);margin:0 30px;transition:all 0.3s ease}.stage:hover .stage-content{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.step-content h3{font-size:1.6rem;color:var(--primary);margin-bottom:15px;font-weight:600}.step-content p{line-height:1.8;color:var(--dark);margin-bottom:20px;font-size:1.05rem}@media (max-width:1600px){.max-width-container{padding:0 30px}.grid-5col{grid-template-columns:repeat(4,1fr);gap:25px}.grid-4col{gap:25px}}@media (max-width:1200px){.max-width-container{padding:0 25px}.grid-5col{grid-template-columns:repeat(3,1fr);gap:25px}.grid-4col{grid-template-columns:repeat(3,1fr);gap:25px}.grid-3col{grid-template-columns:repeat(2,1fr);gap:25px}.tab-content-grid{grid-template-columns:1fr;gap:30px}.stages-timeline::before{left:30px}.stage{flex-direction:row!important;padding-left:60px}.stage-icon{position:absolute;left:0}.stage-content{margin-left:30px;margin-right:0}}@media (max-width:992px){.industry-section,.warehouse-design-section,.textile-section,.shoes-section,.telecom-section{padding:60px 0}.max-width-container{padding:0 20px}.grid-5col{grid-template-columns:repeat(2,1fr);gap:20px}.grid-4col{grid-template-columns:repeat(2,1fr);gap:20px}.grid-3col{grid-template-columns:repeat(2,1fr);gap:20px}.grid-2col{grid-template-columns:1fr;gap:25px}.tabs-nav{flex-direction:column}.tab-btn{width:100%}.tabs-content{padding:30px}.feature-card,.design-feature-card,.textile-feature-card,.zone-card,.storage-card,.benefit-card,.spec-card,.faq-card,.requirement-card{padding:25px}.shelving-card .shelving-content{padding:20px}}@media (max-width:768px){.industry-section,.warehouse-design-section,.textile-section,.shoes-section,.telecom-section{padding:50px 0}.max-width-container{padding:0 15px}.grid-5col,.grid-4col,.grid-3col{grid-template-columns:1fr;gap:20px}.grid-2col{gap:20px}.stages-timeline::before{left:30px}.stage{flex-direction:row!important;padding-left:60px}.stage-icon{position:absolute;left:0;width:60px;height:60px;font-size:1.5rem}.stage-content{margin-left:30px;margin-right:0;padding:20px}.step-content h3{font-size:1.4rem}.step-content p{font-size:1rem}.feature-card,.design-feature-card,.textile-feature-card,.zone-card,.storage-card,.benefit-card,.spec-card,.faq-card,.requirement-card{padding:20px}.shelving-card .shelving-content{padding:15px}.feature-icon,.zone-icon,.storage-icon,.benefit-icon,.spec-icon,.requirement-icon{font-size:2rem;margin-bottom:15px}.shelving-icon,.faq-icon{font-size:1.5rem;margin-bottom:10px}}@media (max-width:420px){.industry-section,.warehouse-design-section,.textile-section,.shoes-section,.telecom-section{padding:40px 0}.max-width-container{padding:0 10px}.grid-5col,.grid-4col,.grid-3col,.grid-2col{gap:15px}.feature-card,.design-feature-card,.textile-feature-card,.zone-card,.storage-card,.benefit-card,.spec-card,.faq-card,.requirement-card,.shelving-card .shelving-content{padding:15px}.feature-card h3,.design-feature-card h3,.textile-feature-card h3,.zone-card h3,.storage-card h3,.benefit-card h3,.spec-card h3,.faq-card h3,.requirement-card h3{font-size:1.2rem}.shelving-card h3{font-size:1.1rem}.feature-card p,.design-feature-card p,.textile-feature-card p,.zone-card p,.storage-card p,.benefit-card p,.spec-card p,.faq-card p,.requirement-card p{font-size:0.9rem}.shelving-card p{font-size:0.85rem}.tabs-content{padding:20px}.tab-text h3{font-size:1.3rem}.tab-text p{font-size:1rem}.stage-content{padding:15px}.step-content h3{font-size:1.2rem}.step-content p{font-size:0.95rem}.feature-icon,.zone-icon,.storage-icon,.benefit-icon,.spec-icon,.requirement-icon{font-size:1.8rem;margin-bottom:10px}.shelving-icon,.faq-icon{font-size:1.3rem;margin-bottom:8px}}.infographic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}.infographic-card{background:white;border-radius:16px;padding:35px;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease;text-align:center;position:relative;overflow:hidden}.infographic-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));transform:scaleX(0);transition:transform 0.3s ease}.infographic-card:hover::before{transform:scaleX(1)}.infographic-card:hover{transform:translateY(-10px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.infographic-card.highlight{background:linear-gradient(135deg,var(--primary) 0%,#003d7a 100%);color:white}.infographic-card.highlight .infographic-icon,.infographic-card.highlight .infographic-number,.infographic-card.highlight .infographic-label,.infographic-card.highlight .infographic-description{color:white}.infographic-icon{font-size:3rem;color:var(--primary);margin-bottom:20px}.infographic-card.highlight .infographic-icon{color:white}.infographic-number{font-size:3.5rem;font-weight:700;color:var(--primary);margin:20px 0;line-height:1;transition:transform 0.3s ease}.infographic-card.highlight .infographic-number{color:white}.infographic-card:hover .infographic-number{transform:scale(1.1)}.infographic-label{font-size:1.2rem;font-weight:600;color:var(--dark);margin-bottom:15px}.infographic-card.highlight .infographic-label{color:white}.infographic-description{font-size:0.95rem;color:var(--gray);line-height:1.6;margin-top:15px}.infographic-card.highlight .infographic-description{color:rgba(255,255,255,0.9)}.progress-bar{width:100%;height:8px;background:#e0e6ed;border-radius:4px;margin-top:20px;overflow:hidden}.infographic-card.highlight .progress-bar{background:rgba(255,255,255,0.3)}.progress-fill{height:100%;background:var(--primary);border-radius:4px;width:0;transition:width 1s ease}.infographic-card.highlight .progress-fill{background:white}.interactive-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:50px}.interactive-feature-card{background:white;border-radius:16px;padding:30px;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:all 0.3s ease;border-left:4px solid var(--primary);cursor:pointer}.interactive-feature-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(0,0,0,0.15);border-left-width:6px}.feature-visual{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #e0e6ed}.feature-icon-large{font-size:3rem;color:var(--primary)}.feature-percentage{font-size:2.5rem;font-weight:700;color:var(--primary);transition:transform 0.3s ease}.interactive-feature-card:hover .feature-percentage{transform:scale(1.2)}.interactive-feature-card h3{font-size:1.3rem;color:var(--dark);margin-bottom:15px;font-weight:600}.interactive-feature-card p{line-height:1.8;color:var(--dark);font-size:1rem;margin-bottom:20px}.feature-stats{display:flex;gap:15px;margin-top:20px}.stat-item{flex:1;padding:12px;background:#f8f9fa;border-radius:8px;text-align:center}.stat-label{display:block;font-size:0.85rem;color:var(--gray);margin-bottom:5px}.stat-value{display:block;font-size:1.2rem;font-weight:700;color:var(--primary)}.interactive-feature,.interactive-shelving,.interactive-requirement,.interactive-benefit,.interactive-faq{transition:transform 0.3s ease,box-shadow 0.3s ease}.interactive-feature:hover,.interactive-shelving:hover,.interactive-requirement:hover,.interactive-benefit:hover,.interactive-faq:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 30px rgba(0,0,0,0.15)}@media (max-width:1200px){.infographic-grid{grid-template-columns:repeat(2,1fr)}.interactive-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.infographic-grid{grid-template-columns:repeat(2,1fr);gap:20px}.interactive-features-grid{grid-template-columns:repeat(2,1fr);gap:20px}.infographic-card{padding:25px}.interactive-feature-card{padding:25px}.infographic-number{font-size:2.5rem}.feature-percentage{font-size:2rem}}@media (max-width:768px){.infographic-grid,.interactive-features-grid{grid-template-columns:1fr;gap:20px}.infographic-card,.interactive-feature-card{padding:20px}.infographic-icon,.feature-icon-large{font-size:2.5rem}.infographic-number{font-size:2rem}.feature-percentage{font-size:1.8rem}.feature-stats{flex-direction:column;gap:10px}}@media (max-width:420px){.infographic-card,.interactive-feature-card{padding:15px}.infographic-number{font-size:1.8rem}.feature-percentage{font-size:1.5rem}.infographic-label,.interactive-feature-card h3{font-size:1.1rem}.infographic-description,.interactive-feature-card p{font-size:0.9rem}}.visualization-container{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:50px;align-items:center}.pie-chart-wrapper{display:flex;flex-direction:column;align-items:center;gap:30px}.pie-chart{position:relative;width:300px;height:300px}.pie-svg{width:100%;height:100%;transform:rotate(-90deg)}.pie-segment{transition:stroke-dasharray 1.5s ease,stroke-dashoffset 1.5s ease;transform-origin:center}.pie-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10}.pie-center-value{font-size:2.5rem;font-weight:700;color:var(--primary);line-height:1}.pie-center-label{font-size:1rem;color:var(--gray);margin-top:5px}.pie-legend{display:flex;flex-direction:column;gap:15px;width:100%}.legend-item{display:flex;align-items:center;gap:15px;padding:12px;background:white;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:transform 0.3s ease,box-shadow 0.3s ease;opacity:0;transform:translateX(-20px)}.legend-item.active{opacity:1;transform:translateX(0);transition:opacity 0.5s ease,transform 0.5s ease}.legend-item:hover{transform:translateX(5px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.legend-color{width:20px;height:20px;border-radius:4px;flex-shrink:0}.legend-text{flex:1}.legend-label{font-size:1rem;font-weight:600;color:var(--dark);margin-bottom:3px}.legend-percent{font-size:0.9rem;color:var(--gray);font-weight:500}.visualization-description{padding:20px}.visualization-description h3{font-size:1.8rem;color:var(--dark);margin-bottom:20px;font-weight:600}.visualization-description p{line-height:1.8;color:var(--dark);font-size:1rem;margin-bottom:15px}@media (max-width:1200px){.visualization-container{grid-template-columns:1fr;gap:40px}.pie-chart{width:250px;height:250px}.pie-center-value{font-size:2rem}}@media (max-width:992px){.visualization-container{gap:30px}.pie-chart{width:220px;height:220px}.pie-center-value{font-size:1.8rem}.pie-center-label{font-size:0.9rem}.legend-item{padding:10px}.legend-label{font-size:0.95rem}.legend-percent{font-size:0.85rem}}@media (max-width:768px){.visualization-container{gap:25px}.pie-chart{width:200px;height:200px}.pie-center-value{font-size:1.6rem}.pie-center-label{font-size:0.85rem}.visualization-description h3{font-size:1.5rem}.visualization-description p{font-size:0.95rem}.pie-legend{gap:12px}}@media (max-width:420px){.pie-chart{width:180px;height:180px}.pie-center-value{font-size:1.4rem}.pie-center-label{font-size:0.8rem}.visualization-description{padding:15px}.visualization-description h3{font-size:1.3rem}.visualization-description p{font-size:0.9rem}.legend-item{padding:8px;gap:10px}.legend-color{width:16px;height:16px}.legend-label{font-size:0.9rem}.legend-percent{font-size:0.8rem}}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:50px}.chart-container{background:white;border-radius:16px;padding:35px;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease}.chart-container:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.chart-header{margin-bottom:25px}.chart-header h3{font-size:1.5rem;color:var(--dark);margin-bottom:10px;font-weight:600}.chart-subtitle{font-size:0.95rem;color:var(--gray);line-height:1.6}.line-chart-wrapper,.bar-chart-wrapper{width:100%;height:300px;margin-top:20px}.line-chart,.bar-chart{width:100%;height:100%}.chart-grid line{transition:stroke 0.3s ease}.chart-point{transition:r 0.3s ease,fill 0.3s ease;cursor:pointer}.chart-point:hover{r:7;fill:var(--secondary)}.line-path{stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 2s ease}.line-chart.animated .line-path{stroke-dashoffset:0}.area-path{opacity:0;transition:opacity 1s ease 0.5s}.line-chart.animated .area-path{opacity:1}.bar-item{transition:height 1s ease,y 1s ease,fill 0.3s ease;cursor:pointer}.bar-item:hover{fill:var(--primary)}.chart-legend{margin-top:20px;display:flex;gap:20px;flex-wrap:wrap}.legend-item-line,.legend-item-bar{display:flex;align-items:center;gap:10px;font-size:0.9rem;color:var(--dark)}.legend-line{width:30px;height:3px;background:var(--primary);border-radius:2px}.legend-bar{width:20px;height:20px;border-radius:4px}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.metric-card{background:white;border-radius:16px;padding:35px;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease;text-align:center;border-top:4px solid var(--primary)}.metric-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.metric-icon{font-size:2.5rem;color:var(--primary);margin-bottom:20px}.metric-value{font-size:2.8rem;font-weight:700;color:var(--primary);margin:20px 0;line-height:1;min-height:50px;display:flex;align-items:center;justify-content:center}.metric-label{font-size:1.1rem;font-weight:600;color:var(--dark);margin-bottom:10px}.metric-description{font-size:0.9rem;color:var(--gray);line-height:1.6;margin-bottom:15px}.metric-trend{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;font-size:0.85rem;font-weight:600;margin-top:10px}.metric-trend.up{background:#e8f5e9;color:#2e7d32}.metric-trend.down{background:#ffebee;color:#c62828}.metric-trend i{font-size:0.75rem}@media (max-width:1200px){.charts-grid{grid-template-columns:1fr;gap:30px}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.chart-container{padding:25px}.line-chart-wrapper,.bar-chart-wrapper{height:250px}.metric-card{padding:25px}.metric-value{font-size:2.2rem}}@media (max-width:768px){.charts-grid{gap:25px}.metrics-grid{grid-template-columns:1fr;gap:20px}.chart-container{padding:20px}.chart-header h3{font-size:1.3rem}.chart-subtitle{font-size:0.9rem}.line-chart-wrapper,.bar-chart-wrapper{height:200px}.metric-value{font-size:2rem}.metric-icon{font-size:2rem}}@media (max-width:420px){.chart-container{padding:15px}.chart-header h3{font-size:1.2rem}.chart-subtitle{font-size:0.85rem}.line-chart-wrapper,.bar-chart-wrapper{height:180px}.metric-card{padding:20px}.metric-value{font-size:1.8rem;min-height:40px}.metric-label{font-size:1rem}.metric-description{font-size:0.85rem}.metric-icon{font-size:1.8rem}}.zones-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.zone-card{background:white;border-radius:16px;padding:30px;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease;text-align:center;border-top:4px solid transparent}.zone-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.zone-icon-wrapper{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:transform 0.3s ease}.zone-card:hover .zone-icon-wrapper{transform:scale(1.1) rotate(5deg)}.zone-icon-wrapper i{font-size:2.5rem;color:white}.zone-card h3{font-size:1.3rem;color:var(--dark);margin-bottom:15px;font-weight:600}.zone-card p{line-height:1.8;color:var(--dark);font-size:1rem;margin-bottom:20px}.zone-stats{display:flex;justify-content:center;gap:20px;margin-top:20px;padding-top:20px;border-top:2px solid #e0e6ed}.zone-stat{display:flex;flex-direction:column;align-items:center}.zone-stat-value{font-size:1.8rem;font-weight:700;color:var(--primary);line-height:1}.zone-stat-label{font-size:0.85rem;color:var(--gray);margin-top:5px}.distribution-container{margin-top:50px}.distribution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.distribution-item{background:white;border-radius:16px;padding:25px;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease;text-align:center;border-top:4px solid transparent}.distribution-item:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.distribution-icon{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 4px 15px rgba(0,0,0,0.2);transition:transform 0.3s ease}.distribution-item:hover .distribution-icon{transform:scale(1.15) rotate(5deg)}.distribution-icon i{font-size:2rem;color:white}.distribution-percent{font-size:2.5rem;font-weight:700;color:var(--primary);margin:15px 0;line-height:1}.distribution-label{font-size:1.2rem;font-weight:600;color:var(--dark);margin-bottom:10px}.distribution-desc{font-size:0.95rem;color:var(--gray);line-height:1.6;margin-bottom:20px}.distribution-bar{position:relative;width:100%;height:8px;background:#e0e6ed;border-radius:4px;overflow:hidden;margin-top:15px}.distribution-fill{height:100%;width:0;border-radius:4px;transition:width 1.5s ease}@media (max-width:1200px){.zones-grid{grid-template-columns:repeat(2,1fr)}.distribution-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.zones-grid{grid-template-columns:repeat(2,1fr);gap:25px}.zone-card{padding:25px}.zone-icon-wrapper{width:70px;height:70px}.zone-icon-wrapper i{font-size:2rem}.distribution-grid{grid-template-columns:repeat(2,1fr);gap:20px}.distribution-item{padding:20px}.distribution-icon{width:60px;height:60px}.distribution-icon i{font-size:1.8rem}.distribution-percent{font-size:2rem}}@media (max-width:768px){.zones-grid{grid-template-columns:1fr;gap:20px}.zone-card{padding:20px}.zone-icon-wrapper{width:60px;height:60px}.zone-icon-wrapper i{font-size:1.8rem}.zone-card h3{font-size:1.2rem}.zone-stat-value{font-size:1.5rem}.distribution-grid{grid-template-columns:repeat(2,1fr);gap:15px}.distribution-item{padding:18px}.distribution-icon{width:55px;height:55px}.distribution-icon i{font-size:1.6rem}.distribution-percent{font-size:1.8rem}.distribution-label{font-size:1.1rem}.distribution-desc{font-size:0.9rem}}@media (max-width:420px){.zones-grid{gap:15px}.zone-card{padding:15px}.zone-icon-wrapper{width:50px;height:50px}.zone-icon-wrapper i{font-size:1.5rem}.zone-card h3{font-size:1.1rem}.zone-card p{font-size:0.9rem}.zone-stat-value{font-size:1.3rem}.zone-stat-label{font-size:0.8rem}.distribution-grid{grid-template-columns:1fr;gap:15px}.distribution-item{padding:15px}.distribution-icon{width:50px;height:50px}.distribution-icon i{font-size:1.4rem}.distribution-percent{font-size:1.6rem}.distribution-label{font-size:1rem}.distribution-desc{font-size:0.85rem}}.cta-block{background:#0056b3;color:white;border-radius:10px;padding:40px;margin-top:50px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-content h3{font-size:1.8rem;margin-bottom:15px;color:white;font-weight:700}.cta-content p{font-size:1.2rem;color:white;margin:0;line-height:1.6}.cta-btn{background:white;color:#0056b3;border:none;padding:15px 30px;border-radius:50px;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block;white-space:nowrap;flex-shrink:0}.cta-btn:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.production-cta{margin-top:40px}@media (max-width:1600px){.benefits-grid-4col{grid-template-columns:repeat(3,1fr);gap:25px}}@media (max-width:1200px){.benefits-grid-4col{grid-template-columns:repeat(2,1fr);gap:25px}}@media (max-width:992px){.benefits-grid-4col{grid-template-columns:repeat(2,1fr);gap:20px}.cta-block{flex-direction:column;text-align:center;padding:30px 25px}.cta-content h3{font-size:1.5rem}.cta-content p{font-size:1.05rem}.cta-btn{width:100%;max-width:300px}}@media (max-width:768px){.benefits-grid-4col{grid-template-columns:1fr;gap:20px}.cta-block{padding:25px 20px;margin-top:30px}.cta-content h3{font-size:1.3rem;margin-bottom:10px}.cta-content p{font-size:1rem}}@media (max-width:420px){.benefits-grid-4col{gap:15px}.cta-block{padding:20px 15px}.cta-content h3{font-size:1.2rem}.cta-content p{font-size:0.95rem}}.temperature-visualization{margin-top:40px}.temperature-scale{position:relative;width:100%;height:200px;background:linear-gradient(90deg,#1e3c72 0%,#4a90e2 20%,#50c878 50%,#ffa500 80%,#ff6b6b 100%);border-radius:16px;margin-bottom:40px;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.temperature-marker{position:absolute;top:50%;transform:translateY(-50%);background:white;border-radius:12px;padding:15px 20px;box-shadow:0 4px 15px rgba(0,0,0,0.2);cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease;min-width:180px;text-align:center}.temperature-marker:hover{transform:translateY(-50%) scale(1.05);box-shadow:0 6px 20px rgba(0,0,0,0.3);z-index:10}.temp-value{font-size:1.5rem;font-weight:700;color:white;margin-bottom:5px}.temp-label{font-size:1rem;font-weight:600;color:white;margin-bottom:5px}.temp-desc{font-size:0.85rem;color:rgba(255,255,255,0.9)}.temperature-info{margin-top:30px}.temp-info-card{display:none;background:white;border-radius:16px;padding:30px;box-shadow:0 4px 15px rgba(0,0,0,0.08);margin-bottom:20px}.temp-info-card.active{display:block;animation:fadeIn 0.5s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.temp-info-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.temp-info-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.8rem}.temp-info-title h3{font-size:1.5rem;font-weight:600;color:var(--dark);margin-bottom:5px}.temp-info-title p{font-size:0.95rem;color:var(--gray)}.temp-info-content p{line-height:1.8;color:var(--dark);margin-bottom:20px}.temp-info-stats{display:flex;gap:30px;flex-wrap:wrap}.temp-stat{display:flex;flex-direction:column;gap:5px}.temp-stat-label{font-size:0.9rem;color:var(--gray)}.temp-stat-value{font-size:1.3rem;font-weight:600;color:var(--primary)}.humidity-visualization{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;margin-top:40px;align-items:center}.humidity-gauge-wrapper{display:flex;flex-direction:column;align-items:center;gap:30px}.humidity-gauge{position:relative;width:250px;height:250px}.gauge-svg{width:100%;height:100%;transform:rotate(0deg)}.gauge-fill{stroke-dasharray:0 502;stroke-dashoffset:0;transition:stroke-dasharray 1.5s ease-out,stroke 1.5s ease-out}.humidity-zones{display:flex;flex-direction:column;gap:15px;width:100%}.humidity-zone{display:flex;align-items:center;gap:15px;padding:12px 15px;background:white;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.zone-indicator{width:20px;height:20px;border-radius:50%;flex-shrink:0}.humidity-zone.low .zone-indicator{background:#4a90e2}.humidity-zone.optimal .zone-indicator{background:#50c878}.humidity-zone.high .zone-indicator{background:#ffa500}.zone-label{font-weight:600;color:var(--dark);font-size:0.95rem}.zone-desc{font-size:0.85rem;color:var(--gray);margin-left:auto}.humidity-description{background:white;border-radius:16px;padding:30px;box-shadow:0 4px 15px rgba(0,0,0,0.08)}.humidity-description h3{font-size:1.5rem;font-weight:600;color:var(--dark);margin-bottom:20px}.humidity-description p{line-height:1.8;color:var(--dark);margin-bottom:15px}.regulations-tabs-container{margin-top:40px}.regulations-tabs-nav{display:flex;gap:20px;margin-bottom:30px;border-bottom:2px solid #e0e6ed}.reg-tab-btn{display:flex;align-items:center;gap:10px;padding:15px 25px;background:transparent;border:none;border-bottom:3px solid transparent;font-size:1rem;font-weight:600;color:var(--gray);cursor:pointer;transition:all 0.3s ease;position:relative;bottom:-2px}.reg-tab-btn:hover{color:var(--primary)}.reg-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.reg-tab-btn i{font-size:1.2rem}.regulations-tabs-content{position:relative}.reg-tab-pane{display:none}.reg-tab-pane.active{display:block;animation:fadeIn 0.5s ease}.regulations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:30px}.regulation-card{background:white;border-radius:16px;padding:30px;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease}.regulation-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.regulation-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.8rem;margin-bottom:20px}.regulation-card h3{font-size:1.4rem;font-weight:600;color:var(--dark);margin-bottom:10px}.regulation-subtitle{font-size:0.95rem;color:var(--gray);font-weight:500;margin-bottom:15px}.regulation-card p{line-height:1.8;color:var(--dark);margin-bottom:20px}.regulation-key-points{display:flex;flex-direction:column;gap:10px}.key-point{display:flex;align-items:center;gap:10px;font-size:0.95rem;color:var(--dark)}.key-point i{color:var(--primary);font-size:1rem}@media (max-width:1200px){.humidity-visualization{grid-template-columns:1fr}.regulations-grid{grid-template-columns:1fr}}@media (max-width:768px){.temperature-scale{height:150px;padding:15px}.temperature-marker{min-width:140px;padding:12px 15px}.temp-value{font-size:1.2rem}.temp-label{font-size:0.9rem}.temp-desc{font-size:0.8rem}.temp-info-card{padding:25px}.temp-info-header{flex-direction:column;align-items:flex-start}.temp-info-stats{flex-direction:column;gap:15px}.humidity-gauge{width:200px;height:200px}.regulations-tabs-nav{flex-direction:column;gap:10px}.reg-tab-btn{width:100%;justify-content:center;border-bottom:2px solid #e0e6ed;border-left:3px solid transparent;bottom:0}.reg-tab-btn.active{border-bottom-color:#e0e6ed;border-left-color:var(--primary)}}@media (max-width:420px){.temperature-scale{height:120px;padding:10px}.temperature-marker{min-width:120px;padding:10px 12px}.temp-value{font-size:1rem}.temp-label{font-size:0.85rem}.temp-desc{font-size:0.75rem}.temp-info-card{padding:20px}.humidity-gauge{width:180px;height:180px}.humidity-description{padding:25px}.regulation-card{padding:25px}}