/* Halaman Kontak — segmen Pemda & korporat (Brand System v1.2). */
.kontak-hero{background:linear-gradient(160deg,#0B1220 0%,#0F4D4E 130%);color:#EDE6DA;padding:clamp(3rem,8vw,5.5rem) 0}
.kontak-hero .pb-eyebrow{color:#C9A96A}
.kontak-hero h1{font-family:"Plus Jakarta Sans",Inter,Arial,sans-serif;font-size:clamp(2rem,5vw,3.1rem);line-height:1.15;max-width:22ch;margin:0 0 1.1rem}
.kontak-hero p{max-width:62ch;color:#EDE6DAd9;font-size:1.08rem;line-height:1.65;margin:0 0 1.6rem}
.kontak-hero__actions{display:flex;gap:.9rem;flex-wrap:wrap;margin-bottom:1.1rem}
.kontak-hero__note{color:#C7BEB1;font-size:.88rem;margin:0}
.kontak-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:1rem}
.kontak-card{border:1px solid #ffffff1f;background:#101b2c;border-radius:16px;padding:1.3rem 1.4rem}
.kontak-card h3{font-family:"Plus Jakarta Sans",Inter,Arial,sans-serif;font-size:1.05rem;color:#EDE6DA;margin:0 0 .5rem}
.kontak-card p{color:#C7BEB1;font-size:.92rem;line-height:1.55;margin:0}
.kontak-steps{list-style:none;counter-reset:langkah;padding:0;margin:1.4rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:1rem}
.kontak-steps li{counter-increment:langkah;border-left:3px solid #C9A96A;background:#0f1a2b;padding:1rem 1.1rem;border-radius:0 12px 12px 0}
.kontak-steps li::before{content:"0" counter(langkah);display:block;color:#C9A96A;font-weight:800;font-size:.85rem;letter-spacing:.1em;margin-bottom:.35rem}
.kontak-steps strong{display:block;color:#EDE6DA;font-size:.98rem;margin-bottom:.3rem}
.kontak-steps span{color:#C7BEB1;font-size:.9rem;line-height:1.5}
.kontak-reach{border:1px solid #0F4D4E;background:#0F4D4E26;border-radius:16px;padding:1.4rem 1.5rem}
.kontak-reach h3{font-family:"Plus Jakarta Sans",Inter,Arial,sans-serif;color:#EDE6DA;font-size:1.1rem;margin:0 0 .5rem}
.kontak-reach p{color:#C7BEB1;font-size:.94rem;line-height:1.6;margin:0}
.kontak-reach strong{color:#C9A96A}
.kontak-cta{background:linear-gradient(150deg,#0F4D4E 0%,#0B1220 140%);border-radius:20px;padding:clamp(1.6rem,4vw,2.6rem);text-align:center}
.kontak-cta h2{font-family:"Plus Jakarta Sans",Inter,Arial,sans-serif;font-size:clamp(1.5rem,3.5vw,2.1rem);color:#EDE6DA;margin:0 0 .7rem}
.kontak-cta p{color:#C7BEB1;max-width:56ch;margin:0 auto 1.4rem;line-height:1.6}
.kontak-cta .kontak-mail{display:inline-block;margin-top:1rem;color:#C7BEB1;font-size:.9rem}
.kontak-cta .kontak-mail a{color:#C9A96A;font-weight:700}
.kontak-section{padding:clamp(2.4rem,6vw,4rem) 0}
.kontak-section .pb-subtitle{color:#C7BEB1;max-width:60ch}