:root{--primary-color: #879a7b;--primary-dark: #76886b;--secondary-color: #2B2826;--bg-light: #f8f8f8;--text-dark: #2B2826;--text-light: #2B2826;--white: #c4d9b7;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;color:var(--text-dark);line-height:1.6;background-color:var(--white)}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:700;line-height:1.2}.container{max-width:1200px;margin:0 auto;padding:0 2rem}a{text-decoration:none;color:inherit}ul{list-style:none}.text-white{color:var(--white)}.bg-light{background-color:var(--bg-light)}.bg-primary{background-color:var(--primary-color)}.text-center{text-align:center}.btn{display:inline-block;padding:.8rem 1.5rem;border-radius:50px;font-weight:600;transition:var(--transition);cursor:pointer;border:none}.btn-primary{background-color:var(--primary-color);color:var(--white);padding:1rem 2rem;font-size:1.1rem;border:2px solid var(--white)}.btn-primary:hover{background-color:var(--primary-dark);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.btn-secondary{background-color:var(--primary-color);color:var(--white);padding:1rem 2rem;font-size:1.1rem;border:2px solid var(--white)}.btn-secondary:hover{background-color:var(--primary-dark);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}header{position:fixed;top:0;left:0;width:100%;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 2px 10px #0000000d;padding:1rem 0}.header-content{display:flex;justify-content:space-between;align-items:center}.logo img{height:60px;width:auto;display:block}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a:not(.btn){font-weight:500;color:var(--text-dark);transition:color .3s}.nav-links a:not(.btn):hover{color:var(--primary-color)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer}.mobile-menu{display:none;padding:1rem;background:var(--white);border-top:1px solid #eee}.mobile-link{display:block;max-width:800px;text-align:center;margin:0 auto;padding:.75rem 0}.mobile-section-header{display:block;max-width:800px;text-align:center;margin:1rem auto .5rem;font-weight:600;color:var(--primary-color)}.mobile-sublink{display:block;max-width:800px;text-align:center;margin:0 auto;color:var(--text-light);font-size:.95rem;position:relative;padding:.5rem 0 .5rem 1rem}.mobile-sublink:before{content:"•";color:var(--primary-color);margin-right:.5rem;font-weight:700}.mobile-sublink:hover{color:var(--primary-color);background-color:var(--bg-light)}.hero{background:linear-gradient(#0006,#0006),url(/hero-bg.png);background-size:cover;background-position:center;position:relative;overflow:hidden;color:var(--white);padding:160px 0 100px}.hero-content{position:relative;z-index:2;max-width:800px;text-align:center;margin:0 auto}.hero h1{font-size:3.5rem;margin-bottom:1rem;color:var(--white);text-shadow:0 2px 4px rgba(0,0,0,.3)}.subtitle{font-size:1.25rem;font-weight:600;color:#c4d9b7;text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.hero-text{font-size:1.1rem;color:#fff;margin-bottom:2.5rem;max-width:800px;margin-left:auto;margin-right:auto;text-align:left;background:#879a7b80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:2rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.hero-text p{margin-bottom:1rem}.transition-banner{background-color:var(--primary-color);color:var(--white);padding:3rem 0;text-align:center}.transition-banner p{font-size:1.5rem;font-weight:600;font-family:Outfit,sans-serif}.section{padding:3rem 0;scroll-margin-top:100px}.section-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--primary-color)}.section-desc{text-align:center;font-size:1.2rem;color:var(--text-dark);margin-top:-2rem;margin-bottom:3rem}.solution-block{scroll-margin-top:100px}.solution-title{color:var(--primary-dark);font-size:1.8rem;margin-bottom:1.5rem;padding-left:1rem;border-left:4px solid var(--primary-dark);line-height:1.2}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.card{background:var(--white);padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;transition:var(--transition);border:1px solid #f0f0f0}.card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.icon-box{color:var(--primary-color);margin-bottom:1rem}.card h3{margin-bottom:1rem;font-size:1.25rem}.card p,.card ul{color:var(--text-light);font-size:.85rem}.card ul{margin-top:.5rem;padding-left:1rem}.service-item{text-align:center}.service-icon{width:60px;height:60px;background-color:#e8f5e9;color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.service-item h4{margin-bottom:.5rem}.service-item p{font-size:.9rem;color:var(--text-light)}.machine-card{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column}.machine-info{padding:2.5rem;flex:1;display:flex;flex-direction:column}.machine-info h3{color:var(--primary-color);margin-bottom:.5rem}.machine-info p{margin-bottom:1rem;font-size:.95rem}.machine-info ul{margin-bottom:1rem}.machine-tagline{color:var(--secondary-color);font-weight:600;margin-bottom:1rem}.machine-specs{margin-top:auto;border-top:1px solid #eee;padding-top:1rem}.machine-specs li{display:flex;align-items:start;gap:.5rem}.machine-specs svg{width:18px;height:18px;border-radius:12px}.faq-grid{column-count:2;column-gap:2rem;max-width:1200px;margin:0 auto}.faq-item{background:var(--bg-light);padding:2rem;border-radius:16px;transition:var(--transition);border:1px solid transparent;break-inside:avoid-column;margin-bottom:2rem;display:inline-block;width:100%}.faq-item:hover{background:var(--white);box-shadow:0 10px 30px #0000000d;border-color:#eee;transform:translateY(-5px)}.faq-question{margin-bottom:1rem;color:var(--primary-color);font-size:1.1rem;line-height:1.4}.faq-answer{color:var(--text-light);font-size:.95rem;line-height:1.7}.about-content{text-align:center;max-width:900px;margin:0 auto}.about-content h3{font-size:3rem;margin-bottom:2rem;line-height:1.2}.about-content p{font-size:1.15rem;margin-bottom:1.5rem;opacity:.9}.contact-container{display:grid;place-items:center}.contact-info{width:100%;max-width:700px;text-align:left}.contact-info h2{text-align:center}.contact-info h3{margin:2rem 0 1rem;font-size:1.2rem;color:var(--primary-color)}.contact-form{margin-top:2rem;display:grid;gap:1.25rem}.form-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.input-wrapper{display:flex;flex-direction:column;gap:.3rem}.input-wrapper label{font-weight:500;font-size:.9rem}input[type=text],input[type=email],input[type=tel],textarea{width:100%;padding:.8rem;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:1rem;transition:border-color .3s}input:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2e7d321a}.radio-group{display:flex;flex-direction:column;gap:.5rem}.radio-group label{font-weight:400;display:flex;align-items:center;gap:.5rem;cursor:pointer}.other-radio{display:flex;align-items:center;gap:.5rem}.inline-input{padding:.4rem!important;width:auto!important;flex-grow:1}.checkbox-wrapper label{display:flex;align-items:start;gap:.8rem;font-weight:400;cursor:pointer}.checkbox-wrapper input{margin-top:4px}.contact-alternatives a{color:var(--primary-color);font-weight:600;text-decoration:underline}footer{background-color:#1a1a1a;color:var(--white);padding:2rem 0;text-align:center}.footer-content p{color:#888}@media (max-width: 768px){.hero h1{font-size:2.5rem}.grid-2{grid-template-columns:1fr}.nav-links{display:none}.mobile-menu-btn{display:block}.form-group{grid-template-columns:1fr}.contact-info{text-align:left}}.contact-alternatives{margin-top:4rem;padding-top:2rem;border-top:1px solid #eee}.contact-alternatives h4{margin-bottom:2rem;color:var(--text-dark);font-size:1.2rem}.contact-methods{display:flex;flex-wrap:wrap;gap:3rem}.contact-method{display:flex;align-items:flex-start;gap:1rem}.method-icon{background-color:var(--bg-light);color:var(--primary-color);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.method-icon svg{width:24px;height:24px}.method-details{display:flex;flex-direction:column;gap:.5rem}.method-details a{color:var(--text-light);font-size:1rem;transition:color .3s}.method-details a:hover{color:var(--primary-color);text-decoration:none}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}.dropdown{position:relative;display:inline-block}.nav-links .dropdown .dropbtn{display:flex;align-items:center;gap:4px;cursor:pointer}.dropdown-content{display:none;position:absolute;background-color:#fff;min-width:260px;box-shadow:0 8px 16px #0000001a;z-index:1000;border-radius:8px;padding:.5rem 0;top:100%;left:50%;transform:translate(-50%);border:1px solid #f0f0f0;margin-top:10px}.dropdown-content:before{content:"";position:absolute;bottom:100%;left:50%;margin-left:-8px;border-width:8px;border-style:solid;border-color:transparent transparent #ffffff transparent}.dropdown-content:after{content:"";position:absolute;bottom:100%;left:0;width:100%;height:10px}.dropdown-content li{list-style:none;display:block!important;margin:0!important}.dropdown-content a{color:var(--text-dark)!important;padding:12px 20px!important;text-decoration:none;display:block!important;font-size:.95rem;transition:background-color .2s;text-align:left;white-space:nowrap;border-radius:0!important;font-weight:400!important}.dropdown-content a:hover{background-color:var(--bg-light)!important;color:var(--primary-color)!important}.dropdown:hover .dropdown-content{display:block;animation:fadeIn .2s ease-out}.dropdown:hover .dropbtn{color:var(--primary-color)}.text-overlay-card{position:relative;background-size:cover;background-position:center;border-radius:16px;overflow:hidden;color:var(--white);padding:6rem 2rem;text-align:center;margin-bottom:3rem;box-shadow:0 10px 30px #00000026}.text-overlay-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1}.text-overlay-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.coffee-intro{background-image:url(/images/coffee-cup.png)}.fruits-intro{background-image:url(/images/bulk-nuts.png)}.about-intro-bg{background:linear-gradient(#0009,#0009),url(/images/comfort-food.jpeg);background-size:cover;background-position:center;background-attachment:fixed;padding:8rem 0;color:var(--white);text-align:center}.about-intro-content{max-width:900px;margin:0 auto}.about-intro-content h3{font-size:3rem;margin-bottom:2rem;line-height:1.2}.about-intro-content p{font-size:1.15rem;margin-bottom:1.5rem;opacity:.95;line-height:1.6}@media (max-width: 900px){.text-overlay-card{padding:4rem 1rem}.about-intro-bg{padding:5rem 1rem}.about-intro-content h3{font-size:2rem}}.customer-logos{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4rem;margin-top:2rem}.customer-logo{height:60px;width:auto;object-fit:contain;filter:grayscale(100%) opacity(.7);transition:all .3s ease}.customer-logo:hover{filter:grayscale(0%) opacity(1);transform:scale(1.05)}.faq-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.faq-tab-btn{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);padding:.8rem 1.5rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Outfit,sans-serif}.faq-tab-btn:hover,.faq-tab-btn.active{background:var(--primary-color);color:var(--white)}.faq-category{display:none;animation:fadeIn .5s ease}.faq-category.active{display:block}.faq-item{cursor:pointer;transition:all .3s ease}.faq-question{display:flex;justify-content:space-between;align-items:center;gap:1rem}.faq-question h4{margin-bottom:0;flex:1}.faq-icon{min-width:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;color:var(--primary-color)}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{display:none;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1);animation:slideDown .3s ease}.faq-item.active .faq-answer{display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.solution-block.bg-coffee,.solution-block.bg-fruits{position:relative;padding:8rem 2rem;overflow:hidden;color:var(--white);box-shadow:0 20px 40px #00000026;width:100%}.solution-block.bg-coffee{padding-bottom:10rem}.solution-block.bg-fruits{padding-top:10rem}.wave-container{position:absolute;left:0;width:100%;overflow:hidden;line-height:0;z-index:3;pointer-events:none}.wave-container svg{position:relative;display:block;width:calc(100% + 1.3px);height:120px}.wave-bottom{bottom:-1px}.wave-top{top:-1px;transform:rotate(180deg)}.wave-container path{fill:var(--white)}.solution-block.bg-coffee{background:url(/assets/coffee-cup-DMLS0S68.png) no-repeat center center/cover}.solution-block.bg-fruits{background:url(/assets/bulk-nuts-C7d9yk9d.png) no-repeat center center/cover}.solution-block.bg-coffee:before,.solution-block.bg-fruits:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000000bf,#00000080);z-index:1}.solution-content{position:relative;z-index:2;max-width:1200px;margin:0 auto}.solution-block .section-desc{color:#000000e6}.solution-block .solution-title{color:var(--primary-color);margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,.3);font-size:2.5rem}.solution-block .intro-text{font-size:1.25rem;max-width:800px;margin:0 auto 4rem;line-height:1.6;text-align:center;font-weight:500}.solution-block .card{background:#fffffff2;color:var(--text-color);border:none;box-shadow:0 10px 20px #0000001a;text-align:left}.solution-block .card h3{color:var(--primary-color)}.solution-block .btn-primary{background:var(--white);color:var(--primary-color);border:2px solid var(--white)}.solution-block .btn-primary:hover{background:transparent;color:var(--white)}.section-separator{background-color:var(--primary-color);color:var(--white);padding:3rem 2rem;text-align:center;width:100%;position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.section-separator p{font-size:1.5rem;font-weight:600;font-family:Outfit,sans-serif;margin:0}.section-separator .btn{margin:0}
