:root{--primary:#1f5e3b;--secondary:#f4a340;--dark:#1f2937;--white:#fff}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--dark);background:var(--white);font-family:Manrope,sans-serif}a{text-decoration:none}main{margin-top:86px}.navbar-area{background:var(--white);z-index:999;align-items:center;width:100%;height:86px;display:flex;position:fixed;top:0;left:0;box-shadow:0 6px 20px #0000000f}.navbar{width:100%;height:86px}.logo{object-fit:contain;width:46px;height:46px;margin-right:12px}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-text span{color:#666;font-size:13px}.brand-text strong{color:var(--primary);font-size:22px;font-weight:800}.nav-link{color:#374151;justify-content:center;align-items:center;margin:0 14px;padding:10px 6px;font-size:17px;font-weight:600;transition:all .3s;display:inline-flex;position:relative}.nav-link:before{content:"";background:var(--primary);border-radius:50px;width:0;height:4px;transition:width .35s;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.nav-link:hover{color:var(--primary);transform:translateY(-2px)}.nav-link:hover:before,.nav-link.active:before{width:100%}.nav-link.active{color:var(--primary);font-weight:700}.btn-report{color:#4b2f00;background:#f6c26b;border-radius:14px;justify-content:center;align-items:center;padding:7px 18px;font-weight:700;transition:all .3s;display:flex}.btn-report:hover{color:#4b2f00;background:#efb34b}.btn-primary-custom,.btn-outline-custom{border-radius:16px;justify-content:center;align-items:center;height:56px;padding:0 32px;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary-custom{background:var(--primary);color:#fff}.btn-primary-custom:hover{color:#fff;background:#18492e;transform:translateY(-2px)}.btn-outline-custom{color:#fff;border:2px solid #fffc}.btn-outline-custom:hover{color:var(--primary);background:#fff}.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;height:calc(100vh - 86px);display:flex;position:relative;overflow:hidden}.hero .container,.hero .row{height:100%}.hero-overlay{background:linear-gradient(90deg,#000000b8,#00000073,#00000040);position:absolute;inset:0}.hero-content{z-index:2;color:#fff;position:relative}.hero-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border-radius:50px;margin-bottom:25px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-block}.hero h1{margin-bottom:25px;font-size:72px;font-weight:800;line-height:1.15}.hero h1 span{color:#f6c26b;display:block}.hero p{color:#ffffffe6;max-width:620px;margin-bottom:40px;font-size:20px;line-height:1.8}.hero-button{flex-wrap:wrap;gap:18px;display:flex}.scroll-down{z-index:5;position:absolute;bottom:35px;left:50%;transform:translate(-50%)}.scroll-down span{border:2px solid #fff;border-radius:30px;width:30px;height:50px;display:block;position:relative}.scroll-down span:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;animation:1.8s infinite scrollMove;position:absolute;top:10px;left:50%;transform:translate(-50%)}@keyframes scrollMove{0%{opacity:0;top:10px}50%{opacity:1}to{opacity:0;top:28px}}.stats-section{z-index:2;background:#fff;padding:90px 0;position:relative}.stat-card{text-align:center;background:#fff;border:1px solid #edf2f7;border-radius:18px;height:100%;padding:24px 16px;transition:all .3s;box-shadow:0 8px 25px #0000000f}.stat-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px #0000001a}.stat-icon{width:56px;height:56px;color:var(--primary);background:#eef8f2;border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;font-size:24px;display:inline-flex}.stat-card h3{color:var(--primary);margin-bottom:6px;font-size:32px;font-weight:800}.stat-card span{color:#6b7280;font-size:14px;font-weight:600;display:block}.about-section{padding:110px 0}.about-image img{border-radius:24px;width:100%;box-shadow:0 15px 35px #00000014}.section-badge{color:var(--primary);background:#eef8f2;border-radius:30px;margin-bottom:18px;padding:8px 18px;font-size:14px;font-weight:700;display:inline-block}.section-title{color:var(--dark);margin-bottom:20px;font-size:42px;font-weight:800}.section-text{color:#6b7280;line-height:1.9}.about-list{flex-direction:column;gap:22px;margin:35px 0 40px;display:flex}.about-item{gap:18px;display:flex}.about-icon{width:55px;height:55px;color:var(--primary);background:#eef8f2;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;display:flex}.about-item h5{margin-bottom:6px;font-size:20px;font-weight:700}.about-item p{color:#6b7280;margin:0;line-height:1.8}.vision-section{background:#f8fafc;padding:110px 0}.vision-card{background:#fff;border-radius:24px;height:100%;padding:40px;box-shadow:0 10px 30px #0000000d}.vision-card h3{margin:15px 0;font-size:28px;font-weight:700}.vision-card p,.vision-card li{color:#6b7280;line-height:1.8}.vision-card ul{margin:0;padding-left:20px}.feature-section{background:#f8fafc;padding:110px 0}.feature-card{text-align:center;background:#fff;border-radius:24px;height:100%;padding:40px 30px;transition:all .3s;box-shadow:0 10px 35px #0000000d}.feature-card:hover{transform:translateY(-8px)}.feature-card i{color:var(--primary);margin-bottom:25px;font-size:48px}.feature-card h4{margin-bottom:15px;font-size:22px;font-weight:700}.feature-card p{color:#6b7280;margin:0;line-height:1.8}.wisata-section{padding:110px 0}.tour-card{background:#fff;border-radius:24px;height:100%;transition:all .3s;overflow:hidden;box-shadow:0 12px 35px #00000014}.tour-card:hover{transform:translateY(-8px)}.tour-card img{object-fit:cover;width:100%;height:260px;transition:all .4s}.tour-card:hover img{transform:scale(1.05)}.tour-content{padding:28px}.tour-content h4{margin-bottom:15px;font-size:24px;font-weight:700}.tour-content p{color:#6b7280;margin-bottom:25px;line-height:1.8}.page-banner{background:#f8fafc;padding:120px 0 80px}.page-title{color:var(--dark);margin-bottom:20px;font-size:52px;font-weight:800}.page-subtitle{color:#6b7280;max-width:700px;margin:0 auto;line-height:1.8}.facility-section,.umkm-section,.location-section{padding:110px 0}.location-section{background:#f8fafc}.location-section iframe{border:0;border-radius:24px;width:100%}.cta-section{color:#fff;text-align:center;background:linear-gradient(135deg,#1f5e3b,#2f7d4d);padding:110px 0}.cta-section h2{margin-bottom:20px;font-size:46px;font-weight:800}.cta-section p{color:#ffffffe6;max-width:700px;margin:0 auto 35px;font-size:18px;line-height:1.8}.cta-section .btn-primary-custom{color:var(--primary);background:#fff}.cta-section .btn-primary-custom:hover{background:var(--secondary);color:#fff}.gallery-section{padding:110px 0}.gallery-card{background:#fff;border-radius:24px;transition:all .3s;overflow:hidden;box-shadow:0 10px 30px #00000014}.gallery-card:hover{transform:translateY(-8px)}.gallery-card img{object-fit:cover;width:100%;height:260px;transition:all .4s}.gallery-card:hover img{transform:scale(1.08)}.gallery-content{text-align:center;padding:20px}.gallery-content h5{margin:0;font-size:20px;font-weight:700}.video-card{border-radius:24px;overflow:hidden;box-shadow:0 10px 30px #00000014}.video-card iframe{border:0;display:block}.demografi-section{background:#f8fafc;padding:80px 0}.chart-card{background:#fff;border:1px solid #edf2f7;border-radius:22px;height:100%;padding:30px;box-shadow:0 10px 30px #0000000f}.chart-card h4{color:var(--dark);margin-bottom:24px;font-size:22px;font-weight:700}.chart-lg{height:380px;position:relative}.chart-md{height:320px;position:relative}.chart-sm{height:300px;position:relative}.chart-lg canvas,.chart-md canvas,.chart-sm canvas{width:100%!important;height:100%!important}.analysis-card{border-left:5px solid var(--primary);background:#fff;border-radius:22px;padding:30px;box-shadow:0 10px 30px #0000000f}.analysis-card p{color:#6b7280;margin-bottom:18px;line-height:1.9}.location-section{background:#f8fafc;padding:100px 0}.location-info{background:#fff;border-radius:20px;height:100%;padding:32px;box-shadow:0 10px 30px #0000000f}.location-info h4{color:var(--primary);margin-bottom:18px;font-weight:700}.location-info p{color:#6b7280;line-height:1.8}.location-info i{color:var(--primary);margin-right:8px}.map-card{border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #00000014}.map-card iframe{border:0;width:100%;height:420px}@media (width<=991px){.hero{height:auto;padding:140px 0 100px}.hero h1{font-size:48px}.section-title{font-size:34px}.chart-lg,.chart-md,.chart-sm{height:280px}}@media (width<=768px){.hero h1{font-size:38px}.hero-button{flex-direction:column}.btn-primary-custom,.btn-outline-custom{width:100%}}@media (width<=576px){.chart-lg,.chart-md,.chart-sm{height:240px}}.demografi-preview{background:#fff;padding:110px 0}.mini-stat-card{text-align:center;background:#fff;border:1px solid #edf2f7;border-radius:20px;height:100%;padding:24px;transition:all .3s;box-shadow:0 10px 30px #0000000f}.mini-stat-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #0000001a}.mini-stat-card h3{color:var(--primary);margin-bottom:8px;font-size:32px;font-weight:800}.mini-stat-card span{color:#6b7280;font-size:14px;font-weight:600}.navbar-toggler{border:none;padding:0;box-shadow:none!important}.navbar-toggler:focus{box-shadow:none}.navbar-collapse{transition:all .35s}@media (width<=991.98px){main{margin-top:76px}.navbar-area{height:76px}.navbar{height:76px;position:relative}.logo{width:40px;height:40px}.brand-text strong{font-size:18px}.brand-text span{font-size:11px}.navbar-toggler{z-index:1001;margin-left:auto}.navbar-collapse{z-index:1000;background:#fff;border-radius:16px;width:240px;margin-top:12px;padding:12px;position:absolute;top:100%;left:auto;right:0;box-shadow:0 15px 35px #0000001f}.navbar-nav{gap:4px;width:100%}.nav-item{width:100%}.nav-link{text-align:left;border-radius:10px;width:100%;margin:0;padding:10px 14px;display:block}.nav-link:before{display:none}.nav-link:hover,.nav-link.active{color:var(--primary);background:#eef8f2}.btn-report{text-align:center;width:100%;margin-top:10px;display:block}.hero{padding:120px 0 80px}.hero h1{font-size:42px}.hero p{font-size:17px}.scroll-down{display:none}.page-title{font-size:38px}.section-title{font-size:32px}.tour-card img,.gallery-card img{height:220px}.chart-lg,.chart-md,.chart-sm{height:280px}}@media (width<=767.98px){.hero{text-align:center}.hero-button,.btn-primary-custom,.btn-outline-custom{width:100%}.hero h1{font-size:34px}.hero p{max-width:100%;font-size:16px}.page-banner{padding:100px 0 60px}.page-title{font-size:30px}.section-title{font-size:28px}.about-item{align-items:flex-start}.vision-card,.feature-card,.chart-card,.analysis-card{padding:24px}.map-card iframe{height:320px}.stat-card{padding:20px 12px}.mini-stat-card{padding:20px}}@media (width<=575.98px){.hero{padding:110px 0 70px}.hero h1{font-size:30px}.hero p{font-size:15px}.chart-lg,.chart-md,.chart-sm{height:220px}.tour-card img,.gallery-card img{height:200px}.cta-section h2{font-size:30px}.section-title{font-size:24px}.page-title{font-size:26px}}.structure-section{background:#f8fafb;padding:90px 0}.org-chart{flex-direction:column;align-items:center;gap:70px;display:flex}.org-level{justify-content:center;gap:30px;width:100%;display:flex;position:relative}.org-level:before{content:"";background:#1f5e3b;width:2px;height:35px;position:absolute;top:-35px;left:50%;transform:translate(-50%)}.org-level.two:after,.org-level.three:after,.org-level.five:after{content:"";background:#1f5e3b;width:70%;height:2px;position:absolute;top:-35px;left:15%}.org-node{text-align:center;background:#fff;border-radius:18px;width:220px;padding:25px 18px;transition:all .3s;position:relative;box-shadow:0 12px 30px #00000014}.org-node:before{content:"";background:#1f5e3b;width:2px;height:35px;position:absolute;top:-35px;left:50%;transform:translate(-50%)}.org-level:first-child:before,.org-level:first-child .org-node:before{display:none}.org-node:hover{transform:translateY(-6px)}.org-node img{object-fit:cover;border:5px solid #eef8f2;border-radius:50%;width:90px;height:90px;margin-bottom:15px}.org-node h5{color:#1f2937;margin-bottom:6px;font-size:18px;font-weight:700}.org-node span{color:#666;font-size:14px;line-height:1.5;display:block}@media (width<=991px){.org-level{flex-wrap:wrap;gap:20px}.org-level:before,.org-level:after,.org-node:before{display:none}.org-node{width:calc(50% - 10px)}}@media (width<=576px){.org-node{width:100%}}.btn-whatsapp{color:#fff;background:#25d366;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-whatsapp:hover{color:#fff;background:#1ebe5d;transform:translateY(-2px)}