:root{color-scheme:light;--colors-surface:#fff;--colors-surface-alt:#f4f6fb;--colors-surface-tint:#e7edfa;--colors-outline:#d5dbe8;--colors-outline-strong:#7b8499;--colors-on-surface:#0b1f5c;--colors-on-surface-muted:#3d4a66;--colors-on-surface-subtle:#5f6b84;--colors-primary:#0033a0;--colors-primary-deep:#002680;--colors-on-primary:#fff;--colors-signal:#e32934;--colors-error:#b3121d;--colors-success:#1b6b3a;--colors-stage:#0a1a4d;--colors-stage-raised:#12296b;--colors-stage-active:#1d3c99;--colors-stage-grid:#1a2d6b;--colors-stage-line:#8fa3d9;--colors-stage-flow:#8db4ff;--colors-on-stage:#fff;--colors-on-stage-muted:#b8c5e6;--spacing-xs:4px;--spacing-sm:8px;--spacing-sm-plus:12px;--spacing-md:16px;--spacing-md-plus:20px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--spacing-4xl:96px;--spacing-5xl:144px;--spacing-gutter:24px;--spacing-gutter-sm:16px;--spacing-margin-sm:20px;--spacing-margin-md:32px;--spacing-margin-lg:48px;--spacing-container:1200px;--spacing-measure:68;--spacing-control-height:48px;--spacing-touch-target:44px;--spacing-header-height:72px;--spacing-header-height-sm:64px;--spacing-logo-height:40px;--spacing-logo-height-lg:48px;--rounded-none:0px;--rounded-sm:4px;--rounded-md:8px;--rounded-full:9999px;--typography-display-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--typography-display-fontSize:3.5rem;--typography-display-fontWeight:700;--typography-display-lineHeight:1.08;--typography-display-letterSpacing:-.02em;--typography-display-sm-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--typography-display-sm-fontSize:2.25rem;--typography-display-sm-fontWeight:700;--typography-display-sm-lineHeight:1.12;--typography-display-sm-letterSpacing:-.015em;--typography-h2-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--typography-h2-fontSize:2.25rem;--typography-h2-fontWeight:700;--typography-h2-lineHeight:1.15;--typography-h2-letterSpacing:-.01em;--typography-h3-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--typography-h3-fontSize:1.25rem;--typography-h3-fontWeight:600;--typography-h3-lineHeight:1.3;--typography-lead-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--typography-lead-fontSize:1.1875rem;--typography-lead-fontWeight:400;--typography-lead-lineHeight:1.55;--typography-body-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--typography-body-fontSize:1.0625rem;--typography-body-fontWeight:400;--typography-body-lineHeight:1.6;--typography-label-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--typography-label-fontSize:.9375rem;--typography-label-fontWeight:600;--typography-label-lineHeight:1.3;--typography-label-letterSpacing:.01em;--typography-small-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--typography-small-fontSize:.875rem;--typography-small-fontWeight:400;--typography-small-lineHeight:1.5;--typography-tag-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--typography-tag-fontSize:.875rem;--typography-tag-fontWeight:600;--typography-tag-lineHeight:1.2;--typography-tag-letterSpacing:.02em;--typography-tag-fontFeature:"tnum" 1;--typography-data-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--typography-data-fontSize:1rem;--typography-data-fontWeight:600;--typography-data-lineHeight:1.4;--typography-data-fontFeature:"tnum" 1;--components-button-primary-backgroundColor:var(--colors-primary);--components-button-primary-textColor:var(--colors-on-primary);--components-button-primary-typography-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--components-button-primary-typography-fontSize:.9375rem;--components-button-primary-typography-fontWeight:600;--components-button-primary-typography-lineHeight:1.3;--components-button-primary-typography-letterSpacing:.01em;--components-button-primary-rounded:var(--rounded-sm);--components-button-primary-height:var(--spacing-control-height);--components-button-primary-padding:var(--spacing-md-plus);--components-button-primary-hover-backgroundColor:var(--colors-primary-deep);--components-button-primary-hover-textColor:var(--colors-on-primary);--components-button-secondary-backgroundColor:var(--colors-surface);--components-button-secondary-textColor:var(--colors-on-surface);--components-button-secondary-typography-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--components-button-secondary-typography-fontSize:.9375rem;--components-button-secondary-typography-fontWeight:600;--components-button-secondary-typography-lineHeight:1.3;--components-button-secondary-typography-letterSpacing:.01em;--components-button-secondary-rounded:var(--rounded-sm);--components-button-secondary-height:var(--spacing-control-height);--components-button-secondary-padding:var(--spacing-md-plus);--components-button-secondary-hover-backgroundColor:var(--colors-surface-alt);--components-button-secondary-hover-textColor:var(--colors-on-surface);--components-link-backgroundColor:var(--colors-surface);--components-link-textColor:var(--colors-primary);--components-link-typography-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--components-link-typography-fontSize:1.0625rem;--components-link-typography-fontWeight:400;--components-link-typography-lineHeight:1.6;--components-skip-link-backgroundColor:var(--colors-primary);--components-skip-link-textColor:var(--colors-on-primary);--components-skip-link-typography-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--components-skip-link-typography-fontSize:.9375rem;--components-skip-link-typography-fontWeight:600;--components-skip-link-typography-lineHeight:1.3;--components-skip-link-typography-letterSpacing:.01em;--components-skip-link-rounded:var(--rounded-sm);--components-skip-link-padding:var(--spacing-md);--components-header-backgroundColor:var(--colors-surface);--components-header-textColor:var(--colors-on-surface);--components-header-typography-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--components-header-typography-fontSize:.9375rem;--components-header-typography-fontWeight:600;--components-header-typography-lineHeight:1.3;--components-header-typography-letterSpacing:.01em;--components-header-height:var(--spacing-header-height);--components-header-mobile-backgroundColor:var(--colors-surface);--components-header-mobile-textColor:var(--colors-on-surface);--components-header-mobile-typography-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--components-header-mobile-typography-fontSize:.9375rem;--components-header-mobile-typography-fontWeight:600;--components-header-mobile-typography-lineHeight:1.3;--components-header-mobile-typography-letterSpacing:.01em;--components-header-mobile-height:var(--spacing-header-height-sm);--components-footer-backgroundColor:var(--colors-stage);--components-footer-textColor:var(--colors-on-stage);--components-footer-typography-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--components-footer-typography-fontSize:.875rem;--components-footer-typography-fontWeight:400;--components-footer-typography-lineHeight:1.5;--components-footer-padding:var(--spacing-3xl);--components-footer-sub-backgroundColor:var(--colors-stage-raised);--components-footer-sub-textColor:var(--colors-on-stage-muted);--components-footer-sub-typography-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--components-footer-sub-typography-fontSize:.875rem;--components-footer-sub-typography-fontWeight:400;--components-footer-sub-typography-lineHeight:1.5;--components-footer-sub-padding:var(--spacing-md);--components-section-alt-backgroundColor:var(--colors-surface-alt);--components-section-alt-textColor:var(--colors-on-surface);--components-section-alt-typography-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--components-section-alt-typography-fontSize:1.0625rem;--components-section-alt-typography-fontWeight:400;--components-section-alt-typography-lineHeight:1.6;--components-product-card-backgroundColor:var(--colors-surface);--components-product-card-textColor:var(--colors-on-surface);--components-product-card-typography-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--components-product-card-typography-fontSize:1.0625rem;--components-product-card-typography-fontWeight:400;--components-product-card-typography-lineHeight:1.6;--components-product-card-rounded:var(--rounded-md);--components-product-card-padding:var(--spacing-lg);--components-product-card-hover-backgroundColor:var(--colors-surface-alt);--components-product-card-hover-textColor:var(--colors-on-surface);--components-chip-backgroundColor:var(--colors-surface-tint);--components-chip-textColor:var(--colors-on-surface);--components-chip-typography-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--components-chip-typography-fontSize:.875rem;--components-chip-typography-fontWeight:400;--components-chip-typography-lineHeight:1.5;--components-chip-rounded:var(--rounded-sm);--components-chip-padding:var(--spacing-sm);--components-table-header-backgroundColor:var(--colors-surface-alt);--components-table-header-textColor:var(--colors-on-surface);--components-table-header-typography-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--components-table-header-typography-fontSize:.9375rem;--components-table-header-typography-fontWeight:600;--components-table-header-typography-lineHeight:1.3;--components-table-header-typography-letterSpacing:.01em;--components-table-header-padding:var(--spacing-md);--components-rule-hairline-backgroundColor:var(--colors-outline);--components-rule-hairline-height:1px;--components-rule-control-backgroundColor:var(--colors-outline-strong);--components-rule-control-height:1px;--components-rule-table-head-backgroundColor:var(--colors-on-surface);--components-rule-table-head-height:2px;--components-focus-ring-backgroundColor:var(--colors-primary);--components-focus-ring-height:2px;--components-focus-ring-stage-backgroundColor:var(--colors-on-stage);--components-diagram-node-backgroundColor:var(--colors-surface);--components-diagram-node-textColor:var(--colors-on-surface);--components-diagram-node-typography-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--components-diagram-node-typography-fontSize:.875rem;--components-diagram-node-typography-fontWeight:400;--components-diagram-node-typography-lineHeight:1.5;--components-diagram-node-rounded:var(--rounded-sm);--components-diagram-node-padding:var(--spacing-sm-plus);--components-diagram-node-active-backgroundColor:var(--colors-surface-tint);--components-diagram-node-active-textColor:var(--colors-on-surface);--components-diagram-balloon-backgroundColor:var(--colors-on-surface);--components-diagram-balloon-textColor:var(--colors-surface);--components-diagram-balloon-typography-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--components-diagram-balloon-typography-fontSize:.875rem;--components-diagram-balloon-typography-fontWeight:600;--components-diagram-balloon-typography-lineHeight:1.2;--components-diagram-balloon-typography-letterSpacing:.02em;--components-diagram-balloon-typography-fontFeature:"tnum" 1;--components-diagram-balloon-rounded:var(--rounded-full);--components-diagram-balloon-size:24px;--components-diagram-line-flow-backgroundColor:var(--colors-primary);--components-diagram-line-flow-height:2px;--components-diagram-line-neutral-backgroundColor:var(--colors-outline-strong);--components-diagram-line-neutral-height:1px;--components-stage-backgroundColor:var(--colors-stage);--components-stage-textColor:var(--colors-on-stage);--components-stage-typography-fontFamily:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--components-stage-typography-fontSize:1.0625rem;--components-stage-typography-fontWeight:400;--components-stage-typography-lineHeight:1.6;--components-stage-padding:var(--spacing-xl);--fs-display-fluid:clamp(2.25rem, 1.5rem + 2.6vw, 3.5rem);--fs-h2-fluid:clamp(1.75rem, 1.3rem + 1.4vw, 2.25rem)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-block-start:calc(var(--components-header-mobile-height) + var(--components-rule-hairline-height))}body{background:var(--colors-surface);color:var(--colors-on-surface);font-family:var(--typography-body-fontFamily);font-size:var(--typography-body-fontSize);font-weight:var(--typography-body-fontWeight);line-height:var(--typography-body-lineHeight);margin:0}img{max-width:100%;height:auto;display:block}h1,h2,h3{text-wrap:balance;color:var(--colors-on-surface);margin:0}h1{font-family:var(--typography-display-fontFamily);font-size:var(--typography-display-sm-fontSize);font-weight:var(--typography-display-fontWeight);line-height:var(--typography-display-sm-lineHeight);letter-spacing:var(--typography-display-sm-letterSpacing)}@media (width>=640px){h1{font-size:var(--fs-display-fluid);line-height:var(--typography-display-lineHeight);letter-spacing:var(--typography-display-letterSpacing)}}h2{font-family:var(--typography-h2-fontFamily);font-size:var(--fs-h2-fluid);font-weight:var(--typography-h2-fontWeight);line-height:var(--typography-h2-lineHeight);letter-spacing:var(--typography-h2-letterSpacing)}h3{font-family:var(--typography-h3-fontFamily);font-size:var(--typography-h3-fontSize);font-weight:var(--typography-h3-fontWeight);line-height:var(--typography-h3-lineHeight)}p{max-width:calc(var(--spacing-measure) * 1ch);text-wrap:pretty;margin:0}a{color:var(--components-link-textColor)}:focus-visible{outline:var(--components-focus-ring-height) solid var(--components-focus-ring-backgroundColor);outline-offset:var(--spacing-xs)}.wadah{width:100%;max-width:var(--spacing-container);padding-inline:var(--spacing-margin-sm);margin-inline:auto}@media (width>=640px){.wadah{padding-inline:var(--spacing-margin-md)}}@media (width>=1280px){.wadah{padding-inline:var(--spacing-margin-lg)}}.bagian{padding-block:var(--spacing-3xl)}@media (width>=1024px){.bagian{padding-block:var(--spacing-4xl)}}.bagian--pita{background:var(--components-section-alt-backgroundColor)}.kepala-bagian{gap:var(--spacing-sm-plus);max-width:calc(var(--spacing-measure) * 1ch);margin-block-end:var(--spacing-xl);display:grid}.kepala-bagian p{color:var(--colors-on-surface-muted)}.kepala-bagian p a:hover,.kepala-bagian p a:active{color:var(--colors-primary-deep)}.lompat{z-index:400;padding:var(--components-skip-link-padding);background:var(--components-skip-link-backgroundColor);color:var(--components-skip-link-textColor);border-radius:var(--components-skip-link-rounded);font-family:var(--components-skip-link-typography-fontFamily);font-size:var(--components-skip-link-typography-fontSize);font-weight:var(--components-skip-link-typography-fontWeight);position:absolute;inset-block-start:calc(var(--spacing-md) * -6);inset-inline-start:var(--spacing-md)}.lompat:focus{inset-block-start:var(--spacing-md)}.header{z-index:200;background:var(--components-header-backgroundColor);color:var(--components-header-textColor);border-block-end:var(--components-rule-hairline-height) solid var(--colors-outline);position:sticky;inset-block-start:0}.header__isi{justify-content:space-between;align-items:center;gap:var(--spacing-md);min-height:var(--components-header-mobile-height);display:flex}.header__merek{min-height:var(--spacing-touch-target);align-items:center;display:inline-flex}.header__logo{height:var(--spacing-logo-height);width:auto}.nav{display:none}@media (width>=1024px){html{scroll-padding-block-start:calc(var(--components-header-height) + var(--components-rule-hairline-height))}.header__isi{min-height:var(--components-header-height)}.nav{align-items:center;gap:var(--spacing-lg);display:flex}}.nav a:not(.tombol){min-inline-size:var(--spacing-touch-target);min-height:var(--spacing-touch-target);font-family:var(--components-header-typography-fontFamily);font-size:var(--components-header-typography-fontSize);font-weight:var(--components-header-typography-fontWeight);color:var(--components-header-textColor);justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.nav a:not(.tombol):after,.nav__pemicu:after{content:"";block-size:var(--components-rule-control-height);background:var(--colors-primary);transform-origin:0;transition:transform .15s;position:absolute;inset-block-end:var(--spacing-sm);inset-inline:0;transform:scaleX(0)}.nav a:not(.tombol):hover:after,.nav a:not(.tombol):focus-visible:after,.nav a:not(.tombol):active:after,.nav a:not(.tombol)[aria-current=page]:after,.nav__pemicu:hover:after,.nav__pemicu:focus-visible:after,.nav__pemicu:active:after,.nav__pemicu[aria-current=page]:after{transform:scaleX(1)}.nav a:not(.tombol):active,.nav__pemicu:active{color:var(--colors-primary-deep)}.nav__gugus{display:inline-flex;position:relative}.nav__pemicu{align-items:center;gap:var(--spacing-xs);min-height:var(--spacing-touch-target);cursor:pointer;font-family:var(--components-header-typography-fontFamily);font-size:var(--components-header-typography-fontSize);font-weight:var(--components-header-typography-fontWeight);color:var(--components-header-textColor);list-style:none;display:inline-flex;position:relative}.nav__pemicu::marker,.nav__pemicu::-webkit-details-marker{content:none;display:none}.nav__tanda{width:var(--spacing-sm);height:var(--spacing-sm);border-inline-end:var(--components-rule-control-height) solid currentColor;border-block-end:var(--components-rule-control-height) solid currentColor;transform:translateY(calc(var(--spacing-xs) * -1)) rotate(45deg)}.nav__gugus[open] .nav__tanda{transform:translateY(calc(var(--spacing-xs) * .5)) rotate(-135deg)}.nav__sub{z-index:300;min-width:calc(var(--spacing-5xl) * 1.5);padding:var(--spacing-xs);background:var(--components-header-mobile-backgroundColor);border:var(--components-rule-control-height) solid var(--colors-outline-strong);border-radius:var(--rounded-md);margin:0;list-style:none;display:grid;position:absolute;inset-block-start:calc(100% + var(--spacing-xs));inset-inline-start:calc(var(--spacing-md) * -1)}.nav__sub a{padding-inline:var(--spacing-sm-plus);white-space:nowrap}.nav__aksi{margin-inline-start:var(--spacing-sm)}.menu{position:relative}.menu>summary{cursor:pointer;list-style:none}.menu>summary::marker,.menu>summary::-webkit-details-marker{content:none;display:none}.menu__panel{z-index:300;min-width:calc(var(--spacing-5xl) * 1.8);padding:var(--spacing-md);background:var(--components-header-mobile-backgroundColor);color:var(--components-header-mobile-textColor);border:var(--components-rule-control-height) solid var(--colors-outline-strong);border-radius:var(--rounded-md);position:absolute;inset-block-start:calc(100% + var(--spacing-sm));inset-inline-end:0}.menu__panel ul{gap:var(--spacing-xs);margin:0 0 var(--spacing-sm);padding:0;list-style:none;display:grid}.menu__panel a{min-height:var(--spacing-touch-target);padding-inline:var(--spacing-sm);color:var(--components-header-mobile-textColor);font-family:var(--components-header-mobile-typography-fontFamily);font-size:var(--components-header-mobile-typography-fontSize);border-inline-start:var(--components-rule-control-height) solid transparent;align-items:center;text-decoration:none;transition:border-color .15s,background-color .15s;display:flex}.menu__panel a:hover,.menu__panel a:focus-visible{background:var(--colors-surface-tint)}.menu__panel a:active{background:var(--colors-surface-alt)}.menu__panel a[aria-current=page]{border-inline-start-color:var(--colors-primary);background:var(--colors-surface-tint)}.menu__sub{border-inline-start:var(--components-rule-hairline-height) solid var(--colors-outline);margin:0;padding-inline-start:var(--spacing-md)}.menu__sub a{font-size:var(--typography-small-fontSize);color:var(--colors-primary)}.menu__panel .tombol{width:100%;color:var(--components-button-primary-textColor)}@media (width>=1024px){.menu{display:none}}.tombol{justify-content:center;align-items:center;gap:var(--spacing-sm);min-height:var(--components-button-primary-height);padding-inline:var(--components-button-primary-padding);border-radius:var(--components-button-primary-rounded);font-family:var(--components-button-primary-typography-fontFamily);font-size:var(--components-button-primary-typography-fontSize);font-weight:var(--components-button-primary-typography-fontWeight);line-height:var(--components-button-primary-typography-lineHeight);cursor:pointer;border:none;text-decoration:none;display:inline-flex}.tombol__ikon{flex:none;block-size:1.1429em;inline-size:1.1429em}.tombol--utama{background:var(--components-button-primary-backgroundColor);color:var(--components-button-primary-textColor)}.tombol--utama:hover{background:var(--components-button-primary-hover-backgroundColor);color:var(--components-button-primary-hover-textColor)}.tombol--sekunder{background:var(--components-button-secondary-backgroundColor);color:var(--components-button-secondary-textColor);border:var(--components-rule-control-height) solid var(--colors-outline-strong)}.tombol--sekunder:hover{background:var(--components-button-secondary-hover-backgroundColor);color:var(--components-button-secondary-hover-textColor)}.tombol--utama:active{background:var(--colors-primary-deep);transform:translateY(1px)}.tombol--sekunder:active{background:var(--colors-surface-alt);transform:translateY(1px)}.hero{padding-block:var(--spacing-lg) var(--spacing-xl);background:var(--components-section-alt-backgroundColor);align-content:center;display:grid}@media (width>=640px){.hero{padding-block:var(--spacing-xl) var(--spacing-2xl)}}@media (width>=1024px){.hero{min-block-size:calc(100svh - var(--components-header-height));padding-block:var(--spacing-3xl)}}.hero__isi{gap:var(--spacing-md);align-items:center;display:grid}@media (width>=640px){.hero__isi{gap:var(--spacing-lg)}}@media (width>=1024px){.hero__isi{gap:var(--spacing-3xl);grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}.hero__teks{gap:var(--spacing-sm-plus);justify-items:start;display:grid}@media (width>=640px){.hero__teks{gap:var(--spacing-md)}}.hero__tagline{font-family:var(--typography-label-fontFamily);font-size:var(--typography-label-fontSize);font-weight:var(--typography-label-fontWeight);letter-spacing:var(--typography-label-letterSpacing);color:var(--colors-primary);text-transform:uppercase}.hero__pembuka{color:var(--colors-on-surface-muted);order:3;max-width:52ch}.hero__aksi{gap:var(--spacing-sm-plus);flex-wrap:wrap;order:1;margin-block-start:var(--spacing-sm);display:flex}.hero__fakta{gap:var(--spacing-md);padding:var(--spacing-md) 0 0;border-block-start:var(--components-rule-hairline-height) solid var(--colors-outline-strong);order:2;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}@media (width>=640px){.hero__aksi,.hero__pembuka,.hero__fakta{order:0}}.hero__foto{order:-1;justify-self:start}.hero__foto img{width:auto;max-width:100%;max-block-size:28svh;object-fit:contain;object-position:center bottom;height:auto;display:block}@media (width>=640px){.hero__foto img{width:100%;max-block-size:60svh}}@media (width>=1024px){.hero__foto{order:0;align-self:end}.hero__foto img{max-block-size:calc(100svh - var(--components-header-height) - var(--spacing-5xl))}}.bingkai-foto{background:var(--colors-surface-alt);border-radius:var(--rounded-md);order:-1;overflow:hidden}.bingkai-foto img{object-fit:contain;object-position:center bottom;width:100%;height:auto;display:block}@media (width>=1024px){.bingkai-foto{order:0;align-self:end}}@media (width>=640px){.hero__fakta{grid-template-columns:repeat(4,minmax(0,1fr))}}.hero__fakta div{gap:var(--spacing-xs);display:grid}.hero__angka{font-family:var(--typography-data-fontFamily);font-size:var(--typography-h3-fontSize);font-weight:var(--typography-h3-fontWeight);line-height:var(--typography-h3-lineHeight);color:var(--colors-on-surface);font-variant-numeric:tabular-nums}.hero__satuan{font-size:var(--typography-label-fontSize);color:var(--colors-primary)}.hero__fakta dt{font-size:var(--typography-small-fontSize);line-height:var(--typography-small-lineHeight);color:var(--colors-on-surface-subtle)}.hero__fakta dd{order:-1;margin:0}.angka-pita{gap:var(--spacing-md);border-block-start:var(--components-rule-hairline-height) solid var(--colors-outline-strong);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding-block-start:var(--spacing-md);display:grid}@media (width>=640px){.angka-pita{grid-template-columns:repeat(4,minmax(0,1fr))}}.angka-pita>div{gap:var(--spacing-xs);display:grid}.angka-pita dd{align-items:baseline;gap:var(--spacing-xs);order:-1;margin:0;display:flex}.angka-pita__nilai{font-family:var(--typography-display-sm-fontFamily);font-size:var(--typography-display-sm-fontSize);font-weight:var(--typography-display-sm-fontWeight);line-height:var(--typography-display-sm-lineHeight);letter-spacing:var(--typography-display-sm-letterSpacing);color:var(--colors-on-surface);font-variant-numeric:tabular-nums}.angka-pita__satuan{font-size:var(--typography-label-fontSize);font-weight:var(--typography-label-fontWeight);color:var(--colors-primary)}.angka-pita dt{font-size:var(--typography-small-fontSize);line-height:var(--typography-small-lineHeight);color:var(--colors-on-surface-subtle)}.pilih__daftar{gap:var(--spacing-md);margin:var(--spacing-xl) 0 0;padding:0;list-style:none;display:grid}@media (width>=768px){.pilih__daftar{grid-template-columns:repeat(2,minmax(0,1fr))}}.pilih__butir{gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--components-product-card-backgroundColor);border:var(--components-rule-hairline-height) solid var(--colors-outline);border-radius:var(--components-product-card-rounded);cursor:pointer;grid-template-rows:auto auto 1fr auto;transition:border-color .15s,background-color .15s;display:grid;position:relative}.pilih__butir:hover,.pilih__butir:focus-within{background:var(--components-product-card-hover-backgroundColor);border-color:var(--colors-outline-strong)}.pilih__butir:active{background:var(--colors-surface-tint)}.pilih__atas{justify-content:space-between;align-items:baseline;gap:var(--spacing-sm);display:flex}.pilih__butir .pilih__nomor{font-family:var(--typography-data-fontFamily);font-size:var(--typography-data-fontSize);font-weight:var(--typography-data-fontWeight);letter-spacing:var(--typography-label-letterSpacing);color:var(--colors-primary)}.pilih__butir .pilih__daya{font-family:var(--typography-tag-fontFamily);font-size:var(--typography-tag-fontSize);letter-spacing:var(--typography-tag-letterSpacing);font-feature-settings:var(--typography-tag-fontFeature);color:var(--colors-on-surface-subtle)}.pilih__butir h3{font-size:var(--typography-h3-fontSize)}.pilih__butir p{color:var(--colors-on-surface-muted);font-size:var(--typography-small-fontSize);line-height:var(--typography-small-lineHeight)}.pilih__tautan{border-block-start:var(--components-rule-hairline-height) solid var(--colors-outline);margin-block-start:var(--spacing-sm);padding-block-start:var(--spacing-sm)}.pilih__tautan a{min-height:var(--spacing-touch-target);font-family:var(--typography-label-fontFamily);font-size:var(--typography-label-fontSize);font-weight:var(--typography-label-fontWeight);align-items:center;display:inline-flex}.pilih__tautan a:after{content:"";position:absolute;inset:0}.pilih__tautan a:hover{color:var(--colors-primary)}.pilih__tautan a:active{color:var(--colors-primary-deep)}.chip{padding:var(--components-chip-padding);background:var(--components-chip-backgroundColor);color:var(--components-chip-textColor);border-radius:var(--components-chip-rounded);font-family:var(--components-chip-typography-fontFamily);font-size:var(--components-chip-typography-fontSize);white-space:nowrap;overflow-wrap:normal;min-inline-size:0;max-inline-size:100%;display:inline-block}.daftar-chip{gap:var(--spacing-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.produk__daftar{gap:var(--spacing-lg);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.produk__daftar{grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr))}}@media (width>=1024px){.produk__daftar{gap:var(--spacing-md)}}.kartu{gap:var(--spacing-sm-plus);padding:var(--components-product-card-padding);background:var(--components-product-card-backgroundColor);border:var(--components-rule-hairline-height) solid var(--colors-outline-strong);border-radius:var(--components-product-card-rounded);flex-direction:column;transition:background-color .15s;display:flex}.kartu:hover,.kartu:focus-within{background:var(--components-product-card-hover-backgroundColor)}.kartu__gambar{background:var(--colors-surface-alt);border-radius:var(--rounded-sm);padding:var(--spacing-sm);overflow:hidden}.kartu__gambar img{aspect-ratio:4/3;object-fit:contain;width:100%;transition:transform .25s cubic-bezier(.16,1,.3,1)}.kartu:hover .kartu__gambar img{transform:scale(1.03)}.kartu__kategori{font-size:var(--typography-small-fontSize);color:var(--colors-on-surface-subtle)}.kartu__nama{font-family:var(--typography-h3-fontFamily);font-size:var(--typography-h3-fontSize);font-weight:var(--typography-h3-fontWeight);line-height:var(--typography-h3-lineHeight)}.kartu__nama a{color:var(--colors-on-surface);text-decoration:none}.kartu__nama a:after{content:"";position:absolute;inset:0}.kartu{position:relative}.kartu__nama a:hover{color:var(--colors-primary)}.kartu__nama a:active{color:var(--colors-primary-deep)}.kartu__ringkas{color:var(--colors-on-surface-muted);font-size:var(--typography-small-fontSize);line-height:var(--typography-small-lineHeight);flex-grow:1}.alasan{gap:var(--spacing-xl);display:grid}.alasan__kepala{gap:var(--spacing-sm);max-width:calc(var(--spacing-measure) * 1ch);display:grid}.alasan__kepala h2{margin-block-end:var(--spacing-xs)}.alasan__kepala p{color:var(--colors-on-surface-muted)}.alasan__daftar{gap:var(--spacing-md);margin:0;padding:0;list-style:none;display:grid}@media (width>=768px){.alasan__daftar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.alasan__daftar{gap:var(--spacing-lg);grid-template-columns:repeat(3,minmax(0,1fr))}}.alasan__butir{gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--colors-surface);border:var(--components-rule-hairline-height) solid var(--colors-outline);border-radius:var(--rounded-md);grid-template-columns:auto minmax(0,1fr);display:grid}.alasan__butir h3{font-size:var(--typography-h3-fontSize);margin-block-end:var(--spacing-xs)}.alasan__butir p{color:var(--colors-on-surface-muted);font-size:var(--typography-small-fontSize);line-height:var(--typography-small-lineHeight)}.alasan__butir .alasan__angka{font-family:var(--typography-data-fontFamily);font-size:var(--typography-small-fontSize);font-weight:var(--typography-data-fontWeight);letter-spacing:var(--typography-label-letterSpacing);color:var(--colors-primary)}.sektor__daftar{gap:var(--spacing-sm);margin:var(--spacing-xl) 0 0;counter-reset:sektor;grid-template-columns:repeat(auto-fill,minmax(min(20rem,100%),1fr));padding:0;list-style:none;display:grid}.sektor__butir{align-items:center;gap:var(--spacing-xs) var(--spacing-md);padding:var(--spacing-md);background:var(--colors-surface);border:var(--components-rule-hairline-height) solid var(--colors-outline);border-radius:var(--rounded-md);counter-increment:sektor;grid-template-columns:minmax(0,1fr) auto;transition:border-color .15s;display:grid}.sektor__butir:hover{border-color:var(--colors-outline-strong)}.sektor__butir:active{background:var(--colors-surface-tint)}.sektor__butir:before{content:counter(sektor, decimal-leading-zero);font-family:var(--typography-data-fontFamily);font-size:var(--typography-small-fontSize);font-weight:var(--typography-data-fontWeight);letter-spacing:var(--typography-label-letterSpacing);color:var(--colors-on-surface-subtle);grid-column:1/-1}.sektor__nama{font-weight:var(--typography-label-fontWeight);font-size:var(--typography-body-fontSize)}.sektor__produk{justify-content:flex-end;gap:var(--spacing-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.sektor__produk li{font-family:var(--typography-tag-fontFamily);font-size:var(--typography-tag-fontSize);letter-spacing:var(--typography-tag-letterSpacing);color:var(--colors-primary)}.tanda-panah{inline-size:var(--spacing-sm-plus);block-size:var(--spacing-sm-plus);border-block-start:1.5px solid;border-inline-end:1.5px solid;margin-inline-start:var(--spacing-xs);display:inline-block;transform:rotate(45deg)translate(-2px,2px)}.kelompok+.kelompok{margin-block-start:var(--spacing-3xl)}.kelompok .produk__daftar:has(>:only-child){grid-template-columns:minmax(0,1fr)}@media (width>=768px){.kelompok .produk__daftar:has(>:only-child)>.kartu{column-gap:var(--spacing-lg);grid-template:"gambar kategori""gambar nama""gambar ringkas"1fr"gambar chip"/18rem minmax(0,1fr);display:grid}.kelompok .produk__daftar:has(>:only-child)>.kartu>.kartu__gambar{grid-area:gambar}.kelompok .produk__daftar:has(>:only-child)>.kartu>.kartu__kategori{grid-area:kategori}.kelompok .produk__daftar:has(>:only-child)>.kartu>.kartu__nama{grid-area:nama}.kelompok .produk__daftar:has(>:only-child)>.kartu>.kartu__ringkas{grid-area:ringkas}.kelompok .produk__daftar:has(>:only-child)>.kartu>.daftar-chip{grid-area:chip;align-self:end}}.dua-kolom{gap:var(--spacing-xl);display:grid}@media (width>=768px){.dua-kolom{gap:var(--spacing-2xl);grid-template-columns:repeat(2,minmax(0,1fr))}}.dua-kolom h2{margin-block-end:var(--spacing-sm)}.dua-kolom p+p{margin-block-start:var(--spacing-sm)}.dua-kolom p{color:var(--colors-on-surface-muted)}.daftar-langkah{gap:var(--spacing-sm);padding:0 0 0 var(--spacing-lg);color:var(--colors-on-surface-muted);counter-reset:langkah;margin:0;list-style:none;display:grid}.daftar-langkah li{padding-block:var(--spacing-xs);counter-increment:langkah;position:relative}.daftar-langkah li:before{content:counter(langkah);font-family:var(--typography-data-fontFamily);font-size:var(--typography-label-fontSize);font-weight:var(--typography-data-fontWeight);color:var(--colors-primary);position:absolute;inset-inline-start:calc(var(--spacing-lg) * -1)}.daftar-periksa{gap:var(--spacing-xs);margin:0 0 var(--spacing-md);color:var(--colors-on-surface-muted);padding-inline-start:var(--spacing-lg);display:grid}.kontak__catatan{color:var(--colors-on-surface-subtle);font-size:var(--typography-small-fontSize);line-height:var(--typography-small-lineHeight)}.kontak__isi{gap:var(--spacing-2xl);display:grid}@media (width>=768px){.kontak__isi{gap:var(--spacing-3xl);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start}}.kontak__keterangan{gap:var(--spacing-sm);align-content:start;display:grid}.kontak__keterangan h2,.kontak__formulir h2{font-size:var(--typography-h3-fontSize);margin-block-end:var(--spacing-xs)}.kontak__kepala{gap:var(--spacing-xs);border-block-end:var(--components-rule-hairline-height) solid var(--colors-outline);padding-block-end:var(--spacing-md);display:grid}.kontak__kepala p{color:var(--colors-on-surface-muted);font-size:var(--typography-small-fontSize);line-height:var(--typography-small-lineHeight)}.form-kontak__ganda{gap:var(--spacing-md);display:grid}@media (width>=640px){.form-kontak__ganda{grid-template-columns:repeat(2,minmax(0,1fr))}}.kontak__keterangan p{color:var(--colors-on-surface-muted)}.kontak__formulir{gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--components-product-card-backgroundColor);border:var(--components-rule-hairline-height) solid var(--colors-outline);border-radius:var(--components-product-card-rounded);display:grid}html:not(.js) .kontak__formulir{display:none}.form-kontak{gap:var(--spacing-md);display:grid}.form-kontak__baris{gap:var(--spacing-xs);display:grid}.form-kontak__baris label{font-family:var(--typography-label-fontFamily);font-size:var(--typography-label-fontSize);font-weight:var(--typography-label-fontWeight);letter-spacing:var(--typography-label-letterSpacing);color:var(--colors-on-surface-muted)}.form-kontak__opsional{font-weight:var(--typography-body-fontWeight);letter-spacing:normal;text-transform:none;color:var(--colors-on-surface-subtle)}.form-kontak__petunjuk{color:var(--colors-on-surface-muted);font-size:var(--typography-small-fontSize);line-height:var(--typography-small-lineHeight);margin-block-end:var(--spacing-xs)}.form-kontak__baris input,.form-kontak__baris textarea{min-height:var(--spacing-control-height);padding:var(--spacing-sm-plus) var(--spacing-md);background:var(--colors-surface);border:var(--components-rule-control-height) solid var(--colors-outline-strong);border-radius:var(--rounded-sm);color:var(--colors-on-surface);font-family:var(--typography-body-fontFamily);font-size:var(--typography-body-fontSize);line-height:var(--typography-body-lineHeight)}.form-kontak__baris textarea{resize:vertical}.form-kontak__baris input:hover,.form-kontak__baris textarea:hover{border-color:var(--colors-primary)}.form-kontak__baris input:focus-visible,.form-kontak__baris textarea:focus-visible{outline:var(--components-focus-ring-height) solid var(--components-focus-ring-backgroundColor);outline-offset:var(--spacing-xs);border-color:var(--colors-primary)}.form-kontak__aksi{margin-block-start:var(--spacing-xs)}.kontak__tautan{gap:var(--spacing-md);margin:var(--spacing-md) 0 0;padding:0;list-style:none;display:grid}.kontak__tautan li{align-items:flex-start;gap:var(--spacing-sm-plus);display:flex}.kontak__ikon{inline-size:var(--spacing-lg);block-size:var(--spacing-lg);color:var(--colors-primary);flex:none}.kontak__kanal{gap:var(--spacing-xs);display:grid}.kontak__kanal-nama{font-family:var(--typography-label-fontFamily);font-size:var(--typography-label-fontSize);font-weight:var(--typography-label-fontWeight);letter-spacing:var(--typography-label-letterSpacing);color:var(--colors-on-surface-subtle);text-transform:uppercase}.kontak__kanal a{min-height:var(--spacing-touch-target);font-size:var(--typography-h3-fontSize);align-items:center;text-decoration:none;transition:color .15s;display:inline-flex}.kontak__kanal a:hover,.kontak__kanal a:focus-visible{color:var(--colors-primary-deep);text-underline-offset:.25em;text-decoration:underline}.kontak__kanal a:active{color:var(--colors-primary-deep)}.layanan__daftar,.monitoring__daftar{border-block-start:var(--components-rule-hairline-height) solid var(--colors-outline);gap:0;margin:0;padding:0;list-style:none;display:grid}@media (width>=768px){.layanan__daftar,.monitoring__daftar{grid-template-columns:repeat(2,minmax(0,1fr))}}.layanan__butir,.monitoring__butir{gap:var(--spacing-xs);padding:var(--spacing-lg) 0;border-block-end:var(--components-rule-hairline-height) solid var(--colors-outline);align-content:start;display:grid}@media (width>=768px){.layanan__butir,.monitoring__butir{padding:var(--spacing-lg);border-inline-end:var(--components-rule-hairline-height) solid var(--colors-outline)}}.layanan__butir h2,.monitoring__butir h2{font-family:var(--typography-h3-fontFamily);font-size:var(--typography-h3-fontSize);font-weight:var(--typography-h3-fontWeight);line-height:var(--typography-h3-lineHeight)}.layanan__butir p,.monitoring__butir p{color:var(--colors-on-surface-muted);font-size:var(--typography-small-fontSize);line-height:var(--typography-small-lineHeight)}.layanan__tautan,.monitoring__tautan{margin-block-start:var(--spacing-xs)}.layanan__tautan a,.monitoring__tautan a{min-height:var(--spacing-touch-target);align-items:center;text-decoration:none;transition:color .15s;display:inline-flex}.layanan__tautan a:hover,.layanan__tautan a:focus-visible,.monitoring__tautan a:hover,.monitoring__tautan a:focus-visible{color:var(--colors-primary-deep);text-underline-offset:.25em;text-decoration:underline}.layanan__tautan a:active,.monitoring__tautan a:active{color:var(--colors-primary-deep)}.rujukan{margin-block-start:var(--spacing-xl)}.rujukan p{color:var(--colors-on-surface-muted);font-size:var(--typography-small-fontSize);line-height:var(--typography-small-lineHeight)}.tabel-bungkus{border:var(--components-rule-hairline-height) solid var(--colors-outline);border-radius:var(--rounded-md);overflow-x:auto}.tabel{border-collapse:collapse;width:100%;font-size:var(--typography-small-fontSize)}.tabel__catatan{caption-side:bottom;padding:var(--spacing-md);text-align:start;color:var(--colors-on-surface-subtle);font-size:var(--typography-small-fontSize);line-height:var(--typography-small-lineHeight)}.tabel th,.tabel td{padding:var(--spacing-sm-plus) var(--spacing-md);text-align:start;vertical-align:top;border-block-end:var(--components-rule-hairline-height) solid var(--colors-outline)}.tabel thead th{background:var(--components-table-header-backgroundColor);color:var(--components-table-header-textColor);font-family:var(--typography-label-fontFamily);font-size:var(--typography-label-fontSize);font-weight:var(--typography-label-fontWeight);white-space:nowrap;border-block-end:var(--components-rule-table-head-height) solid var(--components-rule-table-head-backgroundColor)}.tabel tbody th{font-weight:var(--typography-label-fontWeight);color:var(--colors-on-surface)}.monitoring__tabel{min-width:calc(var(--spacing-5xl) * 4.2)}.tabel tbody th a{min-block-size:var(--spacing-touch-target);align-items:center;display:inline-flex}.tabel tbody tr:last-child th,.tabel tbody tr:last-child td{border-block-end:none}.diagram{gap:var(--spacing-lg);margin:0;display:grid}.diagram__kepala{gap:var(--spacing-xs);display:grid}.diagram__judul{font-size:var(--typography-h3-fontSize);line-height:var(--typography-h3-lineHeight);margin:0}.diagram__pembuka{max-width:calc(var(--spacing-measure) * 1ch);color:var(--colors-on-surface-muted);font-size:var(--typography-small-fontSize);line-height:var(--typography-small-lineHeight);margin:0}.diagram__bingkai{gap:var(--spacing-md);padding:var(--spacing-sm);background:var(--colors-surface-alt);border-radius:var(--rounded-sm);display:grid}.diagram__gulir{overscroll-behavior-x:contain;display:grid;overflow-x:auto}.diagram__kanvas{block-size:auto;inline-size:100%;display:block;overflow:visible}.diagram__kanvas[data-orientasi=ponsel]{max-inline-size:460px;margin-inline:auto}.diagram__kanvas[data-orientasi=jembar]{display:none}.diagram__jalur{--diagram-warna:var(--colors-primary)}.diagram__jalur[data-jalur-svg=pantau]{--diagram-warna:var(--colors-signal)}.diagram__jalur-nama-svg{fill:var(--colors-on-surface-subtle);font-family:var(--components-diagram-node-typography-fontFamily);font-size:var(--typography-small-fontSize);font-weight:var(--typography-label-fontWeight);letter-spacing:var(--typography-label-letterSpacing)}.diagram__dasar{fill:none;stroke:var(--colors-outline);stroke-width:var(--components-diagram-line-flow-height);stroke-linecap:round}.diagram__jalur[data-jalur-svg=pantau] .diagram__dasar{stroke-dasharray:3 4}.diagram__alir{fill:none;stroke:var(--diagram-warna);stroke-width:var(--components-diagram-line-flow-height);stroke-linecap:round}.diagram__jalur[data-jalur-svg=pantau] .diagram__alir{stroke-dasharray:3 4}.diagram__titik{fill:var(--diagram-warna)}.diagram__simpul{cursor:pointer}.diagram__simpul:focus-visible{outline:2px solid var(--colors-primary);outline-offset:4px;border-radius:var(--rounded-sm)}.diagram__ubin{fill:var(--components-diagram-node-backgroundColor);stroke:var(--colors-outline);stroke-width:var(--components-diagram-line-neutral-height);transition:fill .2s,stroke .2s,stroke-width .2s}.diagram__simpul:hover .diagram__ubin{stroke:var(--colors-outline-strong)}.diagram__simpul[data-aktif] .diagram__ubin{fill:var(--components-diagram-node-active-backgroundColor);stroke:var(--diagram-warna);stroke-width:2px}.diagram__ikon{fill:none;stroke:var(--colors-on-surface-subtle);stroke-width:var(--components-diagram-line-flow-height);stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}.diagram__simpul[data-aktif] .diagram__ikon{stroke:var(--diagram-warna)}.diagram__port{fill:var(--diagram-warna)}.diagram__lencana{fill:var(--components-diagram-balloon-backgroundColor);transition:fill .2s}.diagram__simpul[data-aktif] .diagram__lencana{fill:var(--diagram-warna)}.diagram__lencana-teks{fill:var(--components-diagram-balloon-textColor);font-family:var(--components-diagram-balloon-typography-fontFamily);font-size:var(--components-diagram-balloon-typography-fontSize);font-weight:var(--components-diagram-balloon-typography-fontWeight);font-feature-settings:var(--components-diagram-balloon-typography-fontFeature)}.diagram__label{fill:var(--components-diagram-node-textColor);font-family:var(--components-diagram-node-typography-fontFamily);font-size:var(--components-diagram-node-typography-fontSize);font-weight:var(--components-diagram-node-typography-fontWeight);transition:fill .2s}.diagram__simpul:hover .diagram__label{fill:var(--colors-on-surface)}.diagram__simpul[data-aktif] .diagram__label{fill:var(--diagram-warna);font-weight:var(--components-diagram-balloon-typography-fontWeight)}.diagram__tips{--diagram-warna:var(--colors-primary);gap:var(--spacing-xs);padding:var(--spacing-sm-plus);background:var(--colors-surface);border-inline-start:2px solid var(--diagram-warna);border-radius:var(--rounded-sm);display:grid}.diagram__tips-isi{--diagram-warna:var(--colors-primary);gap:var(--spacing-xs);display:grid}.diagram__tips-isi[data-lajur=pantau]{--diagram-warna:var(--colors-signal)}.diagram__tips-nama{color:var(--colors-on-surface);font-family:var(--typography-h3-fontFamily);font-size:var(--typography-lead-fontSize);font-weight:var(--typography-h3-fontWeight);line-height:var(--typography-h3-lineHeight);text-wrap:balance;margin:0}.diagram__tips-ringkas{max-width:calc(var(--spacing-measure) * 1ch);color:var(--colors-on-surface);font-size:var(--typography-body-fontSize);line-height:var(--typography-body-lineHeight);margin:0}.diagram__tips-teks{max-width:calc(var(--spacing-measure) * 1ch);color:var(--colors-on-surface-muted);font-size:var(--typography-small-fontSize);line-height:var(--typography-small-lineHeight);margin:0}.diagram__catatan{max-width:calc(var(--spacing-measure) * 1ch);border-inline-start:2px solid var(--colors-outline);color:var(--colors-on-surface-subtle);font-size:var(--typography-small-fontSize);line-height:var(--typography-small-lineHeight);padding-inline-start:var(--spacing-md)}.js .diagram__tips-isi:not([data-aktif]){display:none}@media (width>=1024px){.diagram__kanvas[data-orientasi=ponsel]{display:none}.diagram__kanvas[data-orientasi=jembar]{display:block}.diagram__bingkai{gap:var(--spacing-lg);padding:var(--spacing-md)}.diagram__tips{padding:var(--spacing-md)}.diagram__tips-nama{font-size:var(--typography-h3-fontSize)}.diagram__catatan{padding-inline-start:var(--spacing-lg)}}.tautan-lain{border-block-start:var(--components-rule-hairline-height) solid var(--colors-outline);gap:0;margin:0;padding:0;list-style:none;display:grid}.tautan-lain li{justify-content:space-between;align-items:baseline;gap:var(--spacing-xs);padding-block:var(--spacing-sm);border-block-end:var(--components-rule-hairline-height) solid var(--colors-outline);flex-wrap:wrap;display:flex}.tautan-lain a{min-height:var(--spacing-touch-target);font-weight:var(--typography-label-fontWeight);align-items:center;display:inline-flex}.tautan-lain span{color:var(--colors-on-surface-subtle);font-size:var(--typography-small-fontSize)}.tj{gap:var(--spacing-sm);display:grid}.tj details p{max-width:calc(var(--spacing-measure) * 1ch)}.tj details{border-block-end:var(--components-rule-hairline-height) solid var(--colors-outline)}.tj summary{justify-content:space-between;align-items:center;gap:var(--spacing-md);min-height:var(--spacing-touch-target);padding-block:var(--spacing-sm-plus);font-family:var(--typography-h3-fontFamily);font-size:var(--typography-h3-fontSize);font-weight:var(--typography-h3-fontWeight);cursor:pointer;list-style:none;display:flex}.tj summary::-webkit-details-marker{display:none}.tj summary:after{content:"+";font-family:var(--typography-body-fontFamily);font-size:var(--typography-h3-fontSize);color:var(--colors-primary);line-height:1}.tj details[open] summary:after{content:"−"}.tj details p{color:var(--colors-on-surface-muted);padding-block-end:var(--spacing-md)}.panggung{background:var(--components-stage-backgroundColor);color:var(--components-stage-textColor);padding-block:var(--spacing-3xl)}@media (width>=1024px){.panggung{padding-block:var(--spacing-4xl)}}.panggung__isi{gap:var(--spacing-md);justify-items:start;display:grid}.panggung h2{color:var(--components-stage-textColor)}.panggung p{color:var(--colors-on-stage-muted)}.panggung .tombol--utama{background:var(--colors-surface);color:var(--colors-primary)}.panggung .tombol--utama:hover{background:var(--colors-surface-alt);color:var(--colors-primary-deep)}.panggung .tombol--utama:active{background:var(--colors-surface-tint)}.panggung .tombol--sekunder{color:var(--components-stage-textColor);border-color:var(--colors-stage-line);background:0 0}.panggung .tombol--sekunder:hover{background:var(--colors-stage-raised);color:var(--components-stage-textColor)}.panggung .tombol--sekunder:active{background:var(--colors-stage-active);color:var(--components-stage-textColor)}.panggung:focus-visible,.panggung :focus-visible{outline-color:var(--components-focus-ring-stage-backgroundColor)}.panggung__aksi{gap:var(--spacing-sm-plus);flex-wrap:wrap;margin-block-start:var(--spacing-sm);display:flex}.footer{background:var(--components-footer-backgroundColor);color:var(--components-footer-textColor);border-block-start:var(--components-rule-hairline-height) solid var(--colors-stage-line)}.footer>.wadah:first-child{padding-block:var(--components-footer-padding)}.footer :focus-visible{outline-color:var(--components-focus-ring-stage-backgroundColor)}.footer__isi{gap:var(--spacing-xl);display:grid}@media (width>=768px){.footer__isi{gap:var(--spacing-3xl);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr)}}.footer__merek,.footer__kolom{min-width:0}.footer__logo{height:var(--spacing-logo-height-lg);width:auto;margin-block-end:var(--spacing-md)}.footer p{color:var(--colors-on-stage-muted);font-size:var(--typography-small-fontSize);line-height:var(--typography-small-lineHeight)}.footer__ringkas{max-width:38ch}.footer h2{font-family:var(--typography-label-fontFamily);font-size:var(--typography-label-fontSize);font-weight:var(--typography-label-fontWeight);color:var(--components-footer-textColor);margin-block-end:var(--spacing-md)}.footer a{min-height:var(--spacing-touch-target);color:var(--colors-on-stage-muted);align-items:center;text-decoration:none;transition:color .15s;display:inline-flex}.footer a:hover,.footer a:focus-visible,.footer a:active{color:var(--components-footer-textColor);text-underline-offset:.25em;text-decoration:underline}.footer ul{gap:var(--spacing-sm);margin:0;padding:0;list-style:none;display:grid}.footer__bawah{background:var(--components-footer-sub-backgroundColor);color:var(--components-footer-sub-textColor);border-block-start:var(--components-rule-hairline-height) solid var(--colors-stage-line);padding-block:var(--components-footer-sub-padding)}.footer__bawah-isi{justify-content:space-between;align-items:center;gap:var(--spacing-sm) var(--spacing-lg);flex-wrap:wrap;display:flex}.footer__bawah p{max-width:none;color:var(--components-footer-sub-textColor)}.footer__bawah .footer__legal{gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.footer__bawah .footer__legal a{min-height:var(--spacing-touch-target);font-size:var(--typography-small-fontSize);color:var(--components-footer-sub-textColor);align-items:center;display:inline-flex}@media (width>=768px){.footer__bawah .footer__legal a{min-height:var(--spacing-touch-target)}}.footer__bawah .footer__legal a:hover,.footer__bawah .footer__legal a:focus-visible,.footer__bawah .footer__legal a:active{color:var(--components-footer-textColor)}.js [data-reveal]{opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);transform:translateY(16px)}[data-reveal].is-visible{opacity:1;transform:none}[data-reveal][data-delay="1"]{transition-delay:80ms}[data-reveal][data-delay="2"]{transition-delay:.16s}[data-reveal][data-delay="3"]{transition-delay:.24s}[data-reveal][data-delay="4"]{transition-delay:.32s}@media (forced-colors:active){.kartu,.pilih__butir,.sektor__butir,.panggung,.tombol,.chip,.alasan__butir,.layanan__butir,.tautan-lain li{border:var(--components-rule-control-height) solid CanvasText}.tombol--utama{color:buttontext;background:buttonface}}@media print{.lompat,.header,.footer,.panggung,.menu,.hero__aksi,.panggung__aksi{display:none}.bagian,.footer__isi{padding-block:0}.wadah{max-width:none}.kartu,.pilih__butir,.sektor__butir,.alasan__butir,.layanan__butir{break-inside:avoid}a[href^=http]:after{content:" (" attr(href) ")";font-size:var(--typography-small-fontSize)}}@media (width<=768px){.tabel-bungkus{box-shadow:inset -12px 0 12px -12px color-mix(in oklab, var(--colors-on-surface) 22%, transparent)}}.tabel-bungkus:focus-visible{outline:var(--components-focus-ring-height) solid var(--components-focus-ring-backgroundColor);outline-offset:var(--spacing-xs)}.tombol-mengapung{z-index:350;align-items:center;gap:var(--spacing-sm);min-block-size:var(--spacing-touch-target);min-inline-size:var(--spacing-touch-target);block-size:var(--spacing-control-height);padding-inline:var(--spacing-md-plus);background:var(--components-button-primary-backgroundColor);color:var(--components-button-primary-textColor);border-radius:var(--rounded-full);font-family:var(--components-button-primary-typography-fontFamily);font-size:var(--components-button-primary-typography-fontSize);font-weight:var(--components-button-primary-typography-fontWeight);line-height:var(--components-button-primary-typography-lineHeight);text-decoration:none;display:inline-flex;position:fixed;inset-block-end:var(--spacing-lg);inset-inline-end:var(--spacing-lg)}.tombol-mengapung:hover{background:var(--components-button-primary-hover-backgroundColor);color:var(--components-button-primary-hover-textColor)}.tombol-mengapung:focus-visible{outline:var(--components-focus-ring-height) solid var(--components-focus-ring-backgroundColor);outline-offset:var(--spacing-xs)}.tombol-mengapung:active{background:var(--components-button-primary-hover-backgroundColor);transform:translateY(1px)}.tombol-mengapung__ikon{inline-size:var(--spacing-lg);block-size:var(--spacing-lg);flex:none}.tombol-mengapung__teks{white-space:nowrap}@media (width<=640px){.tombol-mengapung{inline-size:var(--spacing-control-height);padding-inline:var(--spacing-xs);justify-content:center;inset-block-end:var(--spacing-md);inset-inline-end:var(--spacing-md)}.tombol-mengapung__teks{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}
