:root{--g900:#073d2e;--g800:#0a5f46;--g700:#0b7a5b;--g600:#0f9170;--g100:#e3f4ec;--g50:#f2faf6;--gold:#c9971c;--gold-soft:#fbf1d6;--ink:#0d2b22;--mut:#51655d;--line:#dbe7e1;--bg:#fff;--card:#fff;--r:18px;--sh:0 1px 2px rgba(7,61,46,.06),0 8px 28px rgba(7,61,46,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{max-width:1160px;margin:0 auto;padding:0 20px}h1,h2,h3{line-height:1.15;margin:0;letter-spacing:-.02em}h2{font-size:clamp(1.7rem,3.2vw,2.5rem)}h3{font-size:1.1rem}p{margin:0}.eyebrow{display:inline-block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--g700);background:var(--g100);padding:6px 12px;border-radius:99px}.btn,.eyebrow{font-weight:700}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:12px;font-size:1rem;border:2px solid transparent;transition:transform .15s,box-shadow .15s,background .15s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn.pri{background:var(--g700);color:#fff;box-shadow:0 6px 18px rgba(11,122,91,.35)}.btn.pri:hover{background:var(--g800)}.btn.gold{background:var(--gold);color:#241a00;box-shadow:0 6px 18px rgba(201,151,28,.35)}.btn.out{border-color:#fff6;color:#fff}.btn.out:hover{background:#ffffff1a}.btn.line{border-color:var(--g700);color:var(--g700)}header.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:#ffffffee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}.nav img{height:34px;display:block}.nav nav{display:flex;gap:26px;font-weight:600;font-size:.95rem;color:var(--mut)}.nav nav a:hover{color:var(--g700)}.nav .btn{padding:10px 18px;font-size:.92rem}@media(max-width:860px){.nav nav{display:none}}.hero{background:radial-gradient(1200px 520px at 85% -10%,#12a37e55,transparent 60%),linear-gradient(160deg,var(--g900),var(--g700));color:#fff;position:relative;overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:48px;gap:48px;align-items:center;padding-top:76px;padding-bottom:84px}.hero h1{font-size:clamp(2.2rem,5vw,3.7rem);font-weight:800}.hero h1 em{font-style:normal;color:#f0c04a}.hero p.lead{margin:22px 0 30px;font-size:1.15rem;color:#d7efe6;max-width:560px}.hero .cta{gap:14px}.badges,.hero .cta{display:flex;flex-wrap:wrap}.badges{gap:10px;margin-top:30px}.badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff18;border:1px solid #ffffff30;padding:8px 14px;border-radius:99px;font-size:.88rem;font-weight:600}.dot{width:8px;height:8px;border-radius:50%;background:#5ef2c0;box-shadow:0 0 0 4px #5ef2c040}@media(max-width:900px){.hero .wrap{grid-template-columns:minmax(0,1fr);padding-top:48px}.mock{transform:none}}.hero .wrap>*,.int>*,.stats>*{min-width:0}.mock{background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.35);color:var(--ink);overflow:hidden;transform:rotate(1.2deg)}.mock .bar{display:flex;gap:7px;padding:12px 16px;background:#f3f6f4;border-bottom:1px solid var(--line)}.mock .bar i{width:11px;height:11px;border-radius:50%;background:#d0d9d4}.mock .body{display:grid;grid-template-columns:120px 1fr;min-height:330px}.mock .side{background:var(--g50);border-right:1px solid var(--line);padding:14px 10px;font-size:.72rem;font-weight:600;color:var(--mut)}.mock .side div{padding:7px 9px;border-radius:8px;margin-bottom:3px}.mock .side .on{background:var(--g700);color:#fff}.mock .main{padding:16px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.kpi{border:1px solid var(--line);border-radius:12px;padding:10px 12px}.kpi b{display:block;font-size:1.25rem;color:var(--g700)}.kpi span{font-size:.68rem;color:var(--mut);font-weight:600}.chart{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:12px;height:130px;display:flex;align-items:flex-end;gap:7px}.chart i{flex:1 1;background:linear-gradient(var(--g600),var(--g700));border-radius:5px 5px 0 0}.chart i:nth-child(odd){background:linear-gradient(#e2b64a,var(--gold))}.rows{margin-top:12px;font-size:.7rem;color:var(--mut)}.rows div{display:flex;justify-content:space-between;padding:6px 2px;border-bottom:1px dashed var(--line)}.rows b{color:var(--g700)}section{padding:84px 0}.head{max-width:720px;margin:0 auto 46px;text-align:center}.head p{margin-top:14px;color:var(--mut);font-size:1.07rem}.head .eyebrow{margin-bottom:14px}.alt{background:var(--g50)}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;margin-top:-44px;position:relative;z-index:2}.stat{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:24px;text-align:center;border:1px solid var(--line)}.stat b{display:block;font-size:2.2rem;color:var(--g700);letter-spacing:-.03em}.stat span{color:var(--mut);font-size:.92rem;font-weight:600}@media(max-width:800px){.stats{grid-template-columns:repeat(2,1fr)}}.int{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px}.icard{border-radius:24px;padding:34px;color:#fff;position:relative;overflow:hidden}.icard.a{background:linear-gradient(150deg,#0a5f46,#0f9170)}.icard.b{background:linear-gradient(150deg,#14395e,#2a6db0)}.icard h3{font-size:1.5rem;margin:12px 0 10px}.icard .tag{display:inline-block;background:#ffffff26;padding:5px 12px;border-radius:99px;font-size:.78rem;font-weight:700;letter-spacing:.06em}.icard ul{margin:16px 0 0;padding:0;list-style:none;display:grid;grid-gap:9px;gap:9px}.icard li{padding-left:28px;position:relative;font-size:.97rem;color:#eaf6f1}.icard li:before{left:0;top:7px;width:16px;height:16px;background:#ffffff30 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.4 6.8 11 12 5.4' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.icard li:before,.icard:after{content:"";position:absolute;border-radius:50%}.icard:after{right:-60px;bottom:-60px;width:200px;height:200px;background:#ffffff12}@media(max-width:860px){.int{grid-template-columns:1fr}}.safe{margin-top:22px;border:1px solid #e6d29a;background:var(--gold-soft);border-radius:16px;padding:16px 20px;font-size:.95rem;color:#5a4400}.mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:18px;gap:18px}.mod{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s}.mod:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:var(--g600)}.ico{width:46px;height:46px;border-radius:13px;background:var(--g100);color:var(--g700);display:grid;place-items:center;margin-bottom:14px}.ico svg{width:24px;height:24px}.mod h3{margin-bottom:8px}.mod p{font-size:.93rem}.mod p,.mod ul{color:var(--mut)}.mod ul{margin:12px 0 0;padding-left:18px;font-size:.88rem}.mod li{margin:3px 0}.flow{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:10px;gap:10px;counter-reset:s}.step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 14px;text-align:center;position:relative}.step:before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:34px;height:34px;margin:0 auto 10px;border-radius:50%;background:var(--g700);color:#fff;font-weight:800}.step b{display:block;font-size:.95rem}.step span{font-size:.8rem;color:var(--mut)}@media(max-width:980px){.flow{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.flow{grid-template-columns:repeat(2,1fr)}}.roles{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.role{background:#fff;border:1px solid var(--line);padding:10px 16px;border-radius:99px;font-weight:600;font-size:.92rem}.role.hl{background:var(--g700);color:#fff;border-color:var(--g700)}.why{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.w{border-radius:var(--r);padding:26px;background:#fff;border:1px solid var(--line)}.w b{display:block;font-size:1.05rem;margin-bottom:6px;color:var(--g800)}.w p{color:var(--mut);font-size:.94rem}@media(max-width:860px){.why{grid-template-columns:1fr}}.cta-sec{background:linear-gradient(160deg,var(--g900),var(--g700));color:#fff;text-align:center}.cta-sec p{color:#d7efe6;margin:14px auto 34px;max-width:620px;font-size:1.1rem}.cts{display:grid;grid-template-columns:repeat(2,minmax(0,330px));grid-gap:18px;gap:18px;justify-content:center}.ct{background:#ffffff14;border:1px solid #ffffff30;border-radius:20px;padding:26px;text-align:left}.ct small{color:#cfeae0;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.ct h3{font-size:1.35rem;margin:4px 0 2px}.ct .no{font-size:1.1rem;color:#f0c04a;font-weight:700;margin-bottom:16px;display:block}.ct .btn{width:100%;justify-content:center;background:#25d366;color:#052e16;padding:12px}@media(max-width:700px){.cts{grid-template-columns:1fr}}footer{background:#041f17;color:#9fbcb0;padding:34px 0;font-size:.9rem}footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}footer b{color:#fff}.fab{position:fixed;right:18px;bottom:18px;z-index:60;background:#25d366;color:#052e16;border-radius:99px;padding:13px 20px;font-weight:800;box-shadow:0 10px 26px rgba(0,0,0,.28);display:flex;gap:8px;align-items:center}@media(max-width:900px){.mock{transform:none}.mock .body{grid-template-columns:1fr}.mock .side{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.mock{transform:none}}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:99}.faq{background:#fff;border:1px solid var(--line);border-radius:14px;padding:4px 20px;margin-bottom:12px}.faq summary{cursor:pointer;font-weight:700;padding:14px 0;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--g700);font-size:1.3rem;line-height:1}.faq[open] summary:after{content:"–"}.faq p{padding:0 0 16px}.faq p,.mut{color:var(--mut)}.js .rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}.js .rv.in{opacity:1;transform:none}.hero .blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none}.hero .b1{width:380px;height:380px;background:#12a37e;left:-120px;top:-120px}.hero .b2{width:320px;height:320px;background:#c9971c;right:-80px;bottom:-120px;opacity:.28}.hero .wrap{position:relative}.hero h1 em{background:linear-gradient(90deg,#f0c04a,#ffe08a);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead b{color:#fff}.visual{position:relative}.visual .mock{animation:ay 7s ease-in-out infinite}@keyframes ay{50%{transform:rotate(1.2deg) translateY(-8px)}}.float{position:absolute;background:#fff;color:var(--ink);border-radius:14px;padding:10px 14px;box-shadow:0 14px 34px rgba(0,0,0,.28);display:grid;grid-template-columns:auto 1fr;grid-column-gap:8px;column-gap:8px;align-items:center;font-size:.82rem;animation:fl 6s ease-in-out infinite}.float span{grid-column:2;color:var(--mut);font-size:.72rem}.float .dot{background:#0f9170;box-shadow:0 0 0 4px #0f917033}.float .dot.gold{background:var(--gold);box-shadow:0 0 0 4px #c9971c33}.f1{left:-28px;top:34px}.f2{right:-14px;top:150px;animation-delay:-2s}.f3{left:10px;bottom:-22px;animation-delay:-4s}@keyframes fl{50%{transform:translateY(-9px)}}@media(max-width:900px){.float{display:none}}.masalah{display:grid;grid-gap:14px;gap:14px;max-width:940px;margin:0 auto}.mk{display:grid;grid-template-columns:.9fr 1.1fr;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--sh)}.mk-a{background:#fbf3f1;padding:20px 22px;display:flex;gap:14px;align-items:center}.mk-a .em{font-size:1.7rem}.mk-a b{color:#7a2d1e;line-height:1.3}.mk-b{padding:20px 24px;border-left:4px solid var(--g600)}.mk-b .ya{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--g700);margin-bottom:4px}.mk-b p{color:var(--ink);font-size:.97rem}@media(max-width:700px){.mk{grid-template-columns:1fr}.mk-b{border-left:0;border-top:4px solid var(--g600)}}.tabs{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:8px;gap:8px;margin-bottom:18px}.tab{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 8px;cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:center;gap:6px;transition:.2s;color:var(--mut)}.tab b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--g100);color:var(--g700)}.tab span{font-size:.8rem;font-weight:700}.tab:hover{border-color:var(--g600)}.tab.lalu b{background:var(--g600);color:#fff}.tab.on{background:var(--g700);border-color:var(--g700);color:#fff;transform:translateY(-3px);box-shadow:0 10px 24px rgba(11,122,91,.3)}.tab.on b{background:#fff;color:var(--g700)}@media(max-width:720px){.tabs{grid-template-columns:repeat(3,1fr)}}.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--sh);display:grid;grid-template-columns:1fr auto;grid-gap:24px;gap:24px;align-items:end;animation:masuk .35s ease}@keyframes masuk{0%{opacity:0;transform:translateY(8px)}}.panel h3{font-size:1.5rem;margin:4px 0 12px}.panel ul{margin:0;padding:0;list-style:none;display:grid;grid-gap:8px;gap:8px}.panel li{padding-left:26px;position:relative}.panel li:before{content:"✓";position:absolute;left:0;color:var(--g700);font-weight:800}.pelaku{margin-top:14px;font-size:.88rem;color:var(--mut);background:var(--g50);display:inline-block;padding:6px 12px;border-radius:99px}.nav2{display:flex;gap:10px;flex-wrap:wrap}.nav2 .btn{padding:11px 16px;font-size:.92rem}.nav2 .btn:disabled{opacity:.4;cursor:not-allowed;transform:none}@media(max-width:720px){.panel{grid-template-columns:1fr}}.catatan{text-align:center;margin-top:22px;color:var(--mut)}.hub{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:22px;gap:22px;align-items:center;max-width:860px;margin:0 auto 34px}.hub-l,.hub-r{display:grid;grid-gap:14px;gap:14px}.nodo{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--sh);position:relative}.nodo b{display:block}.nodo span{color:var(--mut);font-size:.85rem}.nodo.a{border-left:5px solid var(--g600)}.nodo.b{border-left:5px solid #2a6db0}.hub-l .nodo:after,.hub-r .nodo:before{content:"";position:absolute;top:50%;width:24px;border-top:2px dashed var(--g600)}.hub-l .nodo:after{right:-24px}.hub-r .nodo:before{left:-24px}.hub-c{text-align:center}.hub-c b{display:block;font-size:1.1rem}.hub-c span{color:var(--mut);font-size:.85rem}.pulse{width:96px;height:96px;border-radius:50%;margin:0 auto 8px;display:grid;place-items:center;background:var(--g100);position:relative}.pulse:after,.pulse:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--g600);animation:pl 2.6s ease-out infinite}.pulse:after{animation-delay:1.3s}@keyframes pl{0%{transform:scale(1);opacity:.6}to{transform:scale(1.7);opacity:0}}@media(max-width:720px){.hub{grid-template-columns:1fr}.hub-l .nodo:after,.hub-r .nodo:before{display:none}}.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:28px}.chip{border:1px solid var(--line);background:#fff;border-radius:99px;padding:9px 16px;font:inherit;font-weight:700;font-size:.9rem;cursor:pointer;color:var(--mut);transition:.2s}.chip small{opacity:.7}.chip:hover{border-color:var(--g600);color:var(--g700)}.chip.on{background:var(--g700);border-color:var(--g700);color:#fff}.mod{position:relative;transition:opacity .25s,transform .2s,box-shadow .2s,border-color .2s,filter .25s}.mod.redup{opacity:.28;filter:grayscale(1);transform:scale(.98)}.mod .kat{position:absolute;right:16px;top:16px;font-size:.68rem;font-weight:700;color:var(--g700);background:var(--g100);padding:3px 9px;border-radius:99px}.ptabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:22px}.ptab{border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px 16px;font:inherit;font-weight:700;cursor:pointer;color:var(--mut);transition:.2s}.ptab:hover{border-color:var(--g600)}.ptab.on{background:var(--g700);color:#fff;border-color:var(--g700);box-shadow:0 8px 20px rgba(11,122,91,.3)}.ppanel{max-width:760px;margin:0 auto;background:linear-gradient(160deg,#fff,var(--g50));border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:var(--sh);animation:masuk .35s ease}.ppanel h3{font-size:1.5rem;margin-bottom:16px}.ppanel ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.ppanel li{padding-left:28px;position:relative}.ppanel li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--g700);color:#fff;font-size:.72rem;display:grid;place-items:center}.tbl{max-width:960px;margin:0 auto;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--sh)}.tr{display:grid;grid-template-columns:.8fr 1fr 1.1fr;grid-gap:16px;gap:16px;padding:14px 20px;border-top:1px solid var(--line);align-items:center}.tr.th{background:var(--g900);color:#fff;font-weight:700;border-top:0;font-size:.88rem}.lama{color:#8a4b3d}.lama:before{content:"✕ ";font-weight:800}.baru{color:var(--g800);font-weight:600}.baru:before{content:"✓ ";font-weight:800;color:var(--g600)}@media(max-width:700px){.tr{grid-template-columns:1fr;gap:4px}.tr.th{display:none}}.impl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:14px;gap:14px;counter-reset:i}.impl li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 16px;position:relative;counter-increment:i}.impl li:before{content:counter(i);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--gold);color:#241a00;font-weight:800;margin-bottom:10px}.impl b{display:block;margin-bottom:4px}.impl span{color:var(--mut);font-size:.88rem}@media(max-width:900px){.impl{grid-template-columns:1fr 1fr}}@media(max-width:520px){.impl{grid-template-columns:1fr}}.demo-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;text-align:left;align-items:start}.demo-grid p{margin:14px 0 26px;max-width:none}.kontak{display:grid;grid-gap:12px;gap:12px}.kontak a{background:#ffffff14;border:1px solid #ffffff30;border-radius:16px;padding:16px 20px;display:grid;transition:.2s}.kontak a:hover{background:#ffffff24;transform:translateX(4px)}.kontak small{color:#cfeae0;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.kontak b{font-size:1.15rem}.kontak span{color:#f0c04a;font-weight:700}.demo-form{background:#fff;color:var(--ink);border-radius:22px;padding:28px;display:grid;grid-gap:14px;gap:14px;box-shadow:0 24px 60px rgba(0,0,0,.3)}.demo-form label{display:grid;grid-gap:6px;gap:6px;font-weight:700;font-size:.88rem}.demo-form input,.demo-form select{font:inherit;font-weight:500;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}.demo-form input:focus,.demo-form select:focus{outline:3px solid #0f917044;border-color:var(--g600)}.btn.wa{background:#25d366;color:#052e16;justify-content:center;width:100%}.demo-form small{text-align:center}@media(max-width:860px){.demo-grid{grid-template-columns:1fr}}.cta-sec h2{font-size:clamp(1.7rem,3.2vw,2.5rem)}.stat b span{font:inherit;color:inherit;display:inline}.jenis-panel{max-width:860px;margin:0 auto 28px;background:linear-gradient(160deg,#fff,var(--g50));border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--sh);animation:masuk .35s ease}.jenis-panel h3{font-size:1.6rem;margin-bottom:6px}.jenis-panel dl,.jj dl{margin:16px 0 0;display:grid;grid-gap:8px;gap:8px}.jenis-panel dl div{display:grid;grid-template-columns:110px 1fr;grid-gap:12px;gap:12px;padding:8px 0;border-top:1px dashed var(--line)}.jenis-panel dt,.jj dt{color:var(--mut);font-size:.85rem;font-weight:600}.jenis-panel dd,.jj dd{margin:0;font-weight:600}.adapt{margin-top:14px;font-size:.9rem;background:var(--gold-soft);color:#5a4400;padding:10px 14px;border-radius:12px}.jenjang-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:16px;gap:16px}.jj{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;transition:opacity .25s,filter .25s,transform .2s,box-shadow .2s}.jj:not(.redup):hover{box-shadow:var(--sh);transform:translateY(-3px)}.jj.redup{opacity:.3;filter:grayscale(1)}.jj-h{display:flex;justify-content:space-between;align-items:center}.jj-h b{font-size:1.5rem;color:var(--g700)}.jj-h span{font-size:.7rem;font-weight:700;background:var(--g100);color:var(--g700);padding:3px 10px;border-radius:99px}.jj h4{margin:6px 0 4px;font-size:.98rem}.jj dl div{display:flex;justify-content:space-between;gap:10px;font-size:.86rem;border-top:1px dashed var(--line);padding-top:7px}.jj dd{text-align:right}@media(max-width:560px){.jenis-panel dl div{grid-template-columns:1fr}}.artikel-hero{background:linear-gradient(160deg,var(--g900),var(--g700));color:#fff;padding:64px 0}.artikel-hero h1{font-size:clamp(2rem,4.4vw,3rem);margin:14px 0}.artikel-hero p{color:#d7efe6;max-width:640px;font-size:1.1rem}.artikel-hero .eyebrow{background:#ffffff1f;color:#bff0dc}.kat-h{font-size:1.4rem;margin-bottom:18px;padding-bottom:10px;border-bottom:2px solid var(--g100)}.acards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:18px;gap:18px}.acard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:8px;transition:transform .2s,box-shadow .2s,border-color .2s}.acard:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:var(--g600)}.acard small{color:var(--mut);font-weight:600;font-size:.8rem}.acard h3{font-size:1.08rem;line-height:1.3}.acard p{color:var(--mut);font-size:.92rem;flex:1 1}.acard .baca{color:var(--g700);font-weight:700;font-size:.9rem}.artikel{padding:44px 0 72px}.narrow{max-width:760px}.crumb{font-size:.85rem;color:var(--mut);margin-bottom:16px}.crumb a{color:var(--g700);font-weight:600}.artikel h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:14px 0 12px;line-height:1.2}.artikel .meta{color:var(--mut);font-size:.9rem}.artikel .ringkas{font-size:1.15rem;color:var(--ink);margin:18px 0;padding-left:16px;border-left:4px solid var(--gold)}.toc{background:var(--g50);border:1px solid var(--line);border-radius:16px;padding:18px 22px;margin:24px 0 34px}.toc ol{margin:8px 0 0;padding-left:20px;display:grid;grid-gap:4px;gap:4px}.toc a{color:var(--g800);font-weight:600}.artikel section{margin-bottom:30px}.artikel h2{font-size:1.45rem;margin:0 0 12px;scroll-margin-top:90px}.artikel p{font-size:1.04rem}.artikel p,.artikel ul{margin:0 0 14px;line-height:1.75}.artikel ul{padding-left:22px}.artikel li{margin-bottom:6px}.cta-box{background:linear-gradient(160deg,var(--g900),var(--g700));color:#fff;border-radius:22px;padding:30px;margin-top:40px}.cta-box h3{font-size:1.35rem;margin-bottom:8px}.cta-box p{color:#d7efe6}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.btn.out.dark{border-color:#fff8}.artikel section{padding:0}.mock.shot{transform:rotate(1.2deg);background:#fff}.mock.shot img{display:block;width:100%;height:auto}.visual .mock{max-width:100%}.bingkai{margin:0 auto;max-width:1080px;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 30px 70px rgba(7,61,46,.18);animation:masuk .35s ease}.bingkai .bar{display:flex;align-items:center;gap:7px;padding:11px 16px;background:#f3f6f4;border-bottom:1px solid var(--line)}.bingkai .bar i{width:11px;height:11px;border-radius:50%;background:#d0d9d4}.bingkai .bar span{margin-left:10px;font-size:.78rem;color:var(--mut);background:#fff;border:1px solid var(--line);padding:3px 14px;border-radius:99px}.bingkai img{display:block;width:100%;height:auto}.bingkai figcaption{padding:16px 22px;color:var(--mut);font-size:.95rem;border-top:1px solid var(--line)}.bingkai figcaption b{color:var(--ink)}.galeri .ptabs{margin-bottom:22px}@media(max-width:900px){.mock.shot{transform:none}}@media(max-width:600px){.wrap{padding:0 16px}section{padding:56px 0}.hero .wrap{padding-top:36px;padding-bottom:56px;gap:30px}.head{margin-bottom:30px}.btn{padding:13px 18px}.cta .btn{flex:1 1 100%;justify-content:center}.badges .badge{font-size:.8rem}.stats{margin-top:-28px;gap:12px}.stat{padding:16px}.stat b{font-size:1.7rem}.jenis-panel,.panel,.ppanel{padding:22px}.bingkai .bar span{display:none}.bingkai figcaption{padding:14px 16px}.chip,.ptab{padding:9px 12px;font-size:.85rem}.fab{right:12px;bottom:12px;padding:11px 16px}.demo-form{padding:20px}.artikel{padding:28px 0 56px}}img{height:auto}