*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3efe5;color:#102116;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.header{position:fixed;z-index:50;top:0;left:0;width:100%;height:92px;padding:18px 3.2vw;display:flex;align-items:center;justify-content:space-between;color:#fff;mix-blend-mode:difference;transition:.35s}.header nav{display:flex;gap:30px;font-size:11px;font-weight:700;letter-spacing:.08em}.header a{color:inherit}.brand{display:grid;line-height:.78;width:145px}.brand strong,.brand b{font-family:"Arial Narrow",Impact,Arial,sans-serif;font-size:31px;letter-spacing:-.02em}.brand b{color:#76bd3b}.brand small{font-size:8px;letter-spacing:.12em;margin-top:8px}.header-actions{display:flex;align-items:center;gap:18px}.whatsapp{border:1px solid currentColor;border-radius:30px;padding:11px 16px;font-size:10px;font-weight:700}.hamburger{width:44px;height:44px;border:1px solid currentColor;border-radius:50%;background:none;color:inherit;display:grid;place-content:center;gap:6px}.hamburger i{width:17px;height:1px;background:currentColor;display:block}.side-index{position:fixed;right:3vw;top:50%;transform:translateY(-50%);z-index:30;color:#fff;mix-blend-mode:difference;display:grid;gap:20px}.side-index a{font-size:10px;display:flex;gap:16px;align-items:center;opacity:.55;writing-mode:horizontal-tb}.side-index a span{font-weight:700}.side-index a.active{opacity:1}.side-index a.active:before{content:"";width:3px;height:28px;background:#76bd3b;position:absolute;left:-12px}.hero{height:100vh;min-height:720px;position:relative;background:#07140d;color:#fff;overflow:hidden}.hero-art{position:absolute;inset:-2%;overflow:hidden;transform:scale(1.02)}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;animation:heroZoom 14s ease-in-out infinite alternate}
@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.08)}}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,12,7,.82) 0%,rgba(3,12,7,.42) 43%,rgba(3,12,7,.08) 75%),linear-gradient(0deg,rgba(3,12,7,.45),transparent 35%)}.hero-content{position:relative;z-index:2;height:100%;display:flex;align-items:center;padding:100px 10vw 60px}.hero-copy{max-width:690px}.kicker{font-size:10px;letter-spacing:.2em;font-weight:800;margin:0 0 25px}.green{color:#67a936}.hero h1{font-family:"Arial Narrow",Impact,Arial,sans-serif;font-size:clamp(75px,10vw,155px);line-height:.78;letter-spacing:-.04em;margin:0;font-weight:800}.hero h1 span{color:#fff}.hero h1 em{color:#76bd3b;font-style:normal}.lead{font-size:16px;line-height:1.6;max-width:430px;color:#e2e8df;margin:30px 0}.hero-buttons{display:flex;align-items:center;gap:25px}.button{display:inline-flex;gap:25px;align-items:center;padding:17px 20px;border-radius:4px;font-size:10px;font-weight:800;letter-spacing:.06em}.primary{background:#80c63e;color:#102116}.watch{font-size:10px;font-weight:700;letter-spacing:.08em}.watch span{width:38px;height:38px;border:1px solid #fff;border-radius:50%;display:inline-grid;place-items:center;margin-right:10px}.hero-bottom{position:absolute;bottom:30px;left:10vw;font-size:9px;letter-spacing:.2em}.hero-bottom span{margin-left:20px;color:#80c63e;font-size:18px}.story{padding:130px 6vw 100px}.story-intro{display:grid;grid-template-columns:1fr 1.5fr .8fr;gap:50px;align-items:end;margin-bottom:70px}.story-intro h2,.section-title h2,.stores-head h2,.contact h2{font-family:"Arial Narrow",Impact,Arial,sans-serif;font-size:clamp(65px,9vw,135px);line-height:.76;letter-spacing:-.035em;margin:0}.story-intro h2 i,.section-title h2 i,.stores-head h2 i,.contact h2 i,.statement i{color:#66a83a;font-family:"Arial Narrow",Impact,Arial,sans-serif;font-style:normal}.story-intro>p:last-child{font-size:13px;line-height:1.8;color:#657066;max-width:330px}.journey{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #bfc2b9}.journey article{padding:15px;border-right:1px solid #bfc2b9;min-height:390px}.journey article:last-child{border:0}.photo{height:190px;background-size:cover;background-position:center;margin:-1px -1px 25px}.p1{background-image:url("../assets/images/fresh-mandi-hero.png");background-position:15% 65%}.p2{background-image:url("../assets/images/fresh-mandi-hero.png");background-position:45% 65%}.p3{background-image:url("../assets/images/fresh-mandi-hero.png");background-position:65% 65%}.p4{background-image:url("../assets/images/fresh-mandi-hero.png");background-position:82% 50%}.p5{background-image:url("../assets/images/fresh-mandi-hero.png");background-position:100% 90%}.journey span{font-size:9px;color:#67a936;font-weight:800}.journey h3{font-family:"Arial Narrow",Impact,Arial,sans-serif;font-size:32px;margin:10px 0}.journey p{font-size:12px;line-height:1.6;color:#687168;margin:0}.quality{min-height:95vh;background:#102719;color:#f4f4ed;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:8vw 10vw;gap:8vw;overflow:hidden}.quality-orbit{width:min(36vw,470px);aspect-ratio:1;border:1px solid #526a55;border-radius:50%;display:grid;place-items:center;position:relative}.orbit-ring{position:absolute;inset:35px;border:1px dashed #536e57;border-radius:50%;animation:spin 16s linear infinite}.quality-number{font-family:"Arial Narrow",Impact,Arial,sans-serif;font-size:145px;font-weight:800;line-height:.7}.quality-number small{font-size:45px;color:#7cc53c}.quality-word{position:absolute;bottom:17%;font-size:11px;letter-spacing:.4em;color:#b5c2b2}@keyframes spin{to{transform:rotate(360deg)}}.quality-copy h2{font-family:"Arial Narrow",Impact,Arial,sans-serif;font-size:clamp(58px,7vw,105px);line-height:.8;letter-spacing:-.03em;margin:0}.quality-copy h2 i{font-style:normal;color:#76bd3b}.quality-points{margin-top:50px;display:grid;gap:15px}.quality-points div{border-top:1px solid #3d5541;padding:14px 0;display:flex;gap:30px;font-size:12px}.quality-points b{color:#76bd3b}.produce{padding:130px 6vw}.section-title{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-title>p{max-width:330px;color:#687168;font-size:13px;line-height:1.7}.produce-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:70px}.produce-card{height:510px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;position:relative;overflow:hidden}.produce-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.6))}.produce-card>*{position:relative;z-index:2}.card-red{background:#a6372d}.card-green{background:#315d35}.card-yellow{background:#bd8b24}.card-orange{background:#b85b22}.produce-art{font-size:160px;position:absolute;top:35px;left:50%;transform:translateX(-50%);filter:drop-shadow(0 30px 25px rgba(0,0,0,.2));transition:.5s}.produce-card:hover .produce-art{transform:translateX(-50%) scale(1.08) rotate(5deg)}.produce-card small{font-size:8px;letter-spacing:.2em}.produce-card h3{font-family:"Arial Narrow",Impact,Arial,sans-serif;font-size:52px;line-height:.8;margin:8px 0}.produce-card p{font-size:10px;margin:0}.stores{background:#0d2014;color:#f2f4ec;padding:130px 6vw}.stores-head{display:flex;justify-content:space-between;align-items:end}.stores-head>p{max-width:330px;color:#aab8aa;font-size:13px;line-height:1.7}.map{height:520px;margin:75px 0 30px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#27472c,#0c1d12 65%);border:1px solid #36513a}.map:before,.map:after{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(35deg,transparent 0 48px,#315236 49px 50px);opacity:.25;transform:rotate(8deg)}.map:after{transform:rotate(-28deg);opacity:.15}.map-glow{position:absolute;width:300px;height:300px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:#6bb73b;filter:blur(90px);opacity:.12}.map-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:"Arial Narrow",Impact,Arial,sans-serif;font-weight:800;font-size:clamp(100px,17vw,250px);color:#1b3922;letter-spacing:-.05em}.pin{position:absolute;z-index:2;border:0;background:#7dc43d;color:#102116;width:48px;height:48px;border-radius:50%;box-shadow:0 0 0 10px rgba(125,196,61,.12);font-weight:800}.pin.a{left:28%;top:27%}.pin.b{right:27%;top:32%}.pin.c{left:46%;bottom:20%}.pin.d{right:17%;bottom:18%}.store-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.store-list article{border:1px solid #38513c;padding:28px;min-height:270px;display:flex;flex-direction:column}.store-list article>span{color:#78bd3e;font-size:9px}.store-list h3{font-family:"Arial Narrow",Impact,Arial,sans-serif;font-size:30px;margin:50px 0 8px}.store-list p{color:#aebaae;font-size:12px;margin:0}.store-list small{font-size:8px;letter-spacing:.15em;color:#829283;margin-top:auto}.store-list a{font-size:9px;text-decoration:underline;margin-top:18px}.statement{height:75vh;background:#d7ebbd;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.statement div{font-family:"Arial Narrow",Impact,Arial,sans-serif;font-size:clamp(70px,11vw,170px);font-weight:800;line-height:.75;letter-spacing:-.04em}.statement span{position:absolute;bottom:12%;font-size:10px;letter-spacing:.3em}.contact{min-height:70vh;padding:120px 10vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.contact-card{max-width:440px}.contact-card p{font-size:14px;color:#667066;line-height:1.7}.contact-card>a:not(.button){display:block;font-size:21px;text-decoration:underline;text-underline-offset:7px;margin:22px 0}.dark{background:#102116;color:#fff}footer{background:#0b1710;color:#dfe8dc;padding:55px 6vw;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center}footer p{font-size:12px;color:#9eaa9e}footer>div{display:flex;gap:22px;justify-content:flex-end;font-size:9px;letter-spacing:.1em}footer>small{grid-column:1/-1;color:#657365;font-size:9px}.loader{position:fixed;z-index:100;inset:0;background:#0b1710;color:#fff;display:grid;place-items:center;align-content:center;gap:20px}.loader-logo{width:65px;height:65px;border:1px solid #7cc53c;border-radius:50%;display:grid;place-items:center;font-weight:800}.loader-bar{height:1px;width:180px;background:#2e4b32}.loader-bar span{display:block;height:100%;width:0;background:#7cc53c}.loader p{font-size:8px;letter-spacing:.25em}@media(max-width:900px){.header nav,.side-index{display:none}.header{height:75px;padding:14px 5vw}.whatsapp{display:none}.hero-content{padding:100px 7vw 55px}.hero h1{font-size:70px}.hero-art{background-position:58% center}.story,.produce,.stores{padding:90px 7vw}.story-intro,.quality,.contact{grid-template-columns:1fr}.story-intro{gap:30px}.journey{grid-template-columns:1fr 1fr}.journey article{min-height:350px}.quality{padding:90px 7vw}.quality-orbit{width:75vw;margin:auto}.produce-grid{grid-template-columns:1fr 1fr}.produce-card{height:430px}.stores-head,.section-title{display:block}.stores-head>p,.section-title>p{margin-top:30px}.store-list{grid-template-columns:1fr}.map{height:400px}.contact{padding:90px 7vw}.statement{height:55vh}footer{grid-template-columns:1fr;padding:45px 7vw}footer>div{justify-content:flex-start}}@media(max-width:520px){.hero h1{font-size:57px}.hero-copy{padding-top:145px}.lead{font-size:13px}.hero-buttons{flex-direction:column;align-items:flex-start}.journey,.produce-grid{grid-template-columns:1fr}.journey article{min-height:330px}.quality-copy h2{font-size:58px}.quality-number{font-size:105px}.produce-card{height:390px}.map{height:330px}.map-title{font-size:105px}.statement div{font-size:68px}.brand strong,.brand b{font-size:26px}}

/* HOSTINGER-SAFE MOTION: no external libraries required */
.journey article,.produce-card,.store-list article,.quality-copy,.quality-orbit{opacity:0;transform:translateY(45px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal-in{opacity:1!important;transform:translateY(0)!important}
.hero-copy .kicker,.hero-copy h1,.hero-copy .lead,.hero-copy .hero-buttons{opacity:0;transform:translateY(35px);animation:heroIn .8s cubic-bezier(.2,.7,.2,1) forwards}
.hero-copy h1{animation-delay:.15s}.hero-copy .lead{animation-delay:.3s}.hero-copy .hero-buttons{animation-delay:.45s}
@keyframes heroIn{to{opacity:1;transform:none}}
.pin{transition:transform .3s,box-shadow .3s}.pin:hover{transform:scale(1.18);box-shadow:0 0 0 16px rgba(125,196,61,.16)}
.produce-art{animation:floatProduce 4s ease-in-out infinite}
.produce-card:nth-child(2) .produce-art{animation-delay:.5s}.produce-card:nth-child(3) .produce-art{animation-delay:1s}.produce-card:nth-child(4) .produce-art{animation-delay:1.5s}
@keyframes floatProduce{0%,100%{margin-top:0}50%{margin-top:-18px}}
.statement div{transition:transform .1s linear}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}