:root{
  --susu-green:#0b5d45;
  --susu-green-2:#118763;
  --susu-green-3:#eaf7f1;
  --susu-gold:#d6a437;
  --susu-ink:#17211e;
  --susu-muted:#66736e;
  --susu-cream:#f7f5ef;
  --susu-line:#e6ebe8;
  --susu-white:#fff;
  --susu-radius:22px;
  --susu-shadow:0 20px 60px rgba(13,70,52,.10);
}
html{scroll-behavior:smooth} body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--susu-ink);background:#fff} a{text-decoration:none}.text-susu{color:var(--susu-green)!important}.bg-susu{background:var(--susu-green)!important}.btn-susu{background:var(--susu-green);border-color:var(--susu-green);color:#fff}.btn-susu:hover,.btn-susu:focus{background:#084b38;border-color:#084b38;color:#fff}.btn-gold{background:var(--susu-gold);border-color:var(--susu-gold);color:#1e251f;font-weight:700}.btn-gold:hover{background:#c2932b;border-color:#c2932b;color:#111}.btn-outline-susu{border-color:var(--susu-green);color:var(--susu-green)}.btn-outline-susu:hover{background:var(--susu-green);color:#fff}.pub-topbar{background:#073d2f;color:#dfeee8;font-size:.82rem}.pub-topbar a{color:#fff}.pub-navbar{background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(18,65,50,.08);position:sticky;top:0;z-index:1030}.pub-brand{display:flex;align-items:center;gap:.7rem;font-weight:800;color:var(--susu-green);letter-spacing:-.02em}.pub-brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--susu-green),#15946e);display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px rgba(11,93,69,.22)}.pub-navbar .nav-link{font-weight:600;color:#405049!important;padding:.7rem .85rem!important;border-radius:10px}.pub-navbar .nav-link:hover{color:var(--susu-green)!important;background:#f2f8f5}.hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#073f30 0%,#0b5d45 52%,#12805f 100%);color:#fff;padding:7rem 0 6rem}.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(255,255,255,.06);right:-180px;top:-210px}.hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(214,164,55,.13);left:-180px;bottom:-220px}.hero .container{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.13em;font-size:.74rem;font-weight:800;color:#d9f4e9}.hero h1{font-size:clamp(2.5rem,5vw,4.9rem);line-height:1.02;letter-spacing:-.045em;font-weight:850;max-width:850px}.hero .lead{font-size:1.15rem;color:#dfeee8;max-width:700px;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}.hero-proof{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2.5rem;color:#dbece6;font-size:.92rem}.hero-proof span{display:flex;align-items:center;gap:.45rem}.hero-panel{background:rgba(255,255,255,.96);color:var(--susu-ink);border-radius:28px;padding:1.25rem;box-shadow:0 30px 90px rgba(0,0,0,.2);position:relative}.hero-panel-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .4rem 1rem}.hero-kpi{border:1px solid var(--susu-line);border-radius:18px;padding:1rem;background:#fff;height:100%}.hero-kpi small{color:var(--susu-muted);font-weight:600}.hero-kpi strong{display:block;font-size:1.35rem;margin-top:.25rem}.mini-chart{height:90px;border-radius:18px;background:linear-gradient(180deg,#e7f6ef 0,#fff 100%);position:relative;overflow:hidden;margin-top:1rem}.mini-chart svg{position:absolute;inset:0;width:100%;height:100%}.trust-strip{margin-top:-30px;position:relative;z-index:5}.trust-card{background:#fff;border-radius:20px;box-shadow:var(--susu-shadow);border:1px solid #edf1ef;padding:1.05rem 1.2rem}.trust-item{display:flex;gap:.8rem;align-items:center;padding:.45rem .75rem}.trust-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;background:var(--susu-green-3);color:var(--susu-green);font-size:1.2rem}.section{padding:5.5rem 0}.section-soft{background:#f7faf8}.section-cream{background:var(--susu-cream)}.section-label{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800;color:var(--susu-green);margin-bottom:.6rem}.section-title{font-weight:820;letter-spacing:-.035em;font-size:clamp(2rem,3.2vw,3.1rem);margin-bottom:1rem}.section-copy{color:var(--susu-muted);font-size:1.05rem;line-height:1.8;max-width:760px}.feature-card{height:100%;border:1px solid var(--susu-line);border-radius:var(--susu-radius);padding:1.65rem;background:#fff;transition:.25s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--susu-shadow);border-color:#d7e5df}.feature-num{font-size:.72rem;font-weight:800;color:var(--susu-gold);letter-spacing:.12em}.feature-icon{width:50px;height:50px;border-radius:15px;background:var(--susu-green-3);color:var(--susu-green);display:grid;place-items:center;font-size:1.35rem;margin:1rem 0}.feature-card h3{font-size:1.15rem;font-weight:750}.feature-card p{color:var(--susu-muted);line-height:1.7;margin-bottom:0}.erp-showcase{border-radius:28px;background:#0e201b;color:#fff;padding:1.2rem;box-shadow:0 30px 80px rgba(13,43,33,.18)}.erp-shell{border-radius:20px;overflow:hidden;background:#f4f7f5;min-height:360px;display:grid;grid-template-columns:95px 1fr}.erp-side{background:#073f30;padding:1rem .75rem}.erp-side div{height:10px;border-radius:20px;background:rgba(255,255,255,.18);margin:13px 0}.erp-side div:first-child{height:34px;background:rgba(255,255,255,.95);width:34px}.erp-main{padding:1.3rem}.erp-bar{height:38px;background:#fff;border-radius:12px;margin-bottom:1rem}.erp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.erp-box{height:88px;border-radius:14px;background:#fff;border:1px solid #e8eeeb}.erp-box.wide{grid-column:1/-1;height:126px}.process-step{position:relative;padding-left:4.25rem;min-height:82px}.process-step:not(:last-child):before{content:"";position:absolute;left:22px;top:48px;bottom:-18px;width:2px;background:#dce7e2}.process-number{position:absolute;left:0;top:0;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--susu-green);color:#fff;font-weight:800;border:6px solid #e7f4ef}.process-step h4{font-weight:750;font-size:1.05rem}.process-step p{color:var(--susu-muted);line-height:1.65}.market-card{border:1px solid var(--susu-line);border-radius:20px;overflow:hidden;background:#fff;height:100%;transition:.25s ease}.market-card:hover{transform:translateY(-5px);box-shadow:var(--susu-shadow)}.market-img-wrap{height:230px;overflow:hidden;background:#eef3f0;position:relative}.market-img-wrap img{width:100%;height:100%;object-fit:cover;transition:.35s ease}.market-card:hover img{transform:scale(1.035)}.verified-chip{position:absolute;left:12px;top:12px;border-radius:999px;padding:.38rem .65rem;background:rgba(255,255,255,.94);color:var(--susu-green);font-size:.72rem;font-weight:800;box-shadow:0 5px 14px rgba(0,0,0,.08)}.market-body{padding:1.2rem}.market-category{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#7a8882;font-weight:700}.market-price{font-size:1.3rem;font-weight:800;color:var(--susu-green)}.market-meta{color:var(--susu-muted);font-size:.86rem}.search-panel{background:#fff;border:1px solid var(--susu-line);border-radius:20px;padding:1rem;box-shadow:0 10px 40px rgba(12,73,54,.06)}.page-hero{background:linear-gradient(120deg,#f3faf7 0%,#fff 55%,#fbf6e9 100%);border-bottom:1px solid var(--susu-line);padding:4.5rem 0}.page-hero h1{font-weight:850;letter-spacing:-.04em;font-size:clamp(2.3rem,4vw,4rem)}.page-hero p{color:var(--susu-muted);font-size:1.08rem;max-width:700px;line-height:1.75}.org-card{border:1px solid var(--susu-line);border-radius:20px;padding:1.4rem;background:#fff;height:100%}.org-logo{width:56px;height:56px;border-radius:16px;background:var(--susu-green-3);display:grid;place-items:center;color:var(--susu-green);font-weight:800;overflow:hidden}.org-logo img{width:100%;height:100%;object-fit:cover}.contact-card{border:1px solid var(--susu-line);border-radius:24px;padding:1.6rem;background:#fff;height:100%}.cta-band{background:linear-gradient(120deg,#073f30,#0b6d50);color:#fff;border-radius:30px;padding:2.6rem;position:relative;overflow:hidden}.cta-band:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:rgba(214,164,55,.16);right:-80px;top:-100px}.cta-band>*{position:relative;z-index:2}.pub-footer{background:#0c1f19;color:#cbd9d4;padding:4.2rem 0 1.5rem}.pub-footer h6{color:#fff;font-weight:750}.pub-footer a{color:#cbd9d4;display:block;margin:.5rem 0}.pub-footer a:hover{color:#fff}.footer-brand{color:#fff;font-weight:800;font-size:1.15rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:2rem;padding-top:1.3rem;font-size:.86rem}.float-whatsapp{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-size:1.65rem;box-shadow:0 12px 28px rgba(0,0,0,.22);z-index:1050;transition:.2s ease}.float-whatsapp:hover{transform:translateY(-3px);color:#fff}.form-shell{border:1px solid var(--susu-line);border-radius:24px;background:#fff;box-shadow:0 20px 60px rgba(11,93,69,.08);padding:1.8rem}.product-gallery{border-radius:24px;overflow:hidden;background:#eef3f0;border:1px solid var(--susu-line)}.product-gallery img{width:100%;height:min(520px,65vh);object-fit:cover}.product-price{font-size:2.2rem;font-weight:850;color:var(--susu-green)}.seller-box{border:1px solid var(--susu-line);border-radius:18px;padding:1rem;background:#fafcfb}.qty-pill{display:inline-flex;align-items:center;border-radius:999px;background:#f2f7f4;color:#516059;padding:.35rem .65rem;font-size:.8rem;font-weight:650}.empty-market{text-align:center;padding:4rem 1rem;border:1px dashed #cbd8d2;border-radius:22px;background:#fbfdfc;color:var(--susu-muted)}
@media(max-width:991.98px){.hero{padding:5.5rem 0 4.5rem}.hero-panel{margin-top:2rem}.trust-strip{margin-top:-16px}.section{padding:4.25rem 0}.pub-navbar .navbar-collapse{padding:1rem 0}.erp-shell{grid-template-columns:70px 1fr}.hero h1{font-size:3rem}}
@media(max-width:575.98px){.pub-topbar .container{justify-content:center!important}.pub-topbar .topbar-right{display:none}.hero{padding:4.4rem 0 3.8rem}.hero h1{font-size:2.55rem}.hero-actions .btn{width:100%}.trust-item{padding:.35rem}.section{padding:3.6rem 0}.cta-band{padding:1.8rem}.market-img-wrap{height:210px}.float-whatsapp{right:16px;bottom:16px;width:54px;height:54px}.page-hero{padding:3.4rem 0}}
