/* Sesi 97 — Blok landing jualan. Hanya dimuat saat isSelling && !tenant. */

/* ---------- Trust bar ---------- */
.lp97-trust{background:#22262f;border-radius:16px;overflow:hidden;margin:0 0 1.75rem}
.lp97-trust ul{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:0;padding:0}
.lp97-trust li{padding:1.15rem .75rem;text-align:center;border-right:1px solid rgba(255,255,255,.08)}
.lp97-trust li:last-child{border-right:0}
.lp97-trust b{display:block;font-family:var(--font-display);font-size:1.45rem;font-weight:600;color:var(--brand);line-height:1.15;margin-bottom:.2rem}
.lp97-trust span{font-size:.7rem;color:#b0aaa3;letter-spacing:.04em;text-transform:uppercase;font-weight:600;line-height:1.3;display:block}
@media (max-width:720px){
  .lp97-trust ul{grid-template-columns:repeat(2,1fr)}
  .lp97-trust li{border-bottom:1px solid rgba(255,255,255,.08)}
  .lp97-trust li:nth-child(5){grid-column:1/-1;border-right:0;border-bottom:0}
  .lp97-trust b{font-size:1.25rem}
}

/* ---------- Dinding bukti ---------- */
.lp97-proof{background:#171a21;color:#fff;border-radius:18px;padding:2rem 1.5rem;margin:0 0 1.75rem}
@media (min-width:880px){.lp97-proof{padding:2.5rem 2.25rem}}
.lp97-proof h2{font-family:var(--font-display);font-size:1.6rem;line-height:1.2;font-weight:600;color:#fff;margin:0 0 .8rem;letter-spacing:-.015em}
@media (min-width:880px){.lp97-proof h2{font-size:2rem}}
.lp97-proof p{color:#c1bbb4;font-size:1rem;line-height:1.6;margin:0 0 1.1rem;max-width:44em}
.lp97-proof__wall{border-radius:12px;overflow:hidden;line-height:0;margin:1.4rem 0 .7rem}
.lp97-proof__wall img{width:100%;height:auto;display:block}
.lp97-proof__cap{font-size:.78rem;color:#8d877f;text-align:center;line-height:1.5;margin:0}
.lp97-proof__clients{margin-top:2rem;border-top:1px solid rgba(255,255,255,.14);padding-top:1.4rem}
.lp97-proof__clients h3{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:#8d877f;font-weight:700;margin:0 0 .9rem}
.lp97-chips{display:flex;flex-wrap:wrap;gap:.4rem;max-height:8.2rem;overflow:hidden;position:relative}
.lp97-chips span{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);padding:.25rem .6rem;border-radius:6px;font-size:.8rem;color:#d5cfc8;white-space:nowrap}
.lp97-chips__fade{height:2.6rem;margin-top:-2.6rem;background:linear-gradient(transparent,#171a21);position:relative;pointer-events:none}

/* ---------- Blok bahasa sederhana ---------- */
.lp97-simple{background:#171a21;color:#fff;border-radius:16px;padding:1.9rem 1.5rem;margin:0 0 1.75rem;display:grid;gap:1.1rem}
@media (min-width:880px){.lp97-simple{grid-template-columns:1fr 1.15fr;gap:2rem;align-items:center;padding:2.1rem 2.25rem}}
.lp97-simple h3{font-family:var(--font-display);font-size:1.35rem;line-height:1.22;font-weight:600;margin:0;letter-spacing:-.015em;color:#fff}
@media (min-width:880px){.lp97-simple h3{font-size:1.65rem}}
.lp97-simple h3 em{font-style:normal;color:var(--brand)}
.lp97-simple p{color:#c1bbb4;font-size:.97rem;line-height:1.62;margin:0}

/* ---------- Dinding bukti ---------- */
.lp97-proof{background:#171a21;color:#fff;border-radius:18px;padding:2rem 1.5rem;margin:0 0 1.75rem}
@media (min-width:880px){.lp97-proof{padding:2.5rem 2.25rem}}
.lp97-proof h2{font-family:var(--font-display);font-size:1.6rem;line-height:1.2;font-weight:600;color:#fff;margin:0 0 .8rem;letter-spacing:-.015em}
@media (min-width:880px){.lp97-proof h2{font-size:2rem}}
.lp97-proof p{color:#c1bbb4;font-size:1rem;line-height:1.6;margin:0 0 1.1rem;max-width:44em}
.lp97-proof__wall{border-radius:12px;overflow:hidden;line-height:0;margin:1.4rem 0 .7rem}
.lp97-proof__wall img{width:100%;height:auto;display:block}
.lp97-proof__cap{font-size:.78rem;color:#8d877f;text-align:center;line-height:1.5;margin:0}
.lp97-proof__clients{margin-top:2rem;border-top:1px solid rgba(255,255,255,.14);padding-top:1.4rem}
.lp97-proof__clients h3{font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:#8d877f;font-weight:700;margin:0 0 .9rem}
.lp97-chips{display:flex;flex-wrap:wrap;gap:.4rem;max-height:8.2rem;overflow:hidden;position:relative}
.lp97-chips span{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);padding:.25rem .6rem;border-radius:6px;font-size:.8rem;color:#d5cfc8;white-space:nowrap}
.lp97-chips__fade{height:2.6rem;margin-top:-2.6rem;background:linear-gradient(transparent,#171a21);position:relative;pointer-events:none}

/* ---------- Blok bahasa sederhana ---------- */
.lp97-simple{background:#171a21;color:#fff;border-radius:16px;padding:1.9rem 1.5rem;margin:0 0 1.75rem;display:grid;gap:1.1rem}
@media (min-width:880px){.lp97-simple{grid-template-columns:1fr 1.15fr;gap:2rem;align-items:center;padding:2.1rem 2.25rem}}
.lp97-simple h3{font-family:var(--font-display);font-size:1.35rem;line-height:1.22;font-weight:600;margin:0;letter-spacing:-.015em;color:#fff}
@media (min-width:880px){.lp97-simple h3{font-size:1.65rem}}
.lp97-simple h3 em{font-style:normal;color:var(--brand)}
.lp97-simple p{color:#c1bbb4;font-size:.97rem;line-height:1.62;margin:0}

/* ---------- Cerita instruktur ---------- */
.lp97-story{display:grid;gap:1.4rem;margin:0 0 1.75rem}
@media (min-width:880px){.lp97-story{grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}}
.lp97-story__img{border-radius:14px;overflow:hidden;line-height:0}
.lp97-story__img img{width:100%;height:auto;display:block}
.lp97-story__eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--brand);margin-bottom:.6rem}
.lp97-story h2{font-family:var(--font-display);font-size:1.5rem;line-height:1.2;font-weight:600;margin:0 0 .9rem;letter-spacing:-.015em}
@media (min-width:880px){.lp97-story h2{font-size:1.85rem}}
.lp97-story p{font-size:1rem;line-height:1.62;color:#4a4642;margin:0 0 .9rem}
.lp97-story blockquote{font-family:var(--font-display);font-size:1.18rem;line-height:1.42;font-weight:600;border-left:3px solid var(--brand);padding-left:1.1rem;margin:1.1rem 0;color:var(--ink)}

/* ---------- Keterangan sumber testimoni ---------- */
.lp-testi__role{display:block;font-size:.72rem;color:var(--muted);line-height:1.3;margin-top:.1rem}

/* ---------- SESI97b: hero solo (tanpa panel harga) ---------- */
@media (min-width:880px){
  .lp-split.lp-split--solo{grid-template-columns:1fr}
  .lp-split--solo .lp-split__dark{padding:2.6rem 2.4rem}
  .lp-split--solo .lp-split__dark h1{font-size:2.6rem;max-width:16em}
  .lp-split--solo .lp-split__sub{max-width:44em;font-size:1.08rem}
}
.lp97-cue{display:inline-flex;align-items:center;gap:.45rem;color:var(--brand);font-weight:600;font-size:.95rem;text-decoration:none;margin-top:.2rem}
.lp97-cue span{transition:transform .2s}
.lp97-cue:hover span{transform:translateY(3px)}

/* ---------- SESI97b: blok harga ---------- */
.lp97-buy{background:color-mix(in srgb, var(--brand) 6%, #fff);border:1px solid var(--line);border-radius:16px;padding:2rem 1.25rem;margin:0 0 1.75rem}
@media (min-width:880px){.lp97-buy{padding:2.8rem 2rem}}
.lp97-buy__head{text-align:center;margin-bottom:1.6rem}
.lp97-buy__eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--brand);margin-bottom:.5rem}
.lp97-buy__head h2{font-family:var(--font-display);font-size:1.5rem;line-height:1.2;font-weight:600;margin:0 auto;max-width:16em;letter-spacing:-.015em}
@media (min-width:880px){.lp97-buy__head h2{font-size:1.9rem}}
.lp97-buy__card{max-width:520px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.75rem 1.5rem;box-shadow:0 14px 40px rgba(23,26,33,.07)}
.lp97-buy__lbl{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center}
.lp97-buy__row{display:flex;align-items:baseline;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-top:.5rem}
.lp97-buy__row .now{font-family:var(--font-display);font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:1}
.lp97-buy__row .pct{background:#12833F;color:#fff;font-size:.72rem;font-weight:700;border-radius:5px;padding:.2rem .5rem}
.lp97-buy__row .old{color:var(--muted);text-decoration:line-through;font-size:1rem}
.lp97-buy__badge{color:var(--brand);font-weight:600;font-size:.85rem;text-align:center;margin-top:.35rem}
.lp97-buy__benef{list-style:none;padding:0;margin:1.4rem 0 0;font-size:.92rem}
.lp97-buy__benef li{padding:.5rem 0 .5rem 1.7rem;position:relative;border-bottom:1px solid var(--line);line-height:1.45}
.lp97-buy__benef li:last-child{border-bottom:0}
.lp97-buy__benef li:before{content:"";position:absolute;left:.15rem;top:.95rem;width:11px;height:6px;border-left:2.5px solid var(--brand);border-bottom:2.5px solid var(--brand);transform:rotate(-45deg)}
.lp97-buy__card .btn{display:block;width:100%;text-align:center;margin-top:1.4rem}
.lp97-buy__trust{text-align:center;color:var(--muted);font-size:.74rem;margin-top:.8rem}

/* ---------- SESI97b: sticky bar otomatis (hanya bila hero_hide_price) ---------- */
.lp-sticky.lp-sticky--auto{transform:translateY(115%);transition:transform .28s cubic-bezier(.4,0,.2,1);visibility:hidden}
.lp-sticky.lp-sticky--auto.is-on{transform:translateY(0);visibility:visible}
.lp-sticky.lp-sticky--auto .sp .sub{display:block;font-size:.72rem;color:var(--muted);margin-top:.1rem}
@media (min-width:880px){
  .lp-sticky.lp-sticky--auto{display:flex;padding:.8rem 2rem}
  body.lp97-has-sticky{padding-bottom:84px}
}
@media (max-width:879px){
  .lp-sticky.lp-sticky--auto .sp .sub{display:none}
}

/* ---------- SESI97b: testimoni perusahaan ---------- */
.lp97-co{margin:2.25rem 0 0;padding-top:1.75rem;border-top:1px solid var(--line)}
.lp97-co__eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--brand);margin-bottom:.5rem}
.lp97-co h2{font-family:var(--font-display);font-size:1.35rem;line-height:1.25;font-weight:600;margin:0 0 1.1rem;letter-spacing:-.015em}
@media (min-width:880px){.lp97-co h2{font-size:1.65rem}}
.lp97-co__grid{display:grid;gap:.75rem}
@media (min-width:880px){.lp97-co__grid{grid-template-columns:1fr 1fr}}
.lp97-co__card{background:#fff;border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:10px;padding:1.1rem 1.2rem}
.lp97-co__card b{display:block;font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:.4rem}
.lp97-co__card p{margin:0;font-size:.9rem;line-height:1.55;color:#4a4642}
.lp97-co__more{margin-top:.75rem;border:1px solid var(--line);border-radius:11px;background:#fff}
.lp97-co__more > summary{padding:.9rem 1.2rem;font-weight:700;cursor:pointer;list-style:none;font-size:.92rem}
.lp97-co__more > summary::-webkit-details-marker{display:none}
.lp97-co__more > summary:before{content:"+";color:var(--brand);font-weight:800;margin-right:.6rem}
.lp97-co__more[open] > summary:before{content:"\2013"}
.lp97-co__more .lp97-co__grid{margin:0;padding:0 .85rem .85rem}

/* ---------- SESI97b: testimoni perusahaan ---------- */
.lp97-co{margin:2.25rem 0 0;padding-top:1.75rem;border-top:1px solid var(--line)}
.lp97-co__eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--brand);margin-bottom:.5rem}
.lp97-co h2{font-family:var(--font-display);font-size:1.35rem;line-height:1.25;font-weight:600;margin:0 0 1.1rem;letter-spacing:-.015em}
@media (min-width:880px){.lp97-co h2{font-size:1.65rem}}
.lp97-co__grid{display:grid;gap:.75rem}
@media (min-width:880px){.lp97-co__grid{grid-template-columns:1fr 1fr}}
.lp97-co__card{background:#fff;border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:10px;padding:1.1rem 1.2rem}
.lp97-co__card b{display:block;font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:.4rem}
.lp97-co__card p{margin:0;font-size:.9rem;line-height:1.55;color:#4a4642}
.lp97-co__more{margin-top:.75rem;border:1px solid var(--line);border-radius:11px;background:#fff}
.lp97-co__more > summary{padding:.9rem 1.2rem;font-weight:700;cursor:pointer;list-style:none;font-size:.92rem}
.lp97-co__more > summary::-webkit-details-marker{display:none}
.lp97-co__more > summary:before{content:"+";color:var(--brand);font-weight:800;margin-right:.6rem}
.lp97-co__more[open] > summary:before{content:"\2013"}
.lp97-co__more .lp97-co__grid{margin:0;padding:0 .85rem .85rem}

/* ---------- SESI97c: hero solo lebar penuh, rata tengah ---------- */
.lp-split.lp-split--solo{
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  width:100vw;max-width:100vw;
  border-radius:0;border-left:0;border-right:0;border-top:0;
}
.lp-split.lp-split--solo .lp-split__dark{
  position:relative;overflow:hidden;text-align:center;align-items:center;
  padding:3rem 1.25rem 2.6rem;
}
@media (min-width:880px){
  .lp-split.lp-split--solo .lp-split__dark{padding:4.2rem 2rem 3.6rem}
}
.lp-split.lp-split--solo .lp-split__dark:after{
  content:"";position:absolute;inset:auto -10% -60% -10%;height:220px;pointer-events:none;
  background:radial-gradient(ellipse at center, color-mix(in srgb, var(--brand) 16%, transparent), transparent 68%);
}
.lp-split.lp-split--solo .lp-split__dark > *{position:relative;z-index:1;width:100%;max-width:1080px;margin-inline:auto}
.lp-split.lp-split--solo .lp-split__kicker{align-self:center}
.lp-split.lp-split--solo .lp-split__dark h1{max-width:15em;margin-inline:auto;font-size:clamp(1.95rem,5.2vw,3.15rem)}
.lp-split.lp-split--solo .lp-split__sub{max-width:34em;margin:1.15rem auto 0}
.lp-split.lp-split--solo .lp97-cue{
  color:#fff;font-weight:700;border-bottom:2px solid var(--brand);
  padding-bottom:.3rem;margin-top:1.9rem;
}
.lp-split.lp-split--solo .lp97-cue span{color:var(--brand)}
.lp-split.lp-split--solo .lp-split__foot{
  display:inline-flex;width:auto;max-width:none;align-self:center;
  border-top:0;border:1px solid rgba(255,255,255,.15);border-radius:999px;
  padding:.65rem 1.35rem .65rem .65rem;margin-top:2.1rem;gap:1.4rem;
}

/* ---------- SESI97c: pain points kartu ---------- */
.lp97-pain{margin:0 0 1.75rem}
.lp97-pain__eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--brand);margin-bottom:.5rem}
.lp97-pain h2{font-family:var(--font-display);font-size:1.45rem;line-height:1.22;font-weight:600;margin:0 0 1.2rem;letter-spacing:-.015em;max-width:20em}
@media (min-width:880px){.lp97-pain h2{font-size:1.85rem}}
.lp97-pain__grid{display:grid;gap:.75rem}
@media (min-width:880px){.lp97-pain__grid{grid-template-columns:1fr 1fr}}
.lp97-pain__card{background:#fff;border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:10px;padding:1.1rem 1.25rem}
.lp97-pain__card b{display:block;font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:.35rem}
.lp97-pain__card span{display:block;color:var(--muted);font-size:.88rem;line-height:1.55}

/* ---------- SESI97c: pil byline bersih (tanpa bintang & peserta) ---------- */
.lp-split.lp-split--solo .lp-split__social{display:none}
.lp-split.lp-split--solo .lp-split__who .nm{font-size:1rem}
.lp-split.lp-split--solo .lp-split__who .rl{font-size:.8rem}

/* ---------- SESI97c: pain points kartu ---------- */
.lp97-pain{margin:0 0 1.75rem}
.lp97-pain__eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--brand);margin-bottom:.5rem}
.lp97-pain h2{font-family:var(--font-display);font-size:1.45rem;line-height:1.22;font-weight:600;margin:0 0 1.2rem;letter-spacing:-.015em;max-width:20em}
@media (min-width:880px){.lp97-pain h2{font-size:1.85rem}}
.lp97-pain__grid{display:grid;gap:.75rem}
@media (min-width:880px){.lp97-pain__grid{grid-template-columns:1fr 1fr}}
.lp97-pain__card{background:#fff;border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:10px;padding:1.1rem 1.25rem}
.lp97-pain__card b{display:block;font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:.35rem}
.lp97-pain__card span{display:block;color:var(--muted);font-size:.88rem;line-height:1.55}
.lp97-eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--brand);margin-bottom:.5rem}

/* ---------- SESI97c: analogi alat kerja ---------- */
.lp97-tools{margin:0 0 1.5rem}
.lp97-tools p{font-size:1rem;line-height:1.62;color:#4a4642;margin:0 0 .9rem;max-width:44em}
.lp97-tools__grid{display:grid;gap:.75rem;margin-top:1.25rem}
@media (min-width:880px){.lp97-tools__grid{grid-template-columns:1fr 1fr}}
.lp97-tools__card{background:color-mix(in srgb, var(--brand) 5%, #fff);border:1px solid var(--line);border-radius:12px;padding:1.2rem 1.35rem}
.lp97-tools__card b{display:block;font-family:var(--font-display);font-size:1.08rem;font-weight:600;margin-bottom:.4rem;color:var(--brand)}
.lp97-tools__card span{display:block;font-size:.9rem;line-height:1.58;color:#4a4642}
.lp-outcome .modul--lead{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--ink);margin:.15rem 0 .35rem;opacity:1}
.lp97-tools__after{font-size:1rem;line-height:1.62;color:#4a4642;margin:1.25rem 0 0;max-width:44em}
.lp-outcome .num--label{font-family:inherit;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);line-height:1.4}
.lp-outcome .modul--lead{font-size:1.05rem;margin:.5rem 0 .4rem}
.lp-outcome .txt{color:var(--muted)}

/* ---------- SESI97c: kurikulum bentuk mockup ---------- */
.lp97-kur{margin-top:1rem;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff}
.lp97-kur > summary{padding:1rem 1.25rem;background:color-mix(in srgb, var(--brand) 5%, #fff);font-weight:700;cursor:pointer;list-style:none;font-size:.98rem}
.lp97-kur > summary::-webkit-details-marker{display:none}
.lp97-kur > summary:before{content:"+";color:var(--brand);font-weight:800;margin-right:.65rem}
.lp97-kur[open] > summary:before{content:"\2013"}
.lp97-kur[open] > summary{border-bottom:2px solid var(--brand)}
.lp97-kur__body{padding:.4rem 1.25rem .9rem}
.lp97-kur__grp{border-top:1px solid var(--line);padding:.9rem 0 .25rem}
.lp97-kur__grp:first-child{border-top:0}
.lp97-kur__grp h4{margin:0 0 .5rem;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--brand);display:flex;justify-content:space-between;gap:.75rem;align-items:baseline}
.lp97-kur__grp h4 span{color:var(--ink);font-weight:700;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;font-size:.8rem}
.lp97-kur__grp ul{list-style:none;margin:0;padding:0}
.lp97-kur__grp li{display:flex;justify-content:space-between;gap:.9rem;padding:.4rem 0;font-size:.9rem;color:#3a3733;border-bottom:1px dotted var(--line);line-height:1.4}
.lp97-kur__grp li:last-child{border-bottom:0}
.lp97-kur__grp li em{font-style:normal;color:var(--muted);font-size:.82rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.lp97-kur__foot{margin:0 1.25rem 1.1rem;padding-top:.85rem;border-top:1px solid var(--line);font-size:.84rem;color:var(--muted);display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;font-weight:700}

/* ---------- SESI98b: penyelarasan hero ke mockup v20 ---------- */
.lp-split.lp-split--solo .lp-split__dark h1 em{font-style:normal;color:var(--brand)}
.lp-split.lp-split--solo .lp-split__avatar{border:2px solid rgba(255,255,255,.18)}
.lp-split.lp-split--solo .lp97-cue-wrap{text-align:center;margin-top:1.9rem}
.lp-split.lp-split--solo .lp97-cue{margin-top:0}

/* ---------- SESI98c: pita gelap menyambung (hero -> trust bar -> dinding bukti) ----------
   Ikut mockup v20: tidak ada jeda terang di antara ketiganya.
   Lebar isi tetap 960px mengikuti irama halaman ini (mockup memakai 1080px,
   tapi seluruh blok lain di halaman ini sudah 960px).
   Kenaikan specificity lewat .lp-main disengaja: aturan lama seperti
   ".lp97-proof p{margin:0 0 1.1rem}" akan mengalahkan margin-inline:auto. */

/* 1. Hilangkan jeda di bawah hero */
.lp-split.lp-split--solo{margin-bottom:0;border-bottom:0}

/* 2. Trust bar & dinding bukti melebar penuh, tanpa sudut membulat */
.lp-main .lp97-trust,
.lp-main .lp97-proof{
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  width:100vw;max-width:100vw;border-radius:0;
}
.lp-main .lp97-trust{margin-top:0;margin-bottom:0}
.lp-main .lp97-proof{margin-top:0}

/* 3. Isinya tetap sejajar dengan blok lain di halaman */
.lp-main .lp97-trust ul{max-width:960px;margin-inline:auto}
.lp-main .lp97-proof > *{max-width:960px;margin-inline:auto}

/* 4. Di layar sempit, beri napas kiri-kanan pada trust bar */
@media (max-width:720px){
  .lp-main .lp97-trust ul{padding-inline:.5rem}
}

/* ---------- SESI98e: tiga pita selebar layar (Y2, ikut mockup v20) ----------
   Teknik sama dengan 98c: bleed 100vw, isi dijaga 960px lewat padding-inline.
   max() dipakai supaya di layar sempit padding tidak jadi negatif. */

.lp-main .lp97-story,
.lp-main .lp-sec:has(.lp-instructor-block),
.lp-main .lp-cta-final{
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  width:100vw;max-width:100vw;
  border-radius:0;border-left:0;border-right:0;
  padding-inline:max(1.25rem, calc((100vw - 960px) / 2));
}

/* 1. Cerita instruktur: pita putih */
.lp-main .lp97-story{
  background:#fff;
  padding-block:3rem;
  margin-top:0;margin-bottom:1.75rem;
}

/* 2. Bio instruktur: pita gelap, judul ikut masuk ke dalam pita.
      :has() dipakai karena judul berada di luar kartu bio. */
.lp-main .lp-sec:has(.lp-instructor-block){
  background:#211d1a;color:#fff;
  padding-block:3rem;
  margin-top:2.25rem;margin-bottom:0;
}
.lp-main .lp-sec:has(.lp-instructor-block) > h2{color:#fff}
.lp-main .lp-instructor-block{
  background:transparent;padding:0;border-radius:0;
}

/* 3. CTA penutup: pita gelap bergradasi.
      Disasar langsung, bukan lewat .lp-sec, sebab FAQ berbagi pembungkus. */
.lp-main .lp-cta-final{
  background:linear-gradient(160deg,#1f232c,#171a21);
  border-top:0;border-bottom:0;
  color:#fff;
  padding-block:3.25rem;
}
.lp-main .lp-cta-final .cta-head{color:#fff}
.lp-main .lp-cta-final .cta-sub,
.lp-main .lp-cta-final .cta-trust,
.lp-main .lp-cta-final .cta-price .old{color:#b4b2a9}
.lp-main .lp-cta-final .cta-price .now{color:#fff}

/* ---------- SESI98f: testimoni ikut mockup v20 (hanya halaman iklan) ----------
   Specificity dinaikkan lewat .lp97-testi: aturan .lp-testi berada di <style>
   inline show.blade.php yang dimuat SESUDAH berkas ini (pelajaran Sesi 97c). */

.lp97-testi .lp97-eyebrow{margin-bottom:.5rem}
.lp97-testi h2{font-family:var(--font-display);font-size:1.55rem;line-height:1.2;font-weight:600;margin:0 0 .9rem;letter-spacing:-.015em}
@media (min-width:880px){.lp97-testi h2{font-size:1.95rem}}
.lp97-testi__lede{font-size:1rem;line-height:1.62;color:#4a4642;margin:0 0 1.75rem;max-width:38em}

.lp97-testi .lp-credibility{gap:.8rem}
.lp97-testi .lp-testi{
  border:1px solid var(--line);border-left:1px solid var(--line);
  border-radius:11px;padding:1.3rem 1.45rem;background:#fff;
}
.lp97-testi .lp-testi::before{content:none}
.lp97-testi .lp-testi .body{font-style:normal;font-size:.92rem;color:#3a3733;margin-bottom:.8rem}
.lp97-testi .lp-testi__avatar{
  width:32px;height:32px;background:var(--brand);color:#fff;
  font-size:.75rem;font-weight:800;
}

/* ---------- SESI98h: profil instruktur ikut mockup v20 (hanya halaman iklan) ----------
   Specificity dinaikkan lewat .lp97-bio: aturan .lp-instructor-block berada di
   <style> inline show.blade.php yang dimuat SESUDAH berkas ini. */

/* Judul seksi "Tentang Instruktur" disembunyikan; digantikan nama instruktur. */
.lp-main .lp-sec:has(.lp97-bio) > h2{display:none}

/* Dua kolom: foto kiri, teks kanan. Kartu dalam dilebur ke pita. */
.lp97-bio{gap:2.35rem;padding:0;background:transparent;border-radius:0}
@media (min-width:820px){
  .lp97-bio{display:grid;grid-template-columns:1fr 1.35fr;align-items:start}
}

/* Foto besar mendatar, bukan avatar kecil. */
.lp97-bio .lp-instructor-block__photo{
  width:100%;height:auto;aspect-ratio:4 / 3;border-radius:14px;
  object-fit:cover;background:#2a2521;
}
.lp97-bio .lp-instructor-block__photo--ph{
  aspect-ratio:4 / 3;font-size:3rem;background:var(--brand);
}

/* Nama naik jadi judul. */
.lp97-bio .lp-instructor-block__name{
  font-family:var(--font-display);font-weight:600;letter-spacing:-.015em;
  font-size:1.75rem;line-height:1.15;color:#fff;margin:0 0 .85rem;
}
@media (min-width:880px){.lp97-bio .lp-instructor-block__name{font-size:2.25rem}}

.lp97-bio .lp97-eyebrow{margin-bottom:.6rem}
.lp97-bio .lp-richtext{color:#cfc9c4;font-size:1rem;line-height:1.62}

/* Daftar kredensial: butir kotak oranye, tanpa bullet bawaan. */
.lp97-bio .lp-richtext ul{list-style:none;padding:0;margin:1.25rem 0 0;display:grid;gap:.5rem}
.lp97-bio .lp-richtext ul li{
  position:relative;padding-left:1.35rem;font-size:.92rem;color:#e3ded8;line-height:1.5;
}
.lp97-bio .lp-richtext ul li::before{
  content:"";position:absolute;left:0;top:.45em;
  width:.5rem;height:.5rem;background:var(--brand);border-radius:2px;
}

/* ---------- SESI98i: perbaikan specificity blok bio ----------
   98h memakai ".lp97-bio" (satu kelas) yang kalah melawan
   ".lp-instructor-block" di <style> inline show.blade.php.
   Di sini dipakai dua kelas supaya menang apa pun urutan pemuatannya. */

.lp-instructor-block.lp97-bio{
  display:block;
  gap:2.35rem;padding:0;background:transparent;border-radius:0;
}
@media (min-width:820px){
  .lp-instructor-block.lp97-bio{
    display:grid;
    grid-template-columns:1fr 1.35fr;
    align-items:start;
    flex-direction:unset;
  }
}

/* Foto: penuh di kolomnya sendiri, bukan penuh di seluruh baris. */
.lp-instructor-block.lp97-bio .lp-instructor-block__photo{
  width:100%;height:auto;aspect-ratio:4 / 3;
  border-radius:14px;object-fit:cover;background:#2a2521;
  flex:initial;
}

/* Kolom teks tidak boleh menyusut di bawah isinya. */
.lp-instructor-block.lp97-bio .lp-instructor-block__txt{min-width:0}

/* Di layar sempit foto diberi jarak ke teks (display:block, bukan grid). */
@media (max-width:819px){
  .lp-instructor-block.lp97-bio .lp-instructor-block__photo{margin-bottom:1.5rem}
}

/* ---------- SESI98j: slot foto instruktur jadi 3:4 tegak ----------
   Admin membatasi unggahan ke 3:4; slot disesuaikan agar tidak memotong.
   Dua kelas dipakai supaya menang atas <style> inline (pelajaran 98h). */

.lp-instructor-block.lp97-bio .lp-instructor-block__photo{
  aspect-ratio:3 / 4;
}
.lp-instructor-block.lp97-bio .lp-instructor-block__photo--ph{
  aspect-ratio:3 / 4;
}

/* Foto tegak lebih tinggi dari teks pada layar lebar; beri kolom foto
   porsi lebih kecil supaya tidak mendominasi. */
@media (min-width:820px){
  .lp-instructor-block.lp97-bio{grid-template-columns:.85fr 1.5fr}
}

/* ---------- SESI98k: ukuran judul ikut mockup v20 (hanya halaman iklan) ----------
   Bobot selektor dihitung dulu: ".lp-sec > h2" di <style> inline = (0,1,1).
   ".lp97-ads .lp-sec > h2" = (0,2,1) -> menang tanpa bergantung urutan muat. */

/* Judul seksi: 22,4px -> 30px (mockup 30px) */
.lp97-ads .lp-sec > h2{font-size:1.5rem;line-height:1.22}
@media (min-width:880px){.lp97-ads .lp-sec > h2{font-size:1.875rem}}

/* Judul testimoni: 31,2px -> 36px (mockup 36px) */
.lp97-ads .lp97-testi h2{font-size:1.7rem}
@media (min-width:880px){.lp97-ads .lp97-testi h2{font-size:2.25rem}}

/* Judul kartu tools: 17,3px -> 18px */
.lp97-ads .lp97-tools__card b{font-size:1.125rem}

/* Judul grup kurikulum: 12,5px -> 13,5px */
.lp97-ads .lp97-kur__grp h4{font-size:.845rem}
.lp97-ads .lp97-kur__grp h4 span{font-size:.845rem}

/* ---------- SESI98l: jarak paragraf lede ke kartu keterampilan ----------
   Mockup v20 memberi 32px antara paragraf dan grid. Di sini margin bawah
   paragraf dulunya 0 sehingga kartu menempel.
   Bobot: ".lp97-tools__after" = (0,1,0); ".lp97-ads .lp97-tools__after" = (0,2,0). */

.lp97-ads .lp97-tools__after{margin-bottom:2rem}

/* Cadangan bila paragraf tidak tampil: grid tetap punya napas dari blok atasnya. */
.lp97-ads .lp97-tools + .lp-outcomes{margin-top:2rem}

/* ---------- SESI99a: seksi video cuplikan V1 (arus kas) — hanya halaman iklan ----------
   Prefiks sendiri. TIDAK menumpang .lp-preview, yang dipakai seluruh kelas lain
   dan sudah punya aturan di <style> inline show.blade.php.
   Bobot dihitung dulu (pelajaran 98h): ".lp-sec" di inline = (0,1,0);
   ".lp97-ads .lp97-vid" = (0,2,0) -> menang tanpa bergantung urutan muat. */

.lp97-ads .lp97-vid{max-width:740px;margin-left:auto;margin-right:auto;text-align:center;padding-top:0}
.lp97-ads .lp97-vid__lede{font-size:1.03rem;line-height:1.6;color:#4A4642;max-width:38em;margin-left:auto;margin-right:auto}
.lp97-ads .lp97-vid__frame{margin-top:1.5rem;border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:#111}
.lp97-ads .lp97-vid__frame iframe{width:100%;height:100%;border:0;display:block}

/* ---------- SESI99b ----------------------------------------------------- */

/* A. Jarak seksi video V1 ke kartu "bahasa sederhana" di bawahnya.
      padding, bukan margin: margin akan runtuh/berjumlah dengan margin-top
      .lp97-simple sehingga hasilnya tak bisa diprediksi. Satu angka ini
      adalah satu-satunya pemilik jarak tersebut. */
.lp97-ads .lp97-vid{padding-bottom:2.75rem}

/* B. Cuplikan reksadana (V2) di dalam blok keterampilan.
      Prefiks sendiri; mockup v20 memberi lebar 640px, lebih sempit dari V1. */
.lp97-ads .lp97-clip{max-width:640px;margin-left:auto;margin-right:auto;margin-top:1.6rem}
.lp97-ads .lp97-clip__frame{border-radius:14px;overflow:hidden;aspect-ratio:16/9;background:#111}
.lp97-ads .lp97-clip__frame iframe{width:100%;height:100%;border:0;display:block}
.lp97-ads .lp97-clip__cap{margin-top:.7rem;font-size:.845rem;line-height:1.5;color:var(--muted);text-align:center}