/*
Theme Name: SpiceLink Indonesia
Description: Complete B2B Indonesian spices and food ingredients corporate theme.
Version: 2.0.0
Author: SpiceLink Indonesia
*/
:root{--g:#173b32;--d:#0b2a23;--c:#f5f0e6;--b:#8a5a32;--gold:#c69a45;--ink:#18352e;--muted:#68736e;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfaf6;color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}
.topbar{background:var(--g);color:#fff;font-size:11px;padding:7px 0}.topbar-in{display:flex;justify-content:space-between}.header{position:sticky;top:0;z-index:20;background:rgba(251,250,246,.97);backdrop-filter:blur(8px);border-bottom:1px solid #e7dfd0}.header-in{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{width:210px}.nav{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:700}.nav a:hover{color:var(--b)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 21px;border-radius:26px;border:1px solid var(--gold);font-size:13px;font-weight:800}.btn-gold{background:var(--gold);color:#fff}.btn-dark{background:var(--g);color:#fff;border-color:var(--g)}.btn-outline{color:#fff;border-color:#fff}.mobile{display:none;border:0;background:none;font-size:24px}
.hero{min-height:590px;color:#fff;display:flex;align-items:center;background:linear-gradient(90deg,rgba(5,28,22,.96),rgba(5,28,22,.70) 44%,rgba(5,28,22,.10)),url('assets/hero.jpg') center/cover}.hero-copy{padding:90px 0;max-width:700px}.eyebrow{text-transform:uppercase;letter-spacing:2.7px;color:#dcb66d;font-size:11px;font-weight:800}.hero h1{font:700 clamp(46px,6vw,76px)/1 Georgia,serif;letter-spacing:-2px;margin:14px 0 22px}.hero h1 span{color:#e0b96d}.hero p{max-width:580px;font-size:17px;color:#edf2ef}.actions{display:flex;gap:13px;margin-top:28px}
.trust{background:var(--g);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(5,1fr)}.trust-item{padding:19px 13px;border-right:1px solid rgba(255,255,255,.15)}.trust-item b{display:block;color:#e0b86d;font-size:12px}.trust-item small{color:#d0dcd7;font-size:10px}
.section{padding:78px 0}.head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.head h2{font:700 43px/1.08 Georgia,serif;margin:0}.head h2:after{content:"";display:block;width:45px;height:3px;background:var(--gold);margin-top:13px}.intro{max-width:520px;color:var(--muted)}
.products{background:#fff}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.product{background:var(--c);overflow:hidden}.product-img{height:175px;background:url('assets/products.jpg') center/cover}.product-body{padding:20px}.product h3{font:700 22px Georgia,serif;margin:0 0 7px}.product p{font-size:12px;color:var(--muted);min-height:60px}.link{font-size:12px;color:var(--b);font-weight:800}
.about{background:#fbfaf6}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.photo{min-height:440px;background:linear-gradient(0deg,rgba(7,33,26,.68),transparent),url('assets/farmer.jpg') center/cover;display:flex;align-items:end;padding:30px;color:#fff}.photo strong{font:700 36px/1.05 Georgia,serif}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:28px}.feature{border-top:1px solid #ddd4c5;padding-top:14px}.feature h3{font:700 19px Georgia,serif;margin:0 0 5px}.feature p{margin:0;color:var(--muted);font-size:12px}
.supply{background:var(--c)}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.step{text-align:center}.step-img{width:92px;height:92px;border-radius:50%;margin:auto;background:url('assets/supply.jpg') center/cover;border:5px solid #fff}.step b{display:block;font-size:11px;margin-top:10px}.step:not(:last-child):after{content:"→";position:relative;left:58px;top:-105px;color:var(--gold);font-size:22px}
.industries{background:#fff}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.industry{height:180px;background:url('assets/industry.jpg') center/cover;position:relative;display:flex;align-items:end}.industry:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(5,28,23,.85))}.industry span{position:relative;z-index:1;color:#fff;padding:17px;font:700 19px Georgia,serif}
.stats{background:var(--d);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.stat strong{display:block;font:700 38px Georgia,serif;color:#e0b86d}.stat span{font-size:12px}
.cta{padding:65px 0;color:#fff;background:linear-gradient(90deg,rgba(6,39,30,.96),rgba(6,39,30,.76)),url('assets/hero.jpg') center/cover}.cta-in{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font:700 40px/1.1 Georgia,serif;margin:0 0 8px}.cta p{margin:0;color:#d5dfda}
.footer{background:var(--c);padding:55px 0 18px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:40px}.footer-logo{width:190px}.footer p{color:var(--muted);font-size:12px;max-width:300px}.footer-title{font-weight:800;margin-bottom:10px}.footer a,.footer span{display:block;color:var(--muted);font-size:12px;margin:6px 0}.copy{border-top:1px solid #ddd3c0;margin-top:40px;padding-top:15px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}
@media(max-width:1000px){.nav{display:none}.mobile{display:block}.trust-grid{grid-template-columns:repeat(2,1fr)}.grid4{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(3,1fr)}.step:not(:last-child):after{display:none}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.container{width:calc(100% - 28px)}.topbar-in{display:block;text-align:center}.hero{min-height:650px}.hero h1{font-size:47px}.actions{flex-direction:column;align-items:flex-start}.trust-grid,.grid4,.features,.grid3,.footer-grid,.stats-grid{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.section{padding:58px 0}.head{display:block}.head .intro{margin-top:16px}.cta-in{display:block}.cta .btn{margin-top:20px}.copy{display:block}.copy span{display:block;margin-top:7px}}