/* Landing page Jurkon. Variabel tema dari style.css. */
.lp{padding-bottom:0;background:var(--bg)}
.lp-lebar{max-width:1080px;margin:0 auto;padding:0 20px}
.lp-info{background:var(--aksen);color:#fff;text-align:center;padding:9px 16px;font-size:14px;font-weight:600}
.lp-atas{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--garis)}
.lp-atas .lp-lebar{display:flex;align-items:center;justify-content:space-between;min-height:60px}
.lp-logo .logo-wrap img{height:34px;width:auto}
.lp-nav{display:flex;align-items:center;gap:18px;font-size:15px;font-weight:550}
.lp-nav a:not(.btn){color:var(--redup)}
.lp-nav a:not(.btn):hover{color:var(--teks)}
.btn.kecil{padding:6px 15px;font-size:14px}
.btn.besar{padding:13px 28px;font-size:17px;display:inline-block}
a.btn{display:inline-block;text-align:center}
.lp-hero{padding:72px 0 56px;text-align:center;background:radial-gradient(60% 60% at 50% 0%,color-mix(in srgb,var(--aksen) 9%,transparent),transparent)}
.lp-kicker{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--aksen);margin-bottom:14px}
.lp h1{font-family:var(--serif);font-weight:650;font-size:clamp(34px,6vw,60px);line-height:1.08;letter-spacing:-.01em;max-width:18ch;margin:0 auto}
.lp-sub{max-width:56ch;margin:18px auto 0;font-size:clamp(16px,2.2vw,19px);color:var(--redup)}
.lp-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}
.lp-cta.tengah{margin-top:20px}
.lp-catatan{margin-top:14px;font-size:14px;color:var(--bahaya)}
.lp-angka{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 40px;list-style:none;padding:0;margin:44px 0 0}
.lp-angka b{display:block;font-family:var(--serif);font-size:34px;font-weight:650;line-height:1.1}
.lp-angka span{color:var(--redup);font-size:14px}
.lp-bagian{padding:64px 0}
.lp-alt{background:var(--latar)}
.lp h2{font-family:var(--serif);font-weight:650;font-size:clamp(26px,4vw,38px);line-height:1.15;text-align:center;max-width:22ch;margin:0 auto 36px}
.lp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.lp-grid.dua{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.lp-grid article{background:var(--bg);border:1px solid var(--garis);border-radius:16px;padding:22px}
.lp-alt .lp-grid article{background:var(--bg)}
.lp-grid svg{width:26px;height:26px;stroke:var(--aksen);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:12px}
.lp h3{font-family:var(--serif);font-weight:650;font-size:19px;margin-bottom:6px}
.lp-grid p,.lp-langkah p{color:var(--redup);font-size:15px}
.lp-langkah{list-style:none;padding:0;margin:0 auto;max-width:640px;display:grid;gap:22px}
.lp-langkah li{display:flex;gap:16px;align-items:flex-start}
.lp-langkah b{flex:none;width:38px;height:38px;border-radius:50%;background:var(--aksen);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:18px}
.lp-penutup{text-align:center;border-top:1px solid var(--garis)}
.lp-penutup h2{margin-bottom:8px}
.lp-kaki{border-top:1px solid var(--garis);padding:32px 0 40px;background:var(--bg)}
.lp-kaki .lp-lebar{display:flex;flex-wrap:wrap;gap:20px 48px;justify-content:space-between}
.lp-kaki nav{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px;color:var(--redup)}
.lp-kaki nav a:hover{color:var(--teks)}
.lp-redup{color:var(--redup);font-size:14px}
@media (max-width:640px){
  .lp-nav a:not(.btn){display:none}
  .lp-hero{padding:48px 0 40px}
  .lp-bagian{padding:48px 0}
}
@media (prefers-reduced-motion:no-preference){
  .lp-grid article{transition:transform .18s ease,border-color .18s ease}
  .lp-grid article:hover{transform:translateY(-2px);border-color:var(--aksen)}
}