:root{--green-700:#12855b;--green-600:#16a34a;--green-800:#0e6b49;--green-50:#e9f7ef;--green-100:#d3efe0;--mint-400:#34d399;--brand-hijau:#90c800;--brand-biru:#1040c8;--ink-900:#0f1f1a;--ink-600:#475a52;--ink-400:#8a9a93;--bg:#fcfdfc;--surface:#fff;--border:#e3eae6;--border-strong:#cfdbd5;--track:#e6ede9;--level-startup:#94a3b8;--level-startup-bg:#f1f5f9;--level-growing:#12855b;--level-growing-bg:#e9f7ef;--level-scale:#059669;--level-scale-bg:#e7f6f0;--accent-gold:#d4a73a;--success:#16a34a;--success-bg:#e9f7ef;--warning:#d97706;--warning-bg:#fef3e2;--error:#dc2626;--error-bg:#feecec;--info:#12855b;--info-bg:#e9f7ef;--font:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-h1:2.75rem;--fs-h2:2rem;--fs-h3:1.375rem;--fs-body-lg:1.125rem;--fs-body:1rem;--fs-caption:.875rem;--fs-micro:.75rem;--lh-tight:1.1;--lh-snug:1.25;--lh-body:1.6;--sp-1:.5rem;--sp-2:1rem;--sp-3:1.5rem;--sp-4:2rem;--sp-5:3rem;--sp-6:4rem;--sp-7:5rem;--sec-y:4rem;--sec-y-lg:6.5rem;--gutter:1.25rem;--gutter-lg:2.5rem;--gap:1.75rem;--gap-sm:1.25rem;--pad-card:1.75rem;--head-gap:2.5rem;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-full:9999px;--sh-sm:0 1px 2px #0f1f1a0d;--sh-md:0 8px 24px #0f1f1a14;--sh-lg:0 16px 40px #0f1f1a1a;--container:1200px;--container-narrow:720px;--nav-h:76px;--tabbar-h:64px;--tap-min:48px;--transition:.16s cubic-bezier(.4, 0, .2, 1)}@media (max-width:767px){:root{--fs-h1:1.875rem;--fs-h2:1.5rem;--fs-h3:1.25rem}}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/assets/fonts/PlusJakartaSans-var.woff2)format("woff2")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400 700;font-display:block;src:url(/assets/fonts/MaterialSymbolsOutlined-subset.woff2)format("woff2")}.icon{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-variation-settings:"FILL" 0, "wght" 400;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;direction:ltr;flex-shrink:0;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.icon--fill{font-variation-settings:"FILL" 1, "wght" 400}.icon--sm{font-size:18px}.icon--md{font-size:20px}.icon--lg{font-size:32px}.icon--xl{font-size:40px}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + var(--sp-2))}body{font-family:var(--font);font-size:var(--fs-body-lg);line-height:var(--lh-body);color:var(--ink-900);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh}img,svg,video{max-width:100%;display:block}img{height:auto}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}h1,.h1{font-size:var(--fs-h1);font-weight:800;line-height:var(--lh-tight);letter-spacing:-.01em}h2,.h2{font-size:var(--fs-h2);font-weight:700;line-height:var(--lh-snug);letter-spacing:-.005em}h3,.h3{font-size:var(--fs-h3);font-weight:600;line-height:1.3}h4,.h4{font-size:var(--fs-body-lg);font-weight:600;line-height:1.4}.lead{font-size:var(--fs-body-lg);color:var(--ink-600)}.body{font-size:var(--fs-body)}.caption{font-size:var(--fs-caption);color:var(--ink-600);font-weight:500}.micro{font-size:var(--fs-micro)}.muted{color:var(--ink-400)}.dim{color:var(--ink-600)}.strong{font-weight:700}.tabular{font-variant-numeric:tabular-nums}.eyebrow{font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--green-700);font-weight:700;display:inline-block}.eyebrow--pill{background:var(--green-50);border-radius:var(--r-full);padding:6px 12px}.text-green{color:var(--green-700)}.text-center{text-align:center}:focus-visible{outline:3px solid var(--green-600);outline-offset:2px;border-radius:var(--r-sm)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--sp-2);z-index:200;background:var(--green-700);color:#fff;border-radius:var(--r-md);transition:top var(--transition);padding:12px 20px;font-weight:600;position:absolute;top:-100px}.skip-link:focus{top:var(--sp-2)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.only-mobile{display:none!important}@media (max-width:767px){.only-desktop{display:none!important}.only-mobile{display:block!important}.only-mobile.is-flex{display:flex!important}}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.container--narrow{max-width:var(--container-narrow)}.container--wide{max-width:1360px}@media (min-width:768px){.container{padding-inline:var(--gutter-lg)}}.page{padding-bottom:var(--sp-5)}@media (max-width:767px){.page{padding-bottom:calc(var(--tabbar-h) + var(--sp-3))}}.section{padding-block:var(--sec-y)}.section--tight{padding-block:calc(var(--sec-y) * .7)}.section--loose{padding-block:calc(var(--sec-y) * 1.25)}.section--tint{background:var(--green-50)}.section--soft{background:var(--surface)}@media (min-width:768px){.section{padding-block:var(--sec-y-lg)}.section--tight{padding-block:calc(var(--sec-y-lg) * .65)}.section--loose{padding-block:calc(var(--sec-y-lg) * 1.2)}}.section-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-2);margin-bottom:var(--head-gap);flex-wrap:wrap;display:flex}.section-head__text{max-width:640px}.section-head__text>.eyebrow{margin-bottom:var(--sp-1)}.section-head__text>p{color:var(--ink-600);margin-top:var(--sp-1)}.section-head--center{text-align:center;flex-direction:column;align-items:center}.section-head--center .section-head__text{text-align:center}.link-more{color:var(--green-700);font-weight:600;font-size:var(--fs-body);white-space:nowrap;transition:gap var(--transition);align-items:center;gap:4px;padding:6px 0;display:inline-flex}.link-more:hover{color:var(--green-600);gap:10px}.grid{gap:var(--gap);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--sidebar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (max-width:1023px){.grid--4,.grid--3{grid-template-columns:repeat(2,1fr)}.grid--sidebar{grid-template-columns:1fr}}@media (max-width:639px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.grid{gap:var(--gap-sm)}}.stack{gap:var(--sp-2);flex-direction:column;display:flex}.stack-1{gap:var(--sp-1);flex-direction:column;display:flex}.stack-3{gap:var(--sp-3);flex-direction:column;display:flex}.stack-4{gap:var(--sp-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.row-1{align-items:center;gap:var(--sp-1);flex-wrap:wrap;display:flex}.row--between{justify-content:space-between}.row--center{justify-content:center}.row--nowrap{flex-wrap:nowrap}.carousel{gap:var(--gap-sm);scroll-snap-type:x mandatory;scroll-padding-inline:var(--sp-2);padding-bottom:var(--sp-1);-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.carousel>*{scroll-snap-align:start;flex:0 0 min(300px,82%)}.carousel--wide>*{flex-basis:min(360px,88%)}.carousel-wrap{position:relative}.carousel-nav{border-radius:var(--r-full);background:var(--surface);border:1px solid var(--border);width:44px;height:44px;box-shadow:var(--sh-md);color:var(--ink-900);z-index:3;transition:background var(--transition), color var(--transition);justify-content:center;align-items:center;display:none;position:absolute;top:50%;transform:translateY(-50%)}.carousel-nav:hover{background:var(--green-700);color:#fff;border-color:var(--green-700)}.carousel-nav[disabled]{opacity:0;pointer-events:none}.carousel-nav--prev{left:-18px}.carousel-nav--next{right:-18px}@media (min-width:1024px){.carousel-nav{display:flex}}.divider{background:var(--border);height:1px;margin-block:var(--sp-4);border:0}.topnav{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffeb;position:sticky;top:0}.topnav__inner{height:var(--nav-h);align-items:center;gap:var(--sp-3);display:flex}.brand{flex-shrink:0;align-items:center;display:inline-flex}.brand img{width:auto;height:46px;display:block}.brand--lg img{height:60px}.brand--sm img{height:34px}.brand--onDark{border-radius:var(--r-md);box-shadow:var(--sh-sm);background:#fff;align-self:flex-start;padding:12px 18px}@media (max-width:480px){.brand img{height:38px}}.penyelenggara{margin-top:var(--sp-3);padding-top:var(--sp-2);border-top:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:8px;display:flex}.penyelenggara span{font-size:var(--fs-micro);color:var(--ink-400);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.penyelenggara img{width:auto;height:48px;display:block}.topnav__links{align-items:center;gap:var(--sp-3);margin-inline:auto;display:flex}.topnav__links a{font-size:var(--fs-body);color:var(--ink-600);transition:color var(--transition), border-color var(--transition);border-bottom:2px solid #0000;padding:8px 2px;font-weight:500}.topnav__links a:hover{color:var(--green-700)}.topnav__links a.is-active{color:var(--green-700);border-bottom-color:var(--green-700);font-weight:600}.topnav__actions{align-items:center;gap:var(--sp-1);display:flex}.topnav__toggle{width:var(--tap-min);height:var(--tap-min);border-radius:var(--r-md);color:var(--ink-900);justify-content:center;align-items:center;display:none}@media (max-width:1023px){.topnav__links{display:none}}@media (max-width:767px){.topnav__actions .btn{display:none}.topnav__actions .topnav__toggle{display:flex}.topnav__inner{justify-content:space-between}}.tabbar{z-index:100;height:var(--tabbar-h);background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:none;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--ink-400);min-height:var(--tap-min);transition:color var(--transition);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:600;display:flex}.tabbar a .icon{font-size:24px}.tabbar a.is-active{color:var(--green-700)}.tabbar a.is-active .icon{font-variation-settings:"FILL" 1}@media (max-width:767px){.tabbar{display:flex}}.drawer{z-index:150;visibility:hidden;opacity:0;transition:opacity var(--transition), visibility var(--transition);position:fixed;inset:0}.drawer.is-open{visibility:visible;opacity:1}.drawer__scrim{background:#0f1f1a73;position:absolute;inset:0}.drawer__panel{background:var(--surface);width:min(320px,86vw);padding:var(--sp-3) var(--sp-2);gap:var(--sp-1);transition:transform var(--transition);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.drawer.is-open .drawer__panel{transform:none}.drawer__panel a{padding:14px var(--sp-2);border-radius:var(--r-md);color:var(--ink-900);min-height:var(--tap-min);align-items:center;gap:12px;font-weight:600;display:flex}.drawer__panel a:hover,.drawer__panel a.is-active{background:var(--green-50);color:var(--green-700)}.drawer__close{width:var(--tap-min);height:var(--tap-min);align-self:flex-end}.footer{background:var(--surface);border-top:1px solid var(--border);padding-block:var(--sp-5);margin-top:var(--sec-y)}.footer__grid{gap:var(--sp-5);grid-template-columns:1.6fr 1fr 1fr;display:grid}.footer h5{font-size:var(--fs-caption);margin-bottom:var(--sp-1);color:var(--ink-900);font-weight:700}.footer a,.footer p{font-size:var(--fs-caption);color:var(--ink-600)}.footer a{padding:5px 0;display:inline-block}.footer a:hover{color:var(--green-700)}.footer__bottom{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--border);justify-content:space-between;gap:var(--sp-2);font-size:var(--fs-micro);color:var(--ink-400);flex-wrap:wrap;display:flex}@media (max-width:767px){.footer__grid{gap:var(--sp-3);grid-template-columns:1fr}.footer{margin-bottom:var(--tabbar-h)}}.disclaimer{font-size:var(--fs-micro);color:var(--ink-400);background:var(--green-50);border-radius:var(--r-md);padding:12px var(--sp-2);line-height:1.5}.btn{min-height:var(--tap-min);border-radius:var(--r-md);font-size:var(--fs-body);white-space:nowrap;cursor:pointer;transition:background var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition), transform var(--transition);border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-weight:600;line-height:1;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--green-700);color:#fff;box-shadow:var(--sh-sm)}.btn--primary:hover{background:var(--green-600);box-shadow:var(--sh-md)}.btn--primary:active{background:var(--green-800)}.btn--secondary{background:var(--surface);color:var(--green-700);border-color:var(--green-700)}.btn--secondary:hover{background:var(--green-50)}.btn--ghost{color:var(--green-700);background:0 0;padding-inline:12px}.btn--ghost:hover{background:var(--green-50)}.btn--quiet{background:var(--surface);color:var(--ink-600);border-color:var(--border)}.btn--quiet:hover{border-color:var(--border-strong);color:var(--ink-900)}.btn--white{color:var(--green-700);background:#fff}.btn--white:hover{background:var(--green-50)}.btn--lg{min-height:56px;font-size:var(--fs-body-lg);padding:16px 32px}.btn--sm{min-height:40px;font-size:var(--fs-caption);padding:8px 16px}.btn--block{width:100%}.btn[disabled],.btn.is-disabled{opacity:.45;pointer-events:none;box-shadow:none}.btn-icon{width:var(--tap-min);height:var(--tap-min);border-radius:var(--r-md);color:var(--ink-600);transition:background var(--transition), color var(--transition);justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background:var(--green-50);color:var(--green-700)}@media (max-width:639px){.btn--block-mobile{width:100%}}.badge{border-radius:var(--r-full);font-size:var(--fs-micro);white-space:nowrap;align-items:center;gap:6px;padding:5px 12px;font-weight:700;line-height:1.4;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge--nodot:before{display:none}.badge--startup{background:var(--level-startup-bg);color:#64748b}.badge--growing{background:var(--level-growing-bg);color:var(--green-700)}.badge--scale{background:var(--level-scale-bg);color:var(--level-scale);box-shadow:inset 0 0 0 1px #d4a73a80}.badge--solid{background:var(--green-700);color:#fff}.badge--neutral{background:var(--green-50);color:var(--green-700)}.badge--warning{background:var(--warning-bg);color:var(--warning)}.badge--error{background:var(--error-bg);color:var(--error)}.badge--muted{color:#64748b;background:#f1f5f9}.badge--onimage{color:var(--ink-900);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--sh-sm);background:#fffffff0}.chip{border-radius:var(--r-full);border:1.5px solid var(--border);background:var(--surface);min-height:42px;color:var(--ink-600);font-size:var(--fs-caption);cursor:pointer;transition:all var(--transition);align-items:center;gap:6px;padding:9px 18px;font-weight:600;display:inline-flex}.chip:hover{border-color:var(--green-700);color:var(--green-700)}.chip.is-active{background:var(--green-700);border-color:var(--green-700);color:#fff}.chip-row{-ms-overflow-style:none;scrollbar-width:none;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}@media (min-width:768px){.chip-row{flex-wrap:wrap;overflow:visible}}.meta{font-size:var(--fs-caption);color:var(--ink-600);align-items:center;gap:5px;display:inline-flex}.meta .icon{color:var(--ink-400);font-size:17px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);overflow:hidden}.card--pad{padding:var(--pad-card)}.card--pad-lg{padding:calc(var(--pad-card) * 1.6)}.card--tint{background:var(--green-50);border-color:var(--green-100)}.card--flat{box-shadow:none}.card--link{transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition)}.card--link:hover{box-shadow:var(--sh-md);border-color:var(--green-100);transform:translateY(-3px)}.card__media{aspect-ratio:16/10;background:var(--green-50);position:relative;overflow:hidden}.card__media img{object-fit:cover;width:100%;height:100%}.card__media--tall{aspect-ratio:4/3}.card__media .badge{position:absolute;top:12px;left:12px}.card__body{padding:var(--sp-2) 1.25rem 1.25rem;flex-direction:column;flex:1;gap:12px;display:flex}.card__title{font-size:var(--fs-body-lg);font-weight:700;line-height:1.35}.card__title--sm{font-size:var(--fs-body)}.card__foot{align-items:center;gap:var(--sp-1);padding:0 1.25rem 1.25rem;display:flex}.icon-tile{background:var(--green-50);width:48px;height:48px;color:var(--green-700);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.icon-tile--lg{border-radius:16px;width:64px;height:64px}.icon-tile--solid{background:var(--green-700);color:#fff}.icon-tile--gold{color:var(--accent-gold);background:#fbf3df}.icon-tile--slate{background:var(--level-startup-bg);color:#64748b}.field{flex-direction:column;gap:8px;display:flex}.label{font-size:var(--fs-caption);color:var(--ink-900);font-weight:600}.label .req{color:var(--error)}.help{font-size:var(--fs-caption);color:var(--ink-400)}.error-text{font-size:var(--fs-caption);color:var(--error);align-items:center;gap:4px;display:none}.field.has-error .error-text{display:flex}.field.has-error .input,.field.has-error .select{border-color:var(--error)}.input,.select,.textarea{width:100%;min-height:var(--tap-min);border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface);font-size:var(--fs-body);color:var(--ink-900);transition:border-color var(--transition), box-shadow var(--transition);padding:13px 15px}.input::placeholder,.textarea::placeholder{color:var(--ink-400)}.input:focus,.select:focus,.textarea:focus{border-color:var(--green-700);outline:none;box-shadow:0 0 0 3px #12855b24}.textarea{resize:vertical;min-height:120px;line-height:1.5}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23475A52' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:44px}.input-icon{position:relative}.input-icon .icon{color:var(--ink-400);pointer-events:none;font-size:20px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-icon .input{padding-left:44px}.input-affix{position:relative}.input-affix .input{padding-right:48px}.input-affix__btn{border-radius:var(--r-sm);width:40px;height:40px;color:var(--ink-400);place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.input-affix__btn:hover{color:var(--green-700)}.choice{border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;min-height:64px;transition:all var(--transition);align-items:center;gap:16px;padding:18px 20px;display:flex}.choice:hover{border-color:var(--green-700);background:#fbfefc}.choice input{opacity:0;width:0;height:0;position:absolute}.choice__dot{border:2px solid var(--border-strong);width:22px;height:22px;transition:all var(--transition);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.choice__dot:after{content:"";width:10px;height:10px;transition:transform var(--transition);background:#fff;border-radius:50%;transform:scale(0)}.choice__text{flex:1;min-width:0;display:block}.choice__title{font-size:var(--fs-body);font-weight:600;line-height:1.4;display:block}.choice__desc{font-size:var(--fs-caption);color:var(--ink-600);margin-top:2px;line-height:1.45;display:block}.choice__check{color:var(--green-700);opacity:0;transition:opacity var(--transition)}.choice.is-selected{border-color:var(--green-700);background:var(--green-50);box-shadow:0 0 0 1px var(--green-700)}.choice:has(input:checked){border-color:var(--green-700);background:var(--green-50);box-shadow:0 0 0 1px var(--green-700)}.choice.is-selected .choice__dot{border-color:var(--green-700);background:var(--green-700)}.choice:has(input:checked) .choice__dot{border-color:var(--green-700);background:var(--green-700)}.choice.is-selected .choice__dot:after{transform:scale(1)}.choice:has(input:checked) .choice__dot:after{transform:scale(1)}.choice.is-selected .choice__check{opacity:1}.choice:has(input:checked) .choice__check{opacity:1}.choice.is-focused{outline:3px solid var(--green-600);outline-offset:2px}.choice:has(input:focus-visible){outline:3px solid var(--green-600);outline-offset:2px}.choice-list{flex-direction:column;gap:12px;display:flex}.checkbox{font-size:var(--fs-caption);color:var(--ink-600);cursor:pointer;align-items:flex-start;gap:10px;line-height:1.5;display:flex}.checkbox input{width:20px;height:20px;accent-color:var(--green-700);cursor:pointer;flex-shrink:0;margin-top:1px}.upload{border:1.5px dashed var(--border-strong);border-radius:var(--r-md);padding:var(--sp-3);text-align:center;color:var(--ink-600);background:var(--surface);cursor:pointer;transition:all var(--transition)}.upload:hover{border-color:var(--green-700);background:var(--green-50)}.progress{border-radius:var(--r-full);background:var(--track);height:8px;overflow:hidden}.progress__bar{border-radius:var(--r-full);background:var(--green-700);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress--thin{height:6px}.progress__bar--warning{background:var(--warning)}.progress__bar--slate{background:var(--level-startup)}.steps{align-items:center;gap:0;display:flex}.steps__item{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.steps__num{width:36px;height:36px;font-weight:700;font-size:var(--fs-caption);background:var(--surface);color:var(--ink-400);border:2px solid var(--border);border-radius:50%;place-items:center;display:grid}.steps__label{font-size:var(--fs-micro);color:var(--ink-400);white-space:nowrap;font-weight:600}.steps__line{background:var(--border);margin-inline:8px;flex:1;height:2px;margin-bottom:22px}.steps__item.is-active .steps__num{background:var(--green-700);border-color:var(--green-700);color:#fff}.steps__item.is-active .steps__label{color:var(--green-700)}.steps__item.is-done .steps__num{background:var(--green-50);border-color:var(--green-700);color:var(--green-700)}.steps__item.is-done .steps__label{color:var(--ink-600)}.steps__line.is-done{background:var(--green-700)}.striplines{gap:6px;display:flex}.striplines span{border-radius:var(--r-full);background:var(--green-50);flex:1;height:5px}.striplines span.is-on{background:var(--green-700)}.stat{flex-direction:column;gap:2px;display:flex}.stat__num{color:var(--green-700);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:2rem;font-weight:800;line-height:1.1}.stat__label{font-size:var(--fs-caption);color:var(--ink-600)}.stat--center{text-align:center;align-items:center}.gauge{flex-shrink:0;width:180px;height:180px;position:relative}.gauge svg{width:100%;height:100%;transform:rotate(-90deg)}.gauge__track{fill:none;stroke:var(--border);stroke-width:8px}.gauge__fill{fill:none;stroke:var(--green-700);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.gauge__center{flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex;position:absolute;inset:0}.gauge__value{color:var(--green-700);font-variant-numeric:tabular-nums;font-size:2.75rem;font-weight:800;line-height:1}.gauge__max{font-size:var(--fs-caption);color:var(--ink-400)}.ladder{flex-direction:column;gap:8px;display:flex}.ladder__labels{font-size:var(--fs-micro);color:var(--ink-400);justify-content:space-between;font-weight:600;display:flex}.ladder__labels .is-current{color:var(--green-700);font-weight:700}.ladder__track{align-items:flex-end;gap:4px;height:22px;display:flex}.ladder__step{background:var(--border);transition:background var(--transition);border-radius:4px;flex:1}.ladder__step:first-child{height:40%}.ladder__step:nth-child(2){height:70%}.ladder__step:nth-child(3){height:100%}.ladder__step.is-on:first-child{background:var(--level-startup)}.ladder__step.is-on:nth-child(2){background:var(--level-growing)}.ladder__step.is-on:nth-child(3){background:var(--level-scale)}.callout{border-radius:var(--r-md);font-size:var(--fs-caption);gap:12px;padding:14px 16px;line-height:1.55;display:flex}.callout .icon{flex-shrink:0;font-size:20px}.callout--info{background:var(--info-bg);color:var(--green-700)}.callout--warning{background:var(--warning-bg);color:#8a4b04}.callout--error{background:var(--error-bg);color:#991b1b}.callout--success{background:var(--success-bg);color:#0e6b49}.empty{text-align:center;padding:var(--sp-5) var(--sp-2);color:var(--ink-600)}.empty .icon-tile{margin:0 auto var(--sp-2)}.pointlist{flex-direction:column;gap:12px;display:flex}.pointlist li{font-size:var(--fs-body);gap:10px;line-height:1.5;display:flex}.pointlist .icon{flex-shrink:0;margin-top:2px;font-size:20px}.pointlist--good .icon{color:var(--success)}.pointlist--bad .icon{color:var(--warning)}.table-wrap{border-radius:var(--r-lg);border:1px solid var(--border);overflow-x:auto}.table{background:var(--surface);font-size:var(--fs-caption);min-width:520px}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:14px 16px}.table th{background:var(--green-50);color:var(--ink-900);white-space:nowrap;font-weight:700}.table tr:last-child td{border-bottom:0}.table td.num{text-align:right;font-variant-numeric:tabular-nums}.bg-stairs{background-image:linear-gradient(45deg,#12855b0b 25%,#0000 25% 75%,#12855b0b 75%),linear-gradient(45deg,#12855b0b 25%,#0000 25% 75%,#12855b0b 75%);background-position:0 0,20px 20px;background-size:40px 40px}.avatar{object-fit:cover;background:var(--green-50);border-radius:50%;flex-shrink:0;width:48px;height:48px}.avatar--lg{width:72px;height:72px}.logo-tile{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);height:84px;transition:all var(--transition);place-items:center;padding:14px 18px;display:grid}.logo-tile img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:52px}.logo-tile--teks{font-size:var(--fs-caption);color:var(--ink-600);text-align:center;font-weight:700;line-height:1.35}.logo-tile:hover{border-color:var(--green-100);box-shadow:var(--sh-sm)}.pagination{justify-content:center;align-items:center;gap:6px;display:flex}.pagination button{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);min-width:42px;height:42px;color:var(--ink-600);font-weight:600;font-size:var(--fs-caption);transition:all var(--transition);padding:0 10px}.pagination button:hover:not([disabled]){border-color:var(--green-700);color:var(--green-700)}.pagination button.is-active{background:var(--green-700);border-color:var(--green-700);color:#fff}.pagination button[disabled]{opacity:.4;cursor:not-allowed}.crumbs{font-size:var(--fs-caption);color:var(--ink-400);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.crumbs a:hover{color:var(--green-700)}.crumbs .icon{font-size:16px}.toast{left:50%;bottom:calc(var(--tabbar-h) + var(--sp-2));z-index:300;background:var(--ink-900);color:#fff;border-radius:var(--r-md);font-size:var(--fs-caption);box-shadow:var(--sh-lg);align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:14px 22px;font-weight:600;transition:transform .26s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;transform:translate(-50%,140%)}.toast.is-visible{transform:translate(-50%)}@media (min-width:768px){.toast{bottom:var(--sp-3)}}.hero{padding-block:var(--sp-5) calc(var(--sec-y) * 1.1);background:radial-gradient(1000px 460px at 88% -8%, #12855b1a, transparent 62%), linear-gradient(180deg, #f4faf6 0%, var(--bg) 78%);position:relative;overflow:hidden}.hero__grid{align-content:center;column-gap:var(--sp-6);grid-template:"teks visual""aksi visual"/1.06fr 1fr;row-gap:0;display:grid}.hero__teks{grid-area:teks;align-self:end}.hero__aksi{grid-area:aksi;align-self:start}.hero__visual{grid-area:visual;align-self:center}.hero h1{margin-block:var(--sp-2) var(--sp-2);max-width:15ch}.hero p.lead{max-width:46ch}.hero__cta{margin-top:var(--sp-3)}.hero__levels{margin-top:var(--sp-4)}.hero__levels-label{font-size:var(--fs-micro);color:var(--ink-400);margin-bottom:10px;font-weight:600}.hero__visual{position:relative}.hero__photo{border-radius:var(--r-xl);box-shadow:var(--sh-lg);aspect-ratio:4/3;background:var(--green-50);overflow:hidden}.hero__photo img{object-fit:cover;width:100%;height:100%}.hero__trust{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-md);align-items:center;gap:10px;max-width:260px;padding:12px 16px;display:flex;position:absolute;bottom:28px;left:-20px}.hero__trust .icon{color:var(--green-700)}.hero__trust strong{font-size:var(--fs-caption);display:block}.hero__trust span.sub{font-size:var(--fs-micro);color:var(--ink-400);line-height:1.35;display:block}@media (max-width:1023px){.hero__grid{row-gap:var(--sp-4);grid-template-columns:1fr;grid-template-areas:"teks""visual""aksi"}.hero__teks,.hero__aksi,.hero__visual{align-self:auto}.hero h1{max-width:20ch}.hero p.lead{max-width:56ch}.hero__photo{aspect-ratio:16/10;max-height:400px}.hero__trust{bottom:12px;left:12px}}@media (max-width:639px){.hero{padding-block:var(--sp-4) var(--sec-y)}.hero__cta .btn{width:100%}.hero__photo{aspect-ratio:4/3;border-radius:var(--r-lg);max-height:none}.hero__trust{max-width:calc(100% - 20px);padding:10px 12px;bottom:10px;left:10px}}.impact{background:var(--green-700);color:#fff;border-radius:var(--r-xl);padding:calc(var(--pad-card) * 1.4);justify-content:space-between;align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex;position:relative;overflow:hidden}.impact:after{content:"";pointer-events:none;background-image:linear-gradient(45deg,#ffffff0f 25%,#0000 25% 75%,#ffffff0f 75%),linear-gradient(45deg,#ffffff0f 25%,#0000 25% 75%,#ffffff0f 75%);background-position:0 0,22px 22px;background-size:44px 44px;position:absolute;inset:0}.impact>*{z-index:1;position:relative}.impact h2{max-width:22ch}.impact p{color:#ffffffe6;max-width:52ch;font-size:var(--fs-body);margin-top:8px}.steps4{gap:var(--sp-2);grid-template-columns:repeat(4,1fr);display:grid;position:relative}.steps4:before{content:"";background:linear-gradient(90deg, var(--level-startup), var(--green-700), var(--level-scale));opacity:.35;height:2px;position:absolute;top:24px;left:12.5%;right:12.5%}.steps4__item{text-align:center;position:relative}.steps4__num{width:48px;height:48px;margin:0 auto var(--sp-1);background:var(--surface);color:var(--green-700);border:2px solid var(--green-700);z-index:1;border-radius:50%;place-items:center;font-weight:800;display:grid;position:relative}.steps4__item:first-child .steps4__num{background:var(--green-700);color:#fff}.steps4__item h4{font-size:var(--fs-body)}.steps4__item p{font-size:var(--fs-caption);color:var(--ink-600);margin-top:4px}@media (max-width:767px){.steps4{gap:var(--sp-3) var(--sp-2);grid-template-columns:repeat(2,1fr)}.steps4:before{display:none}}.how{gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid}.how__card{padding:var(--pad-card);text-align:left}.how__card .icon-tile{margin-bottom:var(--sp-2)}.how__card p{font-size:var(--fs-body);color:var(--ink-600);margin-top:8px}@media (max-width:767px){.how{grid-template-columns:1fr}}.aspek-grid{gap:var(--sp-2);grid-template-columns:repeat(7,1fr);display:grid}.aspek-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-2);text-align:center;transition:all var(--transition)}.aspek-tile:hover{border-color:var(--green-700);box-shadow:var(--sh-sm);transform:translateY(-2px)}.aspek-tile .icon{color:var(--green-700);margin-bottom:8px}.aspek-tile__nama{font-size:var(--fs-caption);font-weight:700}.aspek-tile__bobot{font-size:var(--fs-micro);color:var(--ink-400);margin-top:2px}@media (max-width:1023px){.aspek-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:639px){.aspek-grid{grid-template-columns:repeat(2,1fr)}}.layanan{gap:var(--gap);grid-template-columns:repeat(2,1fr);display:grid}.layanan__card{gap:var(--sp-3);padding:var(--pad-card);align-items:flex-start;display:flex}.layanan__card p{font-size:var(--fs-body);color:var(--ink-600);margin-block:6px 12px}@media (max-width:767px){.layanan{grid-template-columns:1fr}}.testi{padding:var(--pad-card);gap:var(--sp-3);flex-direction:column;display:flex}.testi__quote{font-size:var(--fs-body);color:var(--ink-600);flex:1;font-style:italic;line-height:1.6}.testi__mark{color:var(--green-100);font-size:40px;line-height:.6}.testi__who{align-items:center;gap:12px;display:flex}.testi__who strong{font-size:var(--fs-body);display:block}.testi__who span{font-size:var(--fs-caption);color:var(--ink-400)}.bank-grid{gap:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.skoring-hero{background:radial-gradient(900px 380px at 78% -10%, #12855b1a, transparent 60%), linear-gradient(180deg, #f4faf6 0%, var(--bg) 80%);padding-block:calc(var(--sec-y) * 1.05)}.skoring-hero__grid{gap:var(--sp-6);grid-template-columns:1.1fr .9fr;align-items:center;display:grid}.skoring-hero h1{margin-block:var(--sp-2) var(--sp-2);max-width:16ch}.skoring-hero__img{border-radius:var(--r-xl);box-shadow:var(--sh-md);overflow:hidden}@media (max-width:1023px){.skoring-hero__grid{grid-template-columns:1fr}.skoring-hero__img{display:none}}.aspek-card{padding:var(--pad-card);gap:var(--sp-2);flex-direction:column;display:flex}.aspek-card__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.aspek-card__bobot{font-size:var(--fs-caption);color:var(--green-700);background:var(--green-50);border-radius:var(--r-full);font-variant-numeric:tabular-nums;padding:4px 10px;font-weight:800}.aspek-card p{font-size:var(--fs-body);color:var(--ink-600)}.aspek-card__soal{font-size:var(--fs-caption);color:var(--ink-400)}.kelas-grid{gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid}.kelas-card{padding:var(--pad-card);flex-direction:column;gap:12px;display:flex}.kelas-card__top{align-items:center;gap:12px;display:flex}.kelas-card dl{font-size:var(--fs-caption);grid-template-columns:auto 1fr;gap:6px 12px;display:grid}.kelas-card dt{color:var(--ink-400);white-space:nowrap}.kelas-card dd{color:var(--ink-900);font-weight:600}@media (max-width:1023px){.kelas-grid{grid-template-columns:1fr}}.kuis{background:radial-gradient(700px 320px at 90% -14%, #12855b17, transparent 60%), var(--bg);flex-direction:column;min-height:100vh;display:flex}.kuis__bar{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fffffff0;padding-block:12px;position:sticky;top:0}.kuis__bar-inner{align-items:center;gap:var(--sp-2);display:flex}.kuis__meta{flex:1;min-width:0}.kuis__meta-top{justify-content:space-between;align-items:center;gap:var(--sp-1);font-size:var(--fs-caption);margin-bottom:6px;font-weight:600;display:flex}.kuis__aspek{color:var(--green-700);align-items:center;gap:6px;display:inline-flex}.kuis__count{color:var(--ink-400);font-variant-numeric:tabular-nums}.kuis__body{padding-block:var(--sp-4);flex:1}.kuis__card{padding:calc(var(--pad-card) * 1.4)}@media (max-width:639px){.kuis__card{padding:var(--sp-2);box-shadow:none;background:0 0;border:0}}.kuis__aspek-tag{background:var(--green-50);color:var(--green-700);font-size:var(--fs-caption);border-radius:var(--r-full);margin-bottom:var(--sp-2);align-items:center;gap:8px;padding:6px 14px;font-weight:700;display:inline-flex}.kuis__soal{letter-spacing:-.01em;font-size:1.5rem;font-weight:700;line-height:1.3}@media (max-width:639px){.kuis__soal{font-size:1.25rem}}.kuis__bantuan{font-size:var(--fs-caption);color:var(--ink-600);background:var(--green-50);border-radius:var(--r-md);margin-top:var(--sp-2);gap:8px;padding:10px 14px;display:flex}.kuis__bantuan .icon{color:var(--green-700);flex-shrink:0;font-size:18px}.kuis__nav{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);display:flex}@media (max-width:639px){.kuis__nav{background:var(--bg);padding-block:12px;position:sticky;bottom:0}.kuis__nav .btn{flex:1}}.kuis__dots{margin-top:var(--sp-3);flex-wrap:wrap;gap:4px;display:flex}.kuis__dots span{border-radius:var(--r-full);background:var(--border);flex:1;width:100%;max-width:26px;height:4px}.kuis__dots span.is-done{background:var(--green-700)}.kuis__dots span.is-current{background:var(--mint-400)}.kuis__done{text-align:center;padding:var(--sp-5) var(--sp-2)}.kuis__done .icon-tile{margin:0 auto var(--sp-3)}.hasil-utama{align-items:center;gap:var(--sp-5);padding:calc(var(--pad-card) * 1.3);display:flex;position:relative;overflow:hidden}.hasil-utama:before{content:"";pointer-events:none;background:radial-gradient(circle,#12855b1a,#0000 68%);border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-80px}.hasil-utama__teks{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}@media (max-width:767px){.hasil-utama{text-align:center;padding:var(--sp-3);flex-direction:column}.hasil-utama__teks{align-items:center}}.radar-wrap{padding:var(--sp-2) 0;place-items:center;display:grid}.radar{width:100%;max-width:460px;height:auto;overflow:visible}.radar__label{fill:var(--ink-900);font-size:11px;font-weight:700}.radar__nilai{fill:var(--green-700);font-size:10px;font-weight:600}.aspek-baris{flex-direction:column;gap:6px;display:flex}.aspek-baris__top{font-size:var(--fs-caption);justify-content:space-between;align-items:center;gap:10px;display:flex}.aspek-baris__nama{align-items:center;gap:8px;font-weight:600;display:flex}.aspek-baris__nama .icon{color:var(--green-700);font-size:18px}.aspek-baris__nilai{font-variant-numeric:tabular-nums;font-weight:800}.aspek-baris__bobot{font-size:var(--fs-micro);color:var(--ink-400);font-weight:500}.next-card{padding:var(--pad-card);flex-direction:column;gap:12px;display:flex}.next-card p{font-size:var(--fs-caption);color:var(--ink-600);flex:1}.next-card .link-more{border-top:1px solid var(--border);margin-top:auto;padding-top:10px}.auth{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth__brand{background:linear-gradient(155deg, var(--green-700) 0%, #0b6b48 100%);color:#fff;padding:var(--sp-6) var(--sp-5);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.auth__brand:after{content:"";pointer-events:none;background-image:linear-gradient(45deg,#ffffff0d 25%,#0000 25% 75%,#ffffff0d 75%),linear-gradient(45deg,#ffffff0d 25%,#0000 25% 75%,#ffffff0d 75%);background-position:0 0,24px 24px;background-size:48px 48px;position:absolute;inset:0}.auth__brand>*{z-index:1;position:relative}.auth__brand .brand,.auth__brand .brand strong{color:#fff}.auth__brand .brand__mark{background:#ffffff2e}.auth__brand h2{max-width:16ch;margin-bottom:var(--sp-2)}.auth__brand p{color:#ffffffdb;max-width:40ch}.auth__points{margin-top:var(--sp-4);flex-direction:column;gap:14px;display:flex}.auth__points li{font-size:var(--fs-body);align-items:flex-start;gap:12px;display:flex}.auth__points .icon{color:var(--mint-400);flex-shrink:0}.auth__ladder{height:56px;margin-top:var(--sp-4);align-items:flex-end;gap:8px;display:flex}.auth__ladder div{background:#ffffff47;border-radius:6px;flex:1}.auth__ladder div:first-child{height:40%}.auth__ladder div:nth-child(2){background:#ffffff80;height:68%}.auth__ladder div:nth-child(3){background:#fff;height:100%}.auth__ladder-label{font-size:var(--fs-micro);color:#fffc;justify-content:space-between;margin-top:8px;font-weight:600;display:flex}.auth__panel{padding:var(--sp-5) var(--sp-3);background:var(--bg);justify-content:center;align-items:center;display:flex}.auth__form{width:100%;max-width:440px}.auth__form>.brand{margin-bottom:var(--sp-3)}.auth__head{margin-bottom:var(--sp-4)}.auth__head p{color:var(--ink-600);font-size:var(--fs-body);margin-top:6px}.auth__alt{text-align:center;margin-top:var(--sp-3);font-size:var(--fs-body);color:var(--ink-600)}.auth__alt a{color:var(--green-700);font-weight:700}.auth__sep{margin-block:var(--sp-2);color:var(--ink-400);font-size:var(--fs-caption);align-items:center;gap:12px;display:flex}.auth__sep:before,.auth__sep:after{content:"";background:var(--border);flex:1;height:1px}@media (max-width:1023px){.auth{grid-template-columns:1fr}.auth__brand{display:none}.auth__panel{padding-block:var(--sp-4);min-height:100vh}}.onb{min-height:100vh;padding-block:var(--sp-5) var(--sec-y);background:radial-gradient(720px 320px at 88% -12%, #12855b1a, transparent 62%), var(--bg)}.onb__head{text-align:center;margin-bottom:var(--sp-4)}.onb__head .brand{justify-content:center}.onb__head p{color:var(--ink-600);font-size:var(--fs-caption);margin-top:6px}.onb__card{padding:calc(var(--pad-card) * 1.4)}@media (max-width:639px){.onb__card{padding:var(--sp-3)}}.onb__steps{margin-bottom:var(--sp-5)}.onb__title{margin-block:var(--sp-1) 6px}.onb__desc{color:var(--ink-600);font-size:var(--fs-body);margin-bottom:var(--sp-4)}.onb__fields{gap:var(--sp-3);flex-direction:column;display:flex}.onb__pair{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}@media (max-width:639px){.onb__pair{grid-template-columns:1fr}}.onb__nav{justify-content:space-between;align-items:center;gap:var(--sp-2);margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--border);display:flex}@media (max-width:639px){.onb__nav{flex-direction:column-reverse}.onb__nav .btn{width:100%}}.onb__group{gap:var(--sp-4);padding-top:var(--sp-5);margin-top:var(--sp-2);border-top:1px solid var(--border);display:grid}.onb__grouptitle{font-size:var(--fs-caption);letter-spacing:.02em;text-transform:uppercase;color:var(--ink-600);margin:0;font-weight:700}.onb__checks{gap:var(--sp-2);display:grid}.onb__check{gap:var(--sp-2);font-size:var(--fs-caption);cursor:pointer;align-items:center;display:flex}.onb__check input{width:1rem;height:1rem;accent-color:var(--green-700)}.label__opsional{color:var(--ink-600);font-weight:400}.modul-card{flex-direction:column;height:100%;display:flex}.modul-card .card__media{aspect-ratio:16/9}.modul-card__tags{flex-wrap:wrap;gap:6px;display:flex}.modul-card__ringkas{font-size:var(--fs-caption);color:var(--ink-600);flex:1}.modul-card__meta{align-items:center;gap:var(--sp-2);border-top:1px solid var(--border);margin-top:auto;padding-top:10px;display:flex}.progres-strip{background:var(--green-50);border:1px solid var(--green-100);border-radius:var(--r-lg);padding:var(--pad-card);justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.progres-strip__stats{align-items:center;gap:var(--sp-4);display:flex}.progres-strip__stats .stat__num{font-size:1.75rem}@media (max-width:639px){.progres-strip{flex-direction:column;align-items:flex-start}.progres-strip__stats{gap:var(--sp-3);justify-content:space-between;width:100%}}.modul-detail{gap:var(--sp-5);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}@media (max-width:1023px){.modul-detail{grid-template-columns:1fr}}.modul-hero{border-radius:var(--r-xl);aspect-ratio:16/8;background:var(--green-50);margin-bottom:var(--sp-3);overflow:hidden}.modul-hero img{object-fit:cover;width:100%;height:100%}.materi-list{counter-reset:materi;flex-direction:column;gap:10px;display:flex}.materi-item{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);transition:all var(--transition);align-items:center;gap:14px;padding:18px 20px;display:flex}.materi-item:hover{border-color:var(--green-700);background:#fbfefc}.materi-item__num{counter-increment:materi;background:var(--green-50);width:32px;height:32px;color:var(--green-700);font-weight:700;font-size:var(--fs-caption);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.materi-item__num:before{content:counter(materi)}.materi-item__teks{font-size:var(--fs-body);flex:1;font-weight:500}.materi-item .icon{color:var(--ink-400)}.materi-item.is-done .materi-item__num{background:var(--green-700);color:#fff}.materi-item.is-done .materi-item__num:before{content:"check";font-family:Material Symbols Outlined;font-size:18px}.modul-side{top:calc(var(--nav-h) + 16px);gap:var(--sp-2);flex-direction:column;display:flex;position:sticky}.modul-side dl{font-size:var(--fs-caption);grid-template-columns:auto 1fr;gap:10px 14px;display:grid}.modul-side dt{color:var(--ink-400);align-items:center;gap:6px;display:flex}.modul-side dt .icon{font-size:18px}.modul-side dd{text-align:right;font-weight:600}@media (max-width:1023px){.modul-side{position:static}}.pptx{gap:var(--sp-2);flex-direction:column;display:flex}.pptx__panggung{background:var(--ink-900);border:1px solid var(--border);border-radius:var(--r-lg);justify-content:center;align-items:center;min-height:260px;display:flex;position:relative;overflow:hidden}.pptx__slide,.pptx__slide .pptx-preview-wrapper{width:100%;max-width:100%}.pptx__slide .pptx-preview-slide-wrapper{max-width:100%;box-shadow:none;margin:0 auto}.pptx__memuat{color:#fff;font-size:var(--fs-caption);justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.pptx__arah{border-radius:var(--r-full);color:#fff;cursor:pointer;width:44px;height:44px;transition:var(--transition);background:#00000080;border:none;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.pptx__arah:hover:not(:disabled){background:#000000bf}.pptx__arah:disabled{opacity:.25;cursor:default}.pptx__arah--kiri{left:10px}.pptx__arah--kanan{right:10px}.pptx__bar{justify-content:space-between;align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.pptx__hitung{font-size:var(--fs-caption);color:var(--ink-600)}.pptx__titik{flex-wrap:wrap;flex:1;justify-content:center;gap:4px;display:flex}.pptx__titik-item{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);min-width:26px;height:26px;color:var(--ink-600);font-size:var(--fs-micro);cursor:pointer;transition:var(--transition);padding:0 6px;font-weight:600}.pptx__titik-item:hover{border-color:var(--green-700);color:var(--green-700)}.pptx__titik-item.is-aktif{background:var(--green-700);border-color:var(--green-700);color:#fff}.pptx__alat{gap:6px;display:flex}.pptx__tombol{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--ink-600);font-size:var(--fs-micro);cursor:pointer;transition:var(--transition);align-items:center;gap:5px;padding:6px 11px;font-weight:600;text-decoration:none;display:inline-flex}.pptx__tombol:hover{border-color:var(--green-700);color:var(--green-700)}.pptx--penuh{background:var(--ink-900);padding:var(--sp-3);gap:var(--sp-3)}.pptx--penuh .pptx__panggung{border:none;border-radius:0;flex:1}.pptx--penuh .pptx__hitung{color:#fff}.pptx--penuh .pptx__titik-item,.pptx--penuh .pptx__tombol{color:#fff;background:#ffffff1a;border-color:#ffffff40}.pptx--penuh .pptx__titik-item.is-aktif{background:var(--mint-400);border-color:var(--mint-400);color:var(--ink-900)}@media (max-width:640px){.pptx__titik{display:none}.pptx__bar{justify-content:space-between}}.filterbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:var(--sp-3);gap:var(--sp-2);grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;display:grid}@media (max-width:1023px){.filterbar{grid-template-columns:1fr 1fr}}@media (max-width:639px){.filterbar{grid-template-columns:1fr}}.umkm-card{flex-direction:column;height:100%;display:flex}.umkm-card .card__media{aspect-ratio:3/2}.umkm-card__nama{align-items:center;gap:6px;display:flex}.umkm-card__nama .icon{color:var(--green-700);font-size:18px}.umkm-card__info{flex-direction:column;gap:4px;display:flex}.umkm-card__skor{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.umkm-card__skor strong{color:var(--green-700);font-variant-numeric:tabular-nums}.umkm-cover{border-radius:var(--r-xl);aspect-ratio:21/9;background:var(--green-50);position:relative;overflow:hidden}.umkm-cover img{object-fit:cover;width:100%;height:100%}@media (max-width:639px){.umkm-cover{aspect-ratio:16/10}}.umkm-head{justify-content:space-between;align-items:flex-end;gap:var(--sp-3);margin-top:var(--sp-3);flex-wrap:wrap;display:flex}.umkm-body{gap:var(--sp-5);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}@media (max-width:1023px){.umkm-body{grid-template-columns:1fr}}.umkm-side{top:calc(var(--nav-h) + 16px);gap:var(--sp-2);flex-direction:column;display:flex;position:sticky}@media (max-width:1023px){.umkm-side{position:static}}.kontak-list{flex-direction:column;gap:14px;display:flex}.kontak-list li{font-size:var(--fs-caption);align-items:flex-start;gap:12px;display:flex}.kontak-list .icon{color:var(--green-700);flex-shrink:0;font-size:20px}.kontak-list span.val{color:var(--ink-900);word-break:break-word;font-weight:600}.kontak-list span.key{color:var(--ink-400);font-weight:500;font-size:var(--fs-micro);display:block}.lokasi{border-radius:var(--r-lg);border:1px solid var(--border);background:repeating-linear-gradient(45deg, var(--green-50) 0 12px, #f3faf6 12px 24px);padding:var(--sp-3);align-items:center;gap:12px;display:flex}.lokasi .icon{color:var(--green-700);font-size:32px}.produk-card{text-align:left}.produk-card .card__media{aspect-ratio:1}.produk-card__harga{color:var(--green-700);font-weight:700;font-size:var(--fs-caption)}.legal-chips{flex-wrap:wrap;gap:8px;display:flex}.tentang-hero{background:radial-gradient(900px 400px at 82% -10%, #12855b1a, transparent 60%), linear-gradient(180deg, #f4faf6 0%, var(--bg) 78%);padding-block:var(--sp-5)}.tentang-hero__grid{gap:var(--sp-5);grid-template-columns:1.05fr 1fr;align-items:center;display:grid}.tentang-hero__img{border-radius:var(--r-xl);box-shadow:var(--sh-lg);aspect-ratio:4/3;overflow:hidden}.tentang-hero__img img{object-fit:cover;width:100%;height:100%}@media (max-width:1023px){.tentang-hero__grid{grid-template-columns:1fr}.tentang-hero__img{display:none}}.misi{gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid}.misi__card{padding:var(--pad-card)}.misi__card h3{margin-block:var(--sp-2) 6px}.misi__card p{font-size:var(--fs-body);color:var(--ink-600)}@media (max-width:767px){.misi{grid-template-columns:1fr}}.tangga{gap:var(--gap);grid-template-columns:repeat(3,1fr);align-items:end;display:grid}.tangga__kolom{gap:var(--sp-2);flex-direction:column;display:flex}.tangga__blok{border-radius:var(--r-lg);padding:var(--pad-card);color:#fff;box-shadow:var(--sh-md);flex-direction:column;gap:8px;display:flex}.tangga__kolom:first-child .tangga__blok{background:var(--level-startup);min-height:200px}.tangga__kolom:nth-child(2) .tangga__blok{background:var(--level-growing);min-height:250px}.tangga__kolom:nth-child(3) .tangga__blok{background:var(--level-scale);min-height:300px;box-shadow:var(--sh-md), inset 0 3px 0 var(--accent-gold)}.tangga__blok h3{color:#fff}.tangga__blok dl{font-size:var(--fs-caption);flex-direction:column;gap:8px;margin-top:auto;display:flex}.tangga__blok dt{color:#ffffffbf;font-size:var(--fs-micro)}.tangga__blok dd{font-weight:600}@media (max-width:767px){.tangga{grid-template-columns:1fr}.tangga__kolom .tangga__blok{min-height:0!important}}.pilar__card{padding:var(--pad-card);gap:var(--sp-2);flex-direction:column;display:flex}.pilar__no{font-size:var(--fs-micro);letter-spacing:.08em;color:var(--green-700);font-weight:800}.pilar__card dl{font-size:var(--fs-caption);grid-template-columns:auto 1fr;gap:8px 14px;display:grid}.pilar__card dt{color:var(--ink-400);white-space:nowrap}.pilar__card dd{font-weight:600}.roadmap{gap:var(--sp-3);grid-template-columns:repeat(4,1fr);display:grid;position:relative}.roadmap:before{content:"";background:var(--green-100);height:2px;position:absolute;top:14px;left:12.5%;right:12.5%}.roadmap__item{text-align:center}.roadmap__dot{width:28px;height:28px;margin:0 auto var(--sp-2);background:var(--surface);border:3px solid var(--green-700);z-index:1;border-radius:50%;position:relative}.roadmap__item:first-child .roadmap__dot{background:var(--green-700)}.roadmap__waktu{font-size:var(--fs-micro);color:var(--green-700);letter-spacing:.06em;text-transform:uppercase;font-weight:800}.roadmap__item h4{font-size:var(--fs-body);margin-block:4px}.roadmap__item p{font-size:var(--fs-caption);color:var(--ink-600)}@media (max-width:767px){.roadmap{gap:var(--sp-3);text-align:left;grid-template-columns:1fr}.roadmap:before{display:none}.roadmap__item{text-align:left;grid-template-columns:28px 1fr;gap:14px;display:grid}.roadmap__dot{margin:0}}.penyelenggara-blok{align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.penyelenggara-blok img{flex-shrink:0;width:auto;height:96px}.penyelenggara-blok p{color:var(--ink-600);font-size:var(--fs-body);max-width:62ch}@media (max-width:639px){.penyelenggara-blok{gap:var(--sp-3)}.penyelenggara-blok img{height:72px}}.akun-head{align-items:center;gap:var(--sp-3);padding-block:var(--sp-5) var(--sp-4);flex-wrap:wrap;display:flex}.akun-avatar{background:var(--green-700);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:72px;height:72px;font-size:1.75rem;font-weight:800;display:grid}.akun-grid{gap:var(--gap);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}@media (max-width:1023px){.akun-grid{grid-template-columns:1fr}}.ringkas-skor{align-items:center;gap:var(--sp-4);padding:var(--pad-card);flex-wrap:wrap;display:flex}.ringkas-skor .gauge{width:132px;height:132px}.ringkas-skor .gauge__value{font-size:2rem}.aksi-cepat{gap:var(--sp-2);grid-template-columns:repeat(2,1fr);display:grid}.aksi-cepat a{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);font-weight:600;font-size:var(--fs-caption);min-height:var(--tap-min);transition:all var(--transition);align-items:center;gap:12px;padding:16px 18px;display:flex}.aksi-cepat a:hover{border-color:var(--green-700);background:var(--green-50);color:var(--green-700)}.aksi-cepat .icon{color:var(--green-700)}@media (max-width:639px){.aksi-cepat{grid-template-columns:1fr}}.profil-list{font-size:var(--fs-caption);flex-direction:column;gap:12px;display:flex}.profil-list li{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding-bottom:10px;display:flex}.profil-list li:last-child{border-bottom:0;padding-bottom:0}.profil-list .key{color:var(--ink-400)}.profil-list .val{text-align:right;font-weight:600}