/* Info Denashurya, lapisan desain premium v1 (1 Nov 2026).
   Dimuat SETELAH <style> inline tiap halaman: menimpa token dan komponen bersama. */

:root{
  --bg:#0B0A10;
  --bg-2:#100E15;
  --panel:rgba(22,19,15,.62);
  --panel-solid:#13110E;
  --line:rgba(212,180,131,.10);
  --line-2:rgba(212,180,131,.19);
  --line-3:rgba(212,180,131,.34);
  --text:#F4EFE4;
  --soft:#D0C8B9;
  --muted:#9C927F;
  --dim:#6B6152;
  --accent:#D4B483;
  --accent-2:#F3E2BC;
  --accent-deep:#A9884F;
  --warn:#E8B84B;
  --sage:#A7BFA0;
  --radius:20px;
  --r-md:14px;
  --r-sm:10px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --shadow-panel:0 1px 0 rgba(243,226,188,.05) inset,0 40px 90px -50px rgba(0,0,0,.9);
}

html{scroll-padding-top:92px}
body{
  font-size:16.5px;line-height:1.7;
  font-feature-settings:"cv11","ss01";
  text-rendering:optimizeLegibility;
}
::selection{background:rgba(212,180,131,.30);color:#fff}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.tab{font-variant-numeric:tabular-nums}

/* Atmosfer: butir halus + satu cahaya emas, tanpa pola grid */
.atmos::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:240px 240px;
  -webkit-mask-image:none;mask-image:none;
  opacity:.045;
}
.atmos::after{
  background:
    radial-gradient(1000px 560px at 12% -10%,rgba(212,180,131,.12),transparent 62%),
    radial-gradient(760px 520px at 104% 34%,rgba(169,136,79,.07),transparent 68%);
}

.wrap{max-width:1240px;padding:0 40px}

/* ---------- Header ---------- */
.site-head{
  background:rgba(11,10,16,.70);
  border-bottom:1px solid transparent;
  transition:border-color .3s,background .3s;
}
.site-head.is-scrolled{border-bottom-color:var(--line);background:rgba(11,10,16,.86)}
.head-in{height:74px}
.brand{gap:13px}
.brand-mark{width:40px;height:40px;border-radius:11px;border-color:var(--line-2)}
.brand-mark img{width:32px;height:32px}
.brand-txt .n{font-size:19px;font-weight:500;letter-spacing:0;line-height:1.2}
.brand-txt .s{font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--muted);margin-top:0}
.nav{gap:30px}
.nav a.l{font-size:14px;color:var(--soft);position:relative;padding:6px 0}
.nav a.l::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav a.l:hover{color:var(--text)}
.nav a.l:hover::after{transform:scaleX(1)}
.btn-enter{
  gap:8px;padding:0 18px;height:40px;border-radius:var(--r-sm);
  border:1px solid transparent;
  background:linear-gradient(180deg,#EBD6AD,#C9A76F);
  color:#1A140B;font-weight:600;font-size:13.5px;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 8px 22px -12px rgba(212,180,131,.7);
}
.btn-enter:hover{filter:brightness(1.06);background:linear-gradient(180deg,#EBD6AD,#C9A76F);border-color:transparent}
.btn-enter .dot{display:none}

/* ---------- Tipografi ---------- */
.hero h1,.sec-title,.closing h2,.mentor h3{font-weight:300}
.hero h1{
  font-size:clamp(44px,5.8vw,84px);
  line-height:1.02;letter-spacing:-.032em;
  background:linear-gradient(180deg,#FBF6EC 0%,#EADBBF 62%,#C9AE7E 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  padding-bottom:.06em;
}
.hero h1 b{font-style:normal;font-weight:inherit;color:inherit}
.sec-title{font-size:clamp(32px,3.5vw,50px);line-height:1.08;letter-spacing:-.028em;max-width:760px}
.sec-sub{color:var(--muted);font-size:17px;line-height:1.7;max-width:600px;margin-top:18px}
.lead,.hero p.lead{font-size:18.5px;line-height:1.72;color:var(--soft)}

/* Label: sentence case, tanpa huruf besar berjarak */
.eyebrow,.sec-head .t,.fact .k,.card .idx,.mentor .role,.st .lb,.foot-grid h5,.crumb a{
  text-transform:none;letter-spacing:.005em;font-family:var(--sans);
}
.eyebrow{display:none}

/* Breadcrumb */
.crumb{display:flex;justify-content:flex-start;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:34px;font-size:13.5px;color:var(--dim)}
.crumb a{font-size:13.5px;color:var(--muted);gap:0}
.crumb a:hover{color:var(--accent-2)}
.crumb .sep{color:var(--dim)}
.crumb [aria-current]{color:var(--soft)}

/* Penanda section: garis rambut + nama section */
section{padding:112px 0}
.sec-head{gap:0;margin-bottom:28px;padding-top:22px;border-top:1px solid var(--line)}
.sec-head .t{font-size:14px;font-weight:500;color:var(--accent);white-space:normal}
.sec-head .ln{display:none}
.sec-top{margin-bottom:52px}
.sec-title[style*="margin-bottom:46px"]{margin-bottom:52px!important}

/* ---------- Tombol ---------- */
.btn{
  height:54px;padding:0 26px;border-radius:12px;
  font-size:15px;font-weight:600;letter-spacing:.005em;
  transition:filter .25s,background .25s,border-color .25s,box-shadow .25s,color .25s;
}
.btn-primary{
  background:linear-gradient(180deg,#EED9B0 0%,#D4B483 55%,#B8955A 100%);
  color:#18120A;
  box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 -1px 0 rgba(0,0,0,.15) inset,0 18px 40px -18px rgba(212,180,131,.75);
}
.btn-primary:hover{transform:none;filter:brightness(1.06);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 -1px 0 rgba(0,0,0,.15) inset,0 22px 46px -18px rgba(212,180,131,.85)}
.btn-ghost{border:1px solid var(--line-3);background:rgba(243,226,188,.02);color:var(--text)}
.btn-ghost:hover{border-color:var(--accent);background:rgba(212,180,131,.07);color:var(--accent-2)}
.btn svg{width:17px;height:17px}

/* ---------- Hero halaman kategori & kota ---------- */
.hero{padding:88px 0 96px;text-align:left}
.hero .by{font-size:14px;letter-spacing:0;text-transform:none;color:var(--muted);margin-top:26px}
.hero .by span{color:var(--soft)}
.hero p.lead{margin:22px 0 0;max-width:600px}
.hero-cta{justify-content:flex-start}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:72px;align-items:start}
.hero-main h1{margin:0;max-width:none}

/* Status sheet: ringkasan status resmi bergaya ledger */
.status-sheet{
  position:relative;
  border:1px solid var(--line-2);border-radius:var(--radius);
  background:linear-gradient(180deg,rgba(26,22,17,.86),rgba(15,13,11,.86));
  box-shadow:var(--shadow-panel);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  overflow:hidden;
}
.status-sheet::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(243,226,188,.55),transparent)}
.status-sheet .sh-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:22px 26px 18px;border-bottom:1px solid var(--line)}
.status-sheet .sh-head .sh-title{font-family:var(--display);font-weight:500;font-size:22px;letter-spacing:-.01em}
.status-sheet .sh-head span{font-size:12.5px;color:var(--muted)}
.status-sheet .facts{
  margin:0;max-width:none;display:block;border:0;border-radius:0;background:none;
  box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
}
.status-sheet .fact{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:baseline;gap:18px;padding:17px 26px;text-align:left}
.status-sheet .fact+.fact{border-top:1px solid var(--line)}
.status-sheet .fact+.fact::before{display:none}
.status-sheet .fact .k{margin:0;font-size:13.5px;color:var(--muted);flex:none}
.status-sheet .fact .v{font-family:var(--sans);font-size:15px;font-weight:500;color:var(--text);text-align:right;font-variant-numeric:tabular-nums}
.status-sheet .fact .v em{color:var(--accent-2);font-style:normal}
.status-sheet .fact .v.warn{color:var(--warn);display:inline-flex;align-items:center;gap:8px}
.status-sheet .fact .v.warn::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--warn);box-shadow:0 0 0 4px rgba(232,184,75,.14)}
.status-sheet .notice{margin:0;max-width:none;border:0;border-top:1px solid var(--line);border-radius:0;background:rgba(232,184,75,.045);padding:18px 26px 22px;font-size:13.5px;line-height:1.7;color:var(--soft)}
.status-sheet .notice b{color:var(--warn);font-weight:600}

/* Notice di luar hero */
.notice{border-radius:var(--r-md);border-color:rgba(232,184,75,.28);background:rgba(232,184,75,.05);font-size:14.5px;line-height:1.75}

/* ---------- Kartu ---------- */
.grid{gap:16px}
.card{
  padding:28px 26px 24px;border-radius:var(--radius);
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(25,21,16,.78),rgba(15,13,11,.78));
  transition:border-color .3s var(--ease),background .3s var(--ease);
  min-height:0;
}
.card::before{
  inset:0 0 auto 0;height:1px;border-radius:0;
  background:linear-gradient(90deg,transparent,rgba(243,226,188,.6),transparent);
}
.card:hover{transform:none;box-shadow:none;border-color:var(--line-3);background:linear-gradient(180deg,rgba(30,25,19,.86),rgba(17,15,12,.86))}
a.card{cursor:pointer}
.ico{width:44px;height:44px;border-radius:12px;border-color:var(--line-2);background:rgba(212,180,131,.06);color:var(--accent-2)}
.ico svg{width:20px;height:20px}
.card .idx{font-size:12.5px;color:var(--muted)}
.card h3{font-size:23px;font-weight:500;letter-spacing:-.012em;line-height:1.25;margin-top:24px}
.card p{font-size:14.5px;line-height:1.65;color:var(--muted);margin-top:10px}
a.card h3{transition:color .25s}
a.card:hover h3{color:var(--accent-2)}

/* Langkah berurutan */
.approach{border-color:var(--line);background:var(--panel)}
.ap h4{font-size:24px;font-weight:400}

/* ---------- Penyusun ---------- */
.mentor{
  grid-template-columns:260px 1fr;gap:60px;padding:56px;border-radius:24px;
  border-color:var(--line);
  background:radial-gradient(520px 280px at 0% 50%,rgba(212,180,131,.07),transparent 70%),linear-gradient(180deg,rgba(24,20,16,.8),rgba(14,12,10,.8));
}
.crest{border-color:var(--line-2);background:radial-gradient(circle at 50% 40%,rgba(212,180,131,.10),transparent 70%),#0E0C10}
.mentor .role{font-size:14px;color:var(--accent);font-weight:500}
.mentor h3{font-size:clamp(26px,2.7vw,36px);letter-spacing:-.02em}
.mentor p{font-size:16.5px;color:var(--soft)}
.tags span{font-size:13px;border-color:var(--line-2);color:var(--soft)}

/* ---------- Tanya jawab: dua kolom ---------- */
#pertanyaan .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:72px;align-items:start}
#pertanyaan .sec-head{margin:0;border-top:1px solid var(--line);position:sticky;top:110px}
#pertanyaan .sec-head .t{font-family:var(--display);font-weight:300;font-size:clamp(32px,3.2vw,46px);line-height:1.08;letter-spacing:-.028em;color:var(--text)}
#pertanyaan .sec-head::after{content:"Belum menemukan jawabannya? Cek sumber resmi yang dicantumkan di tiap halaman.";display:block;margin-top:16px;font-size:15px;color:var(--muted);line-height:1.65;max-width:340px}
.faq{max-width:none}
.faq summary{font-size:20px;padding:26px 0;letter-spacing:-.005em;transition:color .2s}
.faq summary:hover{color:var(--accent-2)}
.faq summary .pm{width:32px;height:32px;border-color:var(--line-2)}
.faq .ans{padding:0 0 28px;font-size:16px;color:var(--muted);max-width:640px}

/* ---------- Penutup & CTA produk ---------- */
.closing{
  text-align:left;padding:72px 64px;border-radius:26px;border-color:var(--line-2);
  background:radial-gradient(700px 320px at 100% 0%,rgba(212,180,131,.14),transparent 70%),linear-gradient(180deg,#16130F,#100E0C);
  box-shadow:var(--shadow-panel);
}
.closing h2{margin:0;max-width:680px;font-size:clamp(32px,3.6vw,52px);line-height:1.06;letter-spacing:-.03em}
.closing p{margin:18px 0 0;max-width:560px;font-size:17px}
.closing .hero-cta{justify-content:flex-start;margin-top:36px}

.grow-cta{
  margin-top:16px;padding:26px 30px;border-radius:var(--radius);
  border:1px solid var(--line-2);
  background:linear-gradient(100deg,rgba(212,180,131,.10),rgba(212,180,131,.02) 60%);
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
}
.grow-cta .gl{font-size:13.5px;color:var(--accent);font-weight:500}
.grow-cta .gt{font-family:var(--display);font-size:24px;line-height:1.25;letter-spacing:-.01em;color:var(--text);margin-top:4px}

/* ---------- Footer ---------- */
.site-foot{margin-top:24px;padding-top:72px}
.foot-grid{gap:56px}
.foot-grid h5{font-size:13.5px;color:var(--muted);font-weight:500;margin-bottom:18px}
.foot-grid li a{font-size:14.5px}
.foot-bottom{font-size:13px}

/* ---------- Sticky CTA mobile ---------- */
.m-cta{display:none}
@media (max-width:760px){
  .m-cta{
    position:fixed;left:12px;right:12px;bottom:12px;z-index:30;
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:10px 10px 10px 18px;border-radius:16px;
    border:1px solid var(--line-3);
    background:rgba(19,17,14,.92);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    box-shadow:0 20px 50px -20px rgba(0,0,0,.9);
    transform:translateY(130%);transition:transform .4s var(--ease);
  }
  .m-cta.show{transform:none}
  .m-cta .mt{font-size:12px;color:var(--muted);line-height:1.3}
  .m-cta .mt b{display:block;font-size:14.5px;color:var(--text);font-weight:600;margin-top:2px}
  .m-cta .mb{flex:none;height:44px;padding:0 16px;border-radius:11px;display:inline-flex;align-items:center;font-weight:600;font-size:14px;color:#18120A;background:linear-gradient(180deg,#EED9B0,#C9A76F)}
  body.has-mcta .site-foot{padding-bottom:84px}
}

/* ---------- Gerak: satu sekuens saat halaman dimuat ---------- */
.rv{opacity:1;transform:none;transition:none}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.hero .hero-main > *,.hero .status-sheet,.hero .board{animation:rise .9s var(--ease) both}
.hero .hero-main > *:nth-child(2){animation-delay:.06s}
.hero .hero-main > *:nth-child(3){animation-delay:.12s}
.hero .hero-main > *:nth-child(4){animation-delay:.18s}
.hero .hero-main > *:nth-child(5){animation-delay:.24s}
.hero .hero-main > *:nth-child(6){animation-delay:.30s}
.hero .status-sheet,.hero .board{animation-delay:.32s}

/* ---------- Responsif ---------- */
@media (max-width:1060px){
  .hero-grid{grid-template-columns:1fr;gap:48px}
  #pertanyaan .wrap{grid-template-columns:1fr;gap:28px}
  #pertanyaan .sec-head{position:static}
  .mentor{grid-template-columns:1fr;gap:34px;padding:40px}
}
@media (max-width:760px){
  .wrap{padding:0 18px}
  section{padding:80px 0}
  .hero{padding:44px 0 72px}
  .hero h1{font-size:clamp(38px,10.5vw,52px)}
  .lead,.hero p.lead{font-size:17px}
  .crumb{margin-bottom:24px}
  .status-sheet .fact{padding:15px 20px}
  .status-sheet .sh-head,.status-sheet .notice{padding-left:20px;padding-right:20px}
  .btn{height:52px;width:100%;justify-content:center}
  .hero-cta{flex-direction:column;align-items:stretch}
  .closing{padding:44px 24px}
  .mentor{padding:28px 22px}
  .faq summary{font-size:18px}
  .grow-cta{padding:22px}
  .grow-cta .btn{width:100%}
  .brand-txt .s{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  .hero .hero-main > *,.hero .status-sheet,.hero .board{animation:none}
  .m-cta{transition:none}
}

/* Status "tersedia" */
.status-sheet .fact .v.ok{color:var(--sage);display:inline-flex;align-items:center;gap:8px}
.status-sheet .fact .v.ok::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 4px rgba(167,191,160,.14)}

/* Chip status (beranda) */
.chip{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px;border-radius:999px;font-size:12.5px;font-weight:500;white-space:nowrap;border:1px solid}
.chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.chip.warn{color:var(--warn);border-color:rgba(232,184,75,.30);background:rgba(232,184,75,.07)}
.chip.ok{color:var(--sage);border-color:rgba(167,191,160,.32);background:rgba(167,191,160,.08)}

/* =================== BERANDA =================== */
.home .hero{padding:96px 0 104px}
.home .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr);gap:80px;align-items:center}
.home .kicker{font-size:14.5px;color:var(--accent);font-weight:500;margin-bottom:26px}
.home .hero h1{font-size:clamp(46px,5.4vw,82px);max-width:640px}
.home .hero p.lead{max-width:560px;margin-top:28px}
.home .hero-cta{margin-top:38px}
.byline{display:flex;align-items:center;gap:14px;margin-top:44px;padding-top:26px;border-top:1px solid var(--line);font-size:13.5px;line-height:1.55;color:var(--muted);max-width:560px}
.byline b{color:var(--soft);font-weight:500}
.by-mark{width:46px;height:46px;flex:none;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;background:#0E0C10}
.by-mark img{width:34px;height:34px;object-fit:contain}

/* Papan status */
.board{
  position:relative;border:1px solid var(--line-2);border-radius:24px;
  background:linear-gradient(180deg,rgba(27,23,18,.9),rgba(14,12,10,.9));
  box-shadow:var(--shadow-panel);overflow:hidden;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.board::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(243,226,188,.6),transparent)}
.board-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:26px 28px 20px}
.board-title{font-family:var(--display);font-size:25px;font-weight:500;letter-spacing:-.012em}
.board-head span{font-size:12.5px;color:var(--muted)}
.board-list{list-style:none;border-top:1px solid var(--line)}
.board-list li+li{border-top:1px solid var(--line)}
.board-list a{display:grid;grid-template-columns:1fr auto 74px;align-items:center;gap:16px;padding:17px 28px;transition:background .25s}
.board-list a:hover{background:rgba(212,180,131,.05)}
.board-list a:hover .bn{color:var(--accent-2)}
.bn{font-size:15.5px;font-weight:500;color:var(--text);line-height:1.3;transition:color .25s}
.bn small{display:block;font-size:12.5px;font-weight:400;color:var(--muted);margin-top:3px}
.bd{font-size:12.5px;color:var(--dim);text-align:right}
.board-foot{padding:16px 28px 22px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.6;color:var(--muted)}

/* Strip sumber */
.sources{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.008)}
.sources-in{display:flex;align-items:center;gap:40px;padding-top:26px;padding-bottom:26px;flex-wrap:wrap}
.sources .sl{font-size:13.5px;color:var(--muted)}
.sources ul{list-style:none;display:flex;flex-wrap:wrap;gap:12px 40px}
.sources li{font-family:var(--display);font-size:21px;font-weight:500;color:var(--soft);letter-spacing:-.005em;opacity:.85}

/* Bento kategori */
.home .sec-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:end}
.home .sec-top .sec-sub{margin:0}
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;gap:16px}
.tile{
  position:relative;display:flex;flex-direction:column;gap:0;
  padding:30px 30px 26px;border-radius:var(--radius);
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(25,21,16,.8),rgba(15,13,11,.8));
  transition:border-color .3s var(--ease),background .3s var(--ease);
  min-height:260px;
}
.tile:hover{border-color:var(--line-3);background:linear-gradient(180deg,rgba(31,26,19,.88),rgba(17,15,12,.88))}
.tile-xl{grid-row:span 2;padding:38px 38px 32px;background:radial-gradient(520px 300px at 100% 0%,rgba(212,180,131,.12),transparent 70%),linear-gradient(180deg,rgba(28,23,17,.88),rgba(15,13,11,.88))}
.tile-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.tile-k{font-size:13px;color:var(--muted)}
.tile h3{font-family:var(--display);font-weight:400;font-size:32px;letter-spacing:-.022em;line-height:1.1;margin-top:28px;transition:color .25s}
.tile-xl h3{font-size:clamp(52px,5vw,72px);font-weight:300;letter-spacing:-.035em;margin-top:40px}
.tile p{font-size:15px;line-height:1.65;color:var(--muted);margin-top:12px;max-width:440px}
.tile-xl p{font-size:16.5px;color:var(--soft);max-width:460px}
.tile-facts{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);margin-top:36px;border-top:1px solid var(--line)}
.tile-facts li{padding:18px 0 0}
.tile-facts li+li{padding-left:20px;border-left:1px solid var(--line)}
.tile-facts b{display:block;font-family:var(--display);font-weight:400;font-size:30px;color:var(--accent-2);line-height:1}
.tile-facts span{display:block;font-size:12.5px;color:var(--muted);margin-top:8px}
.tile-go{margin-top:auto;padding-top:26px;font-size:14px;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:10px}
.tile-go::after{content:"";width:18px;height:1px;background:currentColor;transition:width .3s var(--ease)}
.tile:hover .tile-go::after{width:32px}
.tile:hover h3{color:var(--accent-2)}

/* Langkah verifikasi (urutan nyata) */
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line-2);counter-reset:none}
.steps li{position:relative;padding:34px 30px 8px 0}
.steps li+li{padding-left:30px;border-left:1px solid var(--line)}
.steps .sn{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line-3);font-size:14px;font-weight:600;color:var(--accent-2);background:#100E0C}
.steps li::before{content:"";position:absolute;top:-1px;left:0;width:56px;height:1px;background:var(--accent)}
.steps li+li::before{left:30px}
.steps h3{font-family:var(--display);font-weight:400;font-size:25px;letter-spacing:-.015em;line-height:1.2;margin-top:24px}
.steps p{font-size:15px;line-height:1.7;color:var(--muted);margin-top:12px}

/* Panel konversi */
.prep{padding-top:40px}
.prep-panel{
  display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;align-items:center;
  padding:64px;border-radius:28px;border:1px solid var(--line-2);
  background:radial-gradient(760px 380px at 0% 100%,rgba(212,180,131,.13),transparent 70%),linear-gradient(180deg,#17140F,#0F0D0B);
  box-shadow:var(--shadow-panel);
}
.prep-copy h2{font-family:var(--display);font-weight:300;font-size:clamp(34px,3.6vw,52px);line-height:1.06;letter-spacing:-.03em}
.prep-copy p{margin-top:20px;font-size:17px;line-height:1.7;color:var(--soft);max-width:460px}
.prep-list{display:flex;flex-direction:column;border:1px solid var(--line-2);border-radius:var(--radius);overflow:hidden;background:rgba(11,10,16,.45)}
.prep-item{display:grid;grid-template-columns:1fr auto;grid-template-areas:"k go" "t go" "d go";column-gap:20px;padding:22px 26px;transition:background .25s}
.prep-item+.prep-item{border-top:1px solid var(--line)}
.prep-item::after{content:"";grid-area:go;align-self:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--line-3);background:center/14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F3E2BC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E");transition:background-color .25s,border-color .25s}
.prep-item:hover{background:rgba(212,180,131,.06)}
.prep-item:hover::after{background-color:rgba(212,180,131,.14);border-color:var(--accent)}
.pi-k{grid-area:k;font-size:12.5px;color:var(--accent)}
.pi-t{grid-area:t;font-family:var(--display);font-size:24px;font-weight:500;letter-spacing:-.012em;line-height:1.2;margin-top:4px;color:var(--text)}
.pi-d{grid-area:d;font-size:14px;line-height:1.6;color:var(--muted);margin-top:6px}

@media (max-width:1060px){
  .home .hero-grid{grid-template-columns:1fr;gap:56px}
  .home .sec-top{grid-template-columns:1fr;gap:18px}
  .bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tile-xl{grid-column:span 2;grid-row:auto}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps li:nth-child(3){padding-left:0;border-left:0}
  .steps li:nth-child(3)::before{left:0}
  .prep-panel{grid-template-columns:1fr;gap:40px;padding:48px}
}
@media (max-width:760px){
  .home .hero{padding:44px 0 72px}
  .home .kicker{margin-bottom:18px}
  .board-head{padding:22px 20px 16px}
  .board-list a{grid-template-columns:1fr auto;padding:15px 20px;gap:10px}
  .bd{display:none}
  .board-foot{padding:14px 20px 18px}
  .sources-in{gap:14px}
  .sources ul{gap:8px 22px}
  .sources li{font-size:18px}
  .bento{grid-template-columns:1fr}
  .tile-xl{grid-column:auto}
  .tile{min-height:0;padding:26px 22px 22px}
  .tile-xl{padding:30px 22px 26px}
  .tile-facts b{font-size:24px}
  .tile-facts li+li{padding-left:12px}
  .steps{grid-template-columns:1fr}
  .steps li,.steps li+li{padding:28px 0 4px;border-left:0}
  .steps li+li{border-top:1px solid var(--line)}
  .steps li+li::before,.steps li:nth-child(3)::before{left:0}
  .prep-panel{padding:32px 22px;border-radius:22px}
  .prep-item{padding:18px}
  .pi-t{font-size:21px}
  .byline{margin-top:34px}
}

/* Perbaikan QA 1 */
#pertanyaan .sec-head{display:block}
.board-list a{grid-template-columns:1fr auto 92px}
.bd{white-space:nowrap}
.home .hero h1{font-size:clamp(44px,5vw,76px)}
.btn-primary{box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 -1px 0 rgba(0,0,0,.15) inset,0 10px 26px -16px rgba(212,180,131,.8)}
.btn-primary:hover{box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 -1px 0 rgba(0,0,0,.15) inset,0 14px 30px -16px rgba(212,180,131,.9)}
@media (max-width:760px){.board-list a{grid-template-columns:1fr auto}}
.hero-cta-in{margin-top:38px}