:root{--bg: #f6fbff;--bg2:#ffffff;--text:#0b1220;--muted:#5b6b7a;--line: rgba(11,18,32,.12);--primary:#1aa7ff;--primary2:#28d17c;--soft: rgba(26,167,255,.12);--soft2: rgba(40,209,124,.12);--shadow: 0 16px 40px rgba(13, 24, 45, .1);--r16: 16px;--r20: 20px}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(900px 600px at 10% 0%,var(--soft),transparent 60%),radial-gradient(900px 600px at 90% 10%,var(--soft2),transparent 60%),var(--bg);color:var(--text)}.container{width:min(1100px,92vw);margin-inline:auto}.muted{color:var(--muted)}.card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r20);box-shadow:var(--shadow)}.cardHead{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.cardBody{padding:16px}.section{padding:24px 0}.gradText{background:linear-gradient(90deg,var(--primary),var(--primary2));-webkit-background-clip:text;background-clip:text;color:transparent}.appShell{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;padding:22px 0 40px}a{color:inherit;text-decoration:none}button{font-family:inherit}.navWrap{position:sticky;top:0;z-index:50;background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.navInner{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0}.brand{display:flex;gap:12px;align-items:center}.brandLogo{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-weight:900}.brandName{font-weight:900;line-height:1.1}.brandSub{font-size:12px;color:var(--muted)}.navLinks{display:flex;gap:10px;align-items:center}.navItem{padding:9px 12px;border-radius:999px;color:var(--muted);border:1px solid transparent}.navItem:hover{background:#1aa7ff1a;color:var(--text)}.navItem.active{background:#1aa7ff24;border-color:#1aa7ff38;color:var(--text);font-weight:800}.navBtn{display:none;width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:#fff;cursor:pointer}.navBtn span{display:block;width:18px;height:2px;margin:5px auto;background:#0b122099;border-radius:2px}.heroBright{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:stretch;padding:14px 0 6px}.pillBright{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:#1aa7ff1f;border:1px solid rgba(26,167,255,.18);color:#0b1220c7;font-weight:700;font-size:13px}.heroTitle{margin:12px 0 10px;font-size:clamp(28px,3.2vw,44px);line-height:1.1}.heroDesc{margin:0;color:var(--muted);line-height:1.7;max-width:58ch}.heroActions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.btnPrimary{padding:10px 14px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-weight:900;border:none}.btnSoft{padding:10px 14px;border-radius:14px;background:#0b12200a;border:1px solid var(--line);font-weight:800;color:#0b1220bf}.btnSoft:hover{background:#0b12200f}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.statCard{padding:14px}.statValue{font-size:20px;font-weight:950}.statLabel{margin-top:4px;color:#0b1220b8;font-weight:800}.statHint{margin-top:2px;color:var(--muted);font-size:12px}.pageHeader{padding:10px 0 14px}.pageHeaderBadge{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:#28d17c1f;border:1px solid rgba(40,209,124,.18)}.pageHeaderIcon{font-size:16px}.pageHeaderText{font-weight:900;color:#0b1220b8;font-size:13px}.pageTitle{margin:10px 0 6px;font-size:32px}.pageSubtitle{margin:0;color:var(--muted);line-height:1.7}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.linkCard{padding:18px}.linkIcon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#1aa7ff24;border:1px solid rgba(26,167,255,.18);margin-bottom:8px}.kv{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed rgba(11,18,32,.1)}.kv:last-child{border-bottom:none}.list{display:flex;flex-direction:column;gap:10px}.listRow{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(11,18,32,.1);border-radius:14px;background:#0b122005}.softBox{margin-top:12px;padding:12px;border-radius:16px;background:#1aa7ff14;border:1px solid rgba(26,167,255,.14)}.softGrid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:8px}.softItem{display:flex;justify-content:space-between;gap:12px}.table{border:1px solid rgba(11,18,32,.1);border-radius:16px;overflow:hidden}.tRow{display:grid;grid-template-columns:1.4fr .6fr;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(11,18,32,.08);background:#0b122004}.tRow:last-child{border-bottom:none}.tHead{background:#0b12200a;font-weight:950}.tRight{text-align:right}.slider{width:100%}.sliderViewport{position:relative;overflow:hidden;border-radius:16px;border:1px solid rgba(11,18,32,.1);background:#0b122005}.sliderTrack{display:flex;transition:transform .45s ease}.slide{min-width:100%;height:320px}.slide img{width:100%;height:100%;object-fit:cover;display:block}.sliderBtn{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:14px;border:1px solid rgba(11,18,32,.12);background:#ffffffd9;cursor:pointer;font-size:22px}.sliderBtn.left{left:10px}.sliderBtn.right{right:10px}.sliderDots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:8px}.dot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(11,18,32,.2);background:#ffffffd9;cursor:pointer}.dot.active{background:linear-gradient(135deg,var(--primary),var(--primary2));border-color:transparent}.thumb{border-radius:16px;overflow:hidden;border:1px solid rgba(11,18,32,.1);background:#fff}.thumb img{width:100%;height:160px;object-fit:cover;display:block}.mapWrap{border-radius:16px;overflow:hidden;border:1px solid rgba(11,18,32,.1)}.mapPlaceholder{padding:16px}.note{margin-top:12px;padding:12px;border-radius:16px;background:#28d17c1a;border:1px solid rgba(40,209,124,.18);color:#0b1220b3;line-height:1.6}.footer{padding:18px 0 26px;border-top:1px solid var(--line);background:#ffffffa6}.footerInner{display:flex;align-items:center;justify-content:space-between;gap:14px}.footerTitle{font-weight:950}.footerSub{color:var(--muted);font-size:13px;margin-top:4px}.footerRight{display:flex;gap:12px;align-items:center;color:var(--muted)}.footerLink{padding:8px 10px;border-radius:12px;border:1px solid rgba(11,18,32,.1);background:#fff}@media(max-width:980px){.heroBright{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}.grid3,.grid2{grid-template-columns:1fr}.gridGallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:740px){.navBtn{display:block}.navLinks{display:none;position:fixed;left:14px;right:14px;top:72px;flex-direction:column;gap:10px;padding:12px;border-radius:16px;background:#ffffffeb;border:1px solid rgba(11,18,32,.12);box-shadow:var(--shadow)}.navLinks.open{display:flex}.slide{height:260px}}.timeline{display:flex;flex-direction:column;gap:18px;position:relative;padding-left:18px}.timeline:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:#0b12201f}.timelineItem{display:flex;gap:12px;align-items:flex-start}.timelineDot{width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary2));flex-shrink:0;margin-top:4px}.timelineContent{background:#0b122005;border:1px solid rgba(11,18,32,.1);border-radius:14px;padding:10px 12px}.timelineYear{font-weight:900;font-size:13px;color:var(--primary)}.timelineTitle{font-weight:800;margin-top:2px}.timelineDesc{margin:6px 0 0;color:var(--muted);line-height:1.6}.boundaryGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.boundaryCard{padding:12px;border-radius:16px;border:1px solid rgba(11,18,32,.12);background:#0b122005}.boundaryDir{font-weight:900;font-size:13px;color:var(--primary)}.boundaryVal{margin-top:6px;font-weight:700;color:#0b1220bf}.recharts-tooltip-wrapper{font-size:13px}.divider{height:1px;background:#0b12201f;margin:18px 0}.stack{display:flex;flex-direction:column;gap:16px}.chartWrap{height:380px;padding-top:12px}.chartWrapWide{height:380px}@media(min-width:980px){.stack{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stack>.card:last-child{grid-column:1 / -1}}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 10px;border-radius:999px;border:1px solid rgba(11,18,32,.12);background:#0b122005;font-weight:800;font-size:12px}.softBox{border-radius:16px;border:1px solid rgba(11,18,32,.12);background:#0b122005;padding:12px;height:100%}.homePotensiGrid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}@media(max-width:960px){.homePotensiGrid{grid-template-columns:1fr}}.ctaCard{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:22px;border:1px solid rgba(11,18,32,.12);background:radial-gradient(1000px 420px at 10% 10%,rgba(40,209,124,.18),transparent 55%),radial-gradient(900px 420px at 90% 0%,rgba(26,167,255,.18),transparent 60%),#fff}.ctaActions{display:flex;gap:10px;flex-wrap:wrap}.contactBox{border:1px solid rgba(11,18,32,.1);background:#0b122005;border-radius:16px;padding:12px}.contactRow{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:10px 8px;border-bottom:1px solid rgba(11,18,32,.08)}.contactRow:last-child{border-bottom:none}.contactLabel{font-weight:900;color:#0b1220bf}.contactValue{font-weight:700}.contactActions{display:flex;gap:10px;flex-wrap:wrap}.gridGallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.thumb{padding:0;border:1px solid rgba(11,18,32,.12);border-radius:18px;overflow:hidden;background:#fff;cursor:pointer;text-align:left}.thumb img{width:100%;height:170px;object-fit:cover;display:block}.thumbLabel{padding:10px 12px;font-weight:900;color:#0b1220d9}@media(max-width:1100px){.gridGallery{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){.gridGallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:420px){.gridGallery{grid-template-columns:1fr}.thumb img{height:210px}}.lightbox{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;z-index:9999;padding:18px}.lightboxInner{width:min(980px,96vw);background:#fff;border-radius:18px;overflow:hidden}.lightboxInner img{width:100%;height:min(70vh,680px);object-fit:contain;background:#0b12200f;display:block}.lightboxBar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brandLogoImgWrap{width:40px;height:40px;border-radius:12px;border:1px solid rgba(11,18,32,.12);background:#fff;overflow:hidden;display:grid;place-items:center;flex:0 0 auto}.brandLogoImg{width:100%;height:100%;object-fit:contain;display:block}.brandLogoFallback{width:100%;height:100%;display:none;place-items:center;font-weight:950;color:#0b1220d9;background:#1aa7ff1a}@media(max-width:480px){.mapWrap{height:260px}}