.lsn-top{position:sticky;top:0;z-index:30;display:grid;
  grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;
  height:64px;padding:0 24px;box-sizing:border-box;
  background:rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--hairline)}

.lsn-back{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  justify-self:start;min-width:48px;padding:12px;margin:-12px;
  font-size:var(--fs-eyebrow);font-weight:var(--fw-bold);color:var(--tx-ink)}
.lsn-back:hover{color:var(--blue)}
.lsn-back--end{justify-self:end}
.lsn-logo{justify-self:center;display:block;padding:12px;margin:-12px}
.lsn-logo img{display:block;width:112px;height:auto}
@media(max-width:700px){
  .lsn-top{gap:12px;padding:0 16px}
  .lsn-back span:not(.ar){display:none}
  .lsn-logo img{width:96px}
}

.lsn-shell{margin:0;padding:0 24px}

.lsn-grid{padding:40px 0 24px;padding-inline-start:424px}
.lsn-grid > main{max-width:760px;margin-inline:auto}
@media(max-width:1100px){
  .lsn-grid{padding:24px 0;padding-inline-start:0}
  .lsn-grid > main{max-width:none}
}

.lsn-head{text-align:center;margin-bottom:24px}

.lsn-badge{display:inline-block;padding:4px 12px;margin:0 0 12px;
  border-radius:var(--r-pill);background:var(--cream);
  font-size:var(--fs-tag);font-weight:var(--fw-bold);color:var(--blue)}
.lsn-h1{font-size:var(--fs-h3);line-height:var(--lh-tight);margin:0}

.lsn-stage{position:relative;aspect-ratio:16/9;overflow:hidden;
  border-radius:var(--r-md);background:var(--cream);box-shadow:var(--sh-rest)}
.lsn-stage iframe,.lsn-stage .u-vsl,.lsn-stage img{width:100%;height:100%;border:0;display:block}
.lsn-stage img{object-fit:cover}
.lsn-stage .playbtn{inset:auto 24px 24px auto;margin:0;width:72px;height:72px}
@media(max-width:700px){
  .lsn-stage .playbtn{inset:auto 16px 16px auto;width:56px;height:56px}

  .lsn-stage{position:sticky;top:64px;z-index:5}
}

.lsn-body{margin-top:32px}

.lsn-aside{position:fixed;top:64px;bottom:0;inset-inline-start:0;width:400px;
  display:flex;flex-direction:column;background:#fff;
  border-inline-end:1px solid var(--hairline);z-index:10}
@media(max-width:1100px){
  .lsn-aside{position:static;width:auto;border:1px solid var(--hairline);
    border-radius:var(--r-md);overflow:hidden}
}

.lsn-prog{padding:20px 24px;border-bottom:1px solid var(--hairline)}
.lsn-prog-n{display:block;font-size:var(--fs-eyebrow);font-weight:var(--fw-body);color:var(--tx-muted)}
.lsn-prog-bar{display:block;height:4px;margin-top:12px;border-radius:var(--r-pill);
  background:rgba(52,52,57,.06);overflow:hidden}

.lsn-prog-fill{display:block;height:100%;width:0;border-radius:var(--r-pill);
  background:var(--red);transition:width .4s var(--ease)}

.lsn-nav{flex:1 1 0;min-height:0;overflow-y:auto}
.lsn-toc-list{list-style:none;margin:0;padding:0}
@media(max-width:1100px){.lsn-nav{flex:none;overflow:visible}}
.lsn-toc-list > li + li{border-top:1px solid var(--hairline)}

.lsn-toc-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  gap:16px;align-items:center;padding:16px 20px;
  border-inline-start:3px solid transparent;
  transition:background .2s var(--ease)}
.lsn-toc-item:hover{background:var(--cream)}
.lsn-toc-item.is-now{background:var(--cream);border-inline-start-color:var(--blue)}

.lsn-toc-thumb{position:relative;width:120px;flex:0 0 auto;
  aspect-ratio:16/9;border-radius:var(--r-xs);overflow:hidden;background:var(--cream)}
.lsn-toc-thumb img{width:100%;height:100%;object-fit:cover;display:block}

.lsn-toc-n{position:absolute;inset-block-start:0;inset-inline-start:0;
  padding:2px 8px;border-end-end-radius:var(--r-xs);background:var(--dark);
  color:#fff;font-family:var(--font-label);font-size:var(--fs-eyebrow);font-weight:var(--fw-bold)}
.lsn-toc-item.is-now .lsn-toc-n{background:var(--blue)}

.lsn-toc-t{min-width:0;font-size:var(--fs-body);font-weight:var(--fw-bold);
  color:var(--tx-ink);line-height:var(--lh-card)}
.lsn-toc-dur{display:block;margin-top:4px;font-size:var(--fs-eyebrow);
  font-weight:var(--fw-body);color:var(--tx-muted)}

.lsn-toc-ar{color:var(--tx-muted);flex:0 0 auto;display:block}
.lsn-toc-item.is-now .lsn-toc-ar{color:var(--blue)}
.lsn-toc-item:hover .lsn-toc-ar{color:var(--blue)}

.lsn-toc-done{position:absolute;inset-block-start:0;inset-inline-end:0;
  display:none;place-items:center;width:22px;height:22px;
  border-end-start-radius:var(--r-xs);background:var(--blue);color:#fff;padding:4px;box-sizing:border-box}
.lsn-toc-item.is-done .lsn-toc-done{display:grid}

.lsn-toc-sr{display:none}
.lsn-toc-item.is-done .lsn-toc-sr{display:inline}
.lsn-toc-item.is-done .lsn-toc-thumb img{opacity:.55}
.lsn-toc-item.is-done .lsn-toc-t{color:var(--tx-muted)}
.lsn-toc-item.is-now .lsn-toc-t{color:var(--tx-ink)}

.lsn-prev{color:var(--tx-muted);border-color:var(--hairline)}
.lsn-prev:hover{color:var(--blue);border-color:var(--blue)}

.lsn-act{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:20px;margin-top:48px;padding-top:32px;border-top:1px solid var(--hairline)}

.lsn-hero-meta{font-size:var(--fs-eyebrow);color:var(--tx-legal);margin:24px 0 0}
.lsn-hero-cta{margin:24px 0 0}
.lsn-hero-prog{margin:24px auto 0;max-width:320px}

.fc-hero.lsn-band{padding-block:var(--sp-sec) calc(var(--sp-sec) + var(--sp-8))}

.lsn-scroll{display:grid;place-items:center;width:48px;height:48px;margin:40px auto 0;
  border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.06);color:#fff;
  transition:background .2s var(--ease),border-color .2s var(--ease)}
.lsn-scroll:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.55)}
.lsn-scroll svg{animation:lsn-nudge 2.4s var(--ease) infinite}
@keyframes lsn-nudge{0%,100%{transform:translateY(-2px)}50%{transform:translateY(2px)}}
@media(prefers-reduced-motion:reduce){.lsn-scroll svg{animation:none}}

.lsn-hero-prog .lsn-prog-n{color:var(--tx-on-dark-2);font-weight:var(--fw-body)}
.lsn-hero-prog .lsn-prog-bar{background:rgba(255,255,255,.22)}

.lsn-hub-sec{max-width:var(--container-content);margin:0 auto;padding:56px 0 32px}
.lsn-hub-h2{font-size:var(--fs-h3);margin:0 0 24px}
.lsn-hub-list{border:1px solid var(--hairline);border-radius:var(--r-md);
  overflow:hidden;background:#fff}
.lsn-hub-list .lsn-toc-list{max-height:none}
.lsn-hub-list .lsn-toc-item{padding:20px 24px;gap:24px}
.lsn-hub-list .lsn-toc-thumb{width:180px}
.lsn-hub-list .lsn-toc-t{font-size:var(--fs-title)}
.lsn-hub-b{display:block;margin-top:8px;font-size:var(--fs-eyebrow);
  font-weight:var(--fw-body);color:var(--tx-muted);line-height:var(--lh-body)}
@media(max-width:700px){
  .lsn-hub-list .lsn-toc-item{padding:12px;gap:12px}
  .lsn-hub-list .lsn-toc-thumb{width:96px}
  .lsn-hub-list .lsn-toc-t{font-size:var(--fs-eyebrow)}
  .lsn-hub-b{display:none}
}

.lsn-legal{max-width:760px;margin:32px auto 0;padding:24px 0 48px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:20px;font-size:var(--fs-eyebrow);color:var(--tx-muted)}
.lsn-legal a{color:var(--tx-muted);text-decoration:underline;display:inline-block;padding:12px 0}
.lsn-legal a:hover{color:var(--blue)}

.lsn-mats{margin-block:var(--sp-8) 0;padding-block-start:var(--sp-6);
  border-block-start:1px solid var(--hairline)}
.lsn-mats-h{margin:0 0 var(--sp-4);font-size:var(--fs-eyebrow);font-weight:var(--fw-bold);color:var(--tx-muted)}
.lsn-mats-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}
.lsn-mats-list a{display:flex;align-items:center;gap:var(--sp-3);
  padding:var(--sp-3) var(--sp-4);border:1px solid var(--hairline);border-radius:var(--r-md);
  color:var(--tx-ink);text-decoration:none;font-weight:var(--fw-bold);
  transition:border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}
.lsn-mats-list a:hover{border-color:var(--blue);background:rgba(25,92,255,.06);box-shadow:var(--sh-chip)}
.lsn-mats-list a:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.lsn-mat-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:var(--r-xs);
  background:rgba(25,92,255,0.12)}
.lsn-mat-ic svg{width:17px;height:17px;fill:none;stroke:var(--blue);stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}
.lsn-mat-t{flex:1;min-width:0}

.lsn-mat-k{flex:none;margin-inline-start:auto;font-size:var(--fs-tag);font-weight:var(--fw-bold);color:var(--tx-muted)}
@media(max-width:560px){
  .lsn-mats-list a{padding:var(--sp-3)}
  .lsn-mat-k{display:none}
}

.lsn-toc-sec{margin:0;display:flex;align-items:center;gap:var(--sp-3);
  margin:0;padding:var(--sp-3) var(--sp-4);border-radius:0;
  background:var(--dark);color:#fff;
  font-size:var(--fs-eyebrow);font-weight:var(--fw-black);line-height:1.35}

.lsn-toc-sec .n{margin-inline-start:auto;font-family:var(--font-label);
  font-weight:var(--fw-bold);font-size:var(--fs-tag);color:rgba(255,255,255,.70)}

.lsn-hub-list .lsn-toc-sec{padding:var(--sp-4) var(--sp-6);font-size:var(--fs-title)}

@media(max-width:560px){
  .lsn-hub-list .lsn-toc-sec{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-eyebrow)}
}