:root{--bs-primary: #14532d;--bs-primary-dark: #052e16;--bs-primary-light: #166534;--bs-primary-rgb: 20, 83, 45;--bs-secondary: #ea580c;--bs-secondary-dark: #c2410c;--bs-secondary-light: #f97316;--bs-secondary-rgb: 234, 88, 12;--bs-white: #ffffff;--bs-gray-50: #f9fafb;--bs-gray-100: #f3f4f6;--bs-gray-200: #e5e7eb;--bs-gray-300: #d1d5db;--bs-gray-900: #111827;--bs-gray-800: #1f2937;--bs-gray-700: #374151;--bs-gray-600: #4b5563;--bs-success: #10b981;--bs-warning: #f59e0b;--bs-danger: #ef4444;--bs-info: #3b82f6;--bs-focus: #2563eb;--bs-text: #1f2937;--bs-bg: #ffffff;--bs-surface: #f9fafb;--bs-border: #e5e7eb;--bs-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--gradient-primary: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-primary-dark) 100%);--gradient-secondary: linear-gradient(135deg, var(--bs-secondary) 0%, var(--bs-secondary-dark) 100%);--gradient-hero: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-primary-dark) 50%, var(--bs-secondary) 100%)}body{font-family:var(--bs-font-sans);background-color:var(--bs-bg);color:var(--bs-text);transition:background-color .3s ease,color .3s ease;line-height:1.6;overflow-x:hidden}:root{--hero-height: clamp(481px, calc(650px - 13vw) , 600px)}#hero-section{min-height:var(--hero-height);background:linear-gradient(135deg,#ff6b35,#f7931e);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;position:relative;z-index:1;padding:clamp(2.5rem,2rem + 2vw,3.5rem) 0 clamp(2.5rem,2rem + 2vw,3.5rem)}.hero-content{display:flex;flex-direction:column;align-items:center;width:100%}.hero-title{font-size:clamp(1.625rem,1.1rem + 2.2vw,2.75rem);font-weight:800;margin-bottom:.75rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);line-height:1.2;white-space:normal}@media(min-width:768px){.hero-title{white-space:nowrap}}.hero-subtitle{font-size:clamp(1.125rem,1rem + .6vw,1.375rem);font-weight:400;margin-bottom:.5rem;opacity:0;animation:fadeInUp 1s cubic-bezier(.4,0,.2,1) .3s forwards;line-height:1.3}.hero-description{font-size:1rem;margin-bottom:1.75rem;opacity:.9;opacity:0;max-width:600px;margin-left:auto;margin-right:auto;animation:fadeInUp 1s cubic-bezier(.4,0,.2,1) .5s forwards;line-height:1.6}.hero-datetime{font-size:.9375rem;font-weight:500;margin-bottom:1.5rem;opacity:0;animation:fadeInUp 1s cubic-bezier(.4,0,.2,1) .6s forwards;display:flex;align-items:center;gap:.75rem;justify-content:center;flex-wrap:wrap;font-variant-numeric:tabular-nums}.hero-datetime .time,.hero-datetime .date{display:flex;align-items:center;gap:8px;background:#ffffff26;padding:.4rem 1rem;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.hero-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;opacity:0;animation:fadeInUp 1s cubic-bezier(.4,0,.2,1) .8s forwards}.hero-btn-primary,.hero-btn-secondary{padding:.7rem 1.5rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:.9375rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.5rem;transform:translateY(0)}.hero-btn-primary{background:#fff3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.hero-btn-secondary{background:transparent;color:#fff;border:2px solid white}.hero-btn-primary:hover,.hero-btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px) scale(.98);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-15px,0)}70%{transform:translate3d(0,-7px,0)}90%{transform:translate3d(0,-2px,0)}}.navbar{background:var(--bs-white)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--bs-border);box-shadow:var(--shadow-sm);transition:all .3s ease;padding:0;z-index:10}[data-theme=dark] .navbar{background:var(--bs-surface)!important}.navbar-brand{font-weight:700;font-size:1.25rem;color:var(--bs-primary)!important;display:flex;align-items:center;gap:.75rem;margin-right:auto;flex-shrink:0}.nav-link{font-weight:500;color:var(--bs-gray-700)!important;margin:0 .5rem;border-radius:8px;transition:all .2s ease;position:relative;white-space:nowrap}[data-theme=dark] .nav-link{color:var(--bs-gray-300)!important}.nav-link:hover{background:var(--bs-primary);color:var(--bs-white)!important;transform:translateY(-1px)}.nav-link.active{color:var(--bs-primary)!important;font-weight:600}[data-theme=dark] .nav-link.active{color:var(--bs-primary-light)!important}section{padding:clamp(2.5rem,2rem + 2vw,3.5rem) 0}.feature-card,.service-card,.stat-card{background:var(--bs-white);border-radius:16px;overflow:hidden;transition:all .3s ease;border:1px solid var(--bs-border);height:100%}[data-theme=dark] .feature-card,[data-theme=dark] .service-card,[data-theme=dark] .stat-card{background:var(--bs-surface);border-color:var(--bs-border)}.feature-card:hover,.service-card:hover,.stat-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.feature-card{padding:1.5rem;text-align:center}.feature-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.25rem;color:var(--bs-white)}.feature-title{font-size:1.125rem;font-weight:700;color:var(--bs-gray-900);margin-bottom:.5rem}[data-theme=dark] .feature-title{color:var(--bs-gray-100)}.feature-description{color:var(--bs-gray-600);margin-bottom:1rem;font-size:.9375rem;line-height:1.6}[data-theme=dark] .feature-description{color:var(--bs-gray-400)}.service-card{overflow:hidden}.service-header{padding:1.5rem 1.25rem;text-align:center;color:#fff;position:relative}.service-header-primary{background:var(--gradient-primary)}.service-header-secondary{background:var(--gradient-secondary)}.service-header-emerald{background:linear-gradient(135deg,#10b981,#059669)}.service-icon{width:52px;height:52px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;font-size:1.25rem}.service-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.service-subtitle{opacity:.9;font-size:.95rem}.service-body{padding:1.25rem}.service-list{list-style:none;padding:0;margin:0 0 1.5rem}.service-list li{padding:.6rem 0;display:flex;align-items:center;gap:.75rem;font-size:.9375rem;border-bottom:1px solid var(--bs-gray-200)}[data-theme=dark] .service-list li{border-bottom-color:var(--bs-gray-700)}.service-list li:last-child{border-bottom:none}.service-list li i{color:var(--bs-primary);font-size:.9rem}.stat-card{padding:1.5rem 1.25rem;text-align:center;display:flex;flex-direction:column;align-items:center}.stat-number{font-size:clamp(1.75rem,1.4rem + 1vw,2.25rem);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:1}.stat-label{font-size:1rem;font-weight:600;color:var(--bs-gray-800);margin-bottom:.75rem}[data-theme=dark] .stat-label{color:var(--bs-gray-200)}.stat-progress{width:100%;height:8px;background-color:var(--bs-gray-200);border-radius:10px;overflow:hidden;margin-top:auto}[data-theme=dark] .stat-progress{background-color:var(--bs-gray-700)}.stat-progress-bar{height:100%;background:var(--gradient-primary);border-radius:10px;transition:width 1s ease-out}.footer{background:var(--bs-gray-900);color:var(--bs-gray-300);padding:4rem 0 2rem;margin-top:6rem}footer a,footer a:link,footer a:visited{color:#fff!important;text-decoration:none!important}footer a:hover,footer a:active{color:#ea580c!important}footer a span{color:#fff!important}footer a:hover span{color:#ea580c!important}footer h6{color:#fff!important}footer nav a,footer nav a:link,footer nav a:visited{color:#fff!important}footer nav a:hover,footer nav a:active{color:#ea580c!important}footer nav a span{color:#fff!important}footer nav a:hover span{color:#ea580c!important}footer .text-sm,footer .flex.items-center{color:#fff!important}footer .text-sm:hover{color:#ea580c!important}@media(max-width:768px){.hero-buttons{flex-direction:column;align-items:center}.navbar-nav{text-align:center}}[data-theme=dark] section#tentang{background-color:var(--bs-gray-900);color:var(--bs-gray-100)}[data-theme=dark] #tentang .display-4,[data-theme=dark] #tentang h2{color:var(--bs-gray-100)!important}[data-theme=dark] #tentang .lead,[data-theme=dark] #tentang p{color:var(--bs-gray-300)!important}[data-theme=dark] #tentang h5{color:var(--bs-gray-100)!important}[data-theme=dark] #tentang .text-muted,[data-theme=dark] #tentang p.text-muted,[data-theme=dark] #tentang .d-flex .text-muted{color:var(--bs-gray-400)!important}[data-theme=dark] #tentang i{color:var(--bs-gray-100)!important}[data-theme=dark] #tentang .service-component{background:#ffffff1a!important;color:var(--bs-gray-200)!important}[data-theme=dark] #tentang .service-component .text-dark{color:var(--bs-gray-200)!important}[data-theme=dark] #tentang .p-4.rounded-4[style*="background: var(--gradient-primary)"]{background:var(--bs-gray-800)!important;color:var(--bs-gray-100)!important}[data-theme=dark] #tentang .bg-white.bg-opacity-20{background:#ffffff1a!important;color:var(--bs-gray-100)!important}[data-theme=dark] #tentang i.fas,[data-theme=dark] #tentang i.fab,[data-theme=dark] #tentang i.far,[data-theme=dark] #tentang i.fal,[data-theme=dark] #tentang strong[style*="color: var(--bs-primary);"]{color:var(--bs-gray-100)!important}[data-theme=dark] section[style*="background-color: var(--bs-gray-50);"]{background-color:var(--bs-gray-800)!important;color:var(--bs-gray-100)!important}[data-theme=dark] section[style*="background-color: var(--bs-gray-50);"] .display-4,[data-theme=dark] section[style*="background-color: var(--bs-gray-50);"] .display-6,[data-theme=dark] section[style*="background-color: var(--bs-gray-50);"] h2,[data-theme=dark] section[style*="background-color: var(--bs-gray-50);"] h3{color:var(--bs-gray-100)!important}[data-theme=dark] section[style*="background-color: var(--bs-gray-50);"] .lead,[data-theme=dark] section[style*="background-color: var(--bs-gray-50);"] p,[data-theme=dark] section[style*="background-color: var(--bs-gray-50);"] .text-muted{color:var(--bs-gray-300)!important}[data-theme=dark] .stat-card{background-color:var(--bs-gray-700)!important;color:var(--bs-gray-100)!important;border-color:var(--bs-gray-600)!important}[data-theme=dark] .stat-number,[data-theme=dark] .stat-card .stat-number,[data-theme=dark] .border-dashed .display-6{color:var(--bs-gray-100)!important}[data-theme=dark] .stat-card .stat-label{color:var(--bs-gray-200)!important}[data-theme=dark] .stat-card .text-muted{color:var(--bs-gray-400) !important!important}[data-theme=dark] .border-dashed{border-color:var(--bs-gray-600)!important;background-color:var(--bs-gray-900)!important}[data-theme=dark] .border-dashed .display-6{color:var(--bs-gray-100)!important}[data-theme=dark] .border-dashed .text-muted{color:var(--bs-gray-400)!important}[data-theme=dark] section#layanan{background-color:var(--bs-gray-900);color:var(--bs-gray-100)}[data-theme=dark] #layanan .display-4,[data-theme=dark] #layanan h2{color:var(--bs-gray-100)!important}[data-theme=dark] #layanan .lead,[data-theme=dark] #layanan p{color:var(--bs-gray-300)!important}[data-theme=dark] .service-card{background-color:var(--bs-gray-800)!important;border-color:var(--bs-gray-700)!important;color:var(--bs-gray-100)!important}[data-theme=dark] .service-header{color:var(--bs-gray-100)!important}[data-theme=dark] .service-body{background-color:var(--bs-gray-800)!important;color:var(--bs-gray-100)!important}[data-theme=dark] .service-list li{border-bottom-color:var(--bs-gray-700)!important}[data-theme=dark] .service-list li i{color:var(--bs-primary-light)!important}[data-theme=dark] .service-title{color:var(--bs-gray-100)!important}[data-theme=dark] .service-subtitle{color:var(--bs-gray-300)!important}[data-theme=dark] .service-icon,[data-theme=dark] .service-icon i,[data-theme=dark] .service-title,[data-theme=dark] .service-header .service-title{color:var(--bs-gray-100)!important}[data-theme=dark] .btn.btn-primary{background-color:var(--bs-primary)!important;border-color:var(--bs-primary)!important;color:var(--bs-white)!important}[data-theme=dark] .feature-card{background-color:var(--bs-gray-800)!important;border-color:var(--bs-gray-700)!important;color:var(--bs-gray-100)!important}[data-theme=dark] .feature-card a,[data-theme=dark] .feature-card .feature-title{color:var(--bs-gray-100)!important}[data-theme=dark] .feature-card .feature-description{color:var(--bs-gray-300)!important}[data-theme=dark] .feature-card .text-primary{color:var(--bs-primary-light)!important}[data-theme=dark] section[aria-labelledby=stats-heading] .stat-number{color:#fff!important;-webkit-text-fill-color:white!important}[data-theme=dark] section[aria-labelledby=stats-heading] .stat-label{color:#fff!important}[data-theme=dark] .service-card .service-title,[data-theme=dark] .service-card .service-icon i,[data-theme=dark] .border-2.border-dashed .display-6{color:#fff!important}[data-theme=dark] footer[role=contentinfo]{background-color:#374151!important}[data-theme=dark] footer nav h6{color:#fff!important}[data-theme=dark] footer nav span,[data-theme=dark] footer nav strong{color:#fff!important}[data-theme=dark] footer nav a{color:#fff!important}[data-theme=dark] footer nav a:hover{color:#ea580c!important}[data-theme=dark] footer nav i{color:#fff!important}[data-theme=dark] footer i{color:#fff!important}[data-theme=dark] footer .flex.gap-4.mt-4 a i{color:#fff!important}[data-theme=dark] footer .text-sm{color:#fffc!important}.guide-card{--guide-color: var(--bs-primary);--guide-soft: rgba(20, 83, 45, .1);background:#fff;border:1px solid rgba(15,23,42,.08);border-top:4px solid var(--guide-color);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 16px #0f172a0f}.guide-card.guide-secondary{--guide-color: var(--bs-secondary);--guide-soft: rgba(234, 88, 12, .1)}.guide-header{display:flex;align-items:flex-start;gap:1rem;padding-bottom:1.25rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(15,23,42,.08)}.guide-header>div{flex:1;min-width:0}.guide-header-icon{width:3rem;height:3rem;flex-shrink:0;border-radius:.75rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;background:var(--guide-color)}.guide-title{font-size:1.25rem;font-weight:700;color:var(--guide-color);margin:0 0 .25rem}.guide-intro{margin:0;color:var(--bs-secondary-text, #6b7280)}.guide-count{margin-left:auto;flex-shrink:0;font-size:.8rem;font-weight:600;padding:.25rem .75rem;border-radius:999px;color:var(--guide-color);background:var(--guide-soft);white-space:nowrap}.guide-steps{list-style:none;margin:0;padding:0}.guide-step{position:relative;display:flex;gap:1rem;padding-bottom:1.5rem}.guide-step:last-child{padding-bottom:0}.guide-step:not(:last-child):before{content:"";position:absolute;left:1.25rem;top:2.75rem;bottom:.25rem;width:2px;transform:translate(-50%);background:var(--guide-soft)}.guide-step-number{position:relative;z-index:1;width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;background:var(--guide-color);box-shadow:0 0 0 4px var(--guide-soft);font-variant-numeric:tabular-nums}.guide-step-body{flex:1;min-width:0;padding-top:.35rem}.guide-step-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;margin:0 0 .25rem;color:var(--bs-text, #1f2937)}.guide-step-icon{font-size:.9rem;color:var(--guide-color);opacity:.8}.guide-step-text{margin:0;font-size:.9375rem;color:var(--bs-secondary-text, #6b7280);line-height:1.6}.guide-step-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:.5rem;font-weight:600;font-size:.9rem;color:var(--guide-color);text-decoration:none}.guide-step-link:hover,.guide-step-link:focus-visible{text-decoration:underline}@media(max-width:575.98px){.guide-card{padding:1.25rem}.guide-header{flex-wrap:wrap}.guide-header>div{flex-basis:calc(100% - 4rem)}.guide-count{margin-left:4rem}.guide-title{font-size:1.25rem}}[data-theme=dark] .guide-card{background:var(--bs-gray-800, #1f2937);border-color:#ffffff14;border-top-color:var(--guide-color)}[data-theme=dark] .guide-header{border-bottom-color:#ffffff1a}[data-theme=dark] .guide-step-title{color:var(--bs-gray-100, #f3f4f6)}[data-theme=dark] .guide-intro,[data-theme=dark] .guide-step-text{color:var(--bs-gray-400, #9ca3af)}#hero-slider{display:block;width:100%;margin:0;padding:0;overflow:hidden;scroll-snap-type:none}#hero-slider .carousel-inner{display:block;width:100%;overflow:hidden}#hero-slider .carousel-item{display:none;width:100%;flex:none;scroll-snap-align:none}#hero-slider .carousel-item.active,#hero-slider .carousel-item-next,#hero-slider .carousel-item-prev{display:block}#hero-slider .hero-slide{position:relative;height:var(--hero-height);display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0f2e1d;isolation:isolate}#hero-slider .hero-slide__media,#hero-slider .hero-slide__blur,#hero-slider .hero-slide__media img,#hero-slider .hero-slide__blur img{position:absolute;inset:0;width:100%;height:100%}#hero-slider .hero-slide__media img,#hero-slider .hero-slide__blur img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transform-origin:center;will-change:transform}#hero-slider .hero-slide--fit-contain .hero-slide__media img{-o-object-fit:contain;object-fit:contain}#hero-slider .hero-slide__blur img{filter:blur(28px) saturate(120%) brightness(.9);transform:scale(1.15)}#hero-slider .hero-slide__overlay{position:absolute;inset:0}@keyframes heroZoomIn{0%{transform:scale(1)}to{transform:scale(1.12)}}@keyframes heroZoomOut{0%{transform:scale(1.12)}to{transform:scale(1)}}#hero-slider .carousel-item.active .hero-slide--zoom-in .hero-slide__media img{animation:heroZoomIn 9s ease-out both}#hero-slider .carousel-item.active .hero-slide--zoom-out .hero-slide__media img{animation:heroZoomOut 9s ease-out both}#hero-slider .hero-slide--zoom-out .hero-slide__media img{transform:scale(1.12)}#hero-slider .hero-slide__content{position:relative;z-index:1;width:100%;display:flex;justify-content:center;padding:clamp(2.5rem,2rem + 2vw,3.5rem) 1.25rem;text-align:center}#hero-slider .hero-slide__panel{max-width:820px;padding:clamp(1rem,.75rem + 1vw,1.75rem) clamp(1.25rem,1rem + 1.5vw,2.5rem);border-radius:1.25rem;text-shadow:0 2px 8px rgba(0,0,0,.45)}#hero-slider .hero-slide--text-glass .hero-slide__panel{background:#ffffff1f;border:1px solid rgba(255,255,255,.28);box-shadow:0 12px 40px #00000047;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%)}#hero-slider .hero-slide--text-dark .hero-slide__panel{background:#0a19129e;box-shadow:0 12px 40px #00000059}#hero-slider .hero-slide--text-gradient .hero-slide__content:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 70% 75% at center,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 55%,transparent 100%)}#hero-slider .hero-slide--text-none .hero-slide__panel{padding:0}#hero-slider .hero-title{white-space:normal;overflow-wrap:anywhere}#hero-slider .hero-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0}#hero-slider .hero-buttons{margin-top:1rem}@keyframes heroTextIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}#hero-slider .hero-subtitle,#hero-slider .hero-description,#hero-slider .hero-buttons{opacity:1;animation:none}#hero-slider .carousel-item.active .hero-slide__panel{animation:heroTextIn .8s cubic-bezier(.2,.7,.2,1) .15s both}@media(max-width:767.98px){#hero-slider .hero-slide--fit-contain:not(.hero-slide--has-mobile) .hero-slide__media img{-o-object-fit:cover;object-fit:cover}#hero-slider .hero-slide--fit-contain:not(.hero-slide--has-mobile) .hero-slide__blur{display:none}#hero-slider .hero-buttons{flex-direction:column;align-items:stretch}#hero-slider .hero-buttons a{justify-content:center;text-align:center}#hero-slider .hero-slide__panel{border-radius:1rem}}@media(prefers-reduced-motion:reduce){#hero-slider .carousel-item{transition:none}#hero-slider .carousel-item.active .hero-slide__media img,#hero-slider .carousel-item.active .hero-slide__panel{animation:none}#hero-slider .hero-slide--zoom-out .hero-slide__media img{transform:none}}