*{margin:0;padding:0;box-sizing:border-box}:root{--primary-teal: #1a5f5f;--primary-green: #7fb069;--accent-yellow: #ffd93d;--text-dark: #2d3436;--text-light: #636e72;--white: #ffffff;--light-bg: #f8f9fa}body{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-dark);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}.app{width:100%;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.section-title{font-size:2.5rem;margin-bottom:20px;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:0;width:100px;height:4px;background:var(--accent-yellow)}@media (max-width: 768px){.section{padding:50px 0}.section-title{font-size:2rem}}.header{position:fixed;top:0;left:0;right:0;background:var(--white);box-shadow:0 2px 10px #0000001a;z-index:1000;padding:1rem 0}.nav{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.logo-image{height:50px;width:auto;object-fit:contain;cursor:pointer}.nav-links{display:flex;list-style:none;gap:2rem;align-items:center}.nav-links li a{text-decoration:none;color:var(--text-dark);font-weight:500;transition:color .3s;cursor:pointer;position:relative}.nav-links li a:hover{color:var(--primary-green)}.nav-links li a.active{color:var(--primary-teal);font-weight:600}.nav-links li a.active:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:3px;background:var(--primary-green);border-radius:2px}.cta-btn{background:var(--accent-yellow);padding:.6rem 1.5rem;border-radius:25px;color:var(--text-dark)!important;font-weight:600;transition:transform .3s,box-shadow .3s}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffd93d66}.lang-switcher-item{display:flex;align-items:center}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px}.menu-toggle span{width:25px;height:3px;background:var(--primary-teal);transition:all .3s;border-radius:2px}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media (max-width: 768px){.menu-toggle{display:flex}.nav-links{position:fixed;top:70px;left:-100%;flex-direction:column;background:var(--white);width:100%;padding:2rem;box-shadow:0 10px 20px #0000001a;transition:left .3s;gap:1.5rem}.nav-links.active{left:0}.nav-links li{width:100%;text-align:center}.cta-btn{display:block;width:fit-content;margin:0 auto}}.language-switcher{background:var(--light-bg);border:2px solid var(--primary-teal);border-radius:25px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s;font-weight:600;font-size:.9rem}.language-switcher:hover{background:var(--primary-teal);transform:translateY(-2px);box-shadow:0 4px 12px #1a5f5f4d}.language-switcher:hover .lang-option,.language-switcher:hover .lang-divider{color:var(--white)}.lang-option{color:var(--text-light);transition:color .3s;font-size:.9rem}.lang-option.active{color:var(--primary-teal);font-weight:700}.language-switcher:hover .lang-option.active{color:var(--accent-yellow)}.lang-divider{color:var(--text-light);font-weight:300}@media (max-width: 768px){.language-switcher{width:100%;justify-content:center;margin-top:1rem}}.footer{background:var(--primary-teal);color:var(--white);padding:4rem 0 2rem}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;margin-bottom:3rem}.footer-section h4{font-size:1.3rem;margin-bottom:1.5rem;color:var(--accent-yellow)}.footer-logo{display:flex;align-items:center;margin-bottom:1rem}.footer-logo-image{height:60px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}.footer-description{color:#fffc;line-height:1.6}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.8rem}.footer-links li{color:#fffc;transition:color .3s}.footer-links a{color:#fffc;text-decoration:none;transition:color .3s}.footer-links a:hover,.footer-links li:hover{color:var(--accent-yellow);cursor:pointer}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:2rem;text-align:center;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom p{color:#fffc;margin:0}.footer-tagline{font-weight:600;color:var(--accent-yellow)}@media (max-width: 968px){.footer-content{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width: 576px){.footer-content{grid-template-columns:1fr;text-align:center}.footer-logo{justify-content:center}.footer-bottom{flex-direction:column;text-align:center}}.hero{min-height:100vh;background:linear-gradient(135deg,#0d4d4d 0%,var(--primary-teal) 50%,var(--primary-green) 100%);display:flex;align-items:center;justify-content:center;position:relative;padding-top:80px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(127,176,105,.2) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,217,61,.1) 0%,transparent 50%);pointer-events:none}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;z-index:1}.hero-text{color:var(--white)}.hero-title{font-size:3.8rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.highlight{color:var(--accent-yellow);position:relative;display:inline-block;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 10px rgba(255,217,61,.5),0 0 20px rgba(255,217,61,.3)}to{text-shadow:0 0 20px rgba(255,217,61,.8),0 0 30px rgba(255,217,61,.5)}}.hero-subtitle{font-size:1.2rem;margin-bottom:2rem;opacity:.95;line-height:1.8}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn{padding:1rem 2rem;border-radius:30px;text-decoration:none;font-weight:600;transition:all .3s;display:inline-block}.btn-primary{background:var(--accent-yellow);color:var(--text-dark);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover:before{width:300px;height:300px}.btn-secondary{background:transparent;color:var(--white);border:2px solid var(--white);position:relative;overflow:hidden}.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--white);transition:left .3s;z-index:-1}.btn-secondary:hover:before{left:0}.btn-secondary:hover{color:var(--primary-teal)}.hero-image{position:relative;height:400px;display:flex;align-items:center;justify-content:center}.hero-main-image{max-width:350px;max-height:350px;object-fit:contain;z-index:1;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))}.floating-card{position:absolute;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:20px;box-shadow:0 15px 40px #0000004d;display:flex;align-items:center;gap:1rem;animation:float 3s ease-in-out infinite;border:1px solid rgba(255,255,255,.3)}.floating-card .icon{font-size:2rem}.floating-card p{font-weight:600;color:var(--text-dark);margin:0}.card-1{top:10%;left:10%;animation-delay:0s;z-index:3}.card-2{top:40%;right:5%;animation-delay:1s;z-index:4}.card-3{bottom:15%;left:15%;animation-delay:2s;z-index:3}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.scroll-indicator{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:10;animation:bounce 2s infinite}.scroll-indicator p{color:var(--white);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:1px}.mouse{width:30px;height:50px;border:2px solid var(--white);border-radius:20px;position:relative;background:#ffffff1a}.wheel{width:4px;height:10px;background:var(--white);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scroll 1.5s infinite}@keyframes scroll{0%{opacity:1;top:8px}to{opacity:0;top:30px}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.hero-wave{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0}.hero-wave svg{position:relative;display:block;width:calc(100% + 1.3px);height:80px}.hero-wave path{fill:var(--white)}@media (max-width: 768px){.hero{min-height:auto;padding:100px 0 80px}.hero-content{grid-template-columns:1fr;gap:2rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-image{height:300px;margin-top:2rem}.floating-card{padding:1rem}.floating-card .icon{font-size:1.5rem}.floating-card p{font-size:.9rem}.hero-buttons{flex-direction:column}.btn{text-align:center}.scroll-indicator{bottom:80px}.scroll-indicator p{font-size:.8rem}}.about{background:var(--light-bg)}.about-content{display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;align-items:start}.about-text{text-align:left}.about-description{margin-top:2rem}.about-description p{font-size:1.1rem;line-height:1.8;color:var(--text-light);margin-bottom:1.5rem}.highlight-box{background:var(--white);padding:1.5rem;border-radius:10px;margin:1.5rem 0;border-left:4px solid var(--primary-green);box-shadow:0 2px 10px #0000000d}.highlight-box h3{color:var(--primary-teal);margin-bottom:.8rem;font-size:1.3rem}.highlight-box p{margin:0;font-size:1rem}.about-gallery{margin-top:2rem}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.gallery-image{width:100%;height:300px;object-fit:cover;border-radius:10px;box-shadow:0 4px 15px #0000001a;transition:transform .3s,box-shadow .3s;cursor:pointer}.gallery-image:hover{transform:scale(1.05);box-shadow:0 8px 25px #0003}.about-stats{display:grid;grid-template-columns:1fr;gap:1.5rem}.stat-card{background:var(--white);padding:2rem;border-radius:15px;text-align:center;box-shadow:0 5px 20px #00000014;transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.stat-number{font-size:2.5rem;font-weight:700;color:var(--primary-teal);margin-bottom:.5rem}.stat-label{font-size:1rem;color:var(--text-light);font-weight:500}@media (max-width: 968px){.about-content{grid-template-columns:1fr;gap:3rem}.about-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.about-stats{grid-template-columns:1fr}.stat-number{font-size:2rem}.highlight-box{padding:1rem}.highlight-box h3{font-size:1.1rem}.gallery-grid{grid-template-columns:1fr}.gallery-image{height:300px}}.products{background:var(--white)}.products-header{text-align:center;margin-bottom:4rem}.products-subtitle{font-size:1.2rem;color:var(--text-light);margin-top:1rem}.products-grid{display:grid;gap:4rem}.product-category{background:var(--light-bg);padding:3rem;border-radius:20px;box-shadow:0 5px 20px #00000014}.category-header{text-align:center;margin-bottom:2rem}.category-header h3{font-size:2rem;color:var(--primary-teal);margin-bottom:.5rem}.category-subtitle{font-size:1.1rem;color:var(--text-light)}.product-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-bottom:2rem}.product-card{background:var(--white);padding:2rem;border-radius:15px;text-align:center;transition:transform .3s,box-shadow .3s;border:2px solid transparent}.product-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #00000026;border-color:var(--primary-green)}.product-image-container{width:100%;height:250px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;background:var(--light-bg);border-radius:15px;overflow:hidden}.product-image{width:100%;height:100%;object-fit:contain;padding:15px;transition:transform .3s}.product-card:hover .product-image{transform:scale(1.1)}.product-name{font-size:1.3rem;color:var(--primary-teal);margin-bottom:1rem;font-weight:600}.product-description{color:var(--text-light);line-height:1.6}.category-footer{background:var(--white);padding:1.5rem;border-radius:10px;border-left:4px solid var(--accent-yellow)}.support-text{color:var(--text-dark);line-height:1.8;margin:0;font-size:1rem}@media (max-width: 768px){.product-category{padding:2rem 1.5rem}.product-cards{grid-template-columns:1fr}.category-header h3{font-size:1.5rem}}.contact{background:var(--light-bg)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-info{text-align:left}.contact-subtitle{font-size:1.1rem;color:var(--text-light);margin-top:1rem;margin-bottom:3rem}.contact-details{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.contact-item{display:flex;align-items:center;gap:1.5rem;background:var(--white);padding:1.5rem;border-radius:10px;box-shadow:0 2px 10px #0000000d;transition:transform .3s}.contact-item:hover{transform:translate(10px)}.contact-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--light-bg);border-radius:50%}.contact-text h4{color:var(--primary-teal);margin-bottom:.3rem;font-size:1.1rem}.contact-text a{color:var(--text-light);text-decoration:none;transition:color .3s}.contact-text a:hover{color:var(--primary-green)}.contact-text p{color:var(--text-light);margin:0}.qr-section{background:var(--white);padding:2rem;border-radius:10px;text-align:center;box-shadow:0 2px 10px #0000000d}.qr-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.qr-code{width:200px;height:200px;object-fit:contain;border-radius:10px;border:2px solid var(--light-bg);padding:10px;background:var(--white)}.qr-container p{color:var(--text-dark);font-weight:600;font-size:1.1rem}.contact-form-container{position:sticky;top:100px}.form-card{background:var(--white);padding:3rem;border-radius:20px;box-shadow:0 10px 40px #0000001a}.form-card h3{color:var(--primary-teal);margin-bottom:2rem;font-size:1.8rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group textarea{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-green)}.form-group textarea{resize:vertical}.submit-btn{background:var(--primary-teal);color:var(--white);padding:1rem 2rem;border:none;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.submit-btn:hover{background:var(--primary-green);transform:translateY(-2px);box-shadow:0 5px 20px #7fb06966}@media (max-width: 968px){.contact-content{grid-template-columns:1fr;gap:3rem}.contact-form-container{position:static}}@media (max-width: 576px){.form-card{padding:2rem 1.5rem}.contact-item{flex-direction:column;text-align:center}}.about-page{padding-top:70px}.about-hero{background:linear-gradient(135deg,var(--primary-teal) 0%,var(--primary-green) 100%);padding:100px 0 80px;text-align:center;color:var(--white)}.page-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.page-subtitle{font-size:1.5rem;opacity:.95}.text-center{text-align:center}.story-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.story-text p{font-size:1.1rem;line-height:1.8;color:var(--text-light);margin-bottom:1.5rem}.story-image img{width:100%;height:400px;object-fit:cover;border-radius:20px;box-shadow:0 10px 40px #00000026}.mission-vision{background:var(--light-bg)}.mv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.mv-card{background:var(--white);padding:3rem 2rem;border-radius:20px;text-align:center;box-shadow:0 5px 20px #00000014;transition:transform .3s}.mv-card:hover{transform:translateY(-10px)}.mv-icon{font-size:4rem;margin-bottom:1.5rem}.mv-card h3{color:var(--primary-teal);font-size:1.5rem;margin-bottom:1rem}.mv-card p{color:var(--text-light);line-height:1.6}.achievements-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem}.achievement-card{background:linear-gradient(135deg,var(--primary-teal),var(--primary-green));padding:3rem 2rem;border-radius:20px;text-align:center;color:var(--white);box-shadow:0 10px 30px #00000026;transition:transform .3s}.achievement-card:hover{transform:translateY(-10px) scale(1.05)}.achievement-number{font-size:3.5rem;font-weight:800;margin-bottom:.5rem;color:var(--accent-yellow)}.achievement-label{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.achievement-card p{font-size:.95rem;opacity:.9}.farm-footprint{background:var(--light-bg)}.footprint-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:2rem}.footprint-text p{font-size:1.1rem;line-height:1.8;color:var(--text-light);margin-bottom:1.5rem}.footprint-list{list-style:none;padding:0;margin-top:2rem}.footprint-list li{font-size:1.1rem;color:var(--text-dark);padding:.8rem 0;font-weight:500}.footprint-images{display:grid;grid-template-columns:1fr;gap:1.5rem}.footprint-images img{width:100%;height:250px;object-fit:cover;border-radius:15px;box-shadow:0 5px 20px #0000001a}.partnership-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.partnership-image img{width:100%;height:450px;object-fit:cover;border-radius:20px;box-shadow:0 10px 40px #00000026}.partnership-text p{font-size:1.1rem;line-height:1.8;color:var(--text-light);margin-bottom:1.5rem}.partnership-cta{margin-top:2rem}.btn{padding:1rem 2.5rem;border-radius:30px;text-decoration:none;font-weight:600;display:inline-block;transition:all .3s}.btn-primary{background:var(--primary-teal);color:var(--white)}.btn-primary:hover{background:var(--primary-green);transform:translateY(-3px);box-shadow:0 10px 25px #7fb06966}.why-choose{background:var(--light-bg)}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem}.why-card{background:var(--white);padding:2.5rem 2rem;border-radius:15px;text-align:center;box-shadow:0 5px 20px #00000014;transition:transform .3s,box-shadow .3s}.why-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #00000026}.why-icon{font-size:3.5rem;margin-bottom:1rem}.why-card h3{color:var(--primary-teal);font-size:1.3rem;margin-bottom:1rem}.why-card p{color:var(--text-light);line-height:1.6}@media (max-width: 968px){.page-title{font-size:2.5rem}.story-content,.footprint-content,.partnership-content{grid-template-columns:1fr;gap:2rem}.mv-grid,.why-grid,.achievements-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.page-title{font-size:2rem}.mv-grid,.achievements-grid,.why-grid{grid-template-columns:1fr}.about-hero{padding:80px 0 60px}}.products-page{padding-top:70px}.products-hero{background:linear-gradient(135deg,var(--primary-teal) 0%,var(--primary-green) 100%);padding:100px 0 80px;text-align:center;color:var(--white)}.product-guarantee{background:var(--light-bg)}.guarantee-content{text-align:center}.guarantee-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem}.guarantee-card{background:var(--white);padding:2.5rem 2rem;border-radius:15px;text-align:center;box-shadow:0 5px 20px #00000014;transition:transform .3s}.guarantee-card:hover{transform:translateY(-10px)}.guarantee-icon{font-size:3.5rem;color:var(--primary-green);margin-bottom:1rem}.guarantee-card h3{color:var(--primary-teal);font-size:1.3rem;margin-bottom:1rem}.guarantee-card p{color:var(--text-light);line-height:1.6}@media (max-width: 968px){.guarantee-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.guarantee-grid{grid-template-columns:1fr}.products-hero{padding:80px 0 60px}}.contact-page{padding-top:70px}.contact-hero{background:linear-gradient(135deg,var(--primary-teal) 0%,var(--primary-green) 100%);padding:100px 0 80px;text-align:center;color:var(--white)}.contact-cta{background:linear-gradient(135deg,var(--primary-teal),var(--primary-green));color:var(--white)}.cta-box{text-align:center;max-width:800px;margin:0 auto}.cta-box h2{font-size:2.5rem;margin-bottom:1rem}.cta-box p{font-size:1.2rem;margin-bottom:2rem;opacity:.95}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn{padding:1rem 2.5rem;border-radius:30px;text-decoration:none;font-weight:600;display:inline-block;transition:all .3s;font-size:1.1rem}.btn-primary{background:var(--accent-yellow);color:var(--text-dark)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #ffd93d80}.btn-secondary{background:var(--white);color:var(--primary-teal)}.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #ffffff4d}@media (max-width: 576px){.contact-hero{padding:80px 0 60px}.cta-box h2{font-size:2rem}.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}}
