:root{--accent:#ef2028;--secondary:#073f86;--ink:#061b3b}.hero-shade{background:linear-gradient(90deg,rgba(2,14,35,.96),rgba(3,25,55,.73) 46%,rgba(3,25,55,.07) 78%)}.footer{background:linear-gradient(135deg,#04172d,#073b70)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.5}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.wrap{width:min(1240px,calc(100% - 38px));margin:auto}.topline{background:color-mix(in srgb,var(--secondary),#001 20%);color:#dce8f4;font-size:11px}.topline .wrap{display:flex;justify-content:space-between;padding:7px 0}.head-main{display:grid;grid-template-columns:240px 1fr auto;align-items:center;gap:25px;padding:12px 0}.brand img{width:220px;height:72px;object-fit:contain;background:#fff}.head-contact{display:flex;justify-content:flex-end;gap:25px}.head-contact a{display:grid;grid-template-columns:30px auto;grid-template-rows:auto auto;align-items:center;column-gap:9px;font-size:13px}.head-contact .ico{grid-row:1/3;width:27px;height:27px;color:var(--accent)}.ico svg,.head-contact svg,.hero-mini svg,.benefit-grid svg,.commit-cards svg,.fresh-strip svg,.premium-features svg,.values-grid svg,.contact-info svg,.float-wa svg{width:100%;height:100%;fill:currentColor}.head-contact .green{color:#12a64a}.head-contact small{color:#778196}.head-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:14px 21px;font-weight:850;cursor:pointer;transition:.25s;position:relative;overflow:hidden}.head-cta,.btn.primary{background:var(--accent);color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--accent),transparent 73%)}.head-cta:hover,.btn.primary:hover{transform:translateY(-2px);filter:brightness(1.04)}.btn.ghost{background:#fff;color:var(--secondary);border:1px solid color-mix(in srgb,var(--secondary),transparent 55%)}.desktop-nav{background:var(--secondary);position:sticky;top:0;z-index:70;box-shadow:0 5px 20px rgba(5,25,55,.13)}.desktop-nav .wrap{display:flex;align-items:center}.desktop-nav a,.nav-drop>button{color:#fff;border:0;background:none;padding:15px 18px;font-weight:800;font-size:14px;cursor:pointer}.desktop-nav a.active{background:rgba(255,255,255,.16)}.nav-drop{margin-left:auto;position:relative}.drop-panel{position:absolute;right:0;top:100%;display:none;grid-template-columns:1fr;width:250px;background:#fff;padding:10px;border-radius:0 0 14px 14px;box-shadow:0 18px 35px rgba(0,0,0,.16)}.nav-drop.open .drop-panel{display:grid}.drop-panel a{color:var(--ink)!important;padding:11px 12px!important;border-radius:8px}.drop-panel a:hover{background:#f3f7fb}.hamb,.mobile-nav{display:none}.hero{height:610px;position:relative;overflow:hidden;background:#061a34}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.02);animation:heroDrift 16s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,21,47,.9) 0%,rgba(3,21,47,.68) 37%,rgba(3,21,47,.12) 64%,rgba(3,21,47,0) 100%)}.hero-content{position:relative;z-index:2;padding-top:80px;color:#fff}.eyebrow{display:block;font-size:12px;letter-spacing:.18em;font-weight:950;color:var(--accent);margin-bottom:14px}.hero h1{font-size:clamp(48px,6.3vw,78px);line-height:.98;letter-spacing:-.045em;max-width:720px;margin:0 0 20px}.hero p{font-size:18px;max-width:590px;color:#e7eef6}.hero-actions{display:flex;gap:12px;margin:28px 0}.hero-mini{display:flex;gap:26px;flex-wrap:wrap}.hero-mini div{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800}.hero-mini svg{width:24px;height:24px;color:var(--accent)}@keyframes heroDrift{to{transform:scale(1.065) translateX(-.8%)}}.section{padding:76px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head h2,.about-copy h2,.commit-layout h2,.logistics h2,.story-copy h2,.contact-grid h2{font-size:clamp(32px,4vw,50px);line-height:1.04;margin:0}.section-head>a{font-weight:850;color:var(--secondary)}.cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.cat-card{background:#fff;border-radius:14px;overflow:hidden;border:1px solid #e4e8ee;box-shadow:0 10px 28px rgba(10,30,60,.08);transition:.28s;position:relative}.cat-card:before{content:"";position:absolute;inset:0;border:2px solid transparent;border-radius:14px;transition:.25s;pointer-events:none}.cat-card:hover{transform:translateY(-7px);box-shadow:0 17px 35px rgba(10,30,60,.14)}.cat-card:hover:before{border-color:var(--accent)}.cat-card img{width:100%;height:155px;object-fit:cover}.cat-card>div{padding:13px}.cat-card h3{margin:0 0 3px;font-size:16px}.cat-card p{margin:0;color:#667287;font-size:11px}.cat-card span{display:inline-block;margin-top:8px;color:var(--accent);font-size:12px;font-weight:900}.featured{background:#fbfcfe}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.home-products{grid-template-columns:repeat(3,1fr)}.product-card{background:#fff;border:1px solid #e2e7ed;border-radius:16px;overflow:hidden;box-shadow:0 10px 28px rgba(10,30,60,.07);transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(10,30,60,.13)}.pc-img{aspect-ratio:4/3;overflow:hidden;background:#f6f8fb}.pc-img img{width:100%;height:100%;object-fit:cover;transition:.45s}.product-card:hover .pc-img img{transform:scale(1.045)}.pc-body{padding:17px}.pc-body h3{margin:0 0 8px;font-size:20px}.pc-body p{color:#5e697d;font-size:13px;min-height:78px}.enquire{border:0;background:none;color:var(--secondary);font-weight:900;padding:0;cursor:pointer}.about-band{padding:60px 0;background:linear-gradient(135deg,#f6f9fd,#eef4fb)}.about-layout{display:grid;grid-template-columns:1fr 1.05fr .95fr;gap:32px;align-items:center}.about-photo{height:330px;position:relative}.about-photo>img:first-child{width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:0 16px 36px rgba(5,30,60,.18)}.about-photo .float-prod{position:absolute;right:-10px;bottom:-12px;width:45%;border:8px solid #fff;border-radius:20px;box-shadow:0 14px 28px rgba(10,30,60,.2)}.about-copy p{color:#526075}.benefits{border-left:1px solid #d8e0e9;padding-left:30px}.benefits h3{font-size:26px;margin-top:0}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.benefit-grid>div{display:grid;justify-items:center;text-align:center;background:#fff;border-radius:16px;padding:18px;box-shadow:0 9px 22px rgba(10,30,60,.08)}.benefit-grid svg{width:38px;height:38px;color:var(--accent);margin-bottom:8px}.premium-features,.fresh-strip{position:relative;z-index:4;margin-top:-44px}.premium-features .wrap,.fresh-strip .wrap{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:18px;box-shadow:0 18px 42px rgba(63,44,13,.15);overflow:hidden;border:1px solid #eadfcf}.premium-features .wrap>div,.fresh-strip .wrap>div{padding:21px;text-align:center;border-right:1px solid #e7e4de}.premium-features .wrap>div:last-child,.fresh-strip .wrap>div:last-child{border-right:0}.premium-features svg,.fresh-strip svg{width:38px;height:38px;color:var(--accent);margin:auto auto 8px}.premium-features b,.premium-features span,.fresh-strip b{display:block}.premium-features span{font-size:11px;color:#6c7482}.commit-band{padding:72px 0;overflow:hidden}.premium-commit{background:linear-gradient(135deg,#fff9ee,#f4dfb9)}.fresh-commit{background:linear-gradient(135deg,#edfaed,#d5f1db);position:relative}.fresh-commit:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 30%,rgba(54,160,76,.14),transparent 30%),radial-gradient(circle at 90% 75%,rgba(54,160,76,.14),transparent 27%)}.commit-layout{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;position:relative;z-index:1}.commit-layout p{color:#536273;font-size:16px}.commit-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.commit-cards article{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.9);padding:22px;border-radius:16px;box-shadow:0 12px 27px rgba(30,70,40,.08)}.commit-cards svg{width:40px;height:40px;color:var(--accent)}.logistics{height:360px;position:relative;overflow:hidden;background:#09284c}.logistics-bg{position:absolute;inset:0;background-size:cover;background-position:center}.logistics:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,23,48,.92),rgba(4,23,48,.52) 40%,transparent 68%)}.logistics-copy{position:relative;z-index:2;color:#fff;padding-top:65px}.logistics-copy h2{max-width:540px}.logistics-copy p{color:#dbe6ef;max-width:500px}.inner-hero{position:relative;height:320px;background-size:cover;background-position:center;display:flex;align-items:center}.inner-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,24,52,.94),rgba(4,24,52,.55),rgba(4,24,52,.14))}.inner-copy{position:relative;color:#fff}.inner-copy h1{font-size:clamp(44px,6vw,70px);line-height:1;margin:0 0 12px}.inner-copy p{max-width:720px;color:#e2ebf4;font-size:17px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.story-copy p{color:#596579;font-size:16px}.story-images{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr 1fr;gap:12px;height:430px}.story-images img{width:100%;height:100%;object-fit:cover;border-radius:18px;box-shadow:0 12px 30px rgba(10,30,60,.12)}.story-images img:first-child{grid-row:1/3}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filter{border:1px solid #dfe5ec;background:#fff;padding:9px 14px;border-radius:999px;font-weight:850;cursor:pointer}.filter.active{background:var(--secondary);color:#fff}.large-cats{grid-template-columns:repeat(3,1fr)}.large-cats .cat-card img{height:260px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.values-grid article{padding:28px;background:#fff;border:1px solid #e3e7ed;border-radius:18px;box-shadow:0 10px 27px rgba(10,30,60,.07)}.values-grid svg{width:44px;height:44px;color:var(--accent)}.values-grid h3{font-size:20px;margin:12px 0 7px}.values-grid p{color:#617084}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px}.contact-info>a,.contact-info>div{display:flex;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid #e2e7ed}.contact-info svg{width:32px;height:32px;color:var(--accent)}.contact-info span{display:grid}.contact-info small{color:#748094}.wa-form{background:linear-gradient(145deg,#f7f9fc,#eef4f9);padding:30px;border-radius:20px;border:1px solid #e0e5ec}.wa-form label{display:grid;gap:6px;margin:12px 0;font-weight:800}.wa-form input,.wa-form textarea{border:1px solid #d6dde6;border-radius:9px;background:#fff;padding:12px}.form-note{font-size:11px;color:#718096}.category-cta{margin-top:45px;text-align:center;background:linear-gradient(135deg,#f6f9fd,#eef3f8);padding:42px;border-radius:22px}.footer{background:linear-gradient(135deg,#061b34,#092d51);color:#d9e6f2}.foot-grid{display:grid;grid-template-columns:1.35fr .75fr 1fr 1.45fr;gap:34px;padding:48px 0}.logo-card{display:inline-block;background:#fff;border-radius:12px;padding:8px}.logo-card img{width:220px;height:auto}.foot-grid h4{color:#fff;margin:7px 0 12px}.foot-grid a,.foot-grid span{display:block;color:#c5d6e6;font-size:13px;margin:7px 0}.foot-grid p{color:#bcd0e0;font-size:13px;max-width:340px}.follow{margin-top:22px!important}.socials{display:flex;gap:9px}.social{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.22);animation:socialFloat 3s ease-in-out infinite}.social:nth-child(2){animation-delay:.3s}.social:nth-child(3){animation-delay:.6s}.social:nth-child(4){animation-delay:.9s}.social:nth-child(5){animation-delay:1.2s}.social svg{width:23px;height:23px;fill:currentColor}.fb{background:#1877f2}.ig{background:radial-gradient(circle at 30% 110%,#ffd600 0 18%,#ff7a00 28%,#ff0169 50%,#d300c5 70%,#7638fa 100%)}.li{background:#0a66c2}.yt{background:#ff0000}.tk{background:#111;text-shadow:-2px 0 #25f4ee,2px 0 #fe2c55}@keyframes socialFloat{50%{transform:translateY(-6px) rotate(3deg)}}.social-note{display:block;margin-top:9px;color:#8298aa;font-size:10px;line-height:1.3}.foot-bottom{border-top:1px solid rgba(255,255,255,.12)}.foot-bottom .wrap{display:flex;justify-content:space-between;padding:17px 0;font-size:11px;color:#94a9bc}.float-wa{position:fixed;z-index:90;right:18px;bottom:18px;background:#18a84b;color:#fff;border-radius:999px;padding:11px 15px;display:flex;align-items:center;gap:8px;font-weight:900;box-shadow:0 12px 28px rgba(20,140,70,.35)}.float-wa svg{width:23px;height:23px}.reveal{opacity:1;transform:none}.reveal.visible{opacity:1;transform:none}

@media(max-width:1000px){.head-main{grid-template-columns:210px 1fr auto}.head-contact{display:none}.hamb{display:flex;grid-column:2;width:42px;height:42px;border:0;border-radius:10px;background:#f1f4f8;flex-direction:column;justify-content:center;gap:5px;padding:0 11px}.hamb span{height:2px;background:var(--ink);display:block}.desktop-nav{display:none}.mobile-nav{display:block;max-height:0;overflow:hidden;background:#fff;box-shadow:0 16px 30px rgba(0,0,0,.12);transition:.3s;position:relative;z-index:60}.mobile-nav.open{max-height:650px}.mobile-nav-inner{width:min(720px,calc(100% - 36px));margin:auto;padding:10px 0 20px;display:grid}.mobile-nav a,.mobile-nav summary{padding:12px 5px;border-bottom:1px solid #e5e9ee;font-weight:800}.mobile-nav details a{padding-left:18px;color:var(--secondary)}.hero{height:560px}.hero-content{padding-top:70px}.cat-grid{grid-template-columns:repeat(3,1fr)}.about-layout{grid-template-columns:1fr 1fr}.benefits{grid-column:1/-1;border:0;padding:0}.product-grid{grid-template-columns:repeat(3,1fr)}.home-products{grid-template-columns:repeat(3,1fr)}.foot-grid{grid-template-columns:1fr 1fr}.commit-layout,.story-grid,.contact-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:1fr 1fr}.large-cats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.wrap{width:min(100% - 24px,1240px)}.topline{display:none}.head-main{grid-template-columns:minmax(120px,1fr) 42px auto;gap:8px;padding:8px 0}.brand img{width:145px;height:52px}.head-cta{padding:10px 11px;font-size:11px}.head-cta b{display:none}.hero{height:570px}.hero-bg{background-position:65% center}.hero-shade{background:linear-gradient(90deg,rgba(3,21,47,.94),rgba(3,21,47,.77) 58%,rgba(3,21,47,.22))}.hero-content{padding-top:50px}.hero h1{font-size:43px;max-width:360px}.hero p{font-size:15px;max-width:330px}.hero-actions{flex-wrap:wrap}.hero-mini{gap:12px}.hero-mini div{font-size:11px}.section{padding:54px 0}.section-head{align-items:flex-start}.section-head h2{font-size:34px}.cat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.cat-card img{height:130px}.cat-card p{display:none}.product-grid,.home-products{grid-template-columns:repeat(2,1fr);gap:10px}.pc-body{padding:12px}.pc-body h3{font-size:16px}.pc-body p{font-size:11px;min-height:78px}.about-layout{grid-template-columns:1fr}.about-photo{height:270px}.benefit-grid{grid-template-columns:1fr 1fr}.premium-features,.fresh-strip{margin-top:-25px}.premium-features .wrap,.fresh-strip .wrap{grid-template-columns:1fr 1fr}.premium-features .wrap>div,.fresh-strip .wrap>div{border-bottom:1px solid #e7e4de}.commit-cards{grid-template-columns:1fr 1fr}.logistics{height:400px}.logistics-bg{background-position:62% center}.logistics:after{background:linear-gradient(90deg,rgba(4,23,48,.96),rgba(4,23,48,.68) 55%,rgba(4,23,48,.1))}.inner-hero{height:285px}.inner-copy h1{font-size:42px}.story-images{height:330px}.large-cats{grid-template-columns:1fr 1fr}.large-cats .cat-card img{height:180px}.values-grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr 1fr;gap:22px}.foot-brand{grid-column:1/-1}.foot-bottom .wrap{flex-direction:column;gap:5px}.float-wa span{display:none}.float-wa{width:52px;height:52px;border-radius:50%;padding:14px}.social-note{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.hero-bg,.social{animation:none}.reveal{opacity:1;transform:none;transition:none}}
.hero-bg,.logistics-bg{filter:saturate(1.08) contrast(1.03);transform:scale(1.015);animation:heroDrift 14s ease-in-out infinite alternate}.categories-home{background:linear-gradient(180deg,#fff 0%,#f5f9ff 100%)}.cat-card,.product-card{transition:transform .35s ease,box-shadow .35s ease}.cat-card:hover,.product-card:hover{transform:translateY(-7px);box-shadow:0 18px 45px rgba(5,48,98,.16)}.corporate-band{position:relative;overflow:hidden}.corporate-band:after{content:"";position:absolute;right:-80px;top:-50px;width:330px;height:500px;background:url('../../shared/img/scenes/leaf-accent.webp') center/cover no-repeat;opacity:.08;pointer-events:none}@keyframes heroDrift{to{transform:scale(1.055) translate3d(-.5%,0,0)}}

/* Final visual QA revision */
.values-grid article{background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--accent),#fff 94%));border-top:4px solid var(--accent);transition:.3s;position:relative;overflow:hidden}.values-grid article:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-55px;bottom:-65px;background:color-mix(in srgb,var(--accent),transparent 90%)}.values-grid article:hover{transform:translateY(-7px);box-shadow:0 20px 38px color-mix(in srgb,var(--accent),transparent 82%)}.socials{align-items:center;justify-content:flex-start;flex-wrap:wrap}.social{flex:0 0 42px;width:42px;height:42px;border-radius:11px}.social:hover{transform:translateY(-7px) scale(1.08)!important;filter:brightness(1.08)}.product-card:nth-child(3n+1){border-top:3px solid color-mix(in srgb,var(--accent),#fff 10%)}.product-card:nth-child(3n+2){border-top:3px solid color-mix(in srgb,var(--secondary),#fff 10%)}.product-card:nth-child(3n){border-top:3px solid #18a84b}.featured{background:linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--accent),#fff 97%) 100%)}
/* Final revision: richer sections + centered animated social icons */
.section:nth-of-type(even){background:linear-gradient(135deg,rgba(8,57,111,.045),rgba(239,35,42,.035));position:relative;overflow:hidden}.section:nth-of-type(even)::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(239,35,42,.08),transparent 68%);right:-90px;top:-100px;animation:ambientFloat 8s ease-in-out infinite alternate;pointer-events:none}.socials{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;flex-wrap:wrap}.social{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;margin:0!important;transform-origin:center;animation:socialPulse 3.4s ease-in-out infinite}.social:nth-child(2){animation-delay:.2s}.social:nth-child(3){animation-delay:.4s}.social:nth-child(4){animation-delay:.6s}.social:nth-child(5){animation-delay:.8s}@keyframes socialPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.06)}}@keyframes ambientFloat{to{transform:translate(-35px,25px) scale(1.08)}}@media(max-width:760px){.socials{justify-content:center!important}.follow{text-align:center}}

/* CLIENT RICE GALLERY REVISION */
.client-rice-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:28px 0 10px}
.client-rice-gallery-item{margin:0;border-radius:22px;overflow:hidden;background:var(--card,#fff);box-shadow:0 14px 34px rgba(9,34,66,.12)}
.client-rice-gallery-item img{display:block;width:100%;height:300px;object-fit:cover;transition:transform .45s ease}
.client-rice-gallery-item:hover img{transform:scale(1.035)}
@media(max-width:700px){.client-rice-gallery{grid-template-columns:1fr;gap:16px}.client-rice-gallery-item img{height:230px}}
@media(prefers-reduced-motion:reduce){.client-rice-gallery-item img{transition:none}}

/* Final category spacing correction: keep all seven homepage category cards on one row on wide desktop and remove excess vertical gap. */
@media(min-width:1200px){
  .categories-home .cat-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
  .categories-home .cat-card img{height:145px}
  .categories-home{padding-bottom:42px}
}