:root{--emas:#D4AF37;--emas-2:#E3CB84;--navy:#1E2A38;--gelap:#0C121A;--putih:#F7F7F7;--teks:#C8C3B8;--teks-2:#98928A}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Karla,system-ui,sans-serif;background:var(--gelap);color:var(--teks);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--emas-2)}
h1,h2,h3{font-family:Jost,system-ui,sans-serif;font-weight:400;color:var(--putih);letter-spacing:.02em}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
.atas{position:sticky;top:0;z-index:5;background:rgba(12,18,26,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(212,175,55,.18)}
.atas .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
.atas img{height:30px;display:block}
.tombol{display:inline-block;background:var(--emas);color:var(--gelap);text-decoration:none;font-family:Jost,sans-serif;font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;padding:.8em 1.6em;border-radius:999px}
.tombol.garis{background:transparent;color:var(--emas-2);border:1px solid rgba(212,175,55,.6)}
.atas .tombol{padding:.55em 1.2em;font-size:.74rem}
.hero{position:relative;min-height:78vh;display:flex;align-items:flex-end;background:linear-gradient(180deg,rgba(12,18,26,.15) 0%,rgba(12,18,26,.55) 55%,var(--gelap) 100%),url(hero.jpg) center/cover}
.hero .wrap{padding-bottom:56px;width:100%}
.hero .logo{width:min(320px,70vw);display:block;margin-bottom:18px}
.hero p{max-width:540px;font-size:1.08rem;color:var(--putih);opacity:.9;margin-bottom:26px}
.label{font-family:Jost,sans-serif;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;color:var(--emas)}
section{padding:64px 0;border-top:1px solid rgba(212,175,55,.1)}
section h2{font-size:1.7rem;margin:8px 0 22px}
.kisi{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.kartu{background:linear-gradient(160deg,rgba(30,42,56,.85),rgba(20,28,38,.85));border:1px solid rgba(212,175,55,.16);border-radius:16px;padding:22px}
.kartu h3{font-size:1.1rem;margin-bottom:6px}
.harga{font-family:Jost,sans-serif;font-size:2rem;color:var(--putih)}
.kecil{font-size:.88rem;color:var(--teks-2)}
ul.daftar{padding-left:1.1em}ul.daftar li{margin:.35em 0}
footer{padding:36px 0 48px;border-top:1px solid rgba(212,175,55,.14);font-size:.85rem;color:var(--teks-2)}
footer img{height:30px;margin-bottom:10px}
.isi h2{font-size:1.35rem;margin:34px 0 10px}.isi p,.isi li{margin:.45em 0}.isi ol{padding-left:1.2em}