:root{--bg: #eeece6;--aksen: #007d0b;--brand-green: #00a10d;--brand-yellow: #fbff00;--ink-primary: #232323;--ink-secondary: rgba(0, 0, 0, .65);--ink-muted: rgba(0, 0, 0, .55);--surface-card: #fbfaf7;--surface-sidebar: #f4f2ec;--border-hairline: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .18);--sawah: #007d0b;--stale-badge: #9d5540;--risk-low: #a3e2b2;--risk-mid: #fcd34d;--risk-high: #f97316;--risk-critical: #be123c;--font-ui: "Segoe UI", system-ui, -apple-system, sans-serif;--font-data: ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--aksen);outline-offset:2px}body{margin:0;background:var(--bg);color:var(--ink-primary);font-family:var(--font-ui)}.angka-terukur{font-family:var(--font-data);font-variant-numeric:tabular-nums;color:var(--ink-primary)}.angka-estimasi{font-family:var(--font-data);font-variant-numeric:tabular-nums;color:var(--ink-secondary)}.angka-estimasi:before{content:"~"}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-topbar{display:flex;align-items:center;gap:1.1rem;padding:.6rem 1.1rem;border-bottom:1px solid var(--border-hairline);background:color-mix(in srgb,var(--aksen) 8%,var(--surface-card));font-size:.8rem}.app-topbar__brand{display:flex;align-items:center;gap:.7rem}.app-topbar__logo{height:50px;width:auto;display:block}.app-topbar__sidebar-toggle{display:flex;flex-direction:column;justify-content:center;gap:4px;width:28px;height:28px;padding:6px;border:none;background:none;cursor:pointer;flex:none}.app-topbar__sidebar-toggle-bar{display:block;height:2px;width:100%;background:var(--ink-secondary);border-radius:1px;transition:background-color .15s ease}.app-topbar__sidebar-toggle:hover .app-topbar__sidebar-toggle-bar{background:var(--ink-primary)}.app-topbar__title{font-weight:800;letter-spacing:.02em;font-size:.85rem}.app-topbar__product{font-size:.8rem;color:var(--ink-secondary);letter-spacing:.01em}.lang-toggle{display:flex;border:1px solid var(--border-strong);border-radius:4px;overflow:hidden}.lang-toggle__btn{border:none;background:var(--surface-card);color:var(--ink-secondary);font-family:var(--font-ui);font-size:.7rem;font-weight:700;padding:.4rem .7rem;cursor:pointer}.lang-toggle__btn--active{background:var(--aksen);color:#fff}.app-topbar__divider{width:1px;height:1.1rem;background:var(--border-hairline)}.app-topbar__spacer{flex:1}.app-body{display:flex;flex:1;min-height:0;align-items:stretch}.app-sidebar{width:168px;flex:none;border-right:1px solid var(--border-hairline);background:var(--surface-sidebar);padding:.75rem 0;overflow:hidden;transition:width .2s ease,padding .2s ease,border-color .2s ease}.app-sidebar--collapsed{width:0;padding:.75rem 0;border-right-color:transparent}.app-sidebar__item{display:block;width:100%;text-align:left;border:none;border-left:3px solid transparent;background:none;padding:.6rem 1.1rem;font-size:.8rem;font-family:var(--font-ui);color:var(--ink-muted);cursor:pointer;white-space:nowrap}.app-sidebar__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar__item:hover{color:var(--ink-primary);background:color-mix(in srgb,var(--aksen) 6%,transparent)}.app-sidebar__item--active{font-weight:700;color:var(--ink-primary);border-left-color:var(--aksen);background:var(--surface-card)}.filter-bar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.1rem;background:#fff;border-bottom:1px solid var(--border-hairline)}.filter-bar__selects{display:flex;gap:.6rem}.filter-bar__select{border:1px solid var(--border-strong);background:var(--surface-card);color:var(--ink-secondary);padding:.4rem .7rem;border-radius:4px;font-family:var(--font-ui);font-size:.78rem;cursor:default;opacity:.85}.filter-bar__spacer{flex:1}.kpi-section{display:flex;align-items:flex-start;gap:1.5rem;padding:1.1rem;background:var(--surface-sidebar);border-bottom:1px solid var(--border-hairline)}.kpi-section__note{flex:0 0 25%;margin:0;padding-top:.4rem;font-size:.78rem;line-height:1.45;color:var(--ink-secondary)}.app-loading,.app-error{padding:2rem;color:var(--ink-secondary)}.app-error{color:var(--risk-critical)}.komoditas-switcher{display:flex;gap:.4rem}.komoditas-switcher__tab{border:1px solid var(--border-strong);background:var(--surface-card);color:var(--ink-secondary);padding:.3rem .75rem;border-radius:4px;font-family:var(--font-ui);font-size:.78rem;cursor:pointer;transition:background-color .15s ease,color .15s ease}.komoditas-switcher__tab:hover{background:color-mix(in srgb,var(--aksen) 10%,var(--surface-card))}.komoditas-switcher__tab--active{background:var(--aksen);color:#fff;border-color:var(--aksen)}.peta-risiko{flex:1;display:flex;flex-direction:column;min-width:0}.kpi-row__cards{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}.kpi-chip{position:relative;display:flex;flex-direction:column;gap:.3rem;min-width:0;padding:1.1rem 1.4rem 1rem;background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:10px;box-shadow:0 2px 10px #00000017;overflow:hidden}.kpi-chip:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--kpi-accent, var(--aksen))}.kpi-chip__label{font-size:.7rem;color:var(--ink-secondary);text-transform:uppercase;letter-spacing:.04em}.kpi-chip__value{font-family:var(--font-data);font-weight:700;font-size:1.4rem}.kpi-chip__sub{font-size:.7rem;color:var(--ink-muted)}.kpi-chip__value--empty{font-family:var(--font-ui);font-weight:400;font-size:.8rem;color:var(--ink-muted);font-style:normal}.peta-risiko__body{display:flex;flex:1;min-height:640px;padding:1rem;gap:1rem}.peta-risiko__map-col{flex:1 1 70%;min-width:0;display:flex;flex-direction:column;gap:.6rem}.peta-risiko__map-head{display:flex;justify-content:space-between;align-items:center}.peta-risiko__map-head-title{font-size:.85rem;font-weight:700}.jabar-map{display:block;width:100%;height:100%}.peta-hidup .jabar-map{transform:perspective(1000px) rotateX(20deg) rotateY(-10deg) rotate(2deg);transition:transform .5s cubic-bezier(.25,.8,.25,1),filter .5s ease;filter:drop-shadow(0 10px 20px rgba(0,0,0,.15))}.peta-hidup .jabar-map-wrap:hover .jabar-map{transform:perspective(1000px) rotateX(15deg) rotateY(-5deg) rotate(1deg);filter:drop-shadow(0 15px 30px rgba(0,0,0,.22))}.jabar-map__region{cursor:pointer;transition:filter .15s ease,fill .3s ease}.jabar-map__region:hover{filter:brightness(1.08)}.jabar-map__region--statis{cursor:default}.jabar-map__region--statis:hover{filter:none}.jabar-map__region--selected{stroke:var(--brand-yellow);stroke-width:3.5}.jabar-map-wrap{position:relative;flex:1;min-height:480px}.map-tooltip{position:absolute;pointer-events:none;z-index:100;display:flex;flex-direction:column;gap:.1rem;background:var(--surface-card);border:1px solid var(--border-strong);border-radius:4px;box-shadow:0 8px 16px #00000029;padding:.4rem .6rem;max-width:220px}.map-tooltip__nama{font-size:.78rem;font-weight:700}.map-tooltip__detail{font-size:.7rem;z-index:1000;font-family:var(--font-data);color:var(--ink-secondary)}.timeline{display:flex;flex-direction:column;gap:.2rem;border-top:1px solid var(--border-hairline);padding-top:.6rem}.timeline__caption{display:flex;justify-content:space-between;font-size:.72rem;color:var(--ink-secondary)}.timeline__label{font-weight:700;color:var(--ink-primary)}.timeline__iso{font-family:var(--font-data);font-weight:400;color:var(--ink-muted)}.timeline__track{position:relative}.timeline input[type=range]{display:block;width:100%;height:16px;margin:0;background:transparent;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.timeline input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--border-strong)}.timeline input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--border-strong)}.timeline input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:var(--aksen);border:2px solid var(--surface-card);box-shadow:0 1px 2px #00000040;cursor:pointer}.timeline input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--aksen);border:2px solid var(--surface-card);box-shadow:0 1px 2px #00000040;cursor:pointer}.timeline__ends{display:flex;justify-content:space-between;font-size:.7rem;font-family:var(--font-data);color:var(--ink-muted)}.timeline__bands{position:relative;height:1.35rem;margin-bottom:.15rem;overflow:hidden}.timeline__playhead{position:absolute;top:0;bottom:0;width:2px;border-radius:1px;background:var(--ink-primary);opacity:.35;pointer-events:none;transform:translate(-50%)}.timeline__band{position:absolute;top:0;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;opacity:.9;transition:left .25s ease,width .25s ease,background-color .25s ease}.timeline__band--tanam{background:var(--sawah)}.timeline__band--panen{background:var(--risk-high)}.timeline__band-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:.62rem;font-weight:600;letter-spacing:.01em;color:#fff;white-space:nowrap;padding:0 .4rem;text-shadow:0 1px 1px rgba(0,0,0,.25)}.weather-badge{font-size:.72rem;padding:.2rem .6rem;border-radius:999px;background:#0000000f;color:var(--ink-secondary);white-space:nowrap}.risk-legend{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-family:var(--font-data);color:var(--ink-secondary)}.risk-legend__bar{width:110px;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--risk-low),var(--risk-mid),var(--risk-high),var(--risk-critical))}.side-col{flex:1 1 30%;min-width:240px;display:flex;flex-direction:column;min-height:0}.side-col__title{font-size:.7rem;font-weight:700;color:var(--ink-secondary);padding:0 0 .4rem;display:flex;justify-content:space-between;align-items:center}.side-col__back{background:none;border:none;color:var(--aksen);cursor:pointer;font-size:.7rem;font-family:var(--font-ui);padding:0}.side-col__hint{font-size:.68rem;color:var(--ink-muted);margin:0 0 .4rem}.ranked-list{display:flex;flex-direction:column;overflow-y:auto;min-height:0}.ranked-list__row{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-bottom:1px solid var(--border-hairline);font-size:.75rem;background:none;border-left:none;border-right:none;border-top:none;cursor:pointer;text-align:left;width:100%;color:var(--ink-primary);font-family:var(--font-ui)}.ranked-list__row:hover{background:color-mix(in srgb,var(--aksen) 6%,transparent)}.ranked-list__row--active{background:var(--surface-card);font-weight:700;border-left:3px solid var(--aksen);padding-left:calc(.5rem - 3px)}.ranked-list__rank{width:14px;font-family:var(--font-data);color:var(--ink-muted);font-size:.7rem}.ranked-list__swatch{width:10px;height:10px;border-radius:2px;flex:none}.ranked-list__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranked-list__score{font-family:var(--font-data);font-weight:700}.kabupaten-panel{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:6px;padding:1rem;overflow-y:auto}.kabupaten-panel__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem}.kabupaten-panel__header h2{font-size:1rem;margin:0}.kabupaten-panel__status-only{display:flex;justify-content:flex-end;margin-bottom:.75rem}.status-badge{font-family:var(--font-ui);font-size:.68rem;padding:.15rem .5rem;border-radius:999px;color:#fff;white-space:nowrap}.status-badge--measured{background:var(--sawah)}.status-badge--stale{background:var(--stale-badge)}.status-badge--modeled{background:var(--ink-secondary)}.kabupaten-panel__kpi{display:flex;gap:1.25rem;margin:0 0 1rem}.kabupaten-panel__kpi dt{font-size:.65rem;color:var(--ink-secondary);margin-bottom:.15rem}.kabupaten-panel__kpi dd{margin:0;font-size:1.05rem}.blind-spot-notice__text{font-size:.82rem;line-height:1.5;color:var(--ink-secondary);margin:0}.absorber-table__scroll{overflow-x:auto}.absorber-table{width:100%;border-collapse:collapse;background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:8px;overflow:hidden;font-size:.78rem}.absorber-table th,.absorber-table td{padding:.55rem .7rem;text-align:left;border-bottom:1px solid var(--border-hairline);white-space:nowrap}.absorber-table th{font-size:.68rem;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-secondary);background:var(--surface-sidebar);font-weight:700}.absorber-table tbody tr:last-child td{border-bottom:none}.absorber-table tbody tr:hover{background:color-mix(in srgb,var(--aksen) 5%,transparent)}.absorber-table__diff--positif{color:var(--aksen);font-family:var(--font-data);font-weight:700}.absorber-table__diff--negatif{color:var(--risk-critical);font-family:var(--font-data);font-weight:700}.simulasi-tanam__chart-block{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.75rem}.simulasi-tanam__sliders{overflow-y:auto;display:flex;flex-direction:column;gap:.9rem;padding:.25rem .1rem}.sim-guide-card{background:color-mix(in srgb,var(--aksen) 5%,var(--surface-card));border:1px solid color-mix(in srgb,var(--aksen) 15%,var(--border-hairline));border-radius:6px;padding:.8rem 1rem;margin-bottom:.8rem}.sim-guide-card h3{margin:0 0 .3rem;font-size:.85rem;color:var(--aksen);display:flex;align-items:center;gap:.4rem}.sim-guide-card p{margin:0;font-size:.72rem;line-height:1.4;color:var(--ink-secondary)}.simulasi-tanam__slider-row{display:flex;flex-direction:column;gap:.2rem;padding:.5rem .6rem;border-radius:6px;border:1px solid transparent;transition:all .2s ease}.simulasi-tanam__slider-row--active{background:color-mix(in srgb,var(--aksen) 5%,var(--surface-card));border-color:color-mix(in srgb,var(--aksen) 15%,var(--border-hairline));box-shadow:0 2px 4px #00000008}.simulasi-tanam__slider-label{display:flex;justify-content:space-between;font-size:.75rem}.simulasi-tanam__slider-value{font-family:var(--font-data);color:var(--aksen)}.simulasi-tanam__slider-row input[type=range]{width:100%;accent-color:var(--aksen)}.simulasi-tanam__slider-status{font-size:.7rem;color:var(--ink-muted)}.map-hint{font-size:.72rem;color:var(--ink-muted);margin:0}.jabar-map__region:focus{outline:none}.jabar-map__region:focus-visible{outline:none;stroke:var(--brand-yellow);stroke-width:3.5}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width: 900px){.app-body{flex-direction:column}.app-sidebar,.app-sidebar--collapsed{width:100%;display:flex;padding:0;border-right:none;border-bottom:1px solid var(--border-hairline)}.app-topbar__sidebar-toggle{display:none}.app-sidebar__item,.app-sidebar--collapsed .app-sidebar__item{flex:1;text-align:center;border-left:none;border-bottom:3px solid transparent;padding:.7rem .5rem}.app-sidebar__item--active{border-left:none;border-bottom-color:var(--aksen)}.peta-risiko__body{flex-direction:column}.side-col{width:100%}.filter-bar{flex-wrap:wrap;row-gap:.6rem}.kpi-section{flex-direction:column}.kpi-section__note{flex:none}.kpi-row__cards{grid-template-columns:repeat(2,1fr)}.app-topbar{flex-wrap:wrap;row-gap:.4rem}}.planting-popup__baseline{font-size:.8rem;margin:0 0 .2rem}.planting-popup__status{font-size:.7rem;color:var(--ink-secondary);margin:0 0 .75rem}.planting-popup__slider-row{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.6rem}.planting-popup__slider-row input[type=range]{width:100%;accent-color:var(--aksen);cursor:pointer}.planting-popup__slider-value{font-size:.78rem;font-weight:700;font-family:var(--font-data)}.planting-popup__hint{font-size:.7rem;color:var(--ink-muted);margin:0}.planting-popup__badge-generik{font-size:.68rem;color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:.35rem;padding:.35rem .5rem;margin:0 0 .6rem;line-height:1.35}@media (prefers-color-scheme: dark){.planting-popup__badge-generik{color:#fde68a;background:#451a03;border-color:#78350f}}.hasil-simulasi-panel__kpis{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.hasil-simulasi-panel__kpi{display:flex;flex-direction:column}.hasil-simulasi-panel__kpi-label{font-size:.65rem;color:var(--ink-secondary)}.hasil-simulasi-panel__kpi-value{font-size:.95rem;font-weight:700;font-family:var(--font-data)}.hasil-simulasi-panel__kpi-sub{font-size:.68rem;color:var(--sawah);font-weight:700}.hasil-simulasi-panel__note{font-size:.68rem;color:var(--ink-muted);margin-top:.5rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1.5rem}.modal-panel{background:var(--surface-card);border-radius:8px;max-width:720px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 12px 32px #00000040}.modal-panel__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-hairline);font-weight:700}.modal-panel__close{background:none;border:none;font-size:1rem;cursor:pointer;color:var(--ink-secondary)}.modal-panel__body{overflow-y:auto;padding:1.25rem}.modal-panel__footer{display:flex;justify-content:flex-end;gap:.6rem;padding:1rem 1.25rem;border-top:1px solid var(--border-hairline)}.btn-primary{background:var(--aksen);color:#fff;border:none;border-radius:4px;padding:.5rem 1.1rem;font-weight:700;cursor:pointer}.btn-primary:disabled{opacity:.6;cursor:default}.laporan-preview{font-family:var(--font-ui);color:var(--ink-primary);background:#fff}.laporan-preview__header{border-bottom:2px solid var(--ink-primary);padding-bottom:.6rem;margin-bottom:1rem}.laporan-preview__header h1{margin:0 0 .2rem;font-size:1.3rem}.laporan-preview__meta{font-family:var(--font-data);font-size:.75rem;color:var(--ink-muted);margin:0}.laporan-preview__section{margin-bottom:1.4rem}.laporan-preview__section h2{font-size:.95rem;border-left:3px solid var(--aksen);padding-left:.5rem;margin:0 0 .6rem}.laporan-preview__kpis{display:flex;gap:1.5rem;margin-bottom:.8rem;flex-wrap:wrap}.laporan-preview__kpi-label{display:block;font-size:.68rem;color:var(--ink-secondary);text-transform:uppercase;letter-spacing:.04em}.laporan-preview__kpi-value{font-family:var(--font-data);font-weight:700;font-size:1rem}.laporan-preview__note{font-size:.85rem;color:var(--ink-secondary);background:var(--surface-sidebar);border-radius:4px;padding:.6rem .8rem;margin:0 0 .6rem}.laporan-preview__ranking{list-style:decimal;padding-left:1.4rem;margin:0}.laporan-preview__ranking li{padding:.2rem 0;font-family:var(--font-data);font-size:.85rem}.laporan-preview__footer{border-top:1px solid var(--border-hairline);padding-top:.8rem;font-size:.7rem;color:var(--ink-muted)}.laporan-error{color:var(--risk-critical);font-size:.8rem;margin:0}.angka-masalah{border-top:1px solid var(--border-hairline);padding-top:1.1rem}.angka-masalah__row{display:flex;gap:0;flex-wrap:wrap}.angka-masalah__col{flex:1 1 0;min-width:150px;padding-right:1.1rem;border-right:1px solid var(--border-hairline)}.angka-masalah__col:last-child{border-right:none}.angka-masalah__value{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;line-height:1.15}.angka-masalah__label{font-size:.72rem;color:var(--ink-secondary);margin-top:.3rem;line-height:1.4;padding-right:.5rem}.angka-masalah__sumber{font-family:var(--font-data);font-size:.7rem;color:var(--ink-secondary);margin:.9rem 0 0}@media (max-width: 900px){.angka-masalah__col{flex:1 1 45%;margin-bottom:.9rem}}.landing{display:flex;flex-direction:column;min-height:100vh}.landing-topbar{display:flex;align-items:center;gap:1.5rem;padding:.7rem 2.2rem;border-bottom:1px solid var(--border-hairline);background:color-mix(in srgb,var(--aksen) 8%,var(--surface-card));position:sticky;top:0;z-index:10}.landing-topbar__logo{height:42px;width:auto;display:block;flex:none}.landing-topbar__nav{display:flex;gap:2.2rem;flex:1;justify-content:center}.landing-topbar__spacer{flex:none;width:96px}.landing-topbar__link{font-size:.85rem;font-weight:600;color:var(--ink-secondary);text-decoration:none;padding:.3rem .2rem;border-bottom:2px solid transparent}.landing-topbar__link:hover{color:var(--aksen);border-bottom-color:var(--aksen)}.landing__hero{position:relative;isolation:isolate;display:flex;gap:2.2rem;align-items:center;padding:2rem 2.2rem;flex:1}@keyframes landing-slide-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-fade-in{0%{opacity:0}to{opacity:1}}.landing__headline{animation:landing-slide-up .7s cubic-bezier(.25,.8,.25,1) both}.landing__sub{animation:landing-slide-up .7s cubic-bezier(.25,.8,.25,1) .12s both}.landing__cta{animation:landing-slide-up .7s cubic-bezier(.25,.8,.25,1) .24s both}.landing__peta{animation:landing-fade-in .9s ease .2s both}.landing__hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url(/brand/sawah-terasering.jpg);background-size:cover;background-position:center;opacity:.18;filter:contrast(1.15) saturate(1.2);pointer-events:none}.landing__copy{flex:1 1 46%;min-width:0}.landing__headline{font-size:clamp(1.8rem,3.4vw,2.9rem);line-height:1.1;letter-spacing:-.03em;font-weight:800;margin:0 0 .8rem}.landing__headline-aksen{font-style:normal;color:var(--aksen)}.landing__sub{font-size:.95rem;line-height:1.55;color:var(--ink-secondary);margin:0 0 1.4rem;max-width:42ch}.landing__cta{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.landing__btn-kedua{background:none;border:1px solid var(--border-strong);border-radius:4px;padding:.5rem 1.1rem;font-family:var(--font-ui);font-size:.85rem;font-weight:600;color:var(--ink-primary);cursor:pointer}.landing__btn-kedua:hover{background:color-mix(in srgb,var(--aksen) 8%,transparent)}.landing__peta{flex:1 1 54%;min-width:0;align-self:stretch;display:flex;align-items:center}.peta-hidup{width:100%;height:100%;min-height:260px}.landing-fitur{padding:3rem 2.2rem;background:var(--surface-sidebar);border-top:1px solid var(--border-hairline);border-bottom:1px solid var(--border-hairline)}.landing-fitur__title{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .4rem;text-align:center}.landing-fitur__sub{font-size:.9rem;color:var(--ink-secondary);margin:0 auto 2rem;max-width:56ch;text-align:center}.landing-fitur__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;max-width:1100px;margin:0 auto}.landing-fitur__card{position:relative;padding:1.4rem 1.5rem 1.3rem;background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:10px;box-shadow:0 2px 10px #00000017;overflow:hidden}.landing-fitur__card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--kpi-accent, var(--aksen))}.landing-fitur__card-judul{font-size:1.05rem;font-weight:700;margin:0 0 .5rem}.landing-fitur__card-desc{font-size:.85rem;line-height:1.55;color:var(--ink-secondary);margin:0}.landing-faq{padding:3rem 2.2rem 4rem}.landing-faq__title{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 1.6rem;text-align:center}.landing-faq__list{display:flex;flex-direction:column;gap:.7rem;max-width:760px;margin:0 auto}.landing-faq__item{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:8px;padding:.9rem 1.1rem}.landing-faq__question{cursor:pointer;font-size:.92rem;font-weight:700;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem}.landing-faq__question::-webkit-details-marker{display:none}.landing-faq__question:after{content:"";flex:none;width:8px;height:8px;border-right:2px solid var(--ink-secondary);border-bottom:2px solid var(--ink-secondary);transform:rotate(45deg);transition:transform .15s ease}.landing-faq__item[open] .landing-faq__question:after{transform:rotate(-135deg)}.landing-faq__answer{font-size:.85rem;line-height:1.55;color:var(--ink-secondary);margin:.7rem 0 0}@media (max-width: 900px){.landing-topbar{padding:.6rem 1.1rem;flex-wrap:wrap;justify-content:center;gap:.6rem}.landing-topbar__logo,.landing-topbar__spacer{flex:none}.landing-topbar__nav{flex:1 1 100%;justify-content:center}.landing__hero{flex-direction:column;align-items:stretch;padding:1.4rem 1.1rem;min-height:0}.landing__peta{min-height:280px}.landing-fitur,.landing-faq{padding:2rem 1.1rem}.landing-fitur__grid{grid-template-columns:1fr}}