/* perizinanbali.id — site styles (tokens & components: styles.css) */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--color-bg);text-wrap:pretty;-webkit-font-smoothing:antialiased}
a{color:var(--color-accent-700)}
a:hover{color:var(--color-accent)}
@keyframes pbHero{from{transform:scaleX(0)}to{transform:scaleX(1)}}
:root{--radius-sm:4px;--radius-md:8px;--radius-lg:14px}
@keyframes pbFadeIn{from{opacity:0}to{opacity:1}}
body{animation:pbFadeIn .4s ease-out}
.pb-js [data-reveal]{transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.pb-js [data-reveal]:not(.is-in){opacity:0;transform:translateY(18px)}
@media (prefers-reduced-motion: reduce){body{animation:none}.pb-js [data-reveal]:not(.is-in){opacity:1;transform:none}}

.pb-w,.pb-hw,.pb-ic-menu{display:contents}
.pb-n,.pb-hs,.pb-ic-close{display:none}
@media (max-width:999.98px){.pb-w{display:none}.pb-n{display:contents}.pb-spacer{height:78px}}
@media (max-width:759.98px){.pb-hw{display:none}.pb-hs{display:contents}}
@media (min-width:1000px){.pb-mm{display:none!important}}
[aria-expanded="true"] .pb-ic-menu{display:none}
[aria-expanded="true"] .pb-ic-close{display:contents}
.pb-spacer{height:113px}
.pb-bar{position:absolute;inset:0;background:var(--color-accent);transform:scaleX(0);transform-origin:left center}
.pb-bar.run{animation:pbHero 7s linear forwards}
.is-paused .pb-bar.run{animation-play-state:paused}
#pb-main{display:block;transition:opacity .28s ease,transform .28s ease}
[hidden]{display:none!important}
[data-hv="1"]:hover{color:var(--color-accent)!important}
[data-hv="2"]:hover{background:var(--color-accent)!important}
[data-hv="3"]:hover{background:var(--color-surface)!important}
[data-hv="4"]:hover{transform:translateY(-4px)!important;box-shadow:var(--shadow-lg)!important;border-color:var(--color-accent-300)!important}
[data-hv="5"]:hover{background:var(--color-neutral-200)!important}
[data-hv="6"]:hover{background:var(--color-accent-600)!important}
[data-hv="7"]:hover{color:var(--color-accent-400)!important}
[data-hv="8"]:hover{color:var(--color-bg)!important}
[data-hv="9"]:hover{background:var(--color-accent-600)!important;color:var(--color-bg)!important;transform:translateY(-2px)!important}
[data-hv="10"]:hover{color:var(--color-accent-700)!important}