@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 700;font-display:swap;src:url('fonts/CormorantGaramond-Variable.woff2') format('woff2-variations'),url('fonts/CormorantGaramond-Variable.woff2') format('woff2')}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:200 800;font-display:swap;src:url('fonts/PlusJakartaSans-Variable.woff2') format('woff2-variations'),url('fonts/PlusJakartaSans-Variable.woff2') format('woff2')}
:root{--g:#D4AF37;--gl:#E8D48B;--b:#0A0A0A;--bl:#111;--bc:#1A1A1A;--w:#F5F0E8;--wm:#B8B0A0;--wa:#25D366;--sf:'Cormorant Garamond',Georgia,serif;--sn:'Plus Jakarta Sans',sans-serif}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--sn);background:var(--b);color:var(--w);overflow-x:hidden}
@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(37,211,102,.4)}50%{box-shadow:0 0 0 15px rgba(37,211,102,0)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.fu{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.fu.v{opacity:1;transform:translateY(0)}
.wa-btn{display:inline-flex;align-items:center;gap:10px;background:var(--wa);color:#fff;padding:12px 28px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.88rem;transition:all .3s}.wa-btn:hover{transform:scale(1.05);background:#1DB954}
.wa-big{padding:14px 32px;font-size:1rem;animation:pulse 2s infinite}
.sec-wa{text-align:center;margin-top:36px}
section{padding:90px 24px}
.st{text-align:center;margin-bottom:50px}.st h2{font-family:var(--sf);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;margin-bottom:14px}.st p{color:var(--wm);font-size:.95rem;max-width:480px;margin:0 auto}
.gl{width:50px;height:2px;background:var(--g);margin:0 auto 16px}

/* NAV */
nav{position:fixed;top:0;width:100%;z-index:100;padding:14px 24px;background:rgba(10,10,10,.92);backdrop-filter:blur(20px);border-bottom:1px solid rgba(212,175,55,.1);display:flex;justify-content:space-between;align-items:center}
.nl{font-family:var(--sf);font-size:1.05rem;font-weight:700;color:var(--g);letter-spacing:1px;display:flex;align-items:center;gap:8px;white-space:nowrap}.nl span{color:var(--w);font-weight:700;font-size:1.05rem;letter-spacing:1px}.nl img{width:34px;height:34px;object-fit:cover;flex-shrink:0;border-radius:50%;border:1px solid rgba(212,175,55,.3);background:#000}
.hero-logo{width:90px;height:90px;margin:0 auto 20px;display:block;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(212,175,55,.25))}
.flo-img{width:64px;height:64px;margin:0 auto 10px;display:block;object-fit:cover;border-radius:50%;border:2px solid rgba(212,175,55,.4);background:#000}
.share-btn{display:inline-flex;align-items:center;gap:8px;margin:0 auto 24px;border:1px solid rgba(212,175,55,.4);color:var(--g);background:transparent;padding:12px 28px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s;font-family:var(--sn)}.share-btn:hover{background:rgba(212,175,55,.1)}
.nk{display:flex;gap:20px;align-items:center}.nk a{color:var(--wm);text-decoration:none;font-size:.82rem;font-weight:500;transition:color .3s}.nk a:hover{color:var(--g)}
.nc{background:var(--g)!important;color:var(--b)!important;padding:8px 20px;border-radius:6px;font-weight:600!important}

/* HERO */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;position:relative;overflow:hidden;background:url('img/hero-bg.jpg') center/cover no-repeat}
.hero::after{content:'';position:absolute;inset:0;background:rgba(10,10,10,.85)}
.hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 50%,rgba(212,175,55,.06) 0%,transparent 50%);animation:float 8s ease-in-out infinite;z-index:1}
.hc{position:relative;max-width:800px;z-index:2}
.hbrand{font-family:var(--sf);font-size:1.15rem;letter-spacing:6px;text-transform:uppercase;color:var(--g);margin-bottom:18px;font-weight:600}
.hb{display:inline-block;padding:6px 20px;border:1px solid rgba(212,175,55,.3);border-radius:50px;font-size:.72rem;letter-spacing:3px;text-transform:uppercase;color:var(--g);margin-bottom:28px}
.hero h1{font-family:var(--sf);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.1;margin-bottom:20px}
.hero h1 .gold{background:linear-gradient(135deg,var(--g),var(--gl),var(--g));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s linear infinite}
.hero p{font-size:1.05rem;color:var(--wm);line-height:1.7;max-width:580px;margin:0 auto 32px}
.hbt{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.bo{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(212,175,55,.4);color:var(--g);padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s}.bo:hover{background:rgba(212,175,55,.1)}

/* CTA BG */
.cta-bg{position:relative;overflow:hidden;background:url('img/library-bg.jpg') center/cover no-repeat}
.cta-bg::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.92) 0%,rgba(10,10,10,.78) 50%,rgba(10,10,10,.92) 100%)}
.cta-bg>*{position:relative;z-index:2}

/* TRUST */
.tb{background:var(--bl);border-top:1px solid rgba(212,175,55,.08);border-bottom:1px solid rgba(212,175,55,.08);padding:20px 24px;text-align:center}
.tb p{color:var(--wm);font-size:.78rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}
.tl{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;opacity:.6}.tl span{font-family:var(--sf);font-size:1rem;color:var(--wm)}

/* STATS */
.stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:900px;margin:0 auto;padding:40px 24px}
.stat{text-align:center;padding:16px 12px;border-right:1px solid rgba(212,175,55,.12)}.stat:last-child{border:none}
.sn{font-family:var(--sf);font-size:2.2rem;font-weight:700;color:var(--g)}.sl{font-size:.78rem;color:var(--wm);margin-top:4px}

/* BEFORE-AFTER */
.bag{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;max-width:800px;margin:0 auto;align-items:center}
.bac{background:var(--bc);border-radius:16px;padding:32px 28px;border:1px solid rgba(212,175,55,.08)}
.bac h3{font-family:var(--sf);font-size:1.2rem;margin-bottom:16px}.bac.bf h3{color:#ff6b6b}.bac.af h3{color:var(--g)}
.bac ul{list-style:none}.bac ul li{padding:8px 0;font-size:.88rem;color:var(--wm);border-bottom:1px solid rgba(255,255,255,.04)}
.bac.bf li::before{content:'✗';color:#ff6b6b;margin-right:10px;font-weight:700}
.bac.af li::before{content:'✓';color:var(--g);margin-right:10px;font-weight:700}
.baar{font-size:2rem;color:var(--g);animation:float 2s ease-in-out infinite}

/* CARDS */
.sg{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:1100px;margin:0 auto}
.sc{background:var(--bc);border:1px solid rgba(212,175,55,.06);border-radius:14px;padding:32px 24px;transition:all .4s;position:relative;overflow:hidden}
.sc::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--g),transparent);opacity:0;transition:opacity .4s}
.sc:hover{transform:translateY(-6px);border-color:rgba(212,175,55,.2);box-shadow:0 16px 48px rgba(0,0,0,.3)}.sc:hover::before{opacity:1}
.si{font-size:1.8rem;margin-bottom:14px}.sc h3{font-family:var(--sf);font-size:1.2rem;margin-bottom:10px;color:var(--gl)}.sc p{color:var(--wm);font-size:.85rem;line-height:1.6}

/* GENRE */
.gg{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;max-width:900px;margin:0 auto}
.gi{background:var(--bc);border:1px solid rgba(212,175,55,.06);border-radius:12px;padding:20px 14px;text-align:center;transition:all .3s}.gi:hover{border-color:var(--g);transform:translateY(-3px)}
.gi .ic{font-size:1.4rem;margin-bottom:6px}.gi h4{font-size:.82rem;font-weight:600;margin-bottom:3px}.gi p{font-size:.68rem;color:var(--wm)}

/* PORTFOLIO */
.pog{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;max-width:1000px;margin:0 auto}
.poi{border-radius:14px;overflow:hidden;position:relative;aspect-ratio:1;background:var(--bc);border:1px solid rgba(212,175,55,.08);transition:all .4s}
.poi:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(0,0,0,.4);border-color:rgba(212,175,55,.2)}
.poi img{width:100%;height:100%;object-fit:cover}
.poi-label{position:absolute;bottom:0;left:0;right:0;padding:14px;background:linear-gradient(transparent,rgba(10,10,10,.9));text-align:center}
.poi-label h4{font-family:var(--sf);font-size:1rem;color:var(--gl)}.poi-label p{font-size:.72rem;color:var(--wm)}
/* Jika gambar belum ada, tampilkan placeholder */
.poi-ph{display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,var(--bc),rgba(212,175,55,.05))}

/* PRICING */
.pt{display:flex;justify-content:center;gap:0;margin-bottom:40px;background:var(--bc);border-radius:10px;padding:4px;max-width:500px;margin-left:auto;margin-right:auto}
.pt button{flex:1;padding:12px 16px;border:none;background:transparent;color:var(--wm);font-family:var(--sn);font-size:.8rem;font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s}
.pt button.act{background:var(--g);color:var(--b)}
.ptab{display:none}.ptab.act{display:block}
.pg{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:1100px;margin:0 auto}
.pc{background:var(--bc);border:1px solid rgba(212,175,55,.06);border-radius:14px;padding:28px 22px;text-align:center;transition:all .4s;position:relative}
.pc.pop{border-color:var(--g);box-shadow:0 0 30px rgba(212,175,55,.08)}
.pb{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--g);color:var(--b);padding:4px 14px;border-radius:50px;font-size:.65rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.pc h3{font-family:var(--sf);font-size:1.2rem;margin-bottom:6px;color:var(--gl)}
.pc .pg2{font-size:.82rem;color:var(--wm);margin-bottom:16px}
.pc .pr{font-family:var(--sf);font-size:1.8rem;font-weight:700;color:var(--g);margin-bottom:16px}
.pf{text-align:left;list-style:none;margin-bottom:24px}.pf li{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:.82rem;color:var(--wm)}.pf li::before{content:'✓';color:var(--g);margin-right:8px;font-weight:700}
.pc .wa-btn{width:100%;justify-content:center}
.pn{text-align:center;margin-top:20px;color:var(--wm);font-size:.82rem}
.ap{max-width:900px;margin:24px auto 0;overflow-x:auto;display:none}
.ap table{width:100%;border-collapse:collapse;font-size:.82rem}
.ap th{background:rgba(212,175,55,.1);color:var(--g);padding:10px 14px;text-align:left;font-weight:600}
.ap td{padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--wm)}
.ap tr:hover td{color:var(--w)}
.tt{text-align:center;margin-top:20px}.tt a{color:var(--g);text-decoration:none;font-size:.85rem;font-weight:600;cursor:pointer}

/* ISBN */
.ic2{max-width:800px;margin:0 auto;background:var(--bc);border:1px solid rgba(212,175,55,.15);border-radius:16px;padding:40px 32px;text-align:center}
.isbn-img{width:100%;max-width:600px;border-radius:12px;margin-bottom:24px}
.ip{font-family:var(--sf);font-size:2.5rem;font-weight:700;color:var(--g);margin:16px 0}
.if2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;text-align:left;margin:24px 0}
.if2 li{list-style:none;padding:6px 0;font-size:.82rem;color:var(--wm)}.if2 li::before{content:'✓';color:var(--g);margin-right:8px;font-weight:700}
.is{margin-top:24px;padding-top:20px;border-top:1px solid rgba(212,175,55,.1)}
.is h4{font-family:var(--sf);font-size:1.2rem;color:var(--gl);margin-bottom:8px}

/* GUARANTEE */
.gu{max-width:700px;margin:0 auto;text-align:center;background:linear-gradient(135deg,rgba(212,175,55,.05),rgba(212,175,55,.02));border:1px solid rgba(212,175,55,.15);border-radius:16px;padding:40px 32px}
.gu h3{font-family:var(--sf);font-size:1.5rem;margin-bottom:12px;color:var(--gl)}.gu p{color:var(--wm);font-size:.9rem;line-height:1.7}

/* PROCESS */
.prg{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px;max-width:1000px;margin:0 auto}
.prs{text-align:center}
.prs img{width:80px;height:80px;margin-bottom:12px;border-radius:12px}
.prs .num{font-family:var(--sf);font-size:2.5rem;font-weight:700;color:rgba(212,175,55,.12);margin-bottom:10px}
.prs h4{font-size:.95rem;margin-bottom:6px;color:var(--gl)}.prs p{font-size:.82rem;color:var(--wm);line-height:1.5}

/* TESTI */
.tg{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1000px;margin:0 auto}
.tc{background:var(--bc);border:1px solid rgba(212,175,55,.06);border-radius:14px;padding:28px}
.ts{color:var(--g);font-size:.85rem;margin-bottom:14px}
.tc p{font-style:italic;color:var(--wm);font-size:.9rem;line-height:1.7;margin-bottom:18px}
.ta{display:flex;align-items:center;gap:10px}
.tv{width:36px;height:36px;border-radius:50%;background:var(--g);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--b);font-size:.8rem}
.tn{font-weight:600;font-size:.85rem}.tr{font-size:.72rem;color:var(--wm)}

/* FAQ */
.fl{max-width:680px;margin:0 auto}
.fi{border-bottom:1px solid rgba(212,175,55,.08)}
.fq{padding:18px 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.9rem;transition:color .3s}.fq:hover{color:var(--g)}
.fq .ar{transition:transform .3s;color:var(--g);font-size:.8rem}.fi.op .ar{transform:rotate(180deg)}
.fa{max-height:0;overflow:hidden;transition:max-height .4s ease;color:var(--wm);font-size:.85rem;line-height:1.7}.fi.op .fa{max-height:200px;padding-bottom:18px}

/* CTA */
.cs{text-align:center;background:linear-gradient(135deg,rgba(212,175,55,.05),rgba(212,175,55,.02));border-radius:20px;max-width:800px;margin:0 auto;padding:60px 32px}
.cs h2{font-family:var(--sf);font-size:clamp(1.6rem,4vw,2.3rem);margin-bottom:14px}.cs p{color:var(--wm);margin-bottom:28px;font-size:.95rem}

footer{padding:32px 24px;text-align:center;border-top:1px solid rgba(212,175,55,.08)}
.flo{font-family:var(--sf);font-size:1.1rem;color:var(--g);margin-bottom:6px;letter-spacing:2px}
.fc{margin:12px 0;font-size:.8rem;color:var(--wm)}footer a{color:var(--g);text-decoration:none}
footer p{color:var(--wm);font-size:.75rem}

.wf{position:fixed;bottom:20px;right:20px;background:var(--wa);color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;z-index:99;animation:pulse 2s infinite;transition:transform .3s}.wf:hover{transform:scale(1.1)}

@media(max-width:768px){
.nk{display:none}
.stats{grid-template-columns:repeat(2,1fr)}.sn{font-size:1.6rem}
section{padding:60px 16px}
.bag{grid-template-columns:1fr}.baar{transform:rotate(90deg);text-align:center}
.pog{grid-template-columns:repeat(2,1fr)}
.cs{padding:40px 20px;border-radius:14px}
.if2{grid-template-columns:1fr}
.pt button{font-size:.7rem;padding:10px 8px}
}

/* === MENU NAV MULTI-PAGE === */
.nv-menu{display:flex;align-items:center;gap:28px;list-style:none}
.nv-menu a{color:var(--wm);text-decoration:none;font-size:.92rem;font-weight:500;letter-spacing:.5px;transition:color .25s;position:relative;padding:6px 0}
.nv-menu a:hover,.nv-menu a.active{color:var(--g)}
.nv-menu a.active::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--g);border-radius:2px}
.nv-toggle{display:none;background:none;border:none;color:var(--g);font-size:1.6rem;cursor:pointer;padding:4px 8px}
@media(max-width:900px){
.nv-toggle{display:block}
.nv-menu{position:fixed;top:64px;left:0;right:0;background:rgba(10,10,10,.98);backdrop-filter:blur(20px);flex-direction:column;gap:0;padding:14px 0;border-bottom:1px solid rgba(212,175,55,.18);max-height:0;overflow:hidden;transition:max-height .35s ease}
.nv-menu.open{max-height:600px}
.nv-menu li{width:100%;text-align:center}
.nv-menu a{display:block;padding:14px 20px;font-size:.95rem;border-bottom:1px solid rgba(212,175,55,.06)}
}

/* === PAGE HEADER (untuk semua halaman selain Beranda) === */
.ph{padding:140px 24px 60px;text-align:center;background:url('img/hero-bg.jpg') center/cover no-repeat;position:relative}
.ph::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.88) 0%,rgba(10,10,10,.95) 100%)}
.ph>*{position:relative;z-index:2}
.ph .ph-eyebrow{display:inline-block;padding:5px 18px;border:1px solid rgba(212,175,55,.3);border-radius:50px;font-size:.7rem;letter-spacing:3px;text-transform:uppercase;color:var(--g);margin-bottom:18px}
.ph h1{font-family:var(--sf);font-size:clamp(2rem,5vw,3.4rem);font-weight:700;line-height:1.15;margin-bottom:16px;color:var(--w)}
.ph h1 .gold{color:var(--g);font-style:italic}
.ph p.ph-sub{color:var(--wm);font-size:1.02rem;max-width:640px;margin:0 auto;line-height:1.65}

/* === KONTEN PAGE === */
.pg-wrap{max-width:1200px;margin:0 auto;padding:64px 24px}
.pg-wrap h2{font-family:var(--sf);font-size:clamp(1.6rem,3.8vw,2.4rem);color:var(--w);margin-bottom:18px}
.pg-wrap h2 .gold{color:var(--g);font-style:italic}
.pg-wrap h3{font-family:var(--sf);font-size:1.3rem;color:var(--g);margin:32px 0 12px}
.pg-wrap p{color:var(--wm);line-height:1.78;margin-bottom:14px;font-size:1rem}
.pg-wrap ul{color:var(--wm);line-height:1.85;padding-left:20px;margin-bottom:18px}
.pg-wrap ul li{margin-bottom:6px}
.pg-wrap ul li::marker{color:var(--g)}

/* === ACCORDION FAQ === */
.acc-item{border:1px solid rgba(212,175,55,.12);border-radius:10px;margin-bottom:12px;overflow:hidden;background:var(--bc)}
.acc-q{width:100%;padding:18px 22px;background:none;border:none;color:var(--w);font-size:1rem;font-weight:600;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:var(--sn)}
.acc-q::after{content:'+';color:var(--g);font-size:1.6rem;font-weight:300;transition:transform .3s}
.acc-item.open .acc-q::after{content:'−'}
.acc-a{max-height:0;overflow:hidden;transition:max-height .35s ease;padding:0 22px}
.acc-item.open .acc-a{max-height:500px;padding-bottom:18px}
.acc-a p{color:var(--wm);line-height:1.7;font-size:.95rem;margin:0}

/* === GENRE GRID === */
.gr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:28px}
.gr-card{background:var(--bc);border:1px solid rgba(212,175,55,.1);border-radius:12px;padding:24px 20px;transition:all .35s;cursor:pointer}
.gr-card:hover{border-color:rgba(212,175,55,.4);transform:translateY(-4px)}
.gr-card .gr-ic{font-size:2.2rem;margin-bottom:12px}
.gr-card h4{font-family:var(--sf);color:var(--g);font-size:1.25rem;margin-bottom:8px}
.gr-card p{color:var(--wm);font-size:.9rem;line-height:1.55;margin:0}

/* === TESTIMONI === */
.tt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:28px}
.tt-card{background:var(--bc);border:1px solid rgba(212,175,55,.1);border-radius:14px;padding:26px;position:relative}
.tt-card::before{content:'\201C';position:absolute;top:8px;left:18px;font-family:var(--sf);font-size:4rem;color:rgba(212,175,55,.18);line-height:1}
.tt-card .tt-txt{color:var(--w);line-height:1.7;font-size:.96rem;margin:18px 0 16px;font-style:italic;position:relative;z-index:1}
.tt-card .tt-meta{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid rgba(212,175,55,.1)}
.tt-card .tt-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--g),var(--gl));display:flex;align-items:center;justify-content:center;color:var(--b);font-weight:700;font-size:1.1rem}
.tt-card .tt-name{color:var(--g);font-weight:600;font-size:.95rem}
.tt-card .tt-role{color:var(--wm);font-size:.82rem}


/* === BUTTON HIJAU WA (.bt) - untuk semua halaman menu === */
.bt{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--wa);color:#fff!important;padding:14px 32px;border-radius:8px;text-decoration:none!important;font-weight:600;font-size:1rem;transition:all .3s;border:none;cursor:pointer;font-family:var(--sn)}
.bt:hover{transform:scale(1.05);background:#1DB954;color:#fff!important}
.bt::before{content:'💬';font-size:1.1em}

/* Link kontak di footer (no. WA, email) - warna gold supaya tidak biru/ungu default */
footer a,footer .fc a{color:var(--g)!important;text-decoration:none;transition:color .2s}
footer a:hover,footer .fc a:hover{color:var(--gl)!important;text-decoration:underline}

/* Override link biru di mana saja - default link warna gold */
.pg-wrap a:not(.bt):not(.bo):not(.share-btn){color:var(--g);text-decoration:none}
.pg-wrap a:not(.bt):not(.bo):not(.share-btn):hover{color:var(--gl);text-decoration:underline}

/* === TABEL PAKET HARGA - lebih rapi & easy-read === */
.pg-wrap table{border-collapse:separate;border-spacing:0;font-size:.95rem}
.pg-wrap table thead tr{background:rgba(212,175,55,.15)!important}
.pg-wrap table thead th{padding:14px 16px!important;font-weight:600;letter-spacing:.5px;text-transform:uppercase;font-size:.78rem;border-bottom:1px solid rgba(212,175,55,.25)}
.pg-wrap table tbody td{padding:11px 16px;border-bottom:1px solid rgba(212,175,55,.07)}
.pg-wrap table tbody tr:nth-child(even){background:rgba(255,255,255,.02)}
.pg-wrap table tbody tr:hover{background:rgba(212,175,55,.06)}
.pg-wrap table tbody tr:last-child td{border-bottom:none}
.pg-wrap table tbody td:last-child{color:var(--g);font-weight:600;font-family:var(--sn);font-variant-numeric:tabular-nums}
.pg-wrap table tbody td:first-child{font-weight:600;color:var(--w)}

@media(max-width:600px){
.pg-wrap table{font-size:.88rem}
.pg-wrap table thead th{padding:10px 8px!important;font-size:.7rem}
.pg-wrap table tbody td{padding:9px 8px}
}

/* === 1. READING PROGRESS BAR (atas, tipis 3px) === */
.read-prog{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--g),var(--gl));z-index:10000;transition:width .1s linear;box-shadow:0 0 8px rgba(212,175,55,.4)}

/* === 2. SOCIAL PROOF POPUP (bottom-left, rotasi) === */
.sp-popup{position:fixed;bottom:20px;left:20px;background:rgba(20,20,20,.96);backdrop-filter:blur(20px);border:1px solid rgba(212,175,55,.25);border-radius:12px;padding:12px 18px 12px 14px;max-width:300px;z-index:90;box-shadow:0 10px 40px rgba(0,0,0,.6);opacity:0;transform:translateY(20px);transition:all .4s cubic-bezier(.16,1,.3,1);pointer-events:none;font-size:.82rem}
.sp-popup.sp-show{opacity:1;transform:translateY(0);pointer-events:auto}
.sp-popup .sp-row{display:flex;align-items:center;gap:10px}
.sp-popup .sp-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--g),var(--gl));display:flex;align-items:center;justify-content:center;color:var(--b);font-weight:700;font-size:.85rem;flex-shrink:0}
.sp-popup .sp-text{color:var(--w);line-height:1.35}
.sp-popup .sp-text strong{color:var(--g);font-weight:600}
.sp-popup .sp-time{color:var(--wm);font-size:.7rem;margin-top:2px}
.sp-popup .sp-close{position:absolute;top:4px;right:6px;background:none;border:none;color:var(--wm);font-size:1.1rem;cursor:pointer;line-height:1;padding:2px 6px}
.sp-popup .sp-close:hover{color:var(--g)}
@media(max-width:600px){.sp-popup{bottom:80px;left:10px;right:10px;max-width:none}}

/* === 3. PAGE FADE-IN (saat halaman load) === */
@keyframes pageFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
body{animation:pageFadeIn .5s ease-out}

/* === 4. ANIMATED COUNTER container - reset state === */
[data-counter]{display:inline-block;font-variant-numeric:tabular-nums}

/* Accessibility: respect motion preference */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* === WA FLOATING (.wa-flo) - sama dengan .wf, hijau bulat di kanan bawah === */
.wa-flo{position:fixed;bottom:20px;right:20px;background:var(--wa);color:#fff;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;z-index:99;animation:pulse 2s infinite;transition:transform .3s;box-shadow:0 4px 16px rgba(37,211,102,.3)}
.wa-flo:hover{transform:scale(1.1)}
.wa-flo svg{width:28px;height:28px}