: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;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-size:.95rem;color:var(--mut)}.nav .btn{padding:10px 18px}@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));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;font-size:1.07rem}.head .eyebrow{margin-bottom:14px}.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 h1 em{background:linear-gradient(90deg,#f0c04a,#ffe08a);-webkit-background-clip:text;background-clip:text;color:transparent}.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}.brand{display:flex;gap:14px;min-width:0}.brand,.oleh{align-items:center}.oleh{display:inline-flex;gap:8px;padding-left:14px;border-left:1px solid var(--line);font-size:.72rem;color:var(--mut);line-height:1.1}.oleh i{font-style:normal}.oleh b{font-weight:700;max-width:130px;color:var(--ink)}.oleh img{height:26px;width:auto}@media(max-width:1100px){.oleh b,.oleh i{display:none}.oleh{padding-left:10px}}@media(max-width:520px){.oleh{display:none}}.tentang{display:grid;grid-template-columns:auto 1fr;grid-gap:36px;gap:36px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--sh);max-width:900px;margin:0 auto}.tentang img{height:auto;width:150px}.tentang h2{margin:10px 0 12px;font-size:clamp(1.4rem,2.6vw,1.9rem)}.tentang p{color:var(--mut);margin-bottom:14px}@media(max-width:640px){.tentang{grid-template-columns:1fr;padding:24px;text-align:left;gap:18px}.tentang img{width:110px}}footer{padding:36px 0 22px}footer .foot{flex-wrap:wrap;justify-content:space-between;gap:20px}.foot-brand,footer .foot{display:flex;align-items:center}.foot-brand{gap:14px;max-width:520px}.foot-brand img{height:auto;width:52px}.foot-brand b{display:block;color:#fff;font-size:1.02rem}.foot-brand span{font-size:.85rem}.foot-links{display:grid;grid-gap:4px;gap:4px;font-size:.88rem}.foot-links a{color:#cfe3da;text-decoration:underline}.foot-copy{margin-top:22px;padding-top:16px;border-top:1px solid #ffffff1f;font-size:.8rem;color:#86a89a}footer{padding-bottom:84px}:root{--sh:0 1px 2px rgba(7,61,46,.05);--r:14px}section{padding:104px 0}.head{margin-bottom:56px}.head h2{letter-spacing:-.02em}.hero{background:linear-gradient(180deg,var(--g50),#fff)}.hero .wrap{padding-top:88px;padding-bottom:72px;gap:64px}.hero h1{color:var(--ink)}.hero h1 em{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--g700)}.hero p.lead{color:var(--mut)}.hero p.lead b{color:var(--ink)}.hero .eyebrow{background:var(--g100);color:var(--g700)}.visual .mock{animation:none}.mock,.mock.shot{transform:none;box-shadow:0 1px 3px rgba(7,61,46,.08),0 24px 60px rgba(7,61,46,.12);border:1px solid var(--line)}.btn.gold,.btn.pri{box-shadow:none}.stats{padding:8px 0 24px}.stat{box-shadow:none;border-top:2px solid var(--g100);border-radius:0;background:none;padding:22px 8px;text-align:left}.alt{background:#fafcfb}.fab{display:none}@media(max-width:900px){section{padding:72px 0}.hero .wrap{padding-top:44px;gap:36px}}header.nav{background:#fff;box-shadow:none}.nav nav{gap:30px;font-weight:600;color:var(--ink)}.nav nav a:hover{color:var(--g700)}.btn{padding:12px 20px;border-radius:10px;font-size:.95rem}.btn:hover{transform:none}.btn.line{border-width:1.5px}.eyebrow{padding:0;letter-spacing:.14em;font-size:.74rem;color:var(--g700)}.eyebrow,.hero .eyebrow{background:none}.head{max-width:680px}.head h2{font-size:clamp(1.8rem,3.2vw,2.5rem);line-height:1.2}.stat b{font-size:2.6rem}.icard.a{background:var(--g800)}.icard.b{background:#1f4e79}.icard:after{display:none}.acard,.mod,.w{box-shadow:none;border:1px solid var(--line);border-radius:12px}.acard:hover,.mod:hover{transform:none;box-shadow:none;border-color:var(--g600)}.alt{background:var(--g50)}.head{max-width:none;margin:0 0 52px;text-align:left;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-column-gap:56px;column-gap:56px;align-items:end}.head h2{grid-column:1}.head p{grid-column:2;margin:0;font-size:1rem;color:var(--mut)}.head h2:only-child{grid-column:1/-1}@media(max-width:800px){.head{display:block}.head p{margin-top:12px}}.why{gap:0 40px}.why .w{border:0;border-top:2px solid var(--ink);border-radius:0;background:none;padding:18px 0 28px}.why .w b{font-size:1.1rem}.impl li{border:0;border-top:1px solid var(--line);border-radius:0;background:none;box-shadow:none}.cta-sec .head{display:block}.mod .kat{display:none}.mod{padding:20px 22px}.safe{background:none;border:0;border-left:3px solid var(--g600);border-radius:0;padding:4px 0 4px 18px;color:var(--mut);max-width:760px}.safe b{color:var(--ink)}.mods{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px}.mod,.mod:hover{display:grid;grid-template-columns:36px minmax(0,1fr);grid-column-gap:18px;column-gap:18px;background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:22px 0;box-shadow:none;transform:none}.mod .ico{width:36px;height:36px;margin:0;background:none;color:var(--g700)}.mod .ico svg{width:24px;height:24px}.mod:hover h3{color:var(--g700)}.mod h3{font-size:1.05rem;margin-bottom:4px}.mod p{font-size:.95rem}.mod ul{margin-top:10px}@media(max-width:800px){.mods{grid-template-columns:1fr}}.icard,.icard.a,.icard.b{background:none;color:var(--ink);border-radius:0;border-top:2px solid var(--ink);padding:22px 0 8px}.int{gap:0 64px}.icard .tag{background:none;padding:0;color:var(--g700);letter-spacing:.12em}.icard.b .tag{color:#1f4e79}.icard h3{font-size:1.3rem;margin:8px 0 14px}.icard li{color:var(--mut)}.icard li:before{background-color:var(--g100);background-color:var(--g600)}.int{margin-top:0}:root{--dots:radial-gradient(rgba(255,255,255,.16) 1.3px,transparent 1.4px) 0 0/26px 26px}.ticker{background:var(--g900);color:#d7efe6;overflow:hidden;font-size:.86rem;white-space:nowrap}.ticker .tk{display:inline-flex;align-items:center;gap:28px;padding:9px 0;animation:tk 48s linear infinite}.ticker i{width:5px;height:5px;border-radius:50%;background:#7fd6b8}.ticker b{color:#fff}@keyframes tk{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.ticker .tk{animation:none}}.btn{border-radius:999px;padding:13px 26px}.btn.soft{background:var(--g100);color:var(--g800)}.nav-cta{display:flex;gap:10px}.nav .btn{padding:10px 20px;font-size:.92rem}@media(max-width:700px){.nav-cta .soft{display:none}}.hero{background:var(--dots),radial-gradient(900px 500px at 80% 0,#12a37e55,transparent 60%),linear-gradient(165deg,var(--g900),#0a5f46);color:#fff}.hero h1{color:#fff;font-size:clamp(2.4rem,5.4vw,4.2rem);letter-spacing:-.035em;line-height:1.05}.hero p.lead{color:#cfeadf}.hero p.lead b{color:#fff}.hero .btn.pri{background:#fff;color:var(--g800)}.hero .btn.line{border-color:#ffffff88;color:#fff}.hero .wrap{padding-top:96px;padding-bottom:104px}.hero .mock,.hero .mock.shot{border:0;box-shadow:0 30px 80px rgba(0,0,0,.4)}.stats{margin-top:0;padding:56px 0 8px}.stat{border:0;padding:0 8px}.stat b{font-size:3.2rem;font-weight:800;letter-spacing:-.04em}.stat span{font-size:1rem}.band{background:var(--dots),radial-gradient(800px 420px at 50% 0,#12a37e44,transparent 70%),linear-gradient(180deg,var(--g900),#0a4d3a);color:#fff}.band .head{display:block;text-align:center;max-width:760px;margin:0 auto 48px}.band .head h2{color:#fff;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.03em}.band .head p{color:#b9ddcf;margin-top:14px}.pill{display:inline-block;border:1px solid #ffffff44;border-radius:999px;padding:6px 16px;margin-bottom:18px;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#cfeadf;background:#ffffff10}.band .ptab{background:#ffffff12;border-color:#ffffff30;color:#fff}.band .ptab.on{background:#fff;color:var(--g800);border-color:#fff;box-shadow:none}.band .mut{color:#b9ddcf}.band .bingkai{border:0;box-shadow:0 30px 80px rgba(0,0,0,.45)}.band .icard,.band .icard.a,.band .icard.b{color:#fff;border-top-color:#ffffff66}.band .icard li{color:#d7efe6}.band .icard h3{color:#fff}.band .icard .tag,.band .icard.b .tag{color:#7fd6b8}.band .icard li:before{background-color:#fff}.band .safe{color:#b9ddcf;border-left-color:#7fd6b8}.band .safe b{color:#fff}.band .icard li:before{background-color:#2fbf8f}:root{--navy1:#081a33;--navy2:#0f2f57;--navy3:#14416f}.hero{background:linear-gradient(180deg,var(--navy1) 0,var(--navy2) 62%,#1c4f84 100%)}.hero .wrap{position:relative;z-index:2}.hbg{overflow:hidden;z-index:0;pointer-events:none}.hbg,.hbg .bintang{position:absolute;inset:0}.hbg .bintang{background:radial-gradient(rgba(255,255,255,.55) 1px,transparent 1.5px) 0 0/90px 90px,radial-gradient(rgba(255,255,255,.35) 1px,transparent 1.5px) 40px 55px/130px 130px;animation:kedip 6s ease-in-out infinite alternate;opacity:.55}.hbg .kampus{position:absolute;left:0;bottom:0;width:100%;height:46%;min-height:240px;opacity:.9}.hbg .awan{position:absolute;fill:#ffffff;opacity:.09;width:260px}.hbg .aw1{top:14%;left:-300px;animation:geser 70s linear infinite}.hbg .aw2{top:34%;left:-300px;width:200px;animation:geser 95s linear infinite;animation-delay:-40s}.hbg .aw3{top:8%;left:-300px;width:320px;animation:geser 120s linear infinite;animation-delay:-80s}.hbg .melayang{position:absolute;bottom:-60px;width:44px;color:#ffffff;opacity:0;animation:naik 30s linear infinite}.hbg .melayang:nth-of-type(2n){color:#f0c04a}.hbg .melayang svg{display:block;width:100%;height:auto}.hbg .jdl{animation:nyala 9s ease-in-out infinite}@keyframes geser{to{transform:translateX(calc(100vw + 600px))}}@keyframes naik{0%{transform:translateY(0) rotate(-12deg);opacity:0}10%{opacity:.5}85%{opacity:.5}to{transform:translateY(-620px) rotate(14deg);opacity:0}}@keyframes kedip{0%{opacity:.25}to{opacity:.6}}@keyframes nyala{0%,to{opacity:.25}40%,60%{opacity:1}}@media(prefers-reduced-motion:reduce){.hbg *{animation:none!important}.hbg .melayang{display:none}.hbg .jdl{opacity:.8}}@media(max-width:700px){.hbg .kampus{height:30%}.hbg .melayang{width:32px}}.band{background:var(--dots),radial-gradient(800px 420px at 50% 0,#2a6fb844,transparent 70%),linear-gradient(180deg,var(--navy1),var(--navy2))}.ticker{background:var(--navy1)}.cta-sec{background:linear-gradient(160deg,var(--navy1),var(--navy3))}.hero .btn.pri{background:#f0c04a;color:#241a00}.hbg .kampus{height:270px;min-height:0}.hero .wrap{padding-bottom:250px}@media(max-width:900px){.hero .wrap{padding-bottom:170px}.hbg .kampus{height:180px}}.ticker{display:none}header.nav{border-bottom:1px solid #e3edf5}.hero{background:linear-gradient(180deg,#e8f2fd,#f6fbff 65%,#fff);color:var(--ink)}.hero h1{color:#0d2b3f;font-size:clamp(2.2rem,4.6vw,3.6rem);letter-spacing:-.03em;line-height:1.1}.hero p.lead{color:#46607a}.hero p.lead b{color:#0d2b3f}.hero .btn.pri{background:var(--g700);color:#fff}.hero .btn.line{border-color:var(--g700);color:var(--g700)}.hero .wrap{padding-top:72px;padding-bottom:230px;align-items:start}.hbg .bintang{display:none}.hbg .awan{fill:#fff;opacity:.95}.hbg .melayang{color:#7aa6d8}.hbg .melayang:nth-of-type(2n){color:#e0a92a}.hbg .kampus{opacity:1}.laptop{position:relative;max-width:640px;margin-left:auto}.laptop .scr{background:#0f1c2b;border:solid #0f1c2b;border-width:10px 10px 14px;border-radius:16px 16px 0 0;box-shadow:0 30px 60px rgba(15,40,70,.25)}.laptop .scr img{display:block;width:100%;height:auto;border-radius:4px}.laptop .lbase{height:14px;background:linear-gradient(#cfd8e2,#aab6c3);border-radius:0 0 14px 14px;margin:0 -28px;box-shadow:0 8px 14px rgba(15,40,70,.18)}.chips-h{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:22px;max-width:640px;margin-left:auto}.chp{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #dbe7f3;border-radius:14px;padding:12px;box-shadow:0 10px 24px rgba(20,60,110,.1);font-size:.74rem;color:#51677d;line-height:1.35}.chp svg{flex:none;width:30px;height:30px;padding:6px;border-radius:9px;background:var(--g100);stroke:var(--g700);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chp b{display:block;color:#0d2b3f;font-size:.8rem;margin-bottom:2px}@media(max-width:900px){.hero .wrap{padding-bottom:170px}.chips-h{grid-template-columns:1fr}}.band{background:#f3f8fc;color:var(--ink)}.band .head h2{color:#0d2b3f}.band .head p{color:#51677d}.band .pill{border-color:#cfe0ee;background:#fff;color:var(--g700)}.band .ptab{background:#fff;border-color:#d4e2ef;color:#35506a}.band .ptab.on{background:var(--g700);color:#fff;border-color:var(--g700)}.band .mut{color:#51677d}.band .bingkai{box-shadow:0 24px 60px rgba(20,60,110,.18);border:1px solid #dbe7f3}.band .icard,.band .icard.a,.band .icard.b{color:var(--ink);border-top-color:var(--ink)}.band .icard li{color:var(--mut)}.band .icard h3{color:var(--ink)}.band .icard .tag{color:var(--g700)}.band .icard li:before{background-color:var(--g600)}.band .safe{color:var(--mut);border-left-color:var(--g600)}.band .safe b{color:var(--ink)}.cta-sec{background:linear-gradient(160deg,#0d3b2e,#0b6a50)}.mp .ptabs{justify-content:center;margin-bottom:26px}.mp-box{display:grid;grid-template-columns:1fr 150px 1fr;grid-gap:0;gap:0;align-items:stretch;background:#f3f8fc;border-radius:20px;padding:34px}.mp-col h3{font-size:1.15rem;margin-bottom:16px}.mp-col ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:12px;gap:12px}.mp-col li{background:#fff;border:1px solid #e1eaf3;border-radius:12px;padding:14px 16px 14px 44px;position:relative;font-size:.95rem;color:#35506a}.mp-col li:before{content:"";position:absolute;left:14px;top:15px;width:18px;height:18px;border-radius:50%}.mp-a li:before{background:#fde8e8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8h7' stroke='%23d63a3a' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/16px no-repeat}.mp-b li:before{background:var(--g100) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%230b7a5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}.mp-a li.hot{background:#d63a3a;border-color:#d63a3a;color:#fff}.mp-a li.hot:before{background-color:#ffffff33}.mp-b li.hot{background:var(--g700);border-color:var(--g700);color:#fff}.mp-b li.hot:before{background-color:#ffffff33}.mp-mid,.mp-mid span{display:grid;place-items:center}.mp-mid span{width:96px;height:96px;border-radius:50%;background:linear-gradient(145deg,var(--g600),var(--g800));color:#fff;font-size:2.4rem;font-weight:800;box-shadow:0 14px 30px rgba(11,122,91,.3)}@media(max-width:860px){.mp-box{grid-template-columns:1fr;gap:18px;padding:20px}.mp-mid{display:none}}.ticker{display:block;background:#0d3b2e}.ticker .tk{animation-duration:60s}.hero h1{font-size:clamp(2rem,3.8vw,3.1rem);line-height:1.12;max-width:560px}.hero h1 mark{background:linear-gradient(transparent 58%,#f6c945 0,#f6c945 92%,transparent 0);color:inherit;padding:0 .12em;border-radius:3px}.mp-box{grid-template-columns:1fr 190px 1fr}.mp-mid{background:linear-gradient(180deg,#e3f4ec,#f3f8fc);border-radius:20px;padding:12px 8px 0;align-self:end}@media(max-width:860px){.mp-mid{display:block;max-width:150px;margin:0 auto;order:-1}}.mp-box{grid-template-columns:1fr 250px 1fr;column-gap:20px}.mp-mid{padding:20px 14px 0;background:radial-gradient(circle at 50% 70%,#d3efe3,#eaf5fb 70%);overflow:hidden;position:relative}.tokoh-wrap{position:relative;animation:pop .5s cubic-bezier(.2,1.3,.4,1) both}.tokoh{display:block;width:100%;height:auto;margin-top:-6px;transform-origin:50% 100%;animation:bob 4.5s ease-in-out infinite}.spk{position:absolute;width:12px;height:12px;border-radius:50%;background:#f6c945;opacity:.9;animation:spk 3.6s ease-in-out infinite}.spk.s1{left:10%;top:22%}.spk.s2{right:8%;top:36%;width:9px;height:9px;background:#0f9170;animation-delay:-1.2s}.spk.s3{left:18%;top:60%;width:8px;height:8px;background:#d63a3a;animation-delay:-2.2s}@keyframes pop{0%{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:none}}@keyframes bob{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-6px) rotate(.8deg)}}@keyframes spk{0%,to{transform:scale(.7);opacity:.3}50%{transform:scale(1.25);opacity:1}}@media(prefers-reduced-motion:reduce){.spk,.tokoh,.tokoh-wrap{animation:none}}.chp,.mod,.mod[data-kat=Akademik]{--ac:#0b7a5b}.mod[data-kat=Keuangan]{--ac:#d4880f}.mod[data-kat=Pembelajaran]{--ac:#0284c7}.mod[data-kat="SDM & Mutu"]{--ac:#9333ea}.mod[data-kat="Layanan & Keamanan"]{--ac:#0d9488}.i3d,.mod .ico{position:relative;display:grid;place-items:center;color:#fff;background:radial-gradient(120% 95% at 28% 12%,color-mix(in srgb,var(--ac) 50%,#fff) 0,var(--ac) 48%,color-mix(in srgb,var(--ac) 60%,#000) 100%);box-shadow:inset 0 2px 1px rgb(255 255 255/.7),inset 0 -7px 11px rgb(0 0 0/.2),0 5px 0 color-mix(in srgb,var(--ac) 52%,#000),0 14px 20px -6px color-mix(in srgb,var(--ac) 55%,transparent)}.mod .ico{width:52px;height:52px;border-radius:16px;margin:0 0 6px}.i3d:before,.mod .ico:before{content:"";position:absolute;left:9%;right:9%;top:5%;height:40%;border-radius:14px 14px 60% 60%/14px 14px 70% 70%;background:linear-gradient(rgb(255 255 255/.55),rgb(255 255 255/0));pointer-events:none}.mod .ico svg{width:26px;height:26px;filter:drop-shadow(0 2px 1.5px rgb(0 0 0/.32))}.mod,.mod:hover{grid-template-columns:56px minmax(0,1fr)}.mod:hover .ico{transform:translateY(-2px)}.mod .ico{transition:transform .2s}.mod:hover .ico svg{animation:i3d-goyang .6s ease-in-out}.chp svg{width:40px;height:40px;padding:10px;border-radius:13px;stroke:#fff;background:radial-gradient(120% 95% at 28% 12%,#4fd1a5 0,#0b7a5b 55%,#064d38 100%);box-shadow:inset 0 2px 1px rgb(255 255 255/.6),inset 0 -5px 8px rgb(0 0 0/.2),0 4px 0 #064d38,0 10px 14px -5px rgb(11 122 91/.5);filter:none}.chp:nth-child(2) svg{background:radial-gradient(120% 95% at 28% 12%,#7fb3ff 0,#2563eb 55%,#1b3f9c 100%);box-shadow:inset 0 2px 1px rgb(255 255 255/.6),inset 0 -5px 8px rgb(0 0 0/.2),0 4px 0 #1b3f9c,0 10px 14px -5px rgb(37 99 235/.5)}.chp:nth-child(3) svg{background:radial-gradient(120% 95% at 28% 12%,#c9a2ff 0,#7c3aed 55%,#4c1d95 100%);box-shadow:inset 0 2px 1px rgb(255 255 255/.6),inset 0 -5px 8px rgb(0 0 0/.2),0 4px 0 #4c1d95,0 10px 14px -5px rgb(124 58 237/.5)}.chp{gap:14px}@keyframes i3d-goyang{0%,to{rotate:0deg}25%{rotate:-12deg}75%{rotate:12deg}}@media (prefers-reduced-motion:reduce){.mod:hover .ico svg{animation:none}.mod .ico{transition:none}}.bhs{display:inline-flex;align-items:center;padding:3px;border:1px solid var(--g200,#bbf7d0);background:#fff;font-size:.8rem;font-weight:700;line-height:1}.bhs,.bhs a{border-radius:999px}.bhs a{padding:6px 11px;color:var(--mut,#5b6b60);text-decoration:none}.bhs a:hover{color:var(--g700,#15803d)}.bhs a.on{background:var(--g700,#15803d);color:#fff}