@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}.landing-page{color:#1a1a1a;background:#fff;font-family:Inter,Segoe UI,sans-serif;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;padding:0 40px;transition:all .3s;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0000001a}.header.scrolled{background:#fffffffa;box-shadow:0 4px 20px #00000026}.header-content{justify-content:space-between;align-items:center;max-width:1400px;height:80px;margin:0 auto;display:flex}.nav-dropdown{position:relative}.dropdown-menu{z-index:1000;background:#fff;border-radius:8px;min-width:220px;margin-top:8px;padding:8px 0;animation:.3s dropdownSlideIn;position:absolute;top:100%;left:0;box-shadow:0 4px 20px #00000026}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{text-align:left;color:#333;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 20px;font-size:15px;transition:all .2s;display:flex}.dropdown-item:hover{color:#2d7a3e;background:#f0f9f4;padding-left:24px}.dropdown-arrow{opacity:0;transition:opacity .2s}.dropdown-item:hover .dropdown-arrow{opacity:1}@media (max-width:768px){.nav-dropdown{width:100%}.dropdown-menu{box-shadow:none;background:#f8f9fa;border-radius:0;margin:8px 0;padding:0;position:static}.dropdown-item{padding:12px 24px}.dropdown-item:hover{padding-left:28px}}.logo{z-index:1001;align-items:center;gap:12px;display:flex;position:relative}.logo-icon{background:linear-gradient(135deg,#2d7a3e 0%,#4a9d5a 100%);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .3s;display:flex;box-shadow:0 4px 12px #2d7a3e4d}.logo:hover .logo-icon{transform:rotate(360deg)}.logo-text{color:#2d7a3e;font-family:Poppins,sans-serif;font-size:32px;font-weight:700;transition:color .3s}.logo:hover .logo-text{color:#4a9d5a}.nav{align-items:center;display:flex}.nav-button{color:#4a5568;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:8px 16px;font-family:inherit;font-size:15px;font-weight:500;transition:all .2s;position:relative}.nav-button:after{content:"";background-color:#2d7a3e;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-button:hover:after,.nav-button:focus:after,.nav-button.active:after{width:80%}.nav-button:hover{color:#2d7a3e}.mobile-toggle{cursor:pointer;color:#2d7a3e;z-index:1001;background:0 0;border:none;width:40px;height:40px;padding:8px;font-size:28px;transition:all .3s;display:none;position:relative}.mobile-toggle:hover{background:#2d7a3e1a;border-radius:8px}@media (max-width:992px){.header{padding:0 5px}.logo-text{font-size:32px}.nav{gap:24px}.nav-button{font-size:14px}}@media (max-width:768px){.nav{opacity:0;pointer-events:none;background:#fffffffa;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;padding:24px 0;transition:all .3s;position:absolute;top:90px;right:0;transform:translateY(-120%);box-shadow:0 4px 20px #0000001a}.nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-toggle{display:block}.logo-text{font-size:28px}}@media (max-width:480px){.logo-icon{width:20px;height:20px}.logo-text{font-size:24px}.nav-button{font-size:13px}}.hero{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 50%,#a5d6a7 100%);min-height:100vh;padding-top:90px;position:relative;overflow:hidden}.hero-container{max-width:1400px;margin:0 auto;padding:60px 20px 0;position:relative}.hero-content-wrapper{grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:calc(100vh - 150px);display:grid}.hero-text-section{z-index:2;animation:1s ease-out fadeInLeft}.hero-main-title{margin-bottom:1.5rem;font-family:Poppins,sans-serif;font-size:4rem;font-weight:800;line-height:1.2}.title-green{color:#2d7a3e;margin-bottom:.5rem;display:block}.title-dark{color:#1a1a1a;display:block}.hero-description{color:#4a5568;max-width:540px;margin-bottom:2.5rem;font-size:1.25rem;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:1rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border-radius:50px;align-items:center;gap:8px;padding:16px 32px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#2d7a3e 0%,#4a9d5a 100%);border:none;box-shadow:0 4px 15px #2d7a3e4d}.btn-secondary{color:#2d7a3e;background:#fff;border:2px solid #2d7a3e}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2d7a3e66}.btn-secondary:hover{color:#fff;background:#2d7a3e;transform:translateY(-3px);box-shadow:0 8px 25px #2d7a3e4d}.hero-image-section{z-index:1;animation:1s ease-out fadeInRight;position:relative}.hero-product-showcase{justify-content:center;align-items:center;width:100%;max-width:600px;margin:0 auto;display:flex;position:relative}.product-bowl{z-index:3;background:#fff;border:4px solid #60c48a;border-radius:50%;width:400px;height:400px;animation:6s ease-in-out infinite float;position:relative;overflow:hidden;box-shadow:0 20px 60px #2d7a3e4d}.bowl-image{object-fit:cover;width:100%;height:100%}.ingredient{background:#fff;border:4px solid #fff;border-radius:50%;width:120px;height:120px;position:absolute;overflow:hidden;box-shadow:0 8px 30px #00000026}.ingredient img{object-fit:cover;width:100%;height:100%}.ingredient-1{border:4px solid #60c48a;animation:4s ease-in-out .5s infinite float;top:-40px;left:-60px}.ingredient-2{border:4px solid #60c48a;animation:5s ease-in-out 1s infinite float;bottom:-20px;left:-40px}.ingredient-3{border:4px solid #60c48a;animation:4.5s ease-in-out 1.5s infinite float;bottom:40px;right:-60px}.floating-element{opacity:.6;animation:8s ease-in-out infinite floatRotate;position:absolute}.leaf-1{animation-delay:0s;top:10%;right:10%}.leaf-2{animation-delay:2s;top:60%;left:-5%}.hero-wave{z-index:1;width:100%;position:absolute;bottom:0;left:0}.hero-wave svg{width:100%;height:auto;display:block}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatRotate{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(180deg)}}@media (max-width:1024px){.hero-content-wrapper{grid-template-columns:1fr;gap:40px}.hero-text-section{text-align:center}.hero-main-title{font-size:3rem}.hero-description{margin:0 auto 2.5rem}.hero-buttons{justify-content:center}.product-bowl{width:350px;height:350px}.ingredient{width:100px;height:100px}}@media (max-width:768px){.hero-main-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.hero-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{justify-content:center;width:100%;max-width:300px}.product-bowl{width:280px;height:280px}.ingredient{width:80px;height:80px}.ingredient-1{top:-20px;left:-30px}.ingredient-2{bottom:-10px;left:-20px}.ingredient-3{bottom:20px;right:-30px}}@media (max-width:480px){.hero-main-title{font-size:2rem}.hero-description{font-size:1rem}.product-bowl{width:240px;height:240px}.ingredient{width:70px;height:70px}}.stats{z-index:10;padding:0;position:relative}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.stat-card{background:#fff;border-radius:10px;padding:2rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.stat-card:hover{border:2px solid #68cc7f;transform:translateY(-5px);box-shadow:0 16px 50px #28be494d}.stat-card:before{content:"";opacity:0;background:#2d7a3e0d;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.stat-card:hover:before{opacity:1}.stat-number{color:#2d7a3e;z-index:1;margin-bottom:.5rem;font-size:2.5rem;font-weight:700;position:relative}.stat-icon{color:#2d7a3e;z-index:1;margin-bottom:1rem;position:relative}.stat-label{color:#6b7280;font-size:14px;font-weight:500}.categories-section{background:linear-gradient(#fff 0%,#f8fdf9 100%);padding:100px 0;position:relative;overflow:hidden}.categories-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#2d7a3e08 0%,#0000 50%),radial-gradient(circle at 80% 80%,#4a9d5a08 0%,#0000 50%);position:absolute;inset:0}.categories-container{z-index:1;max-width:1400px;margin:0 auto;padding:0 20px;position:relative}.section-header{text-align:center;margin-bottom:80px}.section-title{color:#2d7a3e;margin-bottom:16px;font-family:Poppins,sans-serif;font-size:48px;font-weight:800;display:inline-block;position:relative}.section-title:after{content:"";background:linear-gradient(90deg,#0000,#2d7a3e,#0000);border-radius:2px;width:100px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.section-subtitle{color:#6b7280;max-width:600px;margin:20px auto 0;font-size:18px;line-height:1.6}.categories-grid{flex-direction:column;gap:80px;display:flex}.category-card{opacity:0;grid-template-columns:1fr 1fr;align-items:center;gap:60px;transition:all .8s cubic-bezier(.4,0,.2,1);display:grid;transform:translateY(50px)}.category-card.visible{opacity:1;transform:translateY(0)}.category-card.card-left .category-image-wrapper{order:1;animation:.8s ease-out forwards slideInLeft}.category-card.card-left .category-content{order:2;animation:.8s ease-out .2s forwards slideInRight}.category-card.card-right .category-image-wrapper{order:2;animation:.8s ease-out forwards slideInRight}.category-card.card-right .category-content{order:1;animation:.8s ease-out .2s forwards slideInLeft}.category-image-wrapper{opacity:0;position:relative}.category-card.visible .category-image-wrapper{opacity:1}.category-image-container{width:100%;height:450px;transform-style:preserve-3d;border-radius:30px;transition:all .5s;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000026}.category-card:hover .category-image-container{transform:translateY(-10px)rotateY(5deg);box-shadow:0 30px 80px #2d7a3e40}.category-image{object-fit:cover;width:100%;height:100%;transition:transform .7s}.category-card:hover .category-image{transform:scale(1.1)}.image-overlay{opacity:0;mix-blend-mode:multiply;transition:opacity .5s;position:absolute;inset:0}.category-card:hover .image-overlay{opacity:.3}.category-icon-badge{color:#fff;z-index:2;background:#2d7a3e;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .5s;display:flex;position:absolute;top:30px;right:30px;transform:rotate(0);box-shadow:0 8px 30px #0003}.category-card:hover .category-icon-badge{transform:rotate(360deg)scale(1.1)}.floating-particles{pointer-events:none;border-radius:30px;position:absolute;inset:0;overflow:hidden}.particle{opacity:0;background:#fff9;border-radius:50%;width:8px;height:8px;position:absolute}.category-card:hover .particle{animation:3s ease-in-out infinite floatParticle}.particle-1{animation-delay:0s;top:20%;left:10%}.particle-2{animation-delay:1s;top:60%;left:80%}.particle-3{animation-delay:2s;top:40%;left:50%}.category-content{opacity:0;padding:20px}.category-card.visible .category-content{opacity:1}.category-header{margin-bottom:20px}.category-badge{text-transform:uppercase;letter-spacing:1px;border-radius:50px;margin-bottom:16px;padding:8px 20px;font-size:13px;font-weight:700;animation:2s ease-in-out infinite pulse;display:inline-block}.category-name{margin-bottom:20px;font-family:Poppins,sans-serif;font-size:42px;font-weight:800;line-height:1.2;display:inline-block;position:relative}.category-name:after{content:"";background:currentColor;border-radius:2px;width:0;height:4px;transition:width .5s;position:absolute;bottom:-8px;left:0}.category-card:hover .category-name:after{width:60%}.category-description{color:#4a5568;max-width:500px;margin-bottom:30px;font-size:17px;line-height:1.8}.category-btn{color:var(--btn-color,#2d7a3e);border:3px solid var(--btn-color,#2d7a3e);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;z-index:1;background:#fff;border-radius:50px;align-items:center;gap:12px;padding:16px 36px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;transition:all .4s;display:inline-flex;position:relative;overflow:hidden}.category-btn:before{content:"";background:var(--btn-color,#2d7a3e);z-index:-1;width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.category-btn:hover{color:#fff;transform:translateY(-3px);box-shadow:0 12px 35px #2d7a3e4d}.category-btn:hover:before{left:0}.btn-arrow{transition:transform .4s}.category-btn:hover .btn-arrow{transform:translate(8px)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes floatParticle{0%{opacity:0;transform:translateY(0)translate(0)}50%{opacity:1;transform:translateY(-30px)translate(20px)}to{opacity:0;transform:translateY(-60px)translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:1024px){.categories-section{padding:80px 0}.section-title{font-size:40px}.categories-grid{gap:60px}.category-card{gap:40px}.category-image-container{height:400px}.category-name{font-size:36px}}@media (max-width:768px){.categories-section{padding:60px 0}.section-header{margin-bottom:50px}.section-title{font-size:32px}.section-subtitle{font-size:16px}.categories-grid{gap:50px}.category-card{grid-template-columns:1fr;gap:30px}.category-card.card-left .category-image-wrapper,.category-card.card-right .category-image-wrapper{order:1}.category-card.card-left .category-content,.category-card.card-right .category-content{order:2}.category-image-container{height:350px}.category-icon-badge{width:60px;height:60px;top:20px;right:20px}.category-icon-badge svg{width:28px;height:28px}.category-name{font-size:32px}.category-description{margin-bottom:25px;font-size:16px}.category-btn{justify-content:center;width:100%;padding:14px 30px;font-size:15px}}@media (max-width:480px){.categories-section{padding:50px 0}.section-title{font-size:28px}.section-subtitle{font-size:15px}.category-image-container{border-radius:20px;height:300px}.category-icon-badge{width:50px;height:50px}.category-icon-badge svg{width:24px;height:24px}.category-name{font-size:28px}.category-description{font-size:15px}.category-badge{padding:6px 16px;font-size:11px}}@media (min-width:1400px){.container{max-width:1320px}.hero-main-title{font-size:4.5rem}.commitment-grid{gap:35px}.category-image-container{height:500px}}@media (max-width:1199px){.header-content{padding:12px 20px}.nav{gap:25px}.commitment-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:479px){.hero-main-title{font-size:1.8rem}.hero-description{font-size:.9rem}.product-bowl{width:240px;height:240px}.ingredient{width:60px;height:60px}.section-title{font-size:26px}.commitment-card{padding:25px 20px}.commitment-icon{width:60px;height:60px}.commitment-title{font-size:18px}.commitment-description{font-size:14px}.form-wrapper{padding:20px 15px}.btn-submit{padding:14px;font-size:15px}.stat-card{padding:1.5rem}.stat-number{font-size:2rem}.stat-label{font-size:13px}}@media (max-height:500px) and (orientation:landscape){.hero{min-height:450px}.hero-content-wrapper{min-height:auto;padding:60px 0}.nav.open{padding-top:60px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.hero-image img,.category-image img{image-rendering:-webkit-optimize-contrast}}@media print{.header{box-shadow:none;position:static}.nav-button,.mobile-toggle,.hero-buttons,.footer{display:none}}.infra-section{background:#f8fdf9;margin-top:50px}.infra-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;display:grid}.infra-card{background:#fff;border-radius:20px;transition:transform .3s;overflow:hidden;box-shadow:0 8px 30px #0000001a}.infra-card:hover{transform:translateY(-8px)}.infra-image{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);justify-content:center;align-items:center;height:200px;display:flex}.infra-content{padding:28px}.infra-title{color:#2d7a3e;margin-bottom:12px;font-family:Poppins,sans-serif;font-size:22px;font-weight:700}.infra-location{color:#6b7280;align-items:center;margin-bottom:12px;font-size:14px;font-weight:500;display:flex}.infra-desc{color:#6b7280;font-size:15px;line-height:1.6}.contact-section{gradient:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);margin-top:50px}.form-wrapper{background:#c8ebc4;border-radius:20px;padding:40px;box-shadow:0 8px 30px #0000001a}.contact-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-input{border:2px solid #e5e7eb;border-radius:12px;width:100%;padding:14px 18px;font-family:inherit;font-size:15px;transition:border-color .2s}.form-input:focus{border-color:#2d7a3e;outline:none}.form-textarea{resize:vertical;min-height:120px}.btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2d7a3e 0%,#4a9d5a 100%);border:none;border-radius:12px;margin-top:8px;padding:16px;font-family:inherit;font-size:16px;font-weight:600;transition:transform .2s}.btn-submit:hover{transform:translateY(-2px)}.message-success{color:#155724;text-align:center;background:#d4edda;border-radius:12px;padding:16px;font-size:14px;font-weight:600}.message-error{color:#721c24;text-align:center;background:#f8d7da;border-radius:12px;padding:16px;font-size:14px;font-weight:600}.contact-info{flex-direction:column;display:flex}.info-card{background:#fff;border-radius:20px;flex-direction:column;gap:28px;padding:40px;display:flex;box-shadow:0 8px 30px #0000001a}.info-title{color:#2d7a3e;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:24px;font-weight:700}.info-item{align-items:flex-start;gap:16px;display:flex}.info-item strong{color:#1a1a1a;margin-bottom:4px;font-size:16px;font-weight:600;display:block}.info-item p{color:#6b7280;font-size:15px;line-height:1.6}.footer{color:#fff;background:#1a2e1f;padding:60px 0 30px}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-section{flex-direction:column;gap:16px;display:flex}.footer-logo{align-items:center;gap:10px;margin-bottom:20px;display:flex}.footer-logo img{height:40px}.footer-title{color:#fff;margin-bottom:20px;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;position:relative}.footer-title:after{content:"";background:#2d7a3e;width:40px;height:2px;position:absolute;bottom:-8px;left:0}.footer-text{color:#fffc;margin-bottom:20px;font-size:14px;line-height:1.6}.contact-info-item{color:#fffc;align-items:flex-start;gap:12px;margin-bottom:15px;display:flex}.contact-info-item svg{color:#2d7a3e;flex-shrink:0;margin-top:4px}.contact-info-item p{font-size:14px;line-height:1.6}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-link{color:#fffc;align-items:center;gap:8px;font-size:14px;transition:all .3s;display:flex}.footer-link:hover{color:#2d7a3e;transform:translate(5px)}.social-links{gap:15px;margin-top:20px;display:flex}.social-link{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.social-link:hover{background:#2d7a3e;transform:translateY(-3px)}.footer-bottom{text-align:center;border-top:1px solid #ffffff1a;padding-top:30px}.footer-copy{color:#fff9;font-size:14px}@media (max-width:1024px){.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.footer-content{grid-template-columns:1fr}.footer-section{text-align:center;align-items:center}.footer-title:after{left:50%;transform:translate(-50%)}.contact-info-item,.social-links{justify-content:center}}.contact-grid{grid-template-columns:1.5fr 1fr;gap:40px;display:grid}.map-container{border-radius:12px;width:100%;height:450px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.map-container iframe{border:none;width:100%;height:100%}@media (max-width:768px){.contact-grid{grid-template-columns:1fr}.map-container{height:300px}}.commitment-section{background:linear-gradient(135deg,#f8fdf9 0%,#fff 100%);padding:80px 0;position:relative;overflow:hidden}.commitment-grid{grid-template-columns:repeat(4,1fr);gap:25px;margin-top:50px;padding:0 20px;display:grid}.commitment-card{text-align:center;background:#fff;border:2px solid #0000;border-radius:20px;flex-direction:column;align-items:center;padding:35px 25px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d}.commitment-card:hover{border-color:#2d7a3e;transform:translateY(-15px);box-shadow:0 20px 40px #2d7a3e33}.commitment-card:before{content:"";opacity:0;background:linear-gradient(135deg,#2d7a3e1a 0%,#0000 100%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.commitment-card:hover:before{opacity:1}.commitment-icon{color:#2d7a3e;z-index:1;background:#e8f5e9;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:25px;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:relative}.commitment-card:hover .commitment-icon{color:#fff;background:#2d7a3e;transform:rotate(360deg)scale(1.1);box-shadow:0 10px 20px #2d7a3e4d}.commitment-title{color:#1a1a1a;z-index:1;margin-bottom:15px;font-family:Poppins,sans-serif;font-size:22px;font-weight:700;position:relative}.commitment-description{color:#6b7280;z-index:1;margin-bottom:20px;font-size:15px;line-height:1.7;position:relative}@media (max-width:1200px){.commitment-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.commitment-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.commitment-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.commitment-card{padding:30px 25px}.commitment-icon{width:70px;height:70px}}.profile-section{background:linear-gradient(135deg,#f8fffe 0%,#e8f5f0 100%);padding:100px 20px;position:relative;overflow:hidden}.profile-section:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20%,#2d7a3e08 0%,#0000 50%),radial-gradient(circle at 80% 80%,#5eb36d08 0%,#0000 50%);position:absolute;inset:0}.profile-container{z-index:1;max-width:1200px;margin:0 auto;position:relative}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:60px;display:grid}.profile-card:last-child:nth-child(3n-1){grid-column:2/3}@media (max-width:1100px) and (min-width:769px){.profile-grid{grid-template-columns:repeat(2,1fr)}.profile-card:last-child:nth-child(odd){grid-column:1/-1;max-width:600px;margin:0 auto}}.profile-card{opacity:0;background:#fff;border:2px solid #0000;border-radius:20px;padding:35px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;transform:translateY(50px);box-shadow:0 10px 40px #00000014}.profile-card.visible{opacity:1;transform:translateY(0)}.profile-card:hover{border-color:var(--card-color);transform:translateY(-10px);box-shadow:0 20px 60px #2d7a3e26}.profile-decoration{background:linear-gradient(135deg,var(--card-color),transparent);opacity:.1;border-radius:0 20px 0 100%;width:100px;height:100px;transition:all .4s;position:absolute;top:0;right:0}.profile-card:hover .profile-decoration{opacity:.15;width:150px;height:150px}.profile-icon{color:#fff;z-index:2;border-radius:16px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:20px;transition:all .4s;display:flex;position:relative;box-shadow:0 8px 20px #00000026}.profile-card:hover .profile-icon{transform:scale(1.1)rotate(5deg);box-shadow:0 12px 30px #0003}.profile-content{z-index:2;position:relative}.profile-title{letter-spacing:.5px;margin-bottom:15px;font-size:22px;font-weight:700;line-height:1.3}.profile-text{color:#555;text-align:justify;font-size:15px;line-height:1.7}@media (max-width:768px){.profile-section{padding:60px 15px}.profile-grid{grid-template-columns:1fr;gap:25px;margin-top:40px}.profile-card{padding:25px}.profile-icon{width:60px;height:60px}.profile-title{font-size:19px}.profile-text{font-size:14px}}:root{--primary-color:#4a9d5a;--accent-color:#86e49d;--text-dark:#1a1a1a;--text-light:#f5f5f5;--bg-gradient:linear-gradient(135deg,#e7f8ec,#d6f2e0);--card-glass:#ffffff26;--shadow-soft:0 8px 24px #0000001a}body{background:var(--bg-gradient);color:var(--text-dark);margin:0;padding:0;font-family:Poppins,sans-serif}.product-page{background:var(--bg-gradient);min-height:100vh;overflow-x:hidden}.product-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-soft);z-index:1000;background:linear-gradient(90deg,#4a9d5af2,#76ca8cf2);padding:1rem 0;position:sticky;top:0}.container{width:90%;max-width:1200px;margin:auto}.header-top{justify-content:space-between;align-items:center;display:flex}.back-link{color:var(--text-light);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-weight:500;transition:transform .2s;display:flex}.back-link:hover{opacity:.9;transform:translate(-4px)}.logo img{height:60px}.category-nav{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;display:flex}.category-link{color:var(--text-light);cursor:pointer;background:0 0;border:2px solid #ffffff80;border-radius:30px;padding:.6rem 1.4rem;font-weight:500;transition:all .3s}.category-link.active,.category-link:hover{color:var(--primary-color);background:#fff;box-shadow:0 0 12px #ffffff4d}.page-title-section{text-align:center;margin:3rem 0 2rem}.page-title{color:var(--primary-color);margin:.5rem 0;font-size:2.5rem;font-weight:700}.page-subtitle{color:#555;letter-spacing:.5px;font-size:1rem}.filters-section{flex-direction:column;align-items:center;gap:1.2rem;margin-bottom:2.5rem;display:flex}.search-box{background:var(--card-glass);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:30px;align-items:center;width:300px;padding:.5rem 1rem;display:flex}.search-box input{color:var(--text-dark);background:0 0;border:none;outline:none;flex:1;margin-left:.5rem;font-size:1rem}.filter-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem;display:flex}.filter-btn{color:var(--primary-color);cursor:pointer;box-shadow:var(--shadow-soft);background:#ffffff4d;border:none;border-radius:25px;padding:.5rem 1.2rem;font-weight:500;transition:all .3s}.filter-btn:hover{background:var(--accent-color);color:#fff}.filter-btn.active{background:var(--primary-color);color:#fff}.products-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;padding:0 1rem 4rem;display:grid}.product-card{width:300px;height:100%;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border-radius:20px;transition:transform .3s,box-shadow .3s;overflow:hidden}.product-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px #00000026}.product-image{position:relative;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:200px;transition:transform .4s}.product-card:hover img{transform:scale(1.1)}.product-overlay{color:#fff;background:#4a9d5ad9;border-radius:12px;padding:5px 12px;font-size:.8rem;position:absolute;bottom:10px;right:10px}.product-info{text-align:center;padding:1rem}.product-name{color:var(--text-dark);margin-bottom:.6rem;font-size:1.1rem;font-weight:600}.inquiry-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:25px;padding:.5rem 1.2rem;font-size:.9rem;transition:all .3s}.inquiry-btn:hover{background:#388e3c;box-shadow:0 4px 10px #4a9d5a66}.product-description{color:#666;margin:8px 0;font-size:.9rem;line-height:1.4}.loading-spinner{text-align:center;color:#4a9d5a;padding:40px;font-weight:500}.error-message{color:#dc3545;text-align:center;background:#fff;border-radius:8px;margin:20px 0;padding:20px}.no-products{text-align:center;color:#666;background:#f8f9fa;border-radius:8px;margin:20px 0;padding:40px}@media (max-width:768px){.filters-section{flex-direction:column;align-items:center}.search-box{width:90%}.page-title{font-size:2rem}}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}.App{width:100%;min-height:100vh;overflow-x:hidden}#root{text-align:center;width:100%;margin:0;padding:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.card{padding:2em}.read-the-docs{color:#888}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}