:root{--color-primary:#0f3d20;--color-primary-light:#1a5431;--color-accent:#d4af37;--color-accent-hover:#f2cc54;--color-dark:#121212;--color-dark-surface:#1e1e1e;--color-text:#333;--color-text-light:#666;--color-bg:#fff;--color-bg-alt:#f8f9fa;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 24px #0000001f;--transition-fast:.2s ease;--transition-normal:.3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-dark);font-weight:700;line-height:1.2}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.section{padding:var(--spacing-xl) 0}.bg-light{background-color:var(--color-bg-alt)}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-badge{color:var(--color-primary);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;background-color:#0f3d201a;border-radius:50px;margin-bottom:1rem;padding:.25rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.section-header{text-align:center;flex-direction:column;align-items:center;display:flex}.section-title{margin-bottom:1rem;font-size:2.5rem}.section-desc{color:var(--color-text-light);max-width:600px;margin:0 auto 3rem;font-size:1.125rem}.btn{font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:center;border:2px solid #0000;padding:.75rem 1.5rem;font-weight:600;display:inline-block}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{color:#fff;background-color:#0000;border-color:#fff}.btn-outline:hover{color:var(--color-primary);background-color:#fff;transform:translateY(-2px)}.btn-block{width:100%;display:block}.header{z-index:1000;width:100%;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);background:#fffffff2;padding:1rem 0;position:fixed;top:0;left:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{align-items:center;gap:.75rem;display:flex}.header-logo-image{object-fit:contain;width:auto;height:44px}.logo-text-wrapper{flex-direction:column;display:flex}.logo-text{font-family:var(--font-heading);color:var(--color-dark);font-size:1.5rem;font-weight:800;line-height:1}.logo-text .accent{color:var(--color-primary)}.logo-subtext{color:var(--color-accent);letter-spacing:1px;font-size:.75rem;font-weight:600}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--color-text);font-weight:500;position:relative}.nav-link.btn-primary{color:#fff}.nav-link:not(.btn):after{content:"";background-color:var(--color-accent);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:-4px;left:0}.nav-link:not(.btn):hover:after{width:100%}.nav-btn{padding:.5rem 1.25rem}.mobile-menu-btn{cursor:pointer;color:var(--color-dark);background:0 0;border:none;display:none}.hero{align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-slide{opacity:0;background-position:50%;background-size:cover;transition:opacity .8s ease-in-out;animation:20s ease-in-out infinite alternate slowZoom;position:absolute;inset:0;transform:scale(1.05)}.hero-slide.active{opacity:1}.hero-overlay{z-index:1;background:linear-gradient(90deg,#0f3d20e0 0%,#0f3d2099 50%,#0f3d2033 100%);position:absolute;inset:0}.hero-content{z-index:2;color:#fff;max-width:760px;position:relative}.hero-badge{color:var(--color-accent);font-family:var(--font-heading);letter-spacing:1px;text-transform:uppercase;background:#d4af3740;border:1px solid #d4af3799;border-radius:50px;margin-bottom:1.25rem;padding:.3rem 1rem;font-size:.8125rem;font-weight:600;animation:.7s forwards fadeUp;display:inline-block}.hero-title{color:#fff;opacity:0;margin-bottom:1.25rem;font-size:3.75rem;line-height:1.15;animation:.7s .1s forwards fadeUp}.hero-subtitle{color:#ffffffe0;opacity:0;max-width:580px;margin-bottom:2.5rem;font-size:1.125rem;line-height:1.7;animation:.7s .2s forwards fadeUp}.hero-actions{opacity:0;gap:1rem;animation:.7s .35s forwards fadeUp;display:flex}.hero-arrow{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;width:48px;height:48px;transition:all var(--transition-normal);background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-arrow:hover{background:var(--color-primary);border-color:var(--color-primary)}.hero-arrow-prev{left:2rem}.hero-arrow-next{right:2rem}.hero-dots{z-index:3;gap:8px;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero-dot{cursor:pointer;width:8px;height:8px;transition:all var(--transition-fast);background:#fff6;border:none;border-radius:50%;padding:0}.hero-dot.active{background:var(--color-accent);border-radius:4px;width:28px}.about-container{flex-direction:column;align-items:center;display:flex}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;width:100%;display:grid}.feature-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal);text-align:center;background:#fff;border:1px solid #0000000d;flex-direction:column;align-items:center;padding:2.25rem 1.75rem;display:flex}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.feature-icon{width:56px;height:56px;color:var(--color-accent);background-color:#d4af371f;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.feature-title{margin-bottom:.5rem;font-size:1.25rem}.brands .section-header{flex-direction:column;align-items:center;display:flex}.brands-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.brand-card{border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition-normal);cursor:pointer;background:#fff;border-bottom:4px solid #0000;padding:2.5rem 1.5rem;position:relative}.brand-distributor-badge{background-color:var(--color-primary);color:#fff;letter-spacing:.5px;text-transform:uppercase;border-radius:12px;padding:4px 8px;font-size:.6875rem;font-weight:700;position:absolute;top:10px;right:10px}.brand-card:hover{box-shadow:var(--shadow-md);border-bottom-color:var(--color-accent);transform:translateY(-5px)}.brand-logo-wrapper{justify-content:center;align-items:center;height:80px;margin-bottom:1.5rem;display:flex}.brand-logo{object-fit:contain;max-width:100%;max-height:100%}.brand-name{color:var(--color-primary);margin-bottom:.5rem;font-size:1.5rem}.brand-category{color:var(--color-text-light);text-transform:uppercase;letter-spacing:1px;font-size:.875rem}.reviews{background-color:#f3f6f3}.reviews-carousel-wrapper{margin-top:3rem}.reviews-track{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.reviews-track-mobile{margin-bottom:2rem;display:none}.review-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal);background:#fff;border:1px solid #0000000f;flex-direction:column;gap:1rem;min-height:220px;padding:2rem;display:flex}.review-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.star-rating{gap:3px;display:flex}.review-text{color:var(--color-text-light);flex:1;font-style:italic;line-height:1.7}.reviewer{border-top:1px solid #0000000f;align-items:center;gap:.875rem;margin-top:auto;padding-top:1rem;display:flex}.reviewer-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;width:44px;height:44px;font-family:var(--font-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.reviewer-name{color:var(--color-dark);margin-bottom:.125rem;font-size:1rem}.reviewer-location{color:var(--color-text-light);font-size:.8125rem}.reviews-controls{justify-content:center;align-items:center;gap:1rem;display:flex}.carousel-btn{cursor:pointer;width:42px;height:42px;transition:all var(--transition-fast);color:var(--color-primary);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #ddd;border-radius:50%;justify-content:center;align-items:center;display:flex}.carousel-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.carousel-dots{gap:8px;display:flex}.carousel-dot{cursor:pointer;width:8px;height:8px;transition:all var(--transition-fast);background:#ccc;border:none;border-radius:50%;display:inline-block}.carousel-dot.active{background:var(--color-primary);border-radius:4px;width:24px}.contact-container{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.contact-details{flex-direction:column;gap:2rem;margin-top:2.5rem;display:flex}.contact-item{align-items:flex-start;gap:1.5rem;display:flex}.contact-icon{background-color:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.contact-label{margin-bottom:.25rem;font-size:1.125rem}.contact-value{color:var(--color-text-light)}.contact-value a{color:var(--color-primary);font-weight:500}.contact-value a:hover{text-decoration:underline}.contact-person{color:var(--color-accent);margin-top:.25rem;font-size:.875rem;font-weight:600}.contact-form-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#fff;padding:3rem}.form-title{margin-bottom:2rem;font-size:1.75rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--color-dark);margin-bottom:.5rem;font-weight:500;display:block}.form-group input,.form-group textarea{border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);transition:border-color var(--transition-fast);border:1px solid #ddd;padding:.875rem 1rem;font-size:1rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0f3d201a}.footer{background-color:var(--color-dark-surface);color:#fff;padding-top:4rem}.footer-container{grid-template-columns:2fr 1fr;gap:3rem;margin-bottom:3rem;display:grid}.footer-logo .logo-text{color:#fff}.footer-desc{color:#aaa;max-width:400px;margin-top:1rem}.footer-heading{color:#fff;margin-bottom:1.5rem;font-size:1.25rem}.footer-links ul{flex-direction:column;gap:.75rem;display:flex}.footer-links a{color:#aaa}.footer-links a:hover{color:var(--color-accent);padding-left:5px}.footer-bottom{background-color:var(--color-dark);text-align:center;color:#777;padding:1.5rem 0;font-size:.875rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slowZoom{0%{transform:scale(1.05)}to{transform:scale(1.15)}}@media (width<=992px){.hero-title{font-size:3rem}.contact-container,.footer-container{grid-template-columns:1fr}}@media (width<=768px){.nav-links{width:100%;height:calc(100vh - 80px);transition:left var(--transition-normal);background:#fff;flex-direction:column;justify-content:center;position:fixed;top:80px;left:-100%}.nav-links.active{left:0}.mobile-menu-btn{display:block}.hero-actions{flex-direction:column;margin-bottom:2rem}.contact-form-wrapper{padding:2rem 1.5rem}.contact-container{gap:2rem}.contact-details{gap:1.25rem}.contact-item{gap:1rem}.contact-icon{flex-shrink:0;width:40px;height:40px}.contact-label{font-size:1rem}.contact-value{word-break:break-word;font-size:.875rem}.form-title{margin-bottom:1.5rem;font-size:1.5rem}.form-group{margin-bottom:1.25rem}.form-group input,.form-group textarea{font-size:.9375rem}.section-title{font-size:1.875rem}.section-desc{margin:0 auto 2rem;font-size:1rem}.reviews-track{display:none}.reviews-track-mobile{display:block}.hero-arrow{width:38px;height:38px}.hero-arrow-prev{left:1rem}.hero-arrow-next{right:1rem}.hero-title{font-size:2.25rem}}
