:root{--ys-ink:#0d1f17;--ys-green:#1f6f4a;--ys-green-d:#145035;--ys-green-l:#2d8b5e;--ys-gold:#c9a227;--ys-gold-l:#e8c95a;--ys-cream:#faf8f3;--ys-sand:#f2ede1;--ys-line:rgba(31,111,74,.14);--ys-shadow:0 1px 2px rgba(13,31,23,.04),0 8px 24px -8px rgba(13,31,23,.10);--ys-shadow-lg:0 2px 4px rgba(13,31,23,.04),0 24px 64px -16px rgba(13,31,23,.18);--ys-max:1180px}html{scroll-behavior:smooth}body{background:var(--ys-cream)}main{overflow-x:clip}.site-header{position:sticky;top:0;z-index:50;background:rgba(250,248,243,.82);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid var(--ys-line)}.site-header__inner{max-width:var(--ys-max)!important;margin:0 auto;padding:14px 24px!important;gap:24px}.site-header__logo-badge{background:linear-gradient(140deg,var(--ys-green-l),var(--ys-green-d))!important;color:#fff!important;border-radius:12px!important;box-shadow:0 6px 16px -6px rgba(31,111,74,.55);font-weight:800!important}.site-header__logo-text{font-family:var(--font-heading);font-weight:700!important;letter-spacing:-.02em;font-size:15px!important;line-height:1.2}.site-header__nav{gap:2px!important;flex-wrap:wrap}.site-header__nav-link{font-size:13.5px!important;font-weight:500!important;color:#4a5c52!important;padding:8px 11px!important;border-radius:999px;transition:background .18s,color .18s}.site-header__nav-link:hover{background:rgba(31,111,74,.08);color:var(--ys-green-d)!important;opacity:1}.site-header__nav-link--active{color:var(--ys-green-d)!important;background:rgba(31,111,74,.10);font-weight:650!important}.custom-html-block{padding:0!important}.custom-html-block__inner{max-width:none!important;padding:0!important;margin:0!important}.ys-wrap{max-width:var(--ys-max);margin:0 auto;padding:0 24px}.ys-sec{padding:104px 0}.ys-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ys-green);margin-bottom:20px}.ys-eyebrow::before{content:'';width:26px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--ys-gold),transparent)}.ys-h2{font-family:var(--font-heading);font-size:clamp(30px,4.2vw,46px);line-height:1.08;letter-spacing:-.033em;font-weight:800;color:var(--ys-ink);margin:0 0 18px}.ys-lead{font-size:17.5px;line-height:1.72;color:#4f6159;max-width:62ch;margin:0}.ys-card{background:#fff;border:1px solid var(--ys-line);border-radius:20px;box-shadow:var(--ys-shadow);transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s,border-color .3s}.ys-card:hover{transform:translateY(-4px);box-shadow:var(--ys-shadow-lg);border-color:rgba(31,111,74,.26)}.ys-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-heading);font-weight:650;font-size:15px;padding:15px 27px;border-radius:999px;border:1px solid transparent;transition:transform .2s,box-shadow .25s,background .2s,color .2s;cursor:pointer}.ys-btn:hover{opacity:1;transform:translateY(-2px)}.ys-btn--p{background:linear-gradient(140deg,var(--ys-green-l),var(--ys-green-d));color:#fff!important;box-shadow:0 10px 26px -10px rgba(31,111,74,.7)}.ys-btn--p:hover{box-shadow:0 16px 34px -10px rgba(31,111,74,.78)}.ys-btn--g{background:var(--ys-gold);color:#20180a!important;box-shadow:0 10px 26px -10px rgba(201,162,39,.75)}.ys-btn--o{background:transparent;color:var(--ys-green-d)!important;border-color:rgba(31,111,74,.32)}.ys-btn--o:hover{background:rgba(31,111,74,.07);border-color:var(--ys-green)}.ys-btn--ghost{background:rgba(255,255,255,.12);color:#fff!important;border-color:rgba(255,255,255,.3);backdrop-filter:blur(6px)}.ys-btn--ghost:hover{background:rgba(255,255,255,.2)}.ys-arrow{transition:transform .25s}.ys-btn:hover .ys-arrow{transform:translateX(4px)}.ys-rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}.ys-rv.is-in{opacity:1;transform:none}.site-footer,footer{background:var(--ys-ink)!important;color:rgba(255,255,255,.62)!important;border-top:none!important}.site-footer a,footer a{color:rgba(255,255,255,.82)!important}@media(max-width:860px){.ys-sec{padding:76px 0}.site-header__logo-text{display:none}}@media(max-width:640px){.ys-wrap{padding:0 18px}.ys-sec{padding:60px 0}}
.ys-burger{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--ys-line);background:#fff;cursor:pointer;flex:none;padding:0;transition:background .2s,border-color .2s}
.ys-burger:hover{background:rgba(31,111,74,.06);border-color:rgba(31,111,74,.3)}
.ys-burger span{display:block;width:17px;height:1.8px;background:var(--ys-green-d);border-radius:2px;position:relative;transition:background .2s}
.ys-burger span::before,.ys-burger span::after{content:'';position:absolute;left:0;width:17px;height:1.8px;background:var(--ys-green-d);border-radius:2px;transition:transform .28s cubic-bezier(.2,.7,.3,1)}
.ys-burger span::before{top:-5.5px}
.ys-burger span::after{top:5.5px}
body.ys-navopen .ys-burger span{background:transparent}
body.ys-navopen .ys-burger span::before{transform:translateY(5.5px) rotate(45deg)}
body.ys-navopen .ys-burger span::after{transform:translateY(-5.5px) rotate(-45deg)}
@media(max-width:900px){
 .site-header__inner{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px!important}
 .site-header__logo-text{display:block!important;font-size:13.5px!important;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .site-header__logo{min-width:0;overflow:hidden}
 .ys-burger{display:flex}
 .site-header__nav{position:fixed;top:var(--ys-navtop,68px);left:0;right:0;background:rgba(250,248,243,.98);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--ys-line);box-shadow:0 18px 40px -20px rgba(13,31,23,.28);flex-direction:column!important;align-items:stretch!important;padding:0 18px!important;gap:2px!important;max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .38s cubic-bezier(.2,.7,.3,1),opacity .26s,padding .3s}
 body.ys-navopen .site-header__nav{max-height:calc(100vh - var(--ys-navtop,68px));opacity:1;pointer-events:auto;overflow-y:auto;padding:10px 18px 18px!important}
 .site-header__nav-link{padding:13px 14px!important;font-size:15px!important;border-radius:12px;text-align:left}
}

.yph{position:relative;overflow:hidden;background:linear-gradient(160deg,#11402c,#0d2b1e);padding:92px 0 84px}
.yph::before{content:'';position:absolute;inset:0;background:radial-gradient(760px 400px at 82% 6%,rgba(201,162,39,.24),transparent 64%),radial-gradient(560px 360px at 4% 100%,rgba(45,139,94,.34),transparent 66%)}
.yph__in{position:relative;max-width:820px}
.yph__crumb{display:flex;align-items:center;gap:9px;font-size:12.5px;color:rgba(255,255,255,.52);margin-bottom:18px}
.yph__crumb a{color:rgba(255,255,255,.72)!important;font-weight:500}
.yph__crumb a:hover{color:var(--ys-gold-l)!important;opacity:1}
.yph__crumb i{color:rgba(232,201,90,.5);font-style:normal}
.yph h1{font-family:var(--font-heading);font-size:clamp(32px,4.8vw,52px);line-height:1.07;letter-spacing:-.036em;font-weight:800;color:#fff;margin:0 0 18px}
.yph p{font-size:17.5px;line-height:1.72;color:rgba(255,255,255,.76);margin:0;max-width:60ch}
.yph__acts{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}
@media(max-width:640px){.yph{padding:64px 0 58px}}
.yprose{font-size:16.5px;line-height:1.82;color:#4f6159}
.yprose h3{font-family:var(--font-heading);font-size:21px;font-weight:750;color:var(--ys-ink);letter-spacing:-.022em;margin:36px 0 13px}
.yprose h3:first-child{margin-top:0}
.yprose h4{font-family:var(--font-heading);font-size:16.5px;font-weight:700;color:var(--ys-ink);margin:26px 0 9px;letter-spacing:-.014em}
.yprose p{margin:0 0 17px}
.yprose p:last-child{margin-bottom:0}
.yprose strong{color:var(--ys-ink);font-weight:650}
.yprose em{color:var(--ys-green-d);font-style:italic}
.yprose ul{margin:0 0 17px;padding-left:0;list-style:none}
.yprose li{position:relative;padding-left:26px;margin-bottom:9px}
.yprose li::before{content:'';position:absolute;left:6px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--ys-gold)}
.yprose a{color:var(--ys-green-d)!important;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ycol2{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:start}
@media(max-width:920px){.ycol2{grid-template-columns:1fr;gap:42px}}
.ypanel{background:#fff;border:1px solid var(--ys-line);border-radius:20px;padding:30px;box-shadow:var(--ys-shadow)}
.ypanel h3{font-family:var(--font-heading);font-size:16px;font-weight:750;color:var(--ys-ink);margin:0 0 16px;letter-spacing:-.015em}
.ysticky{position:sticky;top:104px}
@media(max-width:920px){.ysticky{position:static}}
.ybase{background:var(--ys-cream)}
.ywhite{background:#fff}
.ysand{background:linear-gradient(180deg,#fff,var(--ys-sand))}

/* Refined conversion band and institutional footer */
.yc{padding:0!important;background:var(--ys-cream)!important;position:relative;overflow:hidden}
.yc::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,162,39,.6),transparent)}
.yc .ys-wrap{max-width:var(--ys-max);padding:0 24px}
.yc__box{border-radius:0!important;background:linear-gradient(118deg,#123d2a 0%,#16533a 56%,#0d2b1e 100%)!important;padding:84px 0 82px!important;text-align:left!important;overflow:visible!important;box-shadow:none!important}
.yc__box::before{background:radial-gradient(720px 360px at 88% 28%,rgba(201,162,39,.25),transparent 66%),radial-gradient(520px 330px at 4% 100%,rgba(45,139,94,.32),transparent 70%)!important}
.yc__box::after{opacity:.075!important;background-size:96px 96px!important}
.yc__c{max-width:700px;margin:0!important}
.yc__c::before{content:'KOLABORASI';display:inline-flex;align-items:center;gap:10px;color:var(--ys-gold-l);font-size:11px;font-weight:750;letter-spacing:.16em;margin-bottom:20px}
.yc__c::after{content:'';position:absolute;width:26px;height:2px;background:var(--ys-gold);left:0;top:6px;transform:translateX(-38px)}
.yc h2{font-size:clamp(31px,4vw,48px)!important;max-width:720px;margin-bottom:15px!important}
.yc p{font-size:17px!important;max-width:60ch!important;margin:0 0 31px!important;color:rgba(255,255,255,.78)!important}
.yc__acts{justify-content:flex-start!important;gap:12px!important}
.yc .ys-btn{border-radius:12px!important;padding:14px 21px!important}
.yc .ys-btn--ghost{background:transparent!important;border-color:rgba(255,255,255,.46)!important;color:#fff!important}
.yc .ys-btn--ghost:hover{background:rgba(255,255,255,.12)!important}
.site-footer,footer{background:linear-gradient(135deg,#08170f,#0d2b1e 58%,#103824)!important;color:#c9d2ca!important;position:relative;overflow:hidden;padding:0!important}
.site-footer::before,footer::before{content:'';position:absolute;inset:0;background:radial-gradient(620px 320px at 94% 8%,rgba(201,162,39,.14),transparent 70%),radial-gradient(520px 300px at 4% 100%,rgba(45,139,94,.18),transparent 70%);pointer-events:none}
.site-footer::after,footer::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,201,90,.65),transparent)}
.site-footer__inner{position:relative;max-width:var(--ys-max)!important;margin:0 auto!important;padding:58px 24px 27px!important;display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)!important;gap:42px!important;align-items:end!important}
.site-footer__brand{max-width:650px}.site-footer__logo{display:flex!important;align-items:center;gap:13px;margin-bottom:15px!important}.site-footer__logo::before{content:none;display:none!important;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(140deg,var(--ys-gold-l),var(--ys-gold));color:#182619;font-family:var(--font-heading);font-size:17px;font-weight:850;box-shadow:0 8px 20px -10px rgba(232,201,90,.85)}
.site-footer__logo span{font-family:var(--font-heading)!important;font-size:19px!important;font-weight:750!important;letter-spacing:-.022em;color:#f5efe2!important}
.site-footer__text{font-size:14px!important;line-height:1.75!important;color:rgba(225,234,226,.71)!important;margin:0!important;max-width:610px}
.site-footer__links{display:flex!important;justify-content:flex-end!important;align-items:flex-end!important}.site-footer__pill{display:inline-flex!important;align-items:center!important;gap:9px!important;border-radius:12px!important;padding:14px 17px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(232,201,90,.26)!important;color:#f3e9cf!important;font-size:13.5px!important;font-weight:600!important;white-space:nowrap;transition:transform .2s,background .2s,border-color .2s}.site-footer__pill:hover{opacity:1!important;transform:translateY(-2px);background:rgba(255,255,255,.14)!important;border-color:rgba(232,201,90,.55)!important}
@media(max-width:720px){.yc .ys-wrap{padding:0 18px}.yc__box{padding:62px 0 60px!important}.yc__c::after{display:none}.yc h2{font-size:31px!important}.yc__acts .ys-btn{width:auto!important}.site-footer__inner{grid-template-columns:1fr!important;gap:27px!important;padding:42px 18px 25px!important}.site-footer__links{justify-content:flex-start!important}.site-footer__pill{white-space:normal!important}.site-footer__logo span{font-size:17px!important}}

/* Keep collaboration CTA in the existing soft, rounded card language. */
.yc{padding:0 0 96px!important;background:#fff!important;overflow:visible!important}
.yc::before{display:none!important}
.yc .ys-wrap{max-width:var(--ys-max);padding:0 24px}
.yc__box{position:relative;border-radius:28px!important;background:linear-gradient(135deg,#f7f3e8,#eee6d4)!important;border:1px solid rgba(31,111,74,.14)!important;padding:58px 60px!important;text-align:left!important;overflow:hidden!important;box-shadow:var(--ys-shadow)!important}
.yc__box::before{content:''!important;position:absolute!important;width:330px!important;height:330px!important;inset:auto -80px -140px auto!important;border-radius:50%!important;background:radial-gradient(circle,rgba(201,162,39,.18) 0 2px,transparent 3px)!important;background-size:21px 21px!important;opacity:1!important}
.yc__box::after{content:''!important;position:absolute!important;right:54px!important;top:50%!important;transform:translateY(-50%) rotate(45deg)!important;width:145px!important;height:145px!important;border:1px solid rgba(31,111,74,.13)!important;background:rgba(255,255,255,.28)!important;opacity:1!important}
.yc__c{position:relative!important;z-index:1!important;max-width:670px!important;margin:0!important}
.yc__c::before{content:'KOLABORASI'!important;display:inline-flex!important;color:var(--ys-green)!important;font-size:11.5px!important;font-weight:700!important;letter-spacing:.16em!important;margin:0 0 18px!important}
.yc__c::after{display:none!important}
.yc h2{color:var(--ys-ink)!important;font-size:clamp(29px,3.6vw,42px)!important;max-width:620px!important;margin:0 0 14px!important}
.yc p{color:#53655c!important;font-size:16.5px!important;line-height:1.72!important;margin:0 0 28px!important;max-width:58ch!important}
.yc__acts{justify-content:flex-start!important;gap:12px!important}
.yc .ys-btn{border-radius:999px!important;padding:14px 23px!important}
.yc .ys-btn--ghost{background:#fff!important;color:var(--ys-green-d)!important;border-color:rgba(31,111,74,.25)!important;backdrop-filter:none!important}
.yc .ys-btn--ghost:hover{background:rgba(31,111,74,.06)!important}
@media(max-width:720px){.yc{padding:0 0 68px!important}.yc .ys-wrap{padding:0 18px}.yc__box{padding:40px 28px!important;border-radius:22px!important}.yc__box::after{right:-70px!important;width:120px!important;height:120px!important}.yc__box::before{right:-145px!important}.yc h2{font-size:29px!important}.yc__acts .ys-btn{width:auto!important}}

.site-footer__logo::before{display:none!important}.site-footer__logo-img{width:52px!important;height:52px!important;object-fit:contain;filter:brightness(0) invert(1);opacity:.92}