:root{--teal:#3ab7b4;--orange:#3ab7b4;--orange-dark:#2b8f8d;--yellow:#fbd068;--green:#8ac275;--blue:#84b0d8;--text-main:#333;--text-muted:#666;--bg-color:#fff;--bg-light:#f9f9f9;--border-color:#eaeaea;--font-primary:"Inter", sans-serif;--font-heading:"Outfit", sans-serif;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);color:var(--text-main);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:#1a1a1a;line-height:1.2}a{color:inherit;transition:var(--transition);text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-padding{padding:80px 0}.section-tag{color:var(--orange);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:.9rem;font-weight:600;display:block}.section-title{margin-bottom:20px;font-size:2.2rem}.section-title span{color:var(--orange)}.section-header.center{text-align:center;margin-bottom:40px}.section-header p{color:var(--text-muted);max-width:700px;margin:0 auto}.bg-light{background:var(--bg-light)}.navbar{z-index:1000;background:#fff;width:100%;padding:15px 0;position:fixed;top:0;box-shadow:0 2px 10px #0000000d}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-links{gap:30px;display:flex}.nav-links a{color:var(--text-main);font-size:.95rem;font-weight:500}.nav-links a:hover{color:var(--orange)}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;display:none}.hero{text-align:center;justify-content:center;align-items:center;height:80vh;min-height:500px;margin-top:80px;display:flex;position:relative;overflow:hidden}.hero-bg{width:100%;height:100%;position:absolute;top:0;left:0}.hero-bg img{object-fit:cover;width:100%;height:100%}.hero-overlay{background:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:1;color:#fff;position:relative}.hero-subtitle{color:var(--orange);margin-bottom:15px;font-size:1.2rem;font-weight:600;display:block}.hero h1{color:#fff;font-size:3.5rem}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.about-collage img{border-radius:10px;width:100%}.about-text h2 span{color:var(--teal)}.vision-box{border-left:4px solid var(--orange);background:#fff;border-radius:0 10px 10px 0;margin-top:30px;padding:25px;box-shadow:0 4px 15px #00000008}.vision-box h4{color:var(--teal);align-items:center;gap:10px;margin-bottom:15px;font-size:1.1rem;display:flex}.vision-box h4 svg{color:var(--orange)}.vision-box p{color:var(--text-light);margin:0;font-size:1rem;font-style:italic;line-height:1.6}.about-text p{color:var(--text-muted);margin-bottom:20px}.features-section{background:var(--bg-light);padding:40px 0}.features-grid{grid-template-columns:2fr 1fr 1fr 1fr;align-items:stretch;gap:20px;display:grid}.feature-highlight{background:var(--orange);color:#fff;border-radius:10px;padding:30px}.feature-highlight h3{color:#fff;margin-bottom:10px}.feature-highlight p{opacity:.9;font-size:.9rem}.feature-item{text-align:center;transition:var(--transition);cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;box-shadow:0 4px 15px #00000008}.feature-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014}.feature-icon{width:70px;height:70px;transition:var(--transition);background:#fff5f0;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 15px;display:flex}.feature-icon svg{width:32px;height:32px;stroke:var(--orange);stroke-width:2px;fill:none;transition:var(--transition)}.feature-item:hover .feature-icon{background:var(--orange)}.feature-item:hover .feature-icon svg{stroke:#fff}.stats-banner{text-align:center;color:#fff;padding:80px 0;position:relative}.stats-bg{width:100%;height:100%;position:absolute;top:0;left:0}.stats-bg img{object-fit:cover;width:100%;height:100%}.stats-overlay{background:#000000b3;width:100%;height:100%;position:absolute;top:0;left:0}.stats-grid{z-index:1;grid-template-columns:repeat(4,1fr);gap:30px;display:grid;position:relative}.stat-box h3{color:#fff;margin-bottom:10px;font-size:1.1rem;font-weight:500}.stat-box p{font-size:3rem;font-family:var(--font-heading);font-weight:700}.product-blocks-grid{grid-template-columns:repeat(5,1fr);gap:20px;margin-top:40px;display:grid}.product-block{text-align:center;border-radius:10px;flex-direction:column;align-items:center;height:250px;padding:30px 20px 0;display:flex;position:relative}.product-block h3{color:#fff;z-index:2;font-size:1.1rem}.product-cutout{object-fit:contain;z-index:1;width:80%;max-width:150px;transition:transform .3s;position:absolute;bottom:-20px}.product-block:hover .product-cutout{transform:translateY(-10px)scale(1.05)}.bg-yellow{background:var(--yellow)}.bg-green{background:var(--green)}.bg-blue{background:var(--blue)}.bg-teal{background:var(--teal)}.bg-orange{background:var(--orange)}.testimonials{background:#fdfdfd}.testimonials .section-title{text-align:center}.testimonial-slider-container{max-width:800px;margin:0 auto;padding:0 50px;position:relative;overflow:hidden}.testimonials-track{transition:transform .5s ease-in-out;display:flex}.slider-btn{background:var(--teal);color:#fff;cursor:pointer;z-index:10;width:40px;height:40px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slider-btn:hover{background:var(--dark)}.prev-btn{left:0}.next-btn{right:0}.testimonial-card{box-sizing:border-box;text-align:center;background:#fff;border-radius:10px;flex-direction:column;flex:0 0 100%;min-width:100%;padding:40px;display:flex;box-shadow:0 4px 15px #0000000d}.quote-icon{color:var(--peach);margin-bottom:20px;font-size:3rem;line-height:1}.quote-text{color:var(--text-light);flex-grow:1;margin-bottom:25px;font-style:italic;line-height:1.8}.quote-author{color:var(--text-main);margin:0;font-size:1.1rem;font-weight:700}.contact .section-title{text-align:center}.contact-map img{object-fit:cover;border-radius:10px;width:100%;height:400px;margin-bottom:40px}.contact-info-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.info-card{border:1px solid var(--border-color);background:#fff;border-radius:10px;align-items:center;gap:15px;padding:25px 20px;display:flex}.info-icon{color:#fff;background:var(--orange);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.info-card h4{margin-bottom:5px;font-size:.95rem}.info-card p{color:var(--text-muted);font-size:.9rem}.contact-form-wrapper{border:1px solid var(--border-color);background:#fff;border-radius:10px;max-width:800px;margin:40px auto 0;padding:40px;box-shadow:0 4px 15px #0000000d}.contact-form{flex-direction:column;gap:20px;display:flex}.form-row{gap:20px;display:flex}.form-row input{flex:1}.contact-form input,.contact-form textarea{border:1px solid var(--border-color);width:100%;color:var(--text-main);box-sizing:border-box;border-radius:5px;padding:15px;font-family:inherit;font-size:.95rem}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--teal);outline:none}.form-submit{text-align:center;margin-top:10px}.form-submit .btn-primary{background:var(--orange);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:30px;padding:12px 35px;font-size:1rem;font-weight:600}.form-submit .btn-primary:hover{background:var(--dark)}.footer{color:#fff;background:#222;padding:60px 0 20px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-logo{color:#fff;margin-bottom:20px;font-size:1.5rem}.footer-col h4{color:#fff;margin-bottom:20px;font-size:1.1rem}.footer-col p,.footer-col ul li a{color:#aaa;margin-bottom:10px;font-size:.9rem}.footer-col ul{list-style:none}.footer-col ul li a:hover{color:var(--orange)}.footer-bottom{text-align:center;color:#777;border-top:1px solid #333;padding-top:20px;font-size:.85rem}@media (width<=992px){.features-grid{grid-template-columns:1fr 1fr}.feature-highlight{grid-column:span 2}.stats-grid{grid-template-columns:1fr 1fr}.product-blocks-grid{grid-template-columns:repeat(3,1fr)}.contact-info-grid{grid-template-columns:1fr 1fr}.form-row{flex-direction:column}}@media (width<=480px){.nav-links{display:none}.mobile-menu-btn{display:block}.hero h1{font-size:2.5rem}.about-grid,.features-grid{grid-template-columns:1fr}.feature-highlight{grid-column:span 1}.stats-grid{grid-template-columns:1fr}.product-blocks-grid{grid-template-columns:1fr 1fr}.contact-info-grid,.footer-grid{grid-template-columns:1fr}}