@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#14231c;--muted:#66756d;--paper:#f7f8f3;--white:#fff;--green:#1f9d61;--green-dark:#117447;--lime:#dff56a;--line:#dfe5dc;--radius:26px;--shadow:0 20px 60px rgba(20,35,28,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}.container{width:min(1160px,calc(100% - 40px));margin:auto}.narrow{width:min(760px,calc(100% - 40px))}.site-header{position:sticky;top:0;z-index:50;background:rgba(247,248,243,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(20,35,28,.07)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font:800 20px 'Manrope',sans-serif}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--ink);color:var(--lime)}.custom-logo{max-height:46px;width:auto}.primary-nav ul{display:flex;gap:30px;margin:0;padding:0;list-style:none}.primary-nav a{font-weight:600}.menu-toggle{display:none;background:none;border:0}.home-hero,.landing-hero{padding:110px 0 90px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{display:inline-flex;margin-bottom:18px;color:var(--green-dark);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.hero-grid h1,.section-head h1{margin:0 0 24px;font:800 clamp(43px,6vw,76px)/1.02 'Manrope',sans-serif;letter-spacing:-.055em}.hero-grid h1 em{color:var(--green);font-style:normal}.lead{max-width:620px;margin:0 0 30px;color:var(--muted);font-size:19px}.btn{display:inline-flex;align-items:center;gap:24px;padding:15px 22px;border-radius:14px;background:var(--ink);color:#fff;font-weight:700;box-shadow:0 8px 24px rgba(20,35,28,.16);transition:.25s}.btn:hover{transform:translateY(-3px);background:var(--green-dark)}.wa-btn{background:var(--green)}.hero-card{position:relative;min-height:430px;padding:48px;border-radius:40px;background:var(--ink);color:#fff;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:flex-end}.hero-card:after{content:'';position:absolute;width:280px;height:280px;border:65px solid var(--lime);border-radius:50%;right:-80px;top:-80px;opacity:.95}.hero-card p{margin:0;color:#b9c7bf}.hero-card strong{font:700 35px/1.2 'Manrope',sans-serif;max-width:390px;z-index:1}.mini-tag{position:absolute;right:30px;bottom:30px;padding:9px 14px;background:var(--lime);color:var(--ink);border-radius:999px;font-weight:700;font-size:13px}.featured-image img{width:100%;height:470px;object-fit:cover;border-radius:40px;box-shadow:var(--shadow)}.listing-section{padding:100px 0}.section-head{max-width:700px;margin-bottom:46px}.section-head h2,.cta-box h2{margin:0;font:800 clamp(34px,5vw,55px)/1.1 'Manrope',sans-serif;letter-spacing:-.04em}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);overflow:hidden;transition:.3s}.post-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.card-image{display:grid;place-items:center;height:230px;background:#e8eee6;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.post-card:hover img{transform:scale(1.04)}.placeholder{font:800 60px 'Manrope';color:var(--green);opacity:.25}.card-body{padding:26px}.card-type{color:var(--green-dark);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.card-body h2,.card-body h3{font:700 23px/1.25 'Manrope';margin:8px 0}.card-body p{color:var(--muted)}.text-link{font-weight:700;color:var(--green-dark)}.content-section{padding:85px 0;background:var(--white)}.prose{font-size:18px}.prose h2,.prose h3{font-family:'Manrope';line-height:1.25}.prose h2{font-size:36px;margin-top:1.7em}.prose a{color:var(--green-dark);text-decoration:underline}.trust-line{font-size:13px;color:var(--muted)}.trust-line span{color:var(--green);font-weight:800}.cta-section{padding:90px 0}.cta-box{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:55px;border-radius:32px;background:#e6f0e8}.cta-box p{margin-bottom:0;color:var(--muted)}.floating-wa{position:fixed;right:24px;bottom:24px;z-index:40;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--green);color:white;font-weight:800;box-shadow:0 12px 30px rgba(31,157,97,.35);transition:.25s}.floating-wa:hover{transform:scale(1.08)}.empty-state{grid-column:1/-1;padding:60px;border:1px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted)}.site-footer{padding:35px 0;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.footer-inner{display:flex;justify-content:space-between}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.15s}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr;gap:45px}.home-hero,.landing-hero{padding:75px 0}.card-grid{grid-template-columns:repeat(2,1fr)}.primary-nav{display:none;position:absolute;top:75px;left:20px;right:20px;padding:20px;background:#fff;border-radius:18px;box-shadow:var(--shadow)}.primary-nav.is-open{display:block}.primary-nav ul{flex-direction:column;gap:12px}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:10px}.menu-toggle span:not(.screen-reader-text){width:24px;height:2px;background:var(--ink)}.cta-box{align-items:flex-start;flex-direction:column}}
@media(max-width:580px){.container{width:min(100% - 28px,1160px)}.card-grid{grid-template-columns:1fr}.hero-card{min-height:350px;padding:30px}.hero-card strong{font-size:28px}.featured-image img{height:340px}.cta-box{padding:34px 26px}.footer-inner{flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.post-card,.floating-wa{transition:none}}
.ecosystem-section{padding:110px 0;background:var(--white)}.section-head>p{color:var(--muted);font-size:18px}.ecosystem-layout{display:grid;grid-template-columns:260px 1fr;gap:34px;align-items:start}.ecosystem-center{position:sticky;top:110px;min-height:370px;padding:34px;border-radius:32px;background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.ecosystem-center:before{content:'';position:absolute;width:190px;height:190px;border:48px solid var(--lime);border-radius:50%;top:-60px;right:-55px}.ecosystem-center span{color:var(--lime);font-size:12px;font-weight:800;letter-spacing:.14em}.ecosystem-center strong{margin:8px 0;font:800 38px/1.05 'Manrope',sans-serif}.ecosystem-center small{color:#aebdb4}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.product-tile{position:relative;padding:25px;border:1px solid var(--line);border-radius:24px;background:#fafbf8;overflow:hidden;transition:.3s}.product-tile:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-no{position:absolute;right:20px;top:18px;color:#a6b0a9;font:700 12px 'Manrope'}.product-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:17px;border-radius:15px;background:var(--tile);color:#fff;font:800 13px 'Manrope'}.product-tile h3{margin:0;font:800 25px/1.2 'Manrope'}.product-tile>strong{font-size:13px;color:var(--tile)}.product-tile p{min-height:72px;margin:13px 0;color:var(--muted);font-size:14px;line-height:1.55}.relation{display:inline-flex;padding:6px 10px;border-radius:999px;background:#edf2ec;color:var(--tile);font-size:11px;font-weight:700}.tone-stomach{--tile:#177856}.tone-gut{--tile:#65a844}.tone-blood{--tile:#a84d55}.tone-collagen{--tile:#815d9c}.tone-honey{--tile:#bd841a}.tone-rice{--tile:#9b7a42}.tone-moringa{--tile:#397b3f}.tone-curcuma{--tile:#d06c25}.health-note{margin:30px 0 0;color:var(--muted);font-size:12px;text-align:center}
@media(max-width:850px){.ecosystem-layout{grid-template-columns:1fr}.ecosystem-center{position:relative;top:auto;min-height:240px}}
@media(max-width:580px){.product-grid{grid-template-columns:1fr}.product-tile p{min-height:0}}
.product-tile{padding:0}.product-thumb{position:relative;display:block;height:210px;overflow:hidden}.product-thumb img{width:100%;height:100%;object-fit:cover;transition:.45s}.product-tile:hover .product-thumb img{transform:scale(1.045)}.product-thumb .product-no{padding:5px 9px;border-radius:999px;background:rgba(20,35,28,.82);color:#fff}.product-copy{padding:22px}.product-copy h3{margin-bottom:8px}.product-copy p{min-height:68px}.product-action{display:flex;align-items:center;justify-content:space-between;color:var(--green-dark);font-size:13px;font-weight:800}.journey-section{padding:100px 0;background:#edf3ed}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.journey-step{padding:28px;border-radius:22px;background:#fff}.journey-step b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--ink);color:var(--lime)}.journey-step h3{margin:18px 0 7px;font:700 18px 'Manrope'}.journey-step p{margin:0;color:var(--muted);font-size:14px}.product-hero{padding:90px 0}.product-hero h1{margin:8px 0 24px;font:800 clamp(48px,6vw,78px)/1 'Manrope';letter-spacing:-.05em}.product-hero-image img{width:100%;height:500px;object-fit:cover;border-radius:38px;box-shadow:var(--shadow)}.back-link{display:block;margin-bottom:28px;color:var(--muted);font-size:13px;font-weight:700}.stockpoint-section{padding:100px 0;background:#edf3ed}.lead-form{padding:35px;border-radius:28px;background:#fff;box-shadow:var(--shadow)}.stockpoint-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}.stockpoint-card{cursor:pointer}.stockpoint-card>input{position:absolute;opacity:0}.stockpoint-content{height:100%;display:grid;grid-template-columns:68px 1fr auto;gap:14px;align-items:center;padding:15px;border:2px solid var(--line);border-radius:18px;transition:.2s}.stockpoint-card input:checked+.stockpoint-content{border-color:var(--green);background:#effaf4}.stockpoint-content img{width:68px;height:68px;object-fit:cover;border-radius:14px}.stockpoint-content span{display:flex;flex-direction:column}.stockpoint-content small,.stockpoint-content em{color:var(--muted);font-size:12px;font-style:normal}.stockpoint-content b{color:var(--green);font-size:12px}.lead-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lead-fields label{font-size:13px;font-weight:700}.lead-fields input{display:block;width:100%;margin-top:7px;padding:14px;border:1px solid var(--line);border-radius:12px;font:inherit}.consent{display:flex;gap:10px;margin:22px 0;color:var(--muted);font-size:13px}.hp-field{position:absolute!important;left:-9999px!important}.form-error{margin-bottom:20px;padding:15px;border-radius:12px;background:#fff0f0;color:#922}.product-page .content-section{border-top:1px solid var(--line)}
@media(max-width:850px){.journey-grid{grid-template-columns:repeat(2,1fr)}.stockpoint-grid{grid-template-columns:1fr}.product-hero-image img{height:400px}}
@media(max-width:580px){.journey-grid,.lead-fields{grid-template-columns:1fr}.lead-form{padding:20px}.product-hero-image img{height:320px}.stockpoint-content{grid-template-columns:58px 1fr}.stockpoint-content img{width:58px;height:58px}.stockpoint-content>b{display:none}}
.testimony-section{padding:100px 0;background:var(--white)}.testimony-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimony-card{display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:24px;background:#fafbf8}.stars{color:#d99b22;letter-spacing:.12em}.testimony-card blockquote{flex:1;margin:15px 0 24px;color:var(--ink);font-size:16px}.testimony-card blockquote p{margin:0}.testimony-card footer{display:flex;align-items:center;gap:12px}.testimony-card footer img{width:48px;height:48px;border-radius:50%;object-fit:cover}.testimony-card footer span{display:flex;flex-direction:column}.testimony-card footer small{color:var(--muted)}.product-price{margin:0 0 25px;color:var(--green-dark);font:800 28px 'Manrope'}.product-price small{display:block;margin-top:4px;color:var(--muted);font:500 13px 'DM Sans'}.dual-cta{display:flex;flex-wrap:wrap;gap:12px}.order-btn{background:#e9b949;color:var(--ink)}.order-btn:hover{background:#dca329}.choice-section{padding:90px 0;background:#f2f5ef}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.choice-card{padding:34px;border-radius:26px;background:#fff;box-shadow:0 12px 35px rgba(20,35,28,.06)}.choice-card.accent{background:var(--ink);color:#fff}.choice-card b{color:var(--green);font-size:13px}.choice-card h3{margin:12px 0 8px;font:800 28px 'Manrope'}.choice-card p{color:var(--muted)}.choice-card.accent p{color:#b7c4bc}.choice-card>span{font-weight:800;color:var(--green)}.order-section{padding:100px 0;background:#f7f8f3}.order-form{padding:35px;border-radius:28px;background:#fff;box-shadow:var(--shadow)}.checkout-layout{display:grid;grid-template-columns:1fr 340px;gap:40px}.checkout-layout h3{font:700 20px 'Manrope'}.field-full{display:block;margin:18px 0;font-size:13px;font-weight:700}.field-full textarea,.lead-fields select{display:block;width:100%;margin-top:7px;padding:14px;border:1px solid var(--line);border-radius:12px;font:inherit;background:#fff}.payment-options{display:grid;gap:10px}.payment-options label{cursor:pointer}.payment-options label>input{position:absolute;opacity:0}.payment-options label>span{display:flex;flex-direction:column;padding:15px;border:2px solid var(--line);border-radius:14px}.payment-options input:checked+span{border-color:var(--green);background:#effaf4}.payment-options small{color:var(--muted)}.order-summary{align-self:start;position:sticky;top:100px;padding:25px;border-radius:22px;background:#edf3ed}.order-summary>div,.receipt>div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid var(--line)}.summary-total{margin-top:8px;font-size:18px}.order-summary .btn{width:100%;justify-content:center}.order-success{min-height:70vh;padding:100px 0}.success-card{padding:50px;border-radius:32px;background:#fff;text-align:center;box-shadow:var(--shadow)}.success-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;border-radius:50%;background:var(--green);color:#fff;font-size:30px}.success-card h1{margin:0 0 12px;font:800 42px 'Manrope'}.receipt{margin:30px 0;text-align:left}.payment-instruction{margin:25px 0;padding:24px;border-radius:18px;background:#edf3ed}.payment-instruction h2{margin-top:0}.qris-image{max-width:280px;margin:15px auto}.order-note{color:var(--muted);font-size:13px}
@media(max-width:850px){.testimony-grid{grid-template-columns:1fr}.checkout-layout{grid-template-columns:1fr}.order-summary{position:relative;top:auto}.choice-grid{grid-template-columns:1fr}}