/* SIT, Super Intelligent Trader. Gaya halaman v6: meja trading malam (biru baja + emas batangan) dan kertas laporan putih dingin. */
:root{
  --malam:#070b14; --malam-2:#0b1120; --malam-3:#111a2c; --malam-garis:rgba(238,241,245,.11); --malam-garis-2:rgba(238,241,245,.2);
  --krem:#eef1f5; --krem-2:#e3e8ef; --krem-3:#d5dce6; --kertas:#f7f9fb;
  --tinta:#0b0f1a; --tinta-2:#3b4150; --tinta-3:#5b6170; --tinta-garis:rgba(11,15,26,.12);
  --teks-malam:#eef1f5; --teks-malam-2:#aab3c2; --teks-malam-3:#7f899b;
  --emas:#e2bf68; --emas-1:#f1d78f; --emas-2:#b98a30; --emas-tua:#8a6116;
  --aksen:#1f4178; --aksen-2:#2d5aa0; --baja:rgba(74,118,190,.2);
  --naik:#3ccf91; --turun:#f0604f; --naik-tua:#17704d; --turun-tua:#b23526;
  --huruf-judul:"Archivo",system-ui,sans-serif;
  --huruf:"IBM Plex Sans",system-ui,sans-serif;
  --huruf-angka:"IBM Plex Mono",ui-monospace,monospace;
  --kurva:cubic-bezier(.23,1,.32,1);
  --kurva-lembut:cubic-bezier(.32,.72,0,1);
  --r:18px; --r-kecil:10px;
  --tepi:clamp(16px,4.4vw,56px);
  --lebar:1240px; --lebar-atas:1180px;
}
/* layar komputer lebar: isi ikut melebar dan huruf sedikit membesar, supaya kiri-kanan tidak kosong */
@media (min-width:1500px){:root{--lebar:1480px;--lebar-atas:1410px}html{font-size:17px}}
@media (min-width:1760px){:root{--lebar:1760px;--lebar-atas:1680px}html{font-size:19px}}
@media (min-width:2200px){:root{--lebar:2100px;--lebar-atas:2010px}html{font-size:21px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--malam);color:var(--teks-malam);font-family:var(--huruf);font-size:1.0625rem;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%;height:auto}
h1,h2,h3{font-family:var(--huruf-judul);font-stretch:112%;line-height:1.08;margin:0;text-wrap:balance}
p{margin:0}
a{color:inherit}
::selection{background:var(--emas);color:var(--tinta)}
:focus-visible{outline:2px solid var(--emas);outline-offset:3px;border-radius:6px}
html{scrollbar-color:#2a3448 var(--malam)}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--malam)}::-webkit-scrollbar-thumb{background:#2a3448;border-radius:10px;border:2px solid var(--malam)}

.wadah{width:100%;max-width:var(--lebar);margin:0 auto;padding-left:var(--tepi);padding-right:var(--tepi)}
.lompat{position:absolute;left:12px;top:-60px;z-index:60;background:var(--emas);color:var(--tinta);padding:10px 16px;border-radius:999px;font-weight:600;text-decoration:none}
.lompat:focus{top:12px}

/* ---------- tombol & tautan ---------- */
.tombol{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:6px 8px 6px 24px;border-radius:999px;border:0;cursor:pointer;
  background:linear-gradient(180deg,var(--emas-1),var(--emas-2));color:#1a1306;font:600 1rem/1 var(--huruf);text-decoration:none;white-space:nowrap;
  box-shadow:0 12px 28px -14px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform .16s var(--kurva),box-shadow .2s var(--kurva),filter .2s}
.tombol:hover{filter:brightness(1.06);box-shadow:0 16px 32px -14px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.5)}
.tombol:active{transform:scale(.97)}
.tombol__ikon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(26,19,6,.12);transition:transform .25s var(--kurva)}
.tombol__ikon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tombol:hover .tombol__ikon{transform:translateX(3px)}
.tombol--kecil{min-height:42px;padding:0 20px;font-size:.92rem}
.tombol--penuh{width:100%;justify-content:center;padding:0 24px;min-height:56px;font-size:1.05rem}
.tombol--garis{background:transparent;color:var(--emas);box-shadow:inset 0 0 0 1.5px rgba(232,196,110,.6);padding:0 26px}
.tombol--garis:hover{background:rgba(232,196,110,.08);filter:none;box-shadow:inset 0 0 0 1.5px var(--emas)}
.tombol:disabled{opacity:.6;cursor:progress}
.tautan{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--emas);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;text-decoration-color:rgba(232,196,110,.45);transition:text-decoration-color .2s,color .2s}
.tautan:hover{text-decoration-color:currentColor}

/* ---------- kepala halaman ---------- */
.atas{position:fixed;inset:0 0 auto;z-index:40;padding-top:14px;transition:transform .35s var(--kurva)}
.atas__isi{display:flex;align-items:center;justify-content:space-between;gap:20px;height:64px;border-radius:999px;
  padding-left:22px;padding-right:8px;max-width:var(--lebar-atas);transition:background .3s,box-shadow .3s,backdrop-filter .3s}
.atas.tergulir .atas__isi{background:rgba(7,11,20,.9);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:inset 0 0 0 1px var(--malam-garis),0 12px 40px -18px rgba(0,0,0,.6)}
.merek img{width:auto;height:30px}
.menu{display:flex;gap:30px}
.menu a{text-decoration:none;color:var(--teks-malam-2);font-size:.95rem;font-weight:500;transition:color .15s}
.menu a:hover{color:var(--teks-malam)}
@media (max-width:860px){.menu{display:none}.atas__isi{padding-left:18px;height:58px}.merek img{height:26px}}
@media (max-width:420px){.atas .tombol--kecil{padding:0 16px;font-size:.86rem;min-height:40px}}

/* ---------- pembuka ---------- */
.pembuka{position:relative;min-height:min(100svh,900px);display:flex;align-items:center;overflow:hidden;isolation:isolate;
  background:radial-gradient(55% 65% at 72% 42%,rgba(74,118,190,.16),transparent 70%),radial-gradient(90% 60% at 50% 110%,#0d1527 0%,transparent 70%),var(--malam)}
.pembuka::after{content:"";position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(transparent,var(--malam));z-index:1;pointer-events:none}
.pembuka__panggung{position:absolute;z-index:0;top:0;bottom:0;right:-4vw;width:min(62vw,900px)}
.pembuka__panggung canvas{position:absolute;inset:0;width:100%!important;height:100%!important;opacity:0;transition:opacity 1.2s var(--kurva)}
.pembuka__panggung.hidup canvas{opacity:1}
.pembuka__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;-webkit-mask-image:radial-gradient(62% 58% at 55% 50%,#000 60%,transparent 100%);mask-image:radial-gradient(62% 58% at 55% 50%,#000 60%,transparent 100%);transition:opacity 1s var(--kurva)}
.pembuka__panggung.hidup .pembuka__poster{opacity:0}
.pembuka__isi{position:relative;z-index:2;padding-top:120px;padding-bottom:110px}
.pembuka__logo{margin-left:-6px}
.pembuka__logo img{width:clamp(250px,30vw,420px)}
.pembuka__kalimat{margin-top:30px;max-width:30ch;font-size:clamp(1.25rem,1.9vw,1.6rem);line-height:1.45;color:var(--teks-malam);font-weight:500;letter-spacing:-.01em}
.pembuka__kalimat em{font-style:normal;color:var(--emas-1);white-space:nowrap}
.pembuka__aksi{margin-top:38px;display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
@media (max-width:860px){
  .pembuka{min-height:auto;align-items:flex-end}
  .pembuka__panggung{position:relative;position:absolute;top:56px;bottom:auto;right:0;left:0;width:100%;height:min(108vw,560px)}
  .pembuka__isi{padding-top:min(96vw,500px);padding-bottom:72px}
  .pembuka__logo img{width:min(64vw,280px)}
  .pembuka__kalimat{margin-top:22px;font-size:1.2rem}
  .pembuka__aksi{margin-top:28px}
}

/* ---------- bagian umum ---------- */
.bagian{position:relative;padding:clamp(80px,11vw,150px) 0}
.bagian h2{font-size:clamp(2rem,4.1vw,3.25rem);font-weight:760;letter-spacing:-.028em;max-width:21ch}
.pengantar{margin-top:20px;max-width:60ch;font-size:1.1rem;line-height:1.65}
.bagian--malam{background:var(--malam);color:var(--teks-malam)}
.bagian--malam .pengantar{color:var(--teks-malam-2)}
.bagian--krem{background:var(--krem);color:var(--tinta)}
.bagian--kertas{background:var(--kertas);color:var(--tinta)}
.bagian--krem .pengantar,.bagian--kertas .pengantar{color:var(--tinta-2)}
.bagian--krem .tautan,.bagian--kertas .tautan{color:var(--aksen);text-decoration-color:rgba(185,138,48,.7)}
.bagian--krem ::selection,.bagian--kertas ::selection{background:var(--tinta);color:var(--krem)}

/* ---------- cara kerja (grafik) ---------- */
.cara{padding-top:clamp(40px,6vw,80px)}
.cara__kepala{max-width:820px}
.cara__isi{margin-top:48px;display:block}
.grafik-bingkai{position:relative;margin:0;padding:8px;border-radius:26px;background:linear-gradient(180deg,rgba(238,241,245,.06),rgba(238,241,245,.02));box-shadow:inset 0 0 0 1px var(--malam-garis)}
.grafik-bingkai__kepala{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 10px;border-radius:19px 19px 0 0;background:var(--malam-2)}
.grafik-bingkai__pasar{font:600 .95rem/1.2 var(--huruf-judul);letter-spacing:.02em;color:var(--teks-malam)}
.grafik-bingkai__pasar b{font-weight:600;color:var(--emas);margin-left:4px}
.grafik-bingkai__pasar span{display:inline-block;margin-left:10px;font:500 .85rem var(--huruf);color:var(--teks-malam-3);letter-spacing:0}
.grafik-bingkai__harga{font:600 1.05rem var(--huruf-angka);font-variant-numeric:tabular-nums;color:var(--teks-malam);transition:color .2s}
.grafik-bingkai__harga.naik{color:var(--naik)}.grafik-bingkai__harga.turun{color:var(--turun)}
.grafik-bingkai__kanvas{position:relative;height:clamp(340px,40vw,500px);background:var(--malam-2);border-radius:0 0 19px 19px;overflow:hidden}
.grafik-bingkai__kanvas svg{position:absolute;inset:0;width:100%;height:100%}
.grafik-bingkai figcaption{display:flex;gap:14px;align-items:flex-start;padding:16px 14px 8px;font-size:.88rem;line-height:1.55;color:var(--teks-malam-3)}
.putar{flex:none;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;border:0;background:rgba(232,196,110,.1);color:var(--emas);font:600 .85rem var(--huruf);cursor:pointer;transition:background .15s,transform .16s var(--kurva)}
.putar:hover{background:rgba(232,196,110,.18)}.putar:active{transform:scale(.97)}
.putar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* isi grafik svg */
.g-kisi{stroke:rgba(238,241,245,.07);stroke-width:1}
.g-label{fill:#8792a6;font:500 12px var(--huruf-angka)}
.g-label--waktu{fill:#7f899b}
.g-candle line{stroke-width:1}
.g-naik line{stroke:var(--naik)}.g-naik rect{fill:var(--naik)}
.g-turun line{stroke:var(--turun)}.g-turun rect{fill:var(--turun)}
.g-candle{opacity:0;transition:opacity .25s}
.g-candle.tampil{opacity:1}
.g-candle:not(.tampil) rect,.g-candle:not(.tampil) line{transform:scaleY(.04)}
.g-area rect.isi{fill:rgba(226,191,104,.1)}
.g-area line{stroke:rgba(226,191,104,.75);stroke-width:1;stroke-dasharray:4 4}
.g-teks-area{fill:var(--emas);font:600 12px var(--huruf-judul);letter-spacing:.04em}
.g-muncul{opacity:0;transition:opacity .5s var(--kurva)}
.g-muncul.tampil{opacity:1}
.g-zona-tp{fill:rgba(60,207,145,.13)}
.g-zona-sl{fill:rgba(240,96,79,.15)}
.g-garis-entry{stroke:#eef1f5;stroke-width:1.2}
.g-garis-tp{stroke:var(--naik);stroke-width:1.4}
.g-garis-sl{stroke:var(--turun);stroke-width:1.4}
.g-tag rect{rx:5}
.g-tag text{font:600 12px var(--huruf-angka)}
.g-tag--tp rect{fill:var(--naik)}.g-tag--tp text{fill:#05261a}
.g-tag--sl rect{fill:var(--turun)}.g-tag--sl text{fill:#2c0905}
.g-tag--entry rect{fill:#eef1f5}.g-tag--entry text{fill:#0b0f1a}
.g-nama{font:700 11px var(--huruf-judul);letter-spacing:.06em}.g-tag--tp-nama{fill:var(--naik)}.g-tag--sl-nama{fill:var(--turun)}.g-tag--entry-nama{fill:#eef1f5}
.g-sorot{fill:none;stroke:var(--emas-1);stroke-width:1.5;stroke-dasharray:3 3}
.g-teks-sorot{fill:var(--emas-1);font:600 12px var(--huruf)}
.g-kena circle{fill:var(--naik)}
.g-kena .denyut{fill:none;stroke:var(--naik);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:denyut 1.8s var(--kurva) infinite}
@keyframes denyut{from{transform:scale(1);opacity:.9}to{transform:scale(3.2);opacity:0}}
/* market structure: swing, CHoCH, breakout */
.g-swing-garis{stroke:#9fb4d6;stroke-width:1.2;stroke-dasharray:2 3}
.g-swing-lanjut{stroke:rgba(159,180,214,.45);stroke-width:1;stroke-dasharray:2 4}
.g-teks-struk{fill:#9fb4d6;font:500 11.5px var(--huruf-angka);paint-order:stroke;stroke:var(--malam-2);stroke-width:4px;stroke-linejoin:round}
.g-teks-struk--terang{fill:var(--teks-malam);font:500 12.5px var(--huruf)}
.g-teks-choch{fill:#cfdcf0;font:700 11px var(--huruf-judul);letter-spacing:.07em;paint-order:stroke;stroke:var(--malam-2);stroke-width:4px;stroke-linejoin:round}
.g-titik-struk{fill:#cfdcf0}
.g-titik-struk--kosong{fill:var(--malam-2);stroke:#cfdcf0;stroke-width:1.5}
.g-sorot-choch{fill:rgba(159,180,214,.1);stroke:#9fb4d6;stroke-width:1.2}
.g-tunjuk{fill:none;stroke:rgba(159,180,214,.6);stroke-width:1;stroke-dasharray:3 3}
@media (max-width:600px){.g-teks-struk{font-size:10px}.g-teks-struk--terang{font-size:11px}.g-teks-choch{font-size:10px;letter-spacing:.05em}.g-teks-area{font-size:10.5px}.g-tag text,.g-harga text{font-size:10.5px}.g-label{font-size:10.5px}}

.kartu-rencana{position:relative;margin:8px 0 0;padding:16px 20px;border-radius:19px;display:grid;grid-template-columns:auto 1.5fr 1fr;gap:6px 28px;align-items:start;
  background:rgba(11,17,32,.92);box-shadow:inset 0 0 0 1px rgba(232,196,110,.35),0 20px 50px -20px rgba(0,0,0,.7);
  font-size:.95rem;line-height:1.5;color:var(--teks-malam);opacity:0;transform:translateY(8px) scale(.98);transition:opacity .4s var(--kurva),transform .4s var(--kurva);pointer-events:none}
.kartu-rencana.tampil{opacity:1;transform:none}
.kartu-rencana p+p{margin-top:0}.kartu-rencana__waktu{padding-top:2px}
.kartu-rencana b{font:700 .8rem var(--huruf-judul);letter-spacing:.08em;color:var(--emas);margin-right:4px}
.kartu-rencana__waktu{font-size:.8rem;color:var(--teks-malam-3);max-width:12ch;line-height:1.35}
.kursor{display:inline-block;width:2px;height:1em;margin-left:1px;vertical-align:-2px;background:var(--emas);animation:kedip 1s steps(1) infinite}
@keyframes kedip{50%{opacity:0}}

.langkah{list-style:none;margin:0;padding:0;display:grid;gap:4px;counter-reset:l}
.langkah li{position:relative;padding:18px 0 18px 30px;border-top:1px solid var(--malam-garis);transition:opacity .4s var(--kurva)}
.langkah li:first-child{border-top:0}
.langkah li::before{content:"";position:absolute;left:4px;top:24px;width:6px;height:26px;border-radius:2px;background:var(--malam-garis-2);transition:background .3s,box-shadow .3s}
.langkah li::after{content:"";position:absolute;left:6.5px;top:16px;width:1px;height:42px;background:var(--malam-garis-2);transition:background .3s}
.js .langkah li{opacity:.42}
.js .langkah li.aktif,.js .langkah li.lewat{opacity:1}
.langkah li.aktif::before,.langkah li.lewat::before{background:linear-gradient(var(--emas-1),var(--emas-2));}
.langkah li.aktif::after,.langkah li.lewat::after{background:var(--emas-2)}
.langkah__jam{font:600 .82rem var(--huruf-angka);color:var(--emas)}
.langkah h3{margin-top:4px;font-size:1.08rem;font-weight:700;letter-spacing:-.01em}
.langkah p{margin-top:6px;font-size:.95rem;line-height:1.55;color:var(--teks-malam-2)}
.cara__catatan{margin-top:48px;padding-top:24px;border-top:1px solid var(--malam-garis);color:var(--teks-malam-2);max-width:70ch}
@media (max-width:1000px){
  .cara__isi{grid-template-columns:1fr;gap:28px}
  .langkah{grid-template-columns:1fr 1fr;gap:0 24px}
  .langkah li:nth-child(2){border-top:0}
}
@media (max-width:600px){
  .grafik-bingkai{padding:5px;border-radius:20px;margin-left:-6px;margin-right:-6px}
  .grafik-bingkai__kepala{padding:12px 14px 8px;border-radius:15px 15px 0 0}
  .grafik-bingkai__pasar span{display:block;margin:3px 0 0}
  .grafik-bingkai__kanvas{height:430px;border-radius:0 0 15px 15px}
  .grafik-bingkai figcaption{flex-direction:column;padding:14px 10px 6px}
  .kartu-rencana{grid-template-columns:1fr;gap:6px;font-size:.9rem;padding:12px 14px;border-radius:15px}.kartu-rencana__waktu{max-width:none}
  .langkah{grid-template-columns:1fr}
  .langkah li:nth-child(2){border-top:1px solid var(--malam-garis)}
}

/* ---------- isi grup ---------- */
.isi-grup__isi{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,7vw,110px);align-items:center}
.jadwal{list-style:none;margin:44px 0 0;padding:0}
.jadwal li{display:grid;grid-template-columns:170px 1fr;gap:24px;padding:22px 0;border-top:1px solid var(--tinta-garis)}
.jadwal li:last-child{border-bottom:1px solid var(--tinta-garis)}
.jadwal__jam{font:500 .8rem/1.45 var(--huruf-angka);letter-spacing:.01em;color:var(--aksen);padding-top:4px}
.jadwal h3{font-size:1.15rem;font-weight:700;letter-spacing:-.015em}
.jadwal p{margin-top:6px;color:var(--tinta-2);max-width:52ch}
@media (max-width:600px){.jadwal li{grid-template-columns:1fr;gap:6px}}

.hp-bingkai{justify-self:center;width:100%;max-width:370px}
.hp{border-radius:46px;padding:10px;background:linear-gradient(160deg,#20263a,#0b0f1a 60%);box-shadow:0 50px 80px -40px rgba(11,15,26,.55),0 20px 40px -24px rgba(11,15,26,.4),inset 0 0 0 1.5px rgba(255,255,255,.08)}
.hp__kepala{display:flex;align-items:center;gap:12px;padding:16px 18px 12px;border-radius:36px 36px 0 0;background:#1c2230;color:#eef0f3}
.hp__kepala img{border-radius:50%}
.hp__kepala b{display:block;font-size:.98rem}
.hp__kepala span{font-size:.78rem;color:#a7adba}
.hp__layar{height:600px;padding:12px 12px 18px;border-radius:0 0 36px 36px;background:#0e141f;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2a3342 transparent;font-size:.86rem;line-height:1.45;color:#e9edf2}
.hari{align-self:center;margin:6px 0 2px;padding:3px 10px;border-radius:8px;background:#1d2533;color:#aeb5c2;font-size:.72rem;font-weight:600}
.gelembung{position:relative;max-width:88%;align-self:flex-start;padding:8px 10px 18px;border-radius:4px 12px 12px 12px;background:#1f2a37}
.gelembung::after{content:attr(data-jam);position:absolute;right:9px;bottom:4px;font-size:.68rem;color:#8d97a6}
.gelembung p+p{margin-top:6px}
.gelembung img{margin:8px 0;border-radius:8px}
.gelembung--member{background:#1a2230}
.gelembung__potong{color:#8d97a6}
.buram{filter:blur(4.5px);user-select:none;color:#9bc7ff;font-weight:600;font-size:.8rem}
.buram--teks{color:#d5dbe3;font-weight:400;margin-top:4px}
.js .hp__layar>*{opacity:0;transform:translateY(10px);transition:opacity .45s var(--kurva),transform .45s var(--kurva)}
.js .hp__layar>.tampil{opacity:1;transform:none}
.hp-catatan{margin-top:16px;text-align:center;font-size:.85rem;color:var(--tinta-3)}
@media (max-width:900px){.isi-grup__isi{grid-template-columns:1fr}}

/* ---------- rekap ---------- */
.rekap__kepala{max-width:820px}
.minggu-utama{margin-top:56px;padding:clamp(24px,4vw,48px);border-radius:28px;background:var(--krem);box-shadow:inset 0 0 0 1px var(--tinta-garis),0 30px 60px -40px rgba(11,15,26,.25)}
.minggu-utama__kepala{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px}
.minggu-utama__kepala h3{font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:760;letter-spacing:-.02em}
.minggu-utama__kepala p{color:var(--tinta-2)}
.minggu-utama__dua{margin-top:32px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,72px);align-items:start}
.hitung{padding-top:24px;border-top:1px solid var(--tinta-garis)}
.hitung__nama{font-weight:600;color:var(--tinta-2)}
.hitung__angka{margin-top:10px;display:flex;gap:28px;font:600 clamp(3rem,6vw,4.6rem)/1 var(--huruf-angka);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.hitung__angka small{font:700 .3em var(--huruf-judul);letter-spacing:.06em;vertical-align:.95em;margin-left:0}
.tp{color:var(--naik-tua)}.sl{color:var(--turun-tua)}
.hitung__jejak{margin-top:18px;display:flex;flex-wrap:wrap;gap:5px;min-height:34px;align-items:flex-end}
.hitung__jejak i{display:block;width:9px;border-radius:2px;position:relative;transform-origin:bottom;transition:transform .5s var(--kurva),opacity .5s}
.hitung__jejak i::before{content:"";position:absolute;left:50%;top:-6px;bottom:-6px;width:1.5px;margin-left:-.75px;background:inherit;opacity:.8}
.hitung__jejak i.t{height:26px;background:var(--naik-tua)}
.hitung__jejak i.s{height:18px;background:var(--turun-tua);margin-top:8px}
.hitung__jejak i.pisah{width:1px;height:34px;background:var(--tinta-garis);margin:0 6px}
.hitung__jejak i.pisah::before{display:none}
.js .hitung__jejak i{transform:scaleY(0);opacity:0}
.js .hitung__jejak.tampil i{transform:none;opacity:1}
.hitung__ringkas{margin-top:18px;font-weight:600}
.minggu-utama__catatan{margin-top:26px;padding-top:22px;border-top:1px solid var(--tinta-garis);max-width:44ch;color:var(--tinta-2)}
.minggu-utama .tautan{margin-top:18px}
.minggu-lain{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.minggu{display:grid;gap:6px;padding:26px 28px;border-radius:22px;text-decoration:none;background:var(--krem);box-shadow:inset 0 0 0 1px var(--tinta-garis);transition:box-shadow .2s,transform .2s var(--kurva)}
.minggu:hover{box-shadow:inset 0 0 0 1px rgba(31,65,120,.45);transform:translateY(-2px)}
.minggu__tanggal{font:700 1.2rem var(--huruf-judul);letter-spacing:-.02em}
.minggu__ket{color:var(--tinta-2);font-size:.95rem}
.minggu__angka{margin-top:10px;display:flex;gap:18px;font:800 1.9rem/1 var(--huruf-judul);letter-spacing:-.03em}
.minggu__ringkas{font-weight:600;font-size:.95rem}
.cara-hitung{margin-top:36px;max-width:76ch;font-size:.9rem;color:var(--tinta-3)}
.cara-hitung a{color:var(--aksen);font-weight:600;text-underline-offset:4px}
@media (max-width:900px){.minggu-utama__dua,.minggu-lain{grid-template-columns:1fr}.hitung__angka{gap:22px}}

/* ---------- seminar ---------- */
.seminar{overflow:hidden;background:radial-gradient(50% 80% at 85% 50%,var(--baja),transparent 70%),var(--malam)}
.seminar__isi{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);align-items:center}
.seminar .tombol{margin-top:34px}
.seminar__waktu{margin:0;display:grid;gap:0}
.seminar__waktu div{display:grid;grid-template-columns:90px 1fr;align-items:baseline;gap:4px 20px;padding:22px 0;border-top:1px solid var(--malam-garis)}
.seminar__waktu div:last-child{border-bottom:1px solid var(--malam-garis)}
.seminar__waktu dt{font-size:.88rem;color:var(--teks-malam-3);font-weight:500}
.seminar__waktu dd{margin:0;font:760 clamp(1.8rem,3.4vw,2.6rem)/1.05 var(--huruf-judul);font-stretch:112%;letter-spacing:-.02em;color:var(--emas-1)}
.seminar__waktu span{grid-column:2;font-size:.92rem;color:var(--teks-malam-2)}
@media (max-width:860px){.seminar__isi{grid-template-columns:1fr}}

/* ---------- istilah ---------- */
.istilah{margin:48px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(32px,6vw,80px)}
.istilah div{position:relative;display:grid;grid-template-columns:96px 1fr;grid-template-rows:auto 1fr;column-gap:22px;padding:24px 0;border-top:1px solid var(--tinta-garis)}
.istilah dt,.istilah dd{grid-column:2}
.istilah dt{font:700 1.15rem var(--huruf-judul);font-stretch:108%;letter-spacing:-.01em}
.istilah dd{margin:8px 0 0;color:var(--tinta-2);max-width:54ch}
@media (max-width:760px){.istilah{grid-template-columns:1fr}}

/* ---------- coba gratis ---------- */
.coba{background:radial-gradient(60% 60% at 15% 0%,var(--baja),transparent 70%),var(--malam)}
.coba__isi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:clamp(40px,7vw,110px);align-items:start}
.coba__poin{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:14px}
.coba__poin li{position:relative;padding-left:26px;color:var(--teks-malam)}
.coba__poin li::before{content:"";position:absolute;left:4px;top:5px;width:6px;height:15px;border-radius:2px;background:linear-gradient(var(--emas-1),var(--emas-2))}
.formulir{padding:clamp(22px,3.4vw,34px);border-radius:26px;background:var(--malam-2);box-shadow:inset 0 0 0 1px var(--malam-garis),0 40px 80px -40px rgba(0,0,0,.6);display:grid;gap:20px}
.kolom{display:grid;gap:8px}
.kolom label,.formulir legend{font-size:.92rem;font-weight:600;color:var(--teks-malam)}
.formulir input:not([type=radio]){width:100%;height:52px;padding:0 16px;border-radius:12px;border:1px solid var(--malam-garis-2);background:var(--malam);color:var(--teks-malam);font:500 1rem var(--huruf);transition:border-color .15s,box-shadow .15s}
.formulir input::placeholder{color:#6f7a8e}
.formulir input:focus{outline:none;border-color:var(--emas);box-shadow:0 0 0 3px rgba(232,196,110,.2)}
.formulir input[aria-invalid=true]{border-color:var(--turun);box-shadow:0 0 0 3px rgba(240,96,79,.18)}
.formulir fieldset{border:0;margin:0;padding:0}
.formulir legend{padding:0;margin-bottom:10px}
.pilihan{display:flex;flex-wrap:wrap;gap:8px}
.pilihan label{position:relative;cursor:pointer}
.pilihan input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.pilihan span{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--malam-garis-2);font-size:.92rem;font-weight:500;color:var(--teks-malam-2);transition:background .15s,border-color .15s,color .15s}
.pilihan input:checked+span{background:rgba(232,196,110,.14);border-color:var(--emas);color:var(--emas-1)}
.pilihan input:focus-visible+span{outline:2px solid var(--emas);outline-offset:2px}
.jebakan{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.formulir__salah{padding:10px 14px;border-radius:10px;background:rgba(240,96,79,.12);color:#ffb3a8;font-size:.92rem}
.formulir__catatan{font-size:.82rem;color:var(--teks-malam-3);line-height:1.5}
.formulir__catatan a{color:var(--teks-malam-2);text-underline-offset:3px}
@media (max-width:900px){.coba__isi{grid-template-columns:1fr}}

/* ---------- penutup ---------- */
.bawah{padding:72px 0 120px;background:#05080f;color:var(--teks-malam-2);font-size:.9rem;border-top:1px solid var(--malam-garis)}
.bawah__logo{width:210px;margin-bottom:28px}
.bawah__legal{max-width:72ch;color:var(--teks-malam)}.nowrap{white-space:nowrap}
.bawah__risiko{margin-top:14px;max-width:80ch;color:var(--teks-malam-3);font-size:.85rem}
.bawah__tautan{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--teks-malam-3)}
.bawah__tautan a{color:var(--teks-malam-2);text-underline-offset:4px}
.bawah__oleh{margin-top:26px;padding-top:20px;border-top:1px solid var(--malam-garis);color:var(--teks-malam-3);font-size:.85rem;letter-spacing:.02em}

/* ---------- tombol melayang (HP) ---------- */
.tombol-melayang{position:fixed;z-index:45;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 20px 0 16px;border-radius:999px;
  background:linear-gradient(180deg,var(--emas-1),var(--emas-2));color:#1a1306;font-weight:600;text-decoration:none;box-shadow:0 16px 40px -14px rgba(0,0,0,.7);
  opacity:0;transform:translateY(16px) scale(.96);pointer-events:none;transition:opacity .3s var(--kurva),transform .3s var(--kurva)}
.tombol-melayang svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.tombol-melayang.tampil{opacity:1;transform:none;pointer-events:auto}
@media (min-width:861px){.tombol-melayang{display:none}}

/* ---------- v6: pita harga di pembuka ---------- */
.pita{position:absolute;left:0;right:0;bottom:0;z-index:3;overflow:hidden;border-top:1px solid var(--malam-garis);background:rgba(7,11,20,.72);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.pita__jalan{display:flex;width:max-content;animation:pita 70s linear infinite}
.pita:hover .pita__jalan{animation-play-state:paused}
.pita ul{display:flex;list-style:none;margin:0;padding:0}
.pita li{display:flex;align-items:center;gap:8px;padding:13px 0 13px 26px;white-space:nowrap;font:500 .8rem var(--huruf-angka);color:var(--teks-malam-3);letter-spacing:.01em}
.pita li::after{content:"";width:4px;height:4px;margin-left:18px;border-radius:1px;background:var(--malam-garis-2);transform:rotate(45deg)}
.pita b{font-weight:600;color:var(--teks-malam-2)}
.pita span{color:var(--teks-malam)}
.pita--tp span{color:var(--naik)}.pita--sl span{color:var(--turun)}
@keyframes pita{to{transform:translateX(-50%)}}

/* pembuka masuk: satu momen saat halaman dibuka */
.js .pembuka__logo,.js .pembuka__kalimat,.js .pembuka__aksi{opacity:0;transform:translateY(14px);transition:opacity .9s var(--kurva),transform .9s var(--kurva)}
.js .pembuka__kalimat{transition-delay:.15s}.js .pembuka__aksi{transition-delay:.3s}
.js .siap .pembuka__logo,.js .siap .pembuka__kalimat,.js .siap .pembuka__aksi{opacity:1;transform:none}

/* kilau emas di tombol saat disorot */
.tombol{position:relative;overflow:hidden;isolation:isolate}
.tombol::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);transform:translateX(-120%);transition:transform .7s var(--kurva)}
.tombol:hover::before{transform:translateX(120%)}
.tombol--garis::before{background:linear-gradient(105deg,transparent 35%,rgba(226,191,104,.22) 50%,transparent 65%)}
.menu a{position:relative;padding:6px 0}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--emas);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--kurva)}
.menu a:hover::after{transform:scaleX(1);transform-origin:left}

/* grafik: candle tumbuh dari harga open, garis harga berjalan, crosshair */
.g-candle rect,.g-candle line{transition:transform .3s var(--kurva)}
.g-harga line{stroke:var(--teks-malam-2);stroke-width:1;stroke-dasharray:2 3;opacity:.75}
.g-harga text{font:600 12px var(--huruf-angka)}
.g-harga.naik rect{fill:var(--naik)}.g-harga.naik text{fill:#05261a}
.g-harga.turun rect{fill:var(--turun)}.g-harga.turun text{fill:#2c0905}
.g-harga{transition:opacity .3s}
.g-harga.sembunyi{opacity:0}
.g-silang{pointer-events:none;opacity:0;transition:opacity .15s}
.g-silang.tampil{opacity:1}
.g-silang line{stroke:rgba(238,241,245,.35);stroke-width:1;stroke-dasharray:3 3}
.g-silang rect{fill:#18213a;stroke:rgba(238,241,245,.16)}
.g-silang text{font:500 11.5px var(--huruf-angka);fill:var(--teks-malam)}
.g-silang .redup{fill:var(--teks-malam-3)}
.grafik-bingkai__kanvas.bisa-sorot{cursor:crosshair}

/* rekap: buku R */
.buku-r{margin:0;padding-top:24px;border-top:1px solid var(--tinta-garis)}
.buku-r__judul{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-weight:600;color:var(--tinta-2)}
.buku-r__total{font:600 1rem var(--huruf-angka);color:var(--naik-tua)}
.buku-r__grafik{position:relative;height:150px;margin-top:14px}
.buku-r__grafik svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.r-kisi{stroke:var(--tinta-garis);stroke-width:1}
.r-nol{stroke:rgba(11,15,26,.3);stroke-width:1;stroke-dasharray:3 3}
.r-label{font:500 11px var(--huruf-angka);fill:var(--tinta-3)}
.r-garis{fill:none;stroke:var(--aksen);stroke-width:2;stroke-linejoin:round}
.r-isi{opacity:0;transition:opacity .8s var(--kurva) .6s}
.buku-r__grafik.tampil .r-isi{opacity:1}
.r-titik{transition:transform .2s var(--kurva);transform-box:fill-box;transform-origin:center}
.r-titik.t{fill:var(--naik-tua)}.r-titik.s{fill:var(--turun-tua)}
.r-titik.sorot{transform:scale(1.6)}
.buku-r__daftar{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;counter-reset:r}
.buku-r__daftar li{counter-increment:r;display:grid;grid-template-columns:20px 74px 1fr auto;align-items:baseline;gap:6px;padding:7px 6px;border-top:1px solid var(--tinta-garis);font:500 .8rem/1.3 var(--huruf-angka);color:var(--tinta-2);border-radius:6px;transition:background .15s}
.buku-r__daftar li::before{content:counter(r);color:var(--tinta-3)}
.buku-r__daftar li:hover,.buku-r__daftar li.sorot{background:rgba(31,65,120,.07)}
.buku-r__hari{color:var(--tinta-3)}
.buku-r__arah{color:var(--tinta);font-weight:600}
.buku-r__area{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.buku-r__daftar b{font-weight:600}
.buku-r__daftar .t b{color:var(--naik-tua)}.buku-r__daftar .s b{color:var(--turun-tua)}
@media (max-width:520px){.buku-r__daftar{grid-template-columns:1fr}}

/* istilah: skema kecil */
.skema{grid-row:1 / span 2;display:block;width:96px;height:72px;margin-top:4px;border-radius:10px;background:var(--kertas);box-shadow:inset 0 0 0 1px var(--tinta-garis);overflow:hidden;transition:box-shadow .2s}
.skema svg{display:block;width:100%;height:100%}
.sk-naik{fill:var(--naik-tua);stroke:var(--naik-tua)}.sk-turun{fill:var(--turun-tua);stroke:var(--turun-tua)}
.sk-area{fill:rgba(31,65,120,.1);stroke:rgba(31,65,120,.55);stroke-dasharray:3 2;stroke-width:.8}
.sk-garis{fill:none;stroke:var(--tinta);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}
.sk-putus{stroke:var(--tinta-3);stroke-width:.8;stroke-dasharray:2 2}
.sk-sl{stroke:var(--turun-tua);stroke-width:1.2}.sk-tp{stroke:var(--naik-tua);stroke-width:1.2}.sk-entry{stroke:var(--tinta);stroke-width:1}
.sk-teks{font:600 7.5px var(--huruf-angka);fill:var(--tinta-3)}
.sk-sorot{fill:none;stroke:var(--aksen-2);stroke-width:1;stroke-dasharray:2 2}
.js .skema .sk-gambar{stroke-dasharray:var(--p,200);stroke-dashoffset:var(--p,200);transition:stroke-dashoffset 1.2s var(--kurva) .1s}
.js .skema.tampil .sk-gambar{stroke-dashoffset:0}
.js .skema .sk-c{opacity:0;transition:opacity .25s}
.js .skema.tampil .sk-c{opacity:1}
.istilah div:hover .skema{box-shadow:inset 0 0 0 1px rgba(31,65,120,.45)}
@media (max-width:420px){.istilah div{grid-template-columns:76px 1fr;column-gap:16px}.skema{width:76px;height:57px}}

/* ---------- v7: kemampuan SIT (adegan diadaptasi dari presentasi) ---------- */
.sk-titik{fill:var(--aksen)}
.kemampuan{background:radial-gradient(60% 40% at 80% 18%,rgba(74,118,190,.14),transparent 70%),radial-gradient(50% 30% at 10% 70%,rgba(74,118,190,.08),transparent 70%),var(--malam);color:var(--teks-malam)}
.kemampuan .pengantar{color:var(--teks-malam-2)}
.kemampuan__kepala{max-width:820px}

.kemampuan__isi{margin-top:clamp(56px,8vw,110px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(32px,5vw,72px);align-items:start}
.panggung-k{grid-column:2;grid-row:1;position:sticky;top:max(92px,calc(50vh - 280px));height:min(560px,calc(100vh - 124px));border-radius:28px;overflow:hidden;isolation:isolate;
  background:radial-gradient(70% 60% at 50% 50%,#0f1a30 0%,#080d18 75%);box-shadow:inset 0 0 0 1px var(--malam-garis),0 40px 80px -50px rgba(0,0,0,.8)}
.panggung-k::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,transparent 60%,rgba(3,6,12,.75) 100%)}
.panggung-k__kanvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;opacity:0;transition:opacity 1s var(--kurva)}
.panggung-k.hidup .panggung-k__kanvas{opacity:1}
.panggung-k__label{position:absolute;inset:0;z-index:1;pointer-events:none}
.k-label{position:absolute;left:0;top:0;transform:translate(-50%,-50%);white-space:nowrap;font:600 12.5px/1.25 var(--huruf);color:#bcd0f2;text-align:center;opacity:0;transition:opacity .5s var(--kurva);text-shadow:0 2px 10px rgba(0,0,0,.95)}
.k-label small{display:block;font-size:.8em;font-weight:500;color:var(--teks-malam-3)}
.panggung-k__gambar{position:absolute;inset:0;z-index:2;pointer-events:none}
.panggung-k__gambar figure{position:absolute;inset:22px;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transform:scale(.9) translateY(24px);transition:opacity .6s var(--kurva),transform .8s var(--kurva),filter .6s}
.panggung-k__gambar img{width:auto;max-width:100%;height:auto;max-height:calc(100% - 34px);object-fit:contain;border-radius:14px;box-shadow:0 30px 70px -20px rgba(0,0,0,.8),0 0 0 1px rgba(238,241,245,.1);background:#fff}
.panggung-k__gambar figcaption{margin-top:12px;text-align:center;font:500 .8rem var(--huruf-angka);color:var(--teks-malam-2)}
.panggung-k__gambar figure.aktif{opacity:1;transform:none}
.panggung-k__gambar figure.lewat{opacity:0;transform:scale(1.14);filter:blur(3px)}

.bab-daftar{grid-column:1;grid-row:1}
.bab{min-height:min(86vh,820px);display:flex;flex-direction:column;justify-content:center;padding:40px 0;opacity:.32;transition:opacity .5s var(--kurva)}
.bab.aktif{opacity:1}
.bab h3{font-size:clamp(1.55rem,2.6vw,2.15rem);font-weight:760;letter-spacing:-.025em;max-width:20ch}
.bab h3 em{font-style:normal;color:var(--emas-1)}
.bab__teks{margin-top:18px;max-width:46ch;color:var(--teks-malam-2);font-size:1.05rem}
.bab__teks b{color:#bcd0f2;font-weight:600}
.bab__catatan{margin-top:20px;max-width:52ch;font-size:.86rem;color:var(--teks-malam-3)}
.bab__titik{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px}
.bab__titik li{position:relative;padding-left:26px;color:var(--teks-malam-2)}
.bab__titik li b{color:var(--teks-malam);font-weight:600}
.bab__titik li::before{content:"";position:absolute;left:2px;top:.5em;width:9px;height:9px;border-radius:50%;background:#7fa5e6;box-shadow:0 0 12px #4a76be}
.bab__titik li.emas::before{background:var(--emas);box-shadow:0 0 12px rgba(226,191,104,.7)}
.bab__pesan{margin-top:28px;max-width:440px;padding:14px 16px 10px;border-radius:4px 16px 16px 16px;background:#1f2a37;font-size:.88rem;line-height:1.5;color:#e9edf2;box-shadow:0 24px 50px -24px rgba(0,0,0,.8);transform-origin:left center;transform:translateX(-10px) scale(.97);opacity:0;transition:opacity .5s var(--kurva) .25s,transform .6s var(--kurva) .25s}
.bab.aktif .bab__pesan,.bab.sudah .bab__pesan{opacity:1;transform:none}
.bab__pesan-nama{font-weight:700;font-size:.8rem;color:#8fb6ff;margin-bottom:4px}
.bab__pesan-jam{text-align:right;font-size:.72rem;color:#8d97a6;margin-top:4px}
.tf{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:2px}
.tf button{all:unset;box-sizing:border-box;display:block;width:100%;padding:10px 14px;border-radius:12px;cursor:pointer;transition:background .2s,transform .3s var(--kurva)}
.tf button:focus-visible{outline:2px solid var(--emas);outline-offset:2px}
.tf b{display:block;font:700 clamp(1.25rem,2vw,1.6rem)/1.15 var(--huruf-judul);letter-spacing:-.02em;color:rgba(238,241,245,.3);transition:color .3s}
.tf span{display:block;margin-top:2px;font-size:.9rem;color:var(--teks-malam-3);max-height:0;overflow:hidden;opacity:0;transition:max-height .4s var(--kurva),opacity .3s}
.tf button:hover b{color:rgba(238,241,245,.6)}
.tf button.aktif{background:rgba(74,118,190,.12);transform:translateX(6px)}
.tf button.aktif b{color:var(--teks-malam)}
.tf button.aktif span{max-height:3em;opacity:1}

@media (max-width:900px){
  .kemampuan__isi{display:block;margin-top:56px}
  .panggung-k{top:78px;height:44svh;min-height:280px;max-height:430px;border-radius:22px;z-index:2;margin:0 -6px}
  .bab-daftar{position:relative;z-index:1}
  .bab{min-height:auto;padding:46px 0 30vh;justify-content:flex-start}
  .bab:last-child{padding-bottom:40px}
  .k-label{font-size:10.5px}.k-label small{display:none}
  .panggung-k__gambar figure{inset:12px}
  .bab__pesan{max-width:none}
}

/* ---------- v8: strip alur kerja (HTML/CSS saja, tanpa 3D) ---------- */
.alur-strip{margin-top:clamp(56px,7vw,96px);padding-top:clamp(32px,4vw,48px);border-top:1px solid var(--malam-garis)}
.alur-strip__judul{font-size:clamp(1.4rem,2.3vw,1.9rem);font-weight:760;letter-spacing:-.025em}
.alur-strip__daftar{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;position:relative;counter-reset:s}
.alur-strip__daftar::before{content:"";position:absolute;left:22px;right:calc(16.667% - 22px);top:22px;height:2px;background:linear-gradient(90deg,#6f9fe0,var(--emas));opacity:.45}
.alur-strip__daftar li{position:relative;display:flex;flex-direction:column;gap:4px;padding-right:16px;counter-increment:s}
.alur-strip__ikon{position:relative;z-index:1;display:grid;place-items:center;width:46px;height:46px;margin-bottom:12px;border-radius:50%;background:var(--malam);box-shadow:inset 0 0 0 1.5px rgba(111,159,224,.55);color:#a9c1ea}
.alur-strip__daftar li:last-child .alur-strip__ikon{box-shadow:inset 0 0 0 1.5px var(--emas),0 0 22px rgba(226,191,104,.25);color:var(--emas-1)}
.alur-strip__ikon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.alur-strip__daftar b{font:700 1rem/1.25 var(--huruf-judul);letter-spacing:-.005em;color:var(--teks-malam)}
.alur-strip__daftar b::before{content:counter(s) ". ";color:var(--teks-malam-3);font-weight:600}
.alur-strip__daftar li>span:last-child{font-size:.9rem;line-height:1.4;color:var(--teks-malam-2)}
@media (max-width:900px){
  .alur-strip__daftar{grid-template-columns:1fr;gap:6px}
  .alur-strip__daftar::before{left:22px;right:auto;top:22px;bottom:22px;width:2px;height:auto;background:linear-gradient(#6f9fe0,var(--emas))}
  .alur-strip__daftar li{display:grid;grid-template-columns:46px 1fr;column-gap:16px;align-items:center;padding:4px 0}
  .alur-strip__ikon{grid-row:1 / span 2;margin:0}
  .alur-strip__daftar b{align-self:end}
  .alur-strip__daftar li>span:last-child{grid-column:2;align-self:start}
}

@media (prefers-reduced-motion:reduce){
  .bab{opacity:1}
  .pita__jalan{animation:none}
  .js .pembuka__logo img{clip-path:none}
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* ---------- v11: teks mengikuti presentasi (pembuka, kenapa, siapa, banding, belajar) ---------- */
.pembuka__kalimat{max-width:34ch}
.pembuka__kalimat em{white-space:normal}
.pembuka__sub{margin-top:16px;max-width:46ch;color:var(--teks-malam-2);font-size:1.02rem;line-height:1.6}
@media (max-width:1100px){.menu{gap:20px}.menu a{font-size:.9rem}}

.kenapa h2{max-width:none}
.kenapa__daftar{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,5vw,72px)}
.kenapa__daftar li{display:grid;align-content:start;grid-template-columns:48px 1fr;column-gap:20px;padding:28px 0 30px;border-top:1px solid var(--tinta-garis)}
.kenapa__daftar .ikon-garis{grid-row:1 / span 2}
.kenapa__daftar h3{font-size:clamp(1.15rem,1.6vw,1.35rem);font-weight:720;letter-spacing:-.015em;line-height:1.25;color:var(--tinta)}
.kenapa__daftar p{margin-top:8px;color:var(--tinta-2);max-width:48ch}
.ikon-garis{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(31,65,120,.08);color:var(--aksen-2)}
.ikon-garis svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.kenapa__jawab{margin-top:clamp(36px,4.5vw,56px);padding-top:clamp(28px,3.5vw,40px);border-top:1px solid var(--tinta-garis);max-width:44ch;font:600 clamp(1.3rem,2.2vw,1.75rem)/1.4 var(--huruf-judul);letter-spacing:-.015em;color:var(--tinta)}
.kenapa__jawab b{color:var(--emas-tua);font-weight:760}
@media (max-width:760px){.kenapa__daftar{grid-template-columns:1fr}.kenapa__daftar li{grid-template-columns:40px 1fr;column-gap:16px;padding:22px 0 24px}.ikon-garis{width:40px;height:40px;border-radius:12px}.ikon-garis svg{width:20px;height:20px}}

.siapa__isi{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:start}
.siapa h2{max-width:13ch;font-size:clamp(2rem,3.6vw,2.9rem)}
.siapa__batas{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:10px}
.siapa__batas li{position:relative;padding-left:26px;color:var(--tinta-2)}
.siapa__batas li::before{content:"";position:absolute;left:0;top:.62em;width:12px;height:2px;border-radius:2px;background:var(--aksen-2)}
.jenjang{list-style:none;margin:0;padding:0;position:relative}
.jenjang::before{content:"";position:absolute;left:31px;top:40px;bottom:40px;width:2px;background:linear-gradient(var(--aksen-2),var(--emas-2));opacity:.55}
.jenjang li{position:relative;display:grid;grid-template-columns:64px 1fr;column-gap:24px;align-items:start;padding:14px 0 26px}
.jenjang li:last-child{padding-bottom:0}
.jenjang__simpul{position:relative;z-index:1;display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--kertas);box-shadow:inset 0 0 0 1.5px rgba(31,65,120,.35),0 10px 24px -14px rgba(11,15,26,.35);color:var(--aksen)}
.jenjang__simpul svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.jenjang__simpul--sit{background:var(--malam);box-shadow:inset 0 0 0 1.5px rgba(226,191,104,.6),0 10px 24px -12px rgba(11,15,26,.5)}
.jenjang__simpul--sit img{width:38px;height:38px}
.jenjang__peran{font:600 .78rem/1.3 var(--huruf-angka);letter-spacing:.06em;text-transform:uppercase;color:var(--aksen-2);margin-top:4px}
.jenjang h3{margin-top:6px;font-size:clamp(1.25rem,2vw,1.6rem);font-weight:760;letter-spacing:-.02em;color:var(--tinta)}
.jenjang li p:not(.jenjang__peran){margin-top:6px;color:var(--tinta-2);max-width:46ch}
.jenjang .jenjang__izin{display:inline-block;margin-top:10px;padding:6px 12px;border-radius:8px;font:500 .86rem/1.3 var(--huruf-angka);color:var(--emas-tua);box-shadow:inset 0 0 0 1px rgba(185,138,48,.5)}
@media (max-width:860px){.siapa__isi{grid-template-columns:1fr}.jenjang li{grid-template-columns:52px 1fr;column-gap:18px}.jenjang__simpul{width:52px;height:52px;border-radius:16px}.jenjang::before{left:25px}.jenjang__simpul--sit img{width:32px;height:32px}}

.banding{width:100%;margin-top:26px;border-collapse:collapse;font-size:.92rem;line-height:1.45}
.banding thead th{padding:0 12px 10px;text-align:left;font:600 .74rem/1.2 var(--huruf-angka);letter-spacing:.06em;text-transform:uppercase;color:var(--teks-malam-3)}
.banding thead th:last-child{color:var(--emas-1)}
.banding tbody th{padding:12px 12px 12px 0;text-align:left;vertical-align:top;font:600 .86rem/1.45 var(--huruf);color:var(--teks-malam-2);white-space:nowrap}
.banding tbody td{padding:12px;vertical-align:top;border-top:1px solid var(--malam-garis);color:var(--teks-malam-3)}
.banding tbody th{border-top:1px solid var(--malam-garis)}
.banding tbody td:last-child{color:var(--teks-malam);background:linear-gradient(90deg,rgba(226,191,104,.07),transparent)}
.banding tbody td:last-child b{color:var(--emas-1);font-weight:600}
.angka-grup{margin:28px 0 0;display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:14px 32px}
.angka-grup div{display:flex;flex-direction:column}
.angka-grup dd{margin:0;order:0;font:760 clamp(1.35rem,2vw,1.75rem)/1.05 var(--huruf-judul);letter-spacing:-.02em;color:var(--teks-malam);font-variant-numeric:tabular-nums}
.angka-grup dt{order:1;margin-top:4px;font-size:.84rem;color:var(--teks-malam-2)}
@media (max-width:900px){
  .banding thead{display:none}
  .banding,.banding tbody,.banding tr,.banding th,.banding td{display:block;width:auto}
  .banding tr{padding:12px 0;border-top:1px solid var(--malam-garis)}
  .banding tbody th,.banding tbody td{border:0;padding:2px 0}
  .banding tbody th{font:600 .74rem/1.3 var(--huruf-angka);letter-spacing:.06em;text-transform:uppercase;color:var(--teks-malam-3);margin-bottom:4px}
  .banding tbody td::before{content:attr(data-pihak) ": ";font-weight:600}
  .banding tbody td:last-child{background:none;margin-top:4px}
  .banding tbody td:last-child::before{color:var(--emas-1)}
}

.panggung-k__belajar{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(22px,4vw,56px);pointer-events:none;opacity:0;transition:opacity .5s var(--kurva)}
.panggung-k[data-adegan="belajar"] .panggung-k__belajar{opacity:1}
.belajar__angka{font:800 clamp(4.5rem,9vw,7.5rem)/.9 var(--huruf-judul);font-stretch:118%;letter-spacing:-.04em;color:var(--emas-1)}
.belajar__label{margin-top:8px;font-size:1rem;color:var(--teks-malam-2)}
.belajar__daftar{list-style:none;margin:clamp(20px,3vw,34px) 0 0;padding:0;display:grid;gap:2px}
.belajar__daftar li{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:baseline;padding:9px 0;border-top:1px solid var(--malam-garis);font-size:.95rem;color:var(--teks-malam);opacity:0;transform:translateY(10px);transition:opacity .45s var(--kurva),transform .55s var(--kurva)}
.belajar__daftar li span{font:500 .8rem var(--huruf-angka);color:var(--emas-1)}
.panggung-k[data-adegan="belajar"] .belajar__daftar li{opacity:1;transform:none}
.panggung-k[data-adegan="belajar"] .belajar__daftar li:nth-child(2){transition-delay:.12s}
.panggung-k[data-adegan="belajar"] .belajar__daftar li:nth-child(3){transition-delay:.24s}
.panggung-k[data-adegan="belajar"] .belajar__daftar li:nth-child(4){transition-delay:.36s}
.panggung-k[data-adegan="belajar"] .belajar__daftar li:nth-child(5){transition-delay:.48s}
@media (max-width:900px){
  .panggung-k__belajar{padding:18px 20px}
  .belajar__angka{font-size:3.4rem}
  .belajar__label{font-size:.88rem;margin-top:4px}
  .belajar__daftar{margin-top:12px}
  .belajar__daftar li{grid-template-columns:52px 1fr;gap:10px;padding:5px 0;font-size:.82rem;line-height:1.35}
  .belajar__daftar li span{font-size:.72rem}
}
@media (max-width:420px){.angka-grup{grid-template-columns:repeat(2,auto)}}

/* ---------- v13: tampilan WhatsApp (Android, mode gelap) ---------- */
.hp.wa{position:relative;border-radius:48px;padding:11px;background:#0a0a0c;box-shadow:0 50px 80px -40px rgba(11,15,26,.6),0 20px 40px -24px rgba(11,15,26,.45),inset 0 0 0 2px #2a2c31,inset 0 0 0 4px #0a0a0c,inset 0 0 0 5px #3a3d44}
.wa>*{position:relative}
.wa__status{display:flex;justify-content:space-between;align-items:center;height:34px;padding:4px 26px 0 30px;border-radius:38px 38px 0 0;background:#0b141a;color:#e9edef;font:600 13px/1 Roboto,system-ui,sans-serif}
.wa__status::after{content:"";position:absolute;left:50%;top:9px;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:#000;box-shadow:inset 0 0 0 3px #15171b}
.wa__status-ikon{display:flex;gap:4px}
.wa__status-ikon svg{width:14px;height:14px;fill:#e9edef}
.wa__kepala{display:flex;align-items:center;gap:4px;height:58px;padding:0 6px 0 4px;background:#0b141a;color:#e9edef;font-family:Roboto,system-ui,sans-serif}
.wa__ikon{flex:none;width:22px;height:22px;margin:0 7px;fill:#aebac1}
.wa__kepala>.wa__ikon:first-child{margin:0 2px 0 6px}
.wa__foto{flex:none;width:38px;height:38px;border-radius:50%;overflow:hidden;background:#0b0f1a;display:grid;place-items:center}
.wa__foto img{width:38px;height:38px}
.wa__nama{flex:1;min-width:0;margin-left:8px;line-height:1.2}
.wa__nama b{display:block;font-size:16.5px;font-weight:500;color:#e9edef}
.wa__nama span{display:block;margin-top:2px;font-size:12.5px;color:#8696a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa__layar.hp__layar{height:560px;padding:8px 12px 10px;border-radius:0;gap:3px;font:400 14.2px/1.38 Roboto,"Segoe UI",system-ui,sans-serif;color:#e9edef;scrollbar-color:#374248 transparent;
  background-color:#0b141a;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' fill='none' stroke='%23ffffff' stroke-opacity='.035' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='20' r='7'/%3E%3Cpath d='M48 12h14v10H48zM52 22v4M86 14l6 10 6-10M24 58c4-6 10-6 14 0M70 50a8 8 0 1 0 16 0 8 8 0 1 0-16 0M76 50h4M104 52l8 4-8 4zM14 92h12l-6 10zM50 86c0 6 10 6 10 0s-10-6-10 0M88 92l10 6M98 92l-10 6M110 100a5 5 0 1 0 0 .1'/%3E%3C/svg%3E");background-size:120px 120px}
.wa__tanggal{align-self:center;margin:10px 0 6px;padding:5px 12px;border-radius:8px;background:#182229;color:#8696a0;font-size:12.5px;font-weight:500;box-shadow:0 1px .5px rgba(0,0,0,.13)}
.wa__pesan{position:relative;align-self:flex-start;max-width:86%;padding:6px 9px 8px;margin-left:8px;border-radius:8px;background:#202c33;box-shadow:0 1px .5px rgba(0,0,0,.13)}
.wa__pesan--ekor{border-top-left-radius:0;margin-top:4px}
.wa__pesan--ekor::before{content:"";position:absolute;left:-8px;top:0;width:8px;height:13px;background:#202c33;clip-path:polygon(0 0,100% 0,100% 100%)}
.wa__pengirim{display:block;margin-bottom:2px;font-size:13px;font-weight:500;color:#ffd279}
.wa__pengirim--member{color:#53bdeb}
.wa__pesan p{margin:0;overflow-wrap:anywhere}
.wa__pesan p+p{margin-top:6px}
.wa__pesan b{font-weight:600}
.wa__pesan img{display:block;width:calc(100% + 12px);max-width:none;margin:2px -6px 6px;border-radius:6px;background:#fff}
.wa__pesan p:last-of-type::after{content:"";display:inline-block;width:40px}
.wa__jam{position:absolute;right:8px;bottom:4px;font-size:11px;color:#8696a0}
.wa__kutip{display:block;margin:2px 0 6px;padding:6px 8px;border-left:4px solid #53bdeb;border-radius:6px;background:#1d282f;font-size:13px;line-height:1.35}
.wa__kutip b{display:block;color:#53bdeb;font-size:12.5px;font-weight:500}
.wa__kutip span{display:block;color:#8696a0}
.wa__lagi{display:block;margin-top:2px;color:#53bdeb;font-size:14px}
.wa .buram{filter:blur(4.5px);user-select:none}
.wa__bawah{display:flex;align-items:center;gap:6px;padding:6px 6px 10px;border-radius:0 0 38px 38px;background:#0b141a}
.wa__ketik{flex:1;display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:999px;background:#202c33;color:#8696a0;font:400 15.5px Roboto,system-ui,sans-serif}
.wa__ketik span{flex:1}
.wa__ketik svg{flex:none;width:22px;height:22px;fill:currentColor}
.wa__ketik svg:first-child{fill:currentColor}
.wa__mik{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#00a884}
.wa__mik svg{width:22px;height:22px;fill:#0b141a}
@media (max-width:420px){.hp.wa{border-radius:42px;padding:9px}.wa__layar.hp__layar{height:520px}.wa__pesan{max-width:90%}}
.wa__pesan:has(.wa__lagi) p::after{display:none}
.wa__lagi::after{content:"";display:inline-block;width:40px}
.wa__layar.hp__layar{scrollbar-width:none}.wa__layar.hp__layar::-webkit-scrollbar{display:none}

/* ---------- v15: tombol WhatsApp melayang (laptop & HP) ---------- */
.tombol-wa{position:fixed;z-index:46;right:clamp(16px,2.6vw,32px);bottom:calc(clamp(16px,2.6vw,28px) + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;padding:8px 20px 8px 8px;border-radius:999px;
  background:rgba(11,17,32,.92);border:1px solid rgba(226,191,104,.42);color:var(--teks-malam);text-decoration:none;
  box-shadow:0 18px 44px -16px rgba(0,0,0,.85),0 0 0 1px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  opacity:0;transform:translateY(18px) scale(.96);pointer-events:none;transition:opacity .35s var(--kurva),transform .35s var(--kurva),border-color .2s ease}
.tombol-wa.tampil{opacity:1;transform:none;pointer-events:auto}
.tombol-wa:hover{border-color:var(--emas)}
.tombol-wa:active{transform:scale(.97)}
.tombol-wa:focus-visible{outline:2px solid var(--emas-1);outline-offset:3px}
.tombol-wa__ikon{position:relative;flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#25d366;color:#fff}
.tombol-wa__ikon svg{width:25px;height:25px;fill:currentColor}
.tombol-wa__ikon::before,.tombol-wa__ikon::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;opacity:0;animation:waDenyut 2.8s cubic-bezier(.23,1,.32,1) infinite}
.tombol-wa__ikon::after{animation-delay:.9s}
@keyframes waDenyut{0%{transform:scale(1);opacity:.75}100%{transform:scale(1.75);opacity:0}}
.tombol-wa__teks{display:flex;flex-direction:column;line-height:1.2}
.tombol-wa__teks b{font-family:var(--huruf-judul);font-weight:700;font-size:1rem;letter-spacing:.005em}
.tombol-wa__teks small{margin-top:3px;font-size:.8rem;color:var(--emas-1)}
@media (max-width:520px){.tombol-wa{padding:6px 16px 6px 6px;gap:10px}.tombol-wa__ikon{width:42px;height:42px}.tombol-wa__teks b{font-size:.94rem}}