:root{--m-navy:#071d2b;--m-blue:#087fa7;--m-cyan:#3dd6d0;--m-gold:#f5bd55;--m-border:rgba(8,127,167,.14);--m-shadow:0 24px 70px rgba(7,29,43,.12)}html{scroll-behavior:smooth;scroll-padding-top:110px}body{overflow-x:hidden}.coast-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.8)!important;border-bottom:1px solid rgba(255,255,255,.62);backdrop-filter:blur(20px) saturate(150%);transition:.35s}.coast-header.is-scrolled{background:rgba(255,255,255,.94)!important;box-shadow:0 12px 40px rgba(7,29,43,.1)}.nav-links{padding:7px;border:1px solid rgba(8,127,167,.08);border-radius:999px;background:rgba(255,255,255,.62)}.nav-links a{padding:10px 13px!important;border-radius:999px;transition:.25s}.nav-links a:hover{color:var(--m-blue);background:#eef8fa;transform:translateY(-1px)}.coast-hero{min-height:calc(100svh - 110px);overflow:hidden;isolation:isolate}.coast-landscape{transform:scale(1.035);animation:hero-breathe 16s ease-in-out infinite alternate}.coast-shade{background:linear-gradient(90deg,rgba(3,26,39,.94),rgba(3,34,49,.64) 48%,rgba(3,34,49,.13) 80%),linear-gradient(0deg,rgba(3,26,39,.5),transparent 55%)}.hero-inner{min-height:calc(100svh - 110px);display:grid;align-items:center}.coast-intro h1{font-size:clamp(3.5rem,6.2vw,6.8rem)!important;line-height:.93!important;letter-spacing:-.065em!important;text-wrap:balance}.coast-intro>p{max-width:600px;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.8}.coast-button{overflow:hidden;position:relative;border-radius:14px!important;transition:.25s}.coast-button:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(3,26,39,.22)}.hero-leader{filter:drop-shadow(0 28px 35px rgba(0,0,0,.32));animation:leader-enter .9s cubic-bezier(.2,.8,.2,1) both}.hero-leader-halo{animation:halo-spin 24s linear infinite}.hero-leader-name{border:1px solid rgba(255,255,255,.7)!important;background:rgba(255,255,255,.86)!important;backdrop-filter:blur(16px);box-shadow:var(--m-shadow);border-radius:18px!important}.hero-ticker{border:1px solid rgba(255,255,255,.16)!important;background:rgba(4,31,44,.48)!important;backdrop-filter:blur(16px);border-radius:16px!important}.coast-section-head h2,.numbers-title h2,.welcome-copy h2{letter-spacing:-.045em!important;text-wrap:balance}.kicker{letter-spacing:.18em!important}.layanan-icon-grid{gap:14px!important}.layanan-icon-card{position:relative;overflow:hidden;min-height:150px!important;border:1px solid var(--m-border)!important;border-radius:20px!important;background:rgba(255,255,255,.8)!important;box-shadow:0 8px 25px rgba(7,29,43,.04);transition:.35s}.layanan-icon-card:after{content:'↗';position:absolute;right:18px;top:16px;opacity:0;transition:.3s}.layanan-icon-card:hover{transform:translateY(-8px);box-shadow:0 22px 45px rgba(7,29,43,.12)}.layanan-icon-card:hover:after{opacity:1}.layanan-icon-card:hover .lic-icn{transform:scale(1.1) rotate(-4deg);background:var(--m-blue)!important;color:#fff!important}.lic-icn{transition:.35s}.citizen-quick a{border-radius:22px!important;border:1px solid var(--m-border)!important;background:rgba(255,255,255,.78)!important;box-shadow:0 12px 30px rgba(7,29,43,.06);transition:.3s}.citizen-quick a:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(7,29,43,.12)}.service-steps{border-radius:22px!important;background:var(--m-navy)!important;color:#fff;box-shadow:var(--m-shadow)}.service-steps b{color:var(--m-cyan)!important}#status{background:radial-gradient(circle at 85% 10%,rgba(61,214,208,.12),transparent 30%),var(--m-navy)!important;color:#fff}.status-track-box,.quick-form{border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.075)!important;backdrop-filter:blur(18px);border-radius:24px!important;box-shadow:0 24px 60px rgba(0,0,0,.16)}.quick-form input,.quick-form select,.quick-form textarea,.status-track-box input{background:rgba(255,255,255,.96)!important;border-radius:12px!important}.numbers-row>div:not(.numbers-title){padding:28px;border:1px solid var(--m-border);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:0 12px 30px rgba(7,29,43,.05);transition:.3s}.numbers-row>div:not(.numbers-title):hover{transform:translateY(-6px)}.portrait-frame,.potential-card,.product-card,.budget-totals article,.income-grid article,.allocation-list article,.bajugan-news-card{border-radius:24px!important;overflow:hidden}.potential-card,.product-card,.allocation-list article,.bajugan-news-card{transition:.35s}.potential-card:hover,.product-card:hover,.allocation-list article:hover,.bajugan-news-card:hover{transform:translateY(-7px);box-shadow:var(--m-shadow)}.coast-potential{background:linear-gradient(145deg,#071d2b,#0a3344)!important;color:#fff}.coast-potential .coast-section-head p,.coast-potential .potential-card p{color:rgba(255,255,255,.68)!important}.potential-card{border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.07)!important;backdrop-filter:blur(12px)}.coast-ribbon{border-radius:26px!important;border:1px solid rgba(255,255,255,.14)!important;background:linear-gradient(110deg,rgba(61,214,208,.12),rgba(255,255,255,.05))!important}.allocation-donut{filter:drop-shadow(0 18px 28px rgba(7,29,43,.18));transition:.5s}.allocation-donut:hover{transform:rotate(3deg) scale(1.035)}.news-media img{transition:.65s}.bajugan-news-card:hover .news-media img{transform:scale(1.06)}.coast-contact{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 20%,rgba(61,214,208,.16),transparent 30%),linear-gradient(135deg,#061925,#0a3c4d)!important}.reveal-modern{opacity:0;transform:translateY(34px);transition:opacity .75s,transform .75s}.reveal-modern.is-visible{opacity:1;transform:none}@keyframes hero-breathe{to{transform:scale(1.095) translate3d(-.8%,.5%,0)}}@keyframes leader-enter{from{opacity:0;transform:translateY(50px) scale(.96)}to{opacity:1;transform:none}}@keyframes halo-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.coast-hero,.hero-inner{min-height:auto}.coast-intro h1{font-size:clamp(2.65rem,12vw,4.2rem)!important;line-height:.98!important}.coast-landscape,.hero-leader{animation:none}.layanan-icon-card{min-height:124px!important}.service-steps{border-radius:0!important}}@media(max-width:600px){.coast-hero{border-radius:0 0 28px 28px}.coast-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}.layanan-icon-grid{grid-template-columns:repeat(2,1fr)!important}.citizen-quick .container{display:grid!important;grid-template-columns:1fr 1fr}.citizen-quick a{min-height:150px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal-modern{opacity:1;transform:none}}
/* Koreksi keterbacaan dan skala desktop */
@media(min-width:901px){.coast-intro{max-width:650px!important}.coast-intro h1{font-size:clamp(3.1rem,4.45vw,5rem)!important;line-height:1.01!important;letter-spacing:-.048em!important}.coast-hero,.hero-inner{min-height:clamp(650px,calc(100svh - 110px),820px)!important}}
#status .kicker{color:#52ded6!important}#status h2,#status h3,#status>div>p,#status .container>p{color:#fff!important}#status .status-intro p,#status .status-copy,#status .form-note{color:rgba(255,255,255,.76)!important}#status label{color:#eaf7f8!important}#status input,#status select,#status textarea{color:#12313d!important}

#status .section-head p,#status .quick-form>p{color:rgba(255,255,255,.76)!important}

/* Kontras formulir pada kartu terang */
#status .quick-form h3{color:#12313d!important}
#status .quick-form>p,#status .quick-form .form-note{color:#58717b!important}
#status .quick-form label{color:#31515d!important;font-weight:700}
#status .quick-form input,#status .quick-form select,#status .quick-form textarea{color:#12313d!important;background:#fff!important}

/* Timeline alur layanan yang mudah dipahami */
.service-steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;padding:24px 20px!important;overflow:hidden;position:relative}
.service-steps:before{content:"";position:absolute;left:12.5%;right:12.5%;top:43px;height:3px;background:linear-gradient(90deg,#52ded6,#32a8d8);opacity:.75}
.service-steps span{position:relative!important;z-index:1;display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;padding:0 12px!important;text-align:center!important;color:#e9f8fa!important;font-size:.86rem!important;line-height:1.45!important}
.service-steps b{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:50%!important;background:#52ded6!important;color:#062331!important;font-size:.8rem!important;box-shadow:0 0 0 7px #071d2b,0 8px 22px rgba(0,0,0,.25)}
.coast-potential .coast-section-head h2,.coast-potential .potential-card h3{color:#fff!important}
.coast-potential .kicker,.coast-potential .text-link{color:#52ded6!important}
.coast-potential .coast-section-head p,.coast-potential .potential-card p{color:rgba(255,255,255,.82)!important}
@media(max-width:700px){.service-steps{grid-template-columns:1fr!important;padding:22px!important;gap:0!important;border-radius:20px!important}.service-steps:before{left:42px;right:auto;top:42px;bottom:42px;width:3px;height:auto}.service-steps span{min-height:76px;flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;padding:8px 0!important;gap:18px!important}.service-steps b{flex:0 0 42px}}

/* Penyederhanaan alur dan area pelacakan */
.service-steps{display:none!important}
#status .status-panel{display:grid!important;grid-template-columns:1fr!important;gap:24px!important}
#status #lacak-status{width:100%!important;max-width:none!important}
#status .status-track-box{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;width:100%!important;max-width:760px!important;padding:10px!important;margin:0!important;border-radius:16px!important}
#status .status-track-box input{min-width:0!important;height:48px!important}
#status .status-track-box button{min-width:130px!important;height:48px!important}
#status .quick-form{width:100%!important}
@media(max-width:600px){#status .status-track-box{grid-template-columns:1fr!important;max-width:none!important}#status .status-track-box button{width:100%!important}}