*{margin:0;padding:0;box-sizing:border-box}.navbar{height:56px;position:fixed;top:0;left:0;width:100%;background:#fff;z-index:1000;box-shadow:0 2px 6px #00000014;display:flex;align-items:center}.navbar-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:.75rem 1.25rem;width:100%}.navbar-logo{display:flex;align-items:center;text-decoration:none;color:#111}.navbar-logo-img{height:150px;width:auto;object-fit:contain;display:block;margin-top:-12px;margin-bottom:-12px}.navbar-toggle{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.navbar-icon{width:28px;height:28px;color:#111}.navbar-menu{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background:#fff;box-shadow:-2px 0 12px #00000026;transition:right .4s ease;padding:4rem 2rem 2rem;display:flex;flex-direction:column;z-index:1100}.navbar-menu.open{right:0}.close-btn{position:absolute;top:1.25rem;right:1.25rem;background:none;border:none;font-size:1.75rem;cursor:pointer;color:#333;line-height:1}.nav-links{list-style:none;display:flex;flex-direction:column;gap:1.75rem;margin-top:2rem}.nav-links a{text-decoration:none;color:#222;font-size:1.2rem;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:#0070f3}.navbar-overlay{position:fixed;inset:0;background:#ffffff1a;opacity:1;transition:opacity .4s ease;z-index:1000}@media(min-width:768px){.navbar-toggle,.close-btn,.navbar-overlay{display:none}.navbar-menu{position:static;width:auto;height:auto;box-shadow:none;padding:0;background:transparent;flex-direction:row;align-items:center;transition:none}.nav-links{flex-direction:row;gap:2rem;margin:0}.nav-links a{font-size:20px}}.hero{display:flex;align-items:center;justify-content:space-between;padding:5rem 2rem;max-width:1200px;margin:0 auto;flex-wrap:wrap;gap:2rem;background:linear-gradient(135deg,#f3f8f4,#e8f5ee);border-radius:16px;box-shadow:0 6px 25px #0000000d}.hero-content{flex:1;min-width:320px;display:flex;flex-direction:column;justify-content:center}.hero-title{font-size:3rem;font-weight:700;line-height:1.2;color:#1b4332;max-width:600px;margin-bottom:1rem}.hero-title span{background:linear-gradient(90deg,#2d6a4f,#52b788);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.1rem;color:#4a5754;line-height:1.6;margin-bottom:2rem;max-width:550px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.btn{display:inline-block;padding:.85rem 1.75rem;text-decoration:none;font-weight:600;border-radius:8px;transition:all .3s ease;font-size:1rem}.btn-primary{background:linear-gradient(90deg,#2d6a4f,#52b788);color:#fff;box-shadow:0 3px 12px #52b78840}.btn-primary:hover{background:linear-gradient(90deg,#1b4332,#40916c);box-shadow:0 4px 16px #52b78859}.btn-secondary:hover{background:#2d6a4f;color:#fff}.hero-image{flex:1;display:flex;justify-content:center;align-items:center;min-width:320px}.hero-image img{width:100%;max-width:480px;border-radius:12px;box-shadow:0 6px 25px #0000001a;transition:transform .4s ease}.hero-image img:hover{transform:scale(1.03)}@media(max-width:768px){.hero{flex-direction:column;text-align:center;padding:3.5rem 1.5rem}.hero-content{order:1;align-items:center}.hero-image{order:2;margin-top:2rem}.hero-title{font-size:2.4rem}.hero-subtitle{font-size:1rem}.hero-buttons{justify-content:center}}.product-section{padding:5rem 2rem;background-color:#f9f9f9;text-align:center}.section-heading{font-size:2.5rem;font-weight:700;color:#1b4332;margin-bottom:3rem;position:relative;display:inline-block}.section-heading:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#2d6a4f,#52b788);border-radius:2px}.product-container{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:3rem}.product-image{flex:1;display:flex;justify-content:center}.product-image img{width:100%;max-width:450px;border-radius:16px;box-shadow:0 8px 30px #2d6a4f26;transition:transform .3s ease,box-shadow .3s ease}.product-image img:hover{transform:scale(1.02);box-shadow:0 12px 40px #2d6a4f40}.product-details{flex:1;min-width:300px;text-align:left}.product-title{font-size:2rem;font-weight:700;color:#1b4332;margin-bottom:1rem;line-height:1.3}.product-description{color:#555;font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem}.product-price{font-size:1.8rem;font-weight:700;color:#2d6a4f;margin-bottom:2rem}.product-buttons{display:flex;flex-wrap:wrap;gap:1rem}.btn{display:inline-block;padding:.85rem 2rem;text-decoration:none;font-weight:600;font-size:.95rem;border-radius:50px;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer}.btn-primary{background:linear-gradient(90deg,#2d6a4f,#52b788);color:#fff;box-shadow:0 4px 15px #52b78840}.btn-primary:hover{background:linear-gradient(90deg,#1b4332,#40916c);box-shadow:0 6px 20px #52b78859;transform:translateY(-2px)}.btn-secondary{border:2px solid #2d6a4f;color:#2d6a4f;background-color:transparent}.btn-secondary:hover{background:#2d6a4f;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #2d6a4f40}.btn.disabled{background:#d1d5db;color:#6b7280;cursor:not-allowed;box-shadow:none}.btn.disabled:hover{transform:none;box-shadow:none}@media(max-width:768px){.product-container{flex-direction:column;text-align:center}.product-details{text-align:center}.product-image{margin-bottom:2rem}.product-buttons{justify-content:center}.product-section{padding:4rem 1.5rem}.section-heading{font-size:2rem}.product-title{font-size:1.75rem}.product-image img{max-width:350px}}.about-section{background-color:#fff;padding:5rem 2rem}.about-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:3rem;flex-wrap:wrap}.about-buttons{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.about-buttons button{position:relative;padding:.75rem 2rem;border:none;background:linear-gradient(90deg,#74c69d,#95d5b2);background-size:200% 100%;background-position:left center;color:#1b4332;font-weight:600;font-size:.95rem;border-radius:50px;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #74c69d4d}.about-buttons button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#52b788,#74c69d);opacity:0;transition:opacity .4s ease;z-index:-1}.about-buttons button:hover{background-position:right center;transform:translateY(-3px);box-shadow:0 6px 20px #74c69d73;color:#fff}.about-buttons button:hover:before{opacity:1}.about-buttons button:active{transform:translateY(-1px);box-shadow:0 3px 12px #74c69d59}.about-buttons .active{background:linear-gradient(90deg,#52b788,#74c69d);color:#fff;box-shadow:0 6px 20px #52b78880;transform:translateY(-2px)}.about-content{flex:1;min-width:320px}.about-text{max-width:500px;transition:all .5s ease}.about-text h2{font-size:2rem;font-weight:700;color:#222;margin-bottom:1rem}.about-text p{font-size:1.1rem;color:#555;line-height:1.6}.about-image{flex:1;min-width:320px;display:flex;justify-content:center}.about-image img{width:100%;max-width:500px;border-radius:12px;box-shadow:0 4px 20px #0000001a;transition:opacity .6s ease,transform .6s ease}.fade-in{animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.about-container{flex-direction:column;text-align:center}.about-buttons{justify-content:center}.about-text{margin:0 auto}.about-image{margin-top:2rem}}.contact-section{background:linear-gradient(135deg,#f8faf8,#e8f5e9);padding:6rem 2rem}.contact-container{max-width:1200px;margin:0 auto;display:flex;align-items:stretch;justify-content:space-between;gap:4rem}.contact-info{flex:1;min-width:320px;display:flex;flex-direction:column;justify-content:center}.contact-info h2{font-size:2.5rem;font-weight:700;color:#1b4332;margin-bottom:1rem;line-height:1.2}.contact-info p{font-size:1.1rem;color:#555;line-height:1.7;margin-bottom:2.5rem}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.contact-item{padding:1.25rem;background:#fff;border-radius:12px;box-shadow:0 2px 10px #2d6a4f14;transition:all .3s ease}.contact-item:hover{box-shadow:0 4px 20px #2d6a4f26;transform:translateY(-2px)}.contact-item h4{font-size:1rem;font-weight:600;color:#2d6a4f;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.contact-item p{font-size:1.05rem;color:#333;margin:0;font-weight:500}.contact-item a{color:#333;text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:#2d6a4f}.contact-map{flex:1;min-width:320px;height:450px;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #2d6a4f26;transition:all .3s ease}.contact-map:hover{box-shadow:0 12px 40px #2d6a4f40}.contact-map iframe{width:100%;height:100%;border:none}@media(max-width:768px){.contact-section{padding:4rem 1.5rem}.contact-container{flex-direction:column;gap:3rem}.contact-info{text-align:center}.contact-info h2{font-size:2rem}.contact-map{height:350px}}.footer{background:#fff;color:#333;padding:4rem 2rem 1.5rem;position:relative;border-top:1px solid #e5e5e5}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#2d6a4f,transparent)}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding-bottom:2rem}.footer-about{min-width:250px}.footer-about h2{font-size:1.75rem;color:#1b4332;margin-bottom:1rem;font-weight:700;letter-spacing:1px}.footer-about p{color:#555;font-size:.95rem;line-height:1.7;max-width:350px}.footer-links{min-width:150px}.footer-links h3{font-size:1.1rem;color:#222;margin-bottom:1.25rem;font-weight:600;position:relative;padding-bottom:.5rem}.footer-links h3:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:#2d6a4f;border-radius:2px}.footer-links ul{list-style:none;padding:0}.footer-links li{margin-bottom:.75rem}.footer-links a{text-decoration:none;color:#555;font-size:.95rem;font-weight:500;transition:all .3s ease;display:inline-block}.footer-links a:hover{color:#2d6a4f;transform:translate(5px)}.footer-social{min-width:150px}.footer-social h3{font-size:1.1rem;color:#222;margin-bottom:1.25rem;font-weight:600;position:relative;padding-bottom:.5rem}.footer-social h3:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:#2d6a4f;border-radius:2px}.social-icons{display:flex;gap:1rem;flex-wrap:wrap}.social-icons a{width:45px;height:45px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#2d6a4f;background:#f0f7f4;border-radius:10px;text-decoration:none;transition:all .4s ease}.social-icons a:hover{color:#fff;background:linear-gradient(135deg,#2d6a4f,#52b788);transform:translateY(-5px);box-shadow:0 8px 20px #52b7884d}.footer-bottom{border-top:1px solid #e5e5e5;text-align:center;margin-top:2.5rem;padding-top:1.5rem;color:#666;font-size:.9rem}.footer-bottom p{margin:0}.footer-bottom a{color:#2d6a4f;text-decoration:none;font-weight:500;transition:color .3s ease}.footer-bottom a:hover{color:#52b788}@media(min-width:769px)and (max-width:1024px){.footer-container{grid-template-columns:1fr 1fr;gap:2.5rem}.footer-about{grid-column:1 / -1}}@media(max-width:768px){.footer{padding:3rem 1.25rem 1.5rem}.footer-container{grid-template-columns:1fr;text-align:center;gap:2rem}.footer-about{grid-column:auto}.footer-about p{max-width:100%;margin-left:auto;margin-right:auto}.footer-links h3:after,.footer-social h3:after{left:50%;transform:translate(-50%)}.social-icons{justify-content:center}.footer-links a:hover{transform:translate(0)}}