/* AVETRIX — lapisan tampilan premium (dimuat paling akhir; hapus <link> ini untuk kembali ke tampilan sebelumnya)
   Semua efek di dalam lorong 3D memakai bayangan DALAM (inset) agar dinding ruangan tidak hilang di Chromium. */
:root{--gold1:#f0c85a;--gold2:#d3a84d;--gold3:#8f6516;--ink2:#0b141d;--navy2:#1a2a38;--gold-grad:linear-gradient(120deg,#8f6516,#e8c060 45%,#b8892d)}
::selection{background:var(--gold2);color:var(--navy)}

/* ---------- tombol ---------- */
.btn{position:relative;overflow:hidden;letter-spacing:.01em;background:linear-gradient(180deg,#1d2f3f,#0e1820);box-shadow:inset 0 0 0 1px #d3a84d59,inset 0 1px 0 #ffffff1f,0 6px 16px #0b14262e;transition:transform .3s,box-shadow .3s,background .3s,color .3s}
.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#ffffff40 50%,transparent 65%);transform:translateX(-120%);transition:transform .7s}
.btn:hover:before{transform:translateX(120%)}
.btn:hover{background:linear-gradient(180deg,#1d2f3f,#0e1820);box-shadow:inset 0 0 0 1px var(--gold1),inset 0 1px 0 #ffffff26,0 10px 22px #0b14263d}
.btn.g{background:linear-gradient(180deg,#f3d27a,#d3a84d 55%,#b8892d);color:#1b1305;box-shadow:inset 0 1px 0 #fff8,inset 0 -1px 0 #7a56104d,0 8px 20px #b8892d4d}
.btn.g:hover{background:linear-gradient(180deg,#f8dc8c,#e0b655 55%,#c4962f);box-shadow:inset 0 1px 0 #fffa,0 12px 26px #b8892d66}
.btn.o{background:#ffffff40;color:var(--ink);box-shadow:inset 0 0 0 1.5px #1d2a36}
.btn.o:hover{background:var(--navy);color:#fff;box-shadow:inset 0 0 0 1.5px var(--gold2)}

/* ---------- header & menu ---------- */
.brand{letter-spacing:.2em}.brand span{background:linear-gradient(120deg,#12283d,#2d5479);-webkit-background-clip:text;background-clip:text;color:transparent}
#bar{height:3px;background:linear-gradient(90deg,#8f6516,#f0c85a,#b8892d);box-shadow:0 0 12px #f0c85a99}
#menu{background:radial-gradient(60% 50% at 85% 0,#d3a84d2e,transparent 70%),radial-gradient(50% 50% at 0 100%,#2d547940,transparent 70%),linear-gradient(160deg,#142230,#0b131b)}
#menu nav a{color:#f4f1e8}#menu nav a:hover{color:var(--gold1)}
#menu p{color:#d3a84dcc;letter-spacing:.04em}
.jump a{position:relative;padding-bottom:3px}.jump a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold2);transform:scaleX(0);transform-origin:left;transition:transform .3s}.jump a:hover:after{transform:scaleX(1)}.jump a:hover{text-decoration:none}

/* ---------- label & judul ---------- */
.tag{display:flex;align-items:center;gap:9px;color:var(--gold3);font-weight:800}
.tag:before{content:"";flex:none;width:22px;height:2px;background:var(--gold-grad);border-radius:2px}
.fr.dk .tag:before{background:linear-gradient(90deg,#f0c85a,#fff1c0)}
h2{background-image:linear-gradient(120deg,#0e2236 10%,#244b73 58%,#4a7fb0)}
.kpi>div{padding-left:calc(1.2*var(--vw));border-left:2px solid #d3a84d80}.kpi>div:first-child{padding-left:0;border-left:0}
.kpi b{background:linear-gradient(120deg,#12283d,#2d5479);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- dinding galeri: list emas ---------- */
.desk .seg>.wl{box-shadow:inset 0 0 0 calc(1.5*var(--vh)) #fbfaf6,inset 0 0 0 calc(1.9*var(--vh)) #c9a24a,inset 0 0 0 calc(2.15*var(--vh)) #fff8e0,inset 0 0 calc(10*var(--vh)) #1d2a3626}

/* ---------- kartu ---------- */
.fr{border:6px solid #f8f6ef;border-radius:10px;background:linear-gradient(180deg,#ffffff,#fbf9f3);
 box-shadow:inset 0 0 0 1px #d3a84d66,inset 0 1px 0 #fff,calc(.7*var(--vw)) calc(2.2*var(--vh)) calc(3.4*var(--vh)) #0b142638,0 calc(.4*var(--vh)) calc(.8*var(--vh)) #0b14261f}
.fr h3{letter-spacing:-.035em}
.fr.dk{border-color:#2a3b4b;background:radial-gradient(90% 70% at 100% 0,#d3a84d2b,transparent 60%),linear-gradient(165deg,#1c2e3d,#0d1720);
 box-shadow:inset 0 0 0 1px #d3a84d8c,inset 0 2px 0 #f0c85a,calc(.7*var(--vw)) calc(2.2*var(--vh)) calc(3.4*var(--vh)) #0b142659}
.fr.dk h3{color:#fff}
.fr li:before{content:"✓ ";color:var(--gold2)}
.clk:hover,.clk:focus-visible,.clk.hv{border-color:#f0d58f;transform:translateY(-8px)}
.clk:after{color:var(--gold3);letter-spacing:.02em}.fr.dk.clk:after{color:var(--gold1)}
dl dt{letter-spacing:.05em}.fr dl{padding-top:4px}
.fr dl>dt,.fr dl>dd{padding:5px 0;border-top:1px solid #1d2a3614}.fr dl>dt:first-of-type,.fr dl>dd:first-of-type{border-top:0}.fr.dk dl>dt,.fr.dk dl>dd{border-top-color:#ffffff1f}.fr.dk dl>dt:first-of-type,.fr.dk dl>dd:first-of-type{border-top:0}
.big2{background-image:linear-gradient(120deg,#8f6516,#e8c060 50%,#a97b22)}
.split span:first-child{background:linear-gradient(180deg,#1d2f3f,#0e1820)}
.split{box-shadow:inset 0 0 0 1px #d3a84d66}

/* ---------- ruang performa: gambar backtest besar & terbaca ---------- */
#performance .fr.bt[style]{width:calc(47*var(--vw))!important}
#performance .fr.bt img{border-radius:6px;border:1px solid #0b1420;box-shadow:0 0 0 3px #17222c,0 0 0 4px #d3a84d99;background:#202020}
#performance .fr.bt h3{font-size:1.6em}
#performance .fr.bt .note{margin-top:4px}
#performance .fr.dk.bt .big2.m{font-size:1.45em;line-height:1.1}

/* ---------- risiko, FAQ, kontak ---------- */
.risk{background:radial-gradient(80% 90% at 100% 0,#d3a84d26,transparent 60%),linear-gradient(165deg,#1c2e3d,#0d1720);border-color:#2a3b4b;border-radius:10px;box-shadow:inset 0 0 0 1px #d3a84d8c,inset 0 2px 0 #f0c85a}
.risk .chips span{border-color:#d3a84d80;background:#ffffff0d}
.chips span{transition:background .25s,border-color .25s}
.fq details{border-top:1.5px solid #1d2a3680;transition:background .3s}
.fq details[open]{border-top-color:var(--gold2)}
.fq details[open] summary{color:#0e2236}
.fq summary i{border-color:#1d2a3699;background:#fff8}
.fq details[open] summary i{background:var(--gold-grad);border-color:var(--gold2);color:#1b1305}
.fq summary:hover i{border-color:var(--gold2)}
.cnt img{filter:drop-shadow(0 10px 14px #0b142633)}
.fine{color:#4d504d}

/* ---------- form login ---------- */
.wf{padding:calc(2*var(--vw));border-radius:10px;background:linear-gradient(180deg,#ffffffb3,#ffffff80);box-shadow:inset 0 0 0 1px #d3a84d73,inset 0 1px 0 #fff;border:6px solid #f8f6ef}
.wf input[type=text],.wf input[type=password]{background:#fff;border-color:#1d2a3633}
.bub{background:linear-gradient(180deg,#fff,#fbf5e2);border-color:var(--gold3);box-shadow:inset 0 0 0 1px #fff}

/* ---------- jendela detail ---------- */
dialog{border-radius:18px;background:linear-gradient(180deg,#fffefa,#f8f4e8);box-shadow:0 0 0 1px #d3a84d99,0 40px 90px #000a;border-top:4px solid var(--gold2)}
dialog::backdrop{background:radial-gradient(60% 60% at 50% 40%,#1a2a38d9,#070d13f2);backdrop-filter:blur(8px)}
#dt.wide{width:min(1180px,calc(94*var(--vw)))}
#dt.wide #dtb .fr{padding:20px;font-size:1.02em}
.nv button{border-color:#d3a84d80;background:#fff}.nv button:hover{background:var(--navy);border-color:var(--gold2)}

/* ---------- satu momen masuk: hero muncul bertahap ---------- */
@keyframes avx-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
#home .wl>div>*{animation:avx-in .9s cubic-bezier(.2,.7,.2,1) both}
#home .wl>div>:nth-child(2){animation-delay:.12s}#home .wl>div>:nth-child(3){animation-delay:.26s}#home .wl>div>:nth-child(4){animation-delay:.38s}#home .wl>div>:nth-child(5){animation-delay:.5s}
@media(prefers-reduced-motion:reduce){#home .wl>div>*{animation:none}.btn:before{display:none}}