:root{--green:#0d3428;--green2:#174b39;--cream:#f6f0df;--gold:#f0b44d;--ink:#14221c;--white:#fff;--muted:#77827d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;background:#f8f5ed;color:var(--ink);overflow-x:hidden}a{text-decoration:none;color:inherit}.announcement{background:#08271e;color:#d8e6dc;text-align:center;padding:9px 20px;font-size:12px;letter-spacing:.08em}.site-header{position:absolute;top:36px;left:0;width:100%;height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;z-index:20;color:white;border-bottom:1px solid rgba(255,255,255,.2)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:42px;height:42px}.brand span{display:flex;flex-direction:column;line-height:.83}.brand strong{font-size:24px;letter-spacing:.12em}.brand small{font-size:10px;letter-spacing:.5em;color:var(--gold);margin-top:8px}.desktop-nav{display:flex;gap:30px;font-size:14px}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--gold);transition:.3s}.desktop-nav a:hover:after{width:100%}.header-actions{display:flex;gap:10px;align-items:center}.icon-btn,.menu-btn{background:none;border:0;color:white;font-size:24px}.menu-btn{display:none}.cart-pill{border:1px solid rgba(255,255,255,.45);border-radius:99px;padding:10px 14px;font-size:13px}.cart-pill span{background:var(--gold);color:#08271e;border-radius:50%;display:inline-grid;place-items:center;width:20px;height:20px;margin-left:7px}.hero{min-height:92vh;position:relative;display:flex;align-items:flex-end;padding:0 7vw 10vh;color:white;overflow:hidden}.hero-media{position:absolute;inset:0;background:url('https://www.beans-are-evil.com/images/comment-le-commerce-revolutionne-lachat-de-produits-alimentaires-avantages-et-defis.jpg') center/cover;transform:scale(1.08)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,25,19,.9) 0%,rgba(5,27,20,.58) 48%,rgba(5,20,15,.15) 100%),linear-gradient(0deg,rgba(4,20,15,.7),transparent 50%)}.hero-copy{position:relative;z-index:2;max-width:780px}.eyebrow{font-size:11px;letter-spacing:.22em;color:#ffd88d;font-weight:700}.eyebrow.dark{color:#9b6a14}.hero h1{font-family:'Playfair Display',serif;font-size:clamp(58px,8vw,118px);line-height:.88;margin:18px 0 22px;letter-spacing:-.04em}.hero h1 em{color:var(--gold);font-weight:600}.hero p{font-size:18px;line-height:1.7;max-width:650px;color:#e8ede9}.hero-cta{display:flex;align-items:center;gap:28px;margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;border-radius:2px;font-weight:700;font-size:14px;transition:.3s}.btn-primary{background:var(--gold);color:#102b22}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(0,0,0,.2)}.text-link{font-size:14px;border-bottom:1px solid currentColor;padding-bottom:3px}.hero-card{position:absolute;right:6vw;bottom:10vh;z-index:3;width:260px;padding:24px;background:rgba(247,240,220,.1);backdrop-filter:blur(13px);border:1px solid rgba(255,255,255,.22);display:flex;flex-direction:column;gap:6px}.hero-card span{font-size:10px;letter-spacing:.18em;color:#ffd88d}.hero-card strong{font-family:'Playfair Display',serif;font-size:25px}.hero-card small{color:#d9dfdc}.scroll-indicator{position:absolute;right:2vw;bottom:10vh;z-index:3;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em}.scroll-indicator span{display:inline-block;height:60px;width:1px;background:#fff;margin-top:15px;opacity:.5}.section{padding:100px 6vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-head h2,.newsletter h2{font-family:'Playfair Display',serif;font-size:clamp(42px,5vw,68px);line-height:1;margin:8px 0 0}.dark-link{color:#5c655f}.category-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.category-card{height:530px;position:relative;overflow:hidden;color:white}.cat-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .8s}.category-card:hover .cat-bg{transform:scale(1.06)}.cat-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,28,20,.82),transparent 60%)}.cat-1{background-image:url('https://cdn.dribbble.com/userupload/14896113/file/original-4a1318f75e2aeaed7f2490e3dd4fc9ca.jpg?resize=1600x1200&vertical=center')}.cat-2{background-image:url('https://cdn.dribbble.com/userupload/13625956/file/original-16ed0b11ef2edb469d0a0256164c5108.jpg?resize=1600x1200')}.cat-3{background-image:url('https://www.beans-are-evil.com/images/comment-le-commerce-revolutionne-lachat-de-produits-alimentaires-avantages-et-defis.jpg')}.cat-content{position:absolute;left:28px;right:28px;bottom:26px;z-index:2}.cat-content span{font-size:10px;letter-spacing:.15em;color:#f4ca78}.cat-content h3{font-family:'Playfair Display',serif;font-size:34px;margin:8px 0}.cat-content p{opacity:.8}.products-section{background:#fff}.tabs{display:flex;gap:12px}.tabs button{border:1px solid #d9dedb;background:white;padding:9px 14px;border-radius:99px}.tabs .active{background:var(--green);color:white}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-image{height:350px;position:relative;background-size:cover;background-position:center}.p1{background-image:url('https://www.beans-are-evil.com/images/comment-le-commerce-revolutionne-lachat-de-produits-alimentaires-avantages-et-defis.jpg')}.p2{background-image:url('https://cdn.dribbble.com/userupload/14896113/file/original-4a1318f75e2aeaed7f2490e3dd4fc9ca.jpg?resize=1600x1200&vertical=center')}.p3{background-image:url('https://cdn.dribbble.com/userupload/13625956/file/original-16ed0b11ef2edb469d0a0256164c5108.jpg?resize=1600x1200')}.p4{background-image:url('https://www.beans-are-evil.com/images/comment-le-commerce-revolutionne-lachat-de-produits-alimentaires-avantages-et-defis.jpg')}.badge{position:absolute;top:14px;left:14px;background:#f2b84b;padding:7px 9px;font-size:9px;font-weight:800;letter-spacing:.08em}.badge.new{background:#173e30;color:white}.heart{position:absolute;right:14px;top:12px;background:white;border:0;border-radius:50%;width:38px;height:38px;font-size:20px}.product-meta{padding:17px 3px}.product-meta small{color:#8b948f}.product-meta h3{font-family:'Playfair Display',serif;font-size:24px;margin:7px 0 14px}.product-meta>div{display:flex;align-items:center;justify-content:space-between}.add{width:38px;height:38px;border:0;background:var(--green);color:white;border-radius:50%;font-size:20px}.story-section{display:grid;grid-template-columns:1fr 1fr;min-height:700px;background:var(--green);color:white}.story-image{background:url('https://cdn.dribbble.com/userupload/23843095/file/original-76d0a0cadc3cbd9446dbbd19b156fb8c.png?crop=0x0-3201x2401&format=webp&resize=700x525&vertical=center') center/cover;min-height:600px}.story-copy{padding:90px 8vw;align-self:center}.story-copy h2{font-family:'Playfair Display',serif;font-size:clamp(46px,5vw,72px);line-height:1.02;margin:12px 0 25px}.story-copy p{font-size:17px;line-height:1.8;color:#dce5e1}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid rgba(255,255,255,.15);margin:38px 0;padding-top:28px}.stats div{display:flex;flex-direction:column}.stats strong{font-family:'Playfair Display',serif;font-size:34px;color:var(--gold)}.stats span{font-size:11px;color:#b9c8c1;margin-top:5px}.btn-cream{background:var(--cream);color:var(--green)}.integration-strip{background:#efb64d;padding:80px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.integration-strip span{font-size:11px;font-weight:800;letter-spacing:.2em}.integration-strip h2{font-family:'Playfair Display',serif;font-size:50px;line-height:1;margin:12px 0}.integration-strip p{line-height:1.7;max-width:600px}.flow{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.flow div{background:#0c3427;color:white;padding:24px 20px;font-weight:800;font-size:12px;letter-spacing:.08em}.stores-section{background:#f6f0df}.store-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.store-card{background:white;padding:50px;min-height:300px;border-top:4px solid var(--green)}.store-card span{color:#9b6a14;font-size:10px;letter-spacing:.2em;font-weight:800}.store-card h3{font-family:'Playfair Display',serif;font-size:31px;line-height:1.25}.store-card p{color:#6f7974}.store-card a{display:inline-block;margin-top:25px;font-weight:700}.newsletter{text-align:center;padding:110px 20px;background:#fff}.newsletter h2{max-width:800px;margin:12px auto 35px}.newsletter form{display:flex;max-width:560px;margin:auto;border-bottom:1px solid #9aa39e}.newsletter input{flex:1;border:0;padding:16px 0;font:inherit;outline:0}.newsletter button{border:0;background:none;font-weight:800;color:var(--green)}footer{background:#08271e;color:#c6d4ce;padding:70px 6vw 30px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;position:relative}footer>div{display:flex;flex-direction:column;gap:10px}footer strong{color:white}footer a{font-size:14px;color:#aebfb7}.footer-brand p{max-width:330px;color:#8da198}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:25px;margin-top:20px}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.floating{animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px)}}.cursor-glow{position:fixed;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(240,180,77,.13),transparent 70%);pointer-events:none;z-index:99;transform:translate(-50%,-50%)}
@media(max-width:900px){.desktop-nav{display:none}.menu-btn{display:block}.hero{padding:0 6vw 8vh}.hero-card,.scroll-indicator{display:none}.hero h1{font-size:68px}.category-grid,.product-grid,.story-section,.integration-strip,.store-grid{grid-template-columns:1fr}.category-card{height:420px}.product-grid{grid-template-columns:1fr 1fr}.story-copy{padding:70px 6vw}.section{padding:75px 5vw}.integration-strip{padding:65px 5vw}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:560px){.site-header{padding:0 18px}.brand strong{font-size:19px}.brand-mark{width:36px}.icon-btn{display:none}.hero{min-height:83vh}.hero h1{font-size:54px}.hero p{font-size:16px}.hero-cta{align-items:flex-start;flex-direction:column}.section-head{align-items:flex-start;gap:20px;flex-direction:column}.product-grid{grid-template-columns:1fr}.product-image{height:420px}.category-card{height:380px}.stats{grid-template-columns:1fr}.flow{justify-content:flex-start}footer{grid-template-columns:1fr}.footer-brand{grid-column:auto}}