/* ===== TOKEN — dari home (kiblat) ===== */

  /* DUMMY IMAGE (dari home) */


  /* NAV (home pill) */

  /* HERO (gaya home: badge → headline → sub → 2 CTA → mockup + glow/glass/noise) */
  .hero{padding:150px 0 84px;position:relative;overflow:hidden}
  .hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:56px;align-items:center;position:relative;z-index:2}
  @media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:46px}}
  .hero-img-wrap{position:relative;z-index:2}
  .hero-img-glow{position:absolute;top:-50px;left:50%;transform:translateX(-50%);width:82%;height:250px;background:radial-gradient(ellipse at center,rgba(201,168,76,.26),transparent 62%);filter:blur(45px);z-index:0}
  .hero-img{position:relative;z-index:1;aspect-ratio:4/5;border-radius:12px;border:1px solid var(--line-g);border-top-color:rgba(201,168,76,.34);box-shadow:0 40px 110px rgba(0,0,0,.6)}
  .hero .glow{position:absolute;top:40px;left:50%;transform:translateX(-50%);width:780px;height:520px;max-width:96vw;background:radial-gradient(ellipse at center,rgb(142 142 142 / 18%),transparent 62%);filter:blur(30px);pointer-events:none;z-index:0}
  .hero .wrap{position:relative;z-index:2}
  .hero-sub{margin:26px 0 0;font-size:clamp(15px,1.45vw,17px);line-height:1.7;color:var(--cream-2);max-width:44ch;font-weight:300}
  .hero-sub b{font-weight:500;color:var(--cream)}
  .hero-cta{margin-top:38px;display:flex;gap:24px;flex-wrap:wrap;align-items:center;justify-content:flex-start}
  .hero-fade{position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(180deg,transparent,var(--bg));z-index:3;pointer-events:none}
  .hero-glass{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(90deg, rgba(255,255,255,.055) 0 1px, transparent 1px 118px),repeating-linear-gradient(90deg, rgba(255,255,255,.015) 0 59px, transparent 59px 118px);-webkit-mask-image:radial-gradient(115% 80% at 50% 8%,#000 28%,transparent 82%);mask-image:radial-gradient(115% 80% at 50% 8%,#000 28%,transparent 82%)}
  .hero-noise{position:absolute;inset:-120%;z-index:1;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .5s steps(3) infinite}
  @keyframes grain{0%{transform:translate(0,0)}33%{transform:translate(-4%,3%)}66%{transform:translate(3%,-4%)}100%{transform:translate(0,0)}}
  @media(prefers-reduced-motion:reduce){.hero-noise{animation:none}}

  /* EXPERTISE — 3 section terpisah (editorial spread + placeholder, gaya home) */
  .exp{padding:104px 0;position:relative;z-index:2}
  .exp-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}
  .exp.alt .exp-img{order:-1}
  .exp-eyebrow{font-size:13px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:22px}
  .exp h2{margin-bottom:20px;max-width:15ch}
  .exp p{font-size:16.5px;color:var(--cream-2);line-height:1.78;font-weight:300;max-width:46ch;margin-bottom:28px}
  .exp p b{color:var(--cream);font-weight:500}
  .exp-tags{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:32px}
  .exp-tags span{font-size:12px;color:var(--cream-2);border:1px solid rgba(255,255,255,.14);background:var(--surf);border-radius:999px;padding:7px 15px;font-weight:500;letter-spacing:.01em}
  .exp-img{aspect-ratio:4/5;border-radius:6px;position:relative;cursor:pointer;transition:opacity .9s var(--ease),transform 1s var(--ease),box-shadow 1s var(--ease)}
  .exp-img:hover{transform:translateY(-10px) scale(1.035);box-shadow:0 40px 95px rgba(0,0,0,.5)}
  .exp-img::after{content:'';position:absolute;inset:14px;border:1px solid rgba(201,168,76,.3);z-index:3;pointer-events:none}
  @media(max-width:860px){.exp-grid{grid-template-columns:1fr;gap:34px}.exp.alt .exp-img{order:0}.exp{padding:80px 0}}

  /* LIMA ALASAN — disalin dari home (.why-sec tabs) */
  .why-sec{padding:120px 0;position:relative;z-index:2}
  .why-sec .shead{margin-bottom:54px;max-width:32ch}
  .why-sec .shead .label{display:block;margin-bottom:18px}
  .tabs{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:stretch}
  .tlist{display:flex;flex-direction:column}
  .tab{display:flex;gap:18px;align-items:center;padding:24px 8px 24px 18px;border-bottom:1px solid rgba(255,255,255,.14);cursor:pointer;color:var(--muted);transition:color .4s;position:relative}
  .tab:first-child{border-top:1px solid rgba(255,255,255,.14)}
  .tab::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--g-gold);transform:scaleY(0);transition:transform .4s var(--ease)}
  .tab.on{color:var(--cream)}
  .tab.on::before{transform:scaleY(1)}
  .tab .tn{font-size:13px;font-weight:600;letter-spacing:.1em;opacity:.6}
  .tab.on .tn{color:var(--gold);opacity:1}
  .tab .tt{font-size:19px;font-weight:500;letter-spacing:-.01em}
  .tpanel-wrap{position:relative;border:1px solid var(--line-g);border-radius:18px;background:var(--surf);overflow:hidden;min-height:340px}
  .tpanel{position:absolute;inset:0;padding:50px 48px;opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease),transform .5s var(--ease);pointer-events:none;display:flex;flex-direction:column;justify-content:center}
  .tpanel.on{opacity:1;transform:none;pointer-events:auto}
  .tpanel .pn{font-size:64px;font-weight:200;letter-spacing:-.04em;background:var(--g-gold);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;margin-bottom:24px}
  .tpanel h3{font-weight:600;font-size:28px;letter-spacing:-.02em;line-height:1.15;margin-bottom:16px;max-width:18ch}
  .tpanel p{font-size:16px;color:var(--cream-2);line-height:1.7;font-weight:300;max-width:44ch}
  @media(max-width:900px){.tabs{grid-template-columns:1fr;gap:24px}.tpanel-wrap{min-height:300px}}

  /* FAQ (gaya home, two-column) */

  /* CTA (split + form, gaya home) */

  /* FOOTER (gaya home) */