@font-face{font-family:"Readex Pro";src:url(ReadexPro-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Readex Pro";src:url(ReadexPro-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Readex Pro";src:url(ReadexPro-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(JetBrainsMono-500.woff2) format("woff2");font-weight:500;font-display:swap}
*{box-sizing:border-box}
html{color-scheme:dark;scroll-behavior:smooth}
body{margin:0;font:400 16px/26px "Readex Pro",system-ui,sans-serif}
img,video{max-width:100%}
/* Lebanese.ai design system, Cedar theme (dark). */
:root {
  --lai-bg: #0b2a22;
  --lai-surface: #12352b;
  --lai-surface-2: #1a4337;
  --lai-line: #24503f;
  --lai-line-strong: #5c8a77;
  --lai-ink: #f5f1ea;
  --lai-ink-muted: #b3c4bc;
  --lai-accent: #e0453a;
  --lai-accent-text: #ff8a7f;
  --lai-action: #ff6b5e;
  --lai-on-action: #0b2a22;
  --lai-action-soft: #3a2420;
  --lai-link: #8dd3b5;
  --lai-focus: #ff9a90;
  --lai-sans: "Readex Pro", "Noto Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;
  --lai-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
}

body {
  background: var(--lai-bg);
  color: var(--lai-ink);
}

.lai-site {
  font-family: var(--lai-sans);
  background: var(--lai-bg);
  color: var(--lai-ink);
  -webkit-font-smoothing: antialiased;
}

.lai-site :focus-visible {
  outline: 2px solid var(--lai-focus);
  outline-offset: 3px;
  border-radius: 6px;
}

/* top bar */
.lai-top {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 50;
  pointer-events: none;
}
.lai-ribbon {
  pointer-events: auto;
  padding: 6px 16px;
  text-align: center;
  font: 500 11px/16px var(--lai-mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--lai-ink-muted);
  background: color-mix(in srgb, var(--lai-surface-2) 92%, transparent);
}
.lai-top__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px clamp(16px, 4vw, 64px);
}
.lai-brand,
.lai-cta-talk {
  pointer-events: auto;
}
.lai-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--lai-ink);
}
.lai-brand__mark {
  height: 32px;
  width: auto;
}
.lai-mark__tok {
  fill: var(--lai-ink);
}
.lai-mark__trunk {
  fill: var(--lai-accent);
}
.lai-brand__mark rect {
  transform-box: fill-box;
  transform-origin: center;
  animation: lai-pop 420ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
@keyframes lai-pop {
  from {
    transform: scale(0.5);
  }
  to {
    transform: none;
  }
}
.lai-wordmark {
  font: 600 22px/1 var(--lai-sans);
  letter-spacing: -0.6px;
  color: var(--lai-ink);
}
.lai-wordmark i {
  font-style: normal;
  color: var(--lai-accent);
}

/* CTAs: each its own identity */
.lai-cta-talk {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid var(--lai-line-strong);
  background: color-mix(in srgb, var(--lai-bg) 70%, transparent);
  backdrop-filter: blur(8px);
  color: var(--lai-ink);
  font: 500 14px/1 var(--lai-sans);
  text-decoration: none;
  transition: border-color 160ms ease-out, background 160ms ease-out;
}
.lai-cta-talk:hover {
  border-color: var(--lai-ink);
  background: var(--lai-surface-2);
}
.lai-cta-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 24px;
  border-radius: 10px;
  background: var(--lai-action);
  color: var(--lai-on-action);
  font: 600 16px/1 var(--lai-sans);
  text-decoration: none;
  transition: transform 160ms ease-out, filter 160ms ease-out;
}
.lai-cta-primary:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}
.lai-cta-primary span {
  font-family: var(--lai-mono);
  transition: transform 160ms ease-out;
}
.lai-cta-primary:hover span {
  transform: translateX(4px);
}
.lai-cta-ghost {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: var(--lai-link);
  font: 500 16px/1 var(--lai-sans);
  text-decoration: underline;
  text-decoration-color: color-mix(in srgb, var(--lai-link) 40%, transparent);
  text-underline-offset: 6px;
}
.lai-cta-ghost:hover {
  text-decoration-color: var(--lai-link);
}
.lai-cta-outline {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 20px;
  border-radius: 10px;
  box-shadow: inset 0 0 0 2px var(--lai-line-strong);
  color: var(--lai-ink);
  font: 500 15px/1 var(--lai-sans);
  text-decoration: none;
  transition: box-shadow 160ms ease-out;
}
.lai-cta-outline:hover {
  box-shadow: inset 0 0 0 2px var(--lai-ink);
}
.lai-cta-solid {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 26px;
  border-radius: 999px;
  background: var(--lai-ink);
  color: var(--lai-bg);
  font: 600 16px/1 var(--lai-sans);
  text-decoration: none;
  white-space: nowrap;
  transition: transform 160ms ease-out;
}
.lai-cta-solid:hover {
  transform: scale(1.03);
}

.lai-patent {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  padding: 8px 14px 8px 10px;
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px var(--lai-line-strong);
  background: color-mix(in srgb, var(--lai-bg) 60%, transparent);
  font: 500 12px/16px var(--lai-mono);
  letter-spacing: 0.08em;
}
.lai-patent__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--lai-accent);
  flex: none;
}
.lai-patent__main {
  text-transform: uppercase;
  color: var(--lai-ink);
}
.lai-patent__num {
  color: var(--lai-ink-muted);
}

/* after the journey */
.lai-after {
  position: relative;
  z-index: 4;
  background: var(--lai-bg);
  border-top: 1px solid var(--lai-line);
}
.lai-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding-inline: clamp(16px, 5vw, 80px);
}
.lai-band {
  padding-block: clamp(64px, 9vw, 112px);
}
.lai-band--alt {
  background: var(--lai-surface);
  border-block: 1px solid var(--lai-line);
}
.lai-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: clamp(32px, 5vw, 64px);
  align-items: center;
}
.lai-head {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 720px;
  min-width: 0;
}
.lai-head h2 {
  margin: 0;
  font: 600 clamp(32px, 4.2vw, 50px) / 1.08 var(--lai-sans);
  letter-spacing: -0.025em;
  text-wrap: balance;
}
.lai-head p {
  margin: 0;
  font-size: 18px;
  line-height: 29px;
  color: var(--lai-ink-muted);
}
.lai-eyebrow {
  font: 500 12px/16px var(--lai-mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--lai-ink-muted);
}
.lai-head .lai-eyebrow--accent {
  color: var(--lai-accent-text);
}
.lai-label {
  font: 500 11px/14px var(--lai-mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--lai-ink-muted);
}
.lai-keys {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.lai-key {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 4px 12px;
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px var(--lai-line-strong);
  font: 500 14px/22px var(--lai-mono);
}
.lai-key span {
  font: 600 17px/22px var(--lai-sans);
}

/* demo */
.lai-demo {
  margin: 0;
  min-width: 0;
  background: var(--lai-surface);
  border: 1px solid var(--lai-line);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35);
}
.lai-demo__head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--lai-line);
  font: 500 12px/16px var(--lai-mono);
  letter-spacing: 0.08em;
  color: var(--lai-ink-muted);
}
.lai-demo__replay {
  margin-left: auto;
  min-height: 36px;
  padding: 0 6px;
  border: 0;
  background: none;
  color: var(--lai-link);
  font: 500 12px/16px var(--lai-mono);
  letter-spacing: 0.08em;
  cursor: pointer;
}
.lai-demo__replay:disabled {
  opacity: 0.5;
  cursor: default;
}
.lai-demo__in {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 18px;
  border-bottom: 1px solid var(--lai-line);
}
.lai-demo__typed {
  min-height: 34px;
  font: 500 24px/34px var(--lai-mono);
  color: var(--lai-ink);
}
.lai-caret {
  display: inline-block;
  width: 2px;
  height: 26px;
  margin-left: 2px;
  vertical-align: -5px;
  background: var(--lai-accent);
  animation: lai-blink 1s steps(1) infinite;
}
@keyframes lai-blink {
  50% {
    opacity: 0;
  }
}
.lai-tokens {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-height: 30px;
}
.lai-tok {
  display: inline-flex;
  padding: 3px 12px;
  border-radius: 999px;
  background: var(--lai-surface-2);
  color: var(--lai-ink);
  font: 500 15px/22px var(--lai-mono);
  transition: opacity 200ms ease-out, transform 200ms ease-out;
}
.lai-tok--sm {
  padding: 2px 10px;
  font-size: 13px;
  line-height: 20px;
}
.lai-tok--hi {
  background: var(--lai-action-soft);
  color: var(--lai-accent-text);
  box-shadow: inset 0 0 0 1px var(--lai-accent);
}
.lai-tok--pre {
  opacity: 0;
  transform: translateY(4px);
}
.lai-demo__out {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.lai-demo__cell {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  padding: 16px 18px;
  border-bottom: 1px solid var(--lai-line);
}
.lai-demo__cell:nth-child(odd) {
  border-inline-end: 1px solid var(--lai-line);
}
.lai-demo__cell:nth-last-child(-n + 2) {
  border-bottom: 0;
}
.lai-demo__text {
  min-height: 30px;
  font: 500 18px/30px var(--lai-sans);
}
.lai-demo__text[dir="rtl"] {
  font-size: 21px;
}
.lai-demo__cap {
  padding: 10px 18px;
  font-size: 13px;
  line-height: 20px;
  color: var(--lai-ink-muted);
  background: var(--lai-surface-2);
}

/* pipeline */
.lai-pipe {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 56px 0 0;
  padding: 0;
  list-style: none;
  border: 1px solid var(--lai-line);
  border-radius: 16px;
  overflow: hidden;
  background: var(--lai-bg);
}
.lai-step {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  padding: 28px 24px 32px;
  border-inline-end: 1px solid var(--lai-line);
  transition: background 200ms ease-out;
}
.lai-step:hover {
  background: var(--lai-surface);
}
.lai-step:last-child {
  border-inline-end: 0;
}
.lai-step__n {
  font: 500 12px/16px var(--lai-mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--lai-accent-text);
}
.lai-step h3 {
  margin: 0;
  font: 600 20px/28px var(--lai-sans);
}
.lai-step p {
  margin: 0;
  font-size: 15px;
  line-height: 24px;
  color: var(--lai-ink-muted);
}
.lai-step__ex {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: auto;
  padding-top: 12px;
}
.lai-step__ar {
  font: 600 19px/26px var(--lai-sans);
}
.lai-pipe__foot {
  margin-top: 28px;
}

.lai-ar-line {
  margin: 0;
  font: 600 clamp(36px, 5vw, 60px) / 1.5 var(--lai-sans);
  color: var(--lai-ink-muted);
}

.lai-handoff {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 32px;
  align-items: center;
  padding: clamp(28px, 5vw, 56px);
  border-radius: 24px;
  background: var(--lai-surface-2);
}
.lai-handoff h2 {
  margin: 12px 0 0;
  font: 600 clamp(28px, 3.6vw, 42px) / 1.15 var(--lai-sans);
  letter-spacing: -0.02em;
}
.lai-handoff p {
  max-width: 36em;
  margin: 12px 0 0;
  color: var(--lai-ink-muted);
}

.lai-foot {
  padding-block: 48px 56px;
  border-top: 1px solid var(--lai-line);
}
.lai-foot__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24px 48px;
}
.lai-foot small {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  line-height: 20px;
  color: var(--lai-ink-muted);
}
.lai-foot nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 28px;
}
.lai-foot nav a {
  color: var(--lai-link);
  font-weight: 500;
  text-decoration: none;
}

@media (max-width: 960px) {
  .lai-split,
  .lai-handoff {
    grid-template-columns: 1fr;
  }
  .lai-pipe {
    grid-template-columns: 1fr 1fr;
  }
  .lai-step:nth-child(2) {
    border-inline-end: 0;
  }
  .lai-step:nth-child(-n + 2) {
    border-bottom: 1px solid var(--lai-line);
  }
}
@media (max-width: 560px) {
  .lai-pipe {
    grid-template-columns: 1fr;
  }
  .lai-step {
    border-inline-end: 0;
    border-bottom: 1px solid var(--lai-line);
  }
  .lai-step:last-child {
    border-bottom: 0;
  }
  .lai-demo__out {
    grid-template-columns: 1fr;
  }
  .lai-demo__cell {
    border-inline-end: 0 !important;
    border-bottom: 1px solid var(--lai-line) !important;
  }
  .lai-demo__cell:last-child {
    border-bottom: 0 !important;
  }
  .lai-demo__typed {
    font-size: 20px;
  }
  .lai-wordmark {
    font-size: 19px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lai-brand__mark rect,
  .lai-caret {
    animation: none;
  }
  .lai-tok,
  .lai-step,
  .lai-cta-primary,
  .lai-cta-primary span,
  .lai-cta-solid,
  .lai-cta-talk,
  .lai-cta-outline {
    transition: none;
  }
}
/* Inner pages and top nav. */
.lai-top__nav {
  display: flex;
  gap: 28px;
  margin-left: auto;
  margin-right: 20px;
  pointer-events: auto;
}
.lai-top__nav a {
  color: var(--lai-ink-muted);
  font: 500 15px/1 var(--lai-sans);
  text-decoration: none;
  transition: color 160ms ease-out;
}
.lai-top__nav a:hover {
  color: var(--lai-ink);
}
.lai-top.is-solid,
.lai-page .lai-top {
  background: color-mix(in srgb, var(--lai-bg) 90%, transparent);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--lai-line);
}

.lai-phero {
  position: relative;
  overflow: hidden;
  padding-block: 190px 96px;
  border-bottom: 1px solid var(--lai-line);
}
.lai-phero__ghost {
  position: absolute;
  right: -120px;
  top: 60px;
  width: 560px;
  height: auto;
  opacity: 0.08;
  pointer-events: none;
}
.lai-phero__ghost .lai-mark__trunk {
  fill: var(--lai-ink);
}
.lai-phero__in {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 32px;
  align-items: end;
}
.lai-phero__title {
  margin: 0;
  font: 600 clamp(44px, 6.4vw, 84px) / 1.02 var(--lai-sans);
  letter-spacing: -0.035em;
  text-wrap: balance;
}
.lai-phero .lai-head {
  max-width: 820px;
  gap: 22px;
}
.lai-phero .lai-head p:not(.lai-eyebrow) {
  font-size: 20px;
  line-height: 32px;
  max-width: 38em;
}
.lai-ar-line--sm {
  font-size: clamp(30px, 4vw, 44px);
}

.lai-cards3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 56px;
}
.lai-card3 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-width: 0;
  padding: 28px 4px 0;
  border-top: 2px solid var(--lai-line-strong);
}
.lai-card3--lead {
  border-top-color: var(--lai-accent);
}
.lai-card3__sample {
  min-height: 48px;
  font: 600 32px/48px var(--lai-sans);
}
.lai-card3__sample--mono {
  font: 500 27px/48px var(--lai-mono);
  color: var(--lai-accent-text);
}
.lai-card3__sample--chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.lai-tok--line {
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--lai-line-strong);
}
.lai-card3 h3,
.lai-uses h3,
.lai-family h3,
.lai-panel h3 {
  margin: 0;
  font: 600 21px/29px var(--lai-sans);
}
.lai-card3 p,
.lai-uses p,
.lai-family p:not(.lai-eyebrow),
.lai-panel p {
  margin: 0;
  color: var(--lai-ink-muted);
  line-height: 26px;
}

.lai-uses {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 48px 0 32px;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--lai-line);
}
.lai-uses li {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 24px 24px 24px 0;
  border-bottom: 1px solid var(--lai-line);
}

.lai-split--top {
  align-items: start;
}
.lai-facts {
  margin: 0;
  border-top: 1px solid var(--lai-line-strong);
}
.lai-facts div {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid var(--lai-line);
}
.lai-facts dt {
  font: 500 12px/24px var(--lai-mono);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--lai-ink-muted);
}
.lai-facts dd {
  margin: 0;
  font: 500 18px/24px var(--lai-sans);
}
.lai-facts__mono {
  font-family: var(--lai-mono) !important;
}

.lai-panel {
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: flex-start;
  padding: 32px;
  border: 1px solid var(--lai-line);
  border-radius: 16px;
  background: var(--lai-surface);
}

.lai-family {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 48px;
}
.lai-family article {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding: 28px;
  border-radius: 16px;
  background: var(--lai-surface);
  border: 1px solid var(--lai-line);
  scroll-margin-top: 140px;
}
#contact {
  scroll-margin-top: 120px;
}

@media (max-width: 960px) {
  .lai-top__nav {
    display: none;
  }
  .lai-phero {
    padding-block: 150px 64px;
  }
  .lai-phero__in,
  .lai-cards3,
  .lai-uses,
  .lai-family {
    grid-template-columns: 1fr;
  }
  .lai-phero__ghost {
    width: 360px;
    right: -140px;
  }
}
@media (max-width: 560px) {
  .lai-facts div {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lai-top__nav a {
    transition: none;
  }
}
/* Scroll film */
.lai-journey{position:relative;height:260vh;background:var(--lai-bg)}
.lai-stage{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden}
.lai-stage video,.lai-stage .lai-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lai-progress{position:absolute;top:0;left:0;right:0;height:2px;background:rgba(245,241,234,.12);z-index:5}
.lai-progress span{display:block;height:100%;background:var(--lai-accent);transform-origin:left;transform:scaleX(var(--p,0))}
.lai-chapter{position:absolute;inset:0;display:flex;align-items:center;padding:110px clamp(20px,6vw,96px) 64px;z-index:3;pointer-events:none;
  opacity:0;transform:translateY(24px);transition:opacity 420ms ease-out,transform 420ms ease-out}
.lai-chapter.is-on{opacity:1;transform:none}
.lai-chapter[data-align=right]{justify-content:flex-end}
.lai-copy{position:relative;width:min(40rem,46vw);pointer-events:auto}
.lai-copy::before{content:"";position:absolute;z-index:-1;inset:-3rem -5rem;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(11,42,34,.9) 0%,rgba(11,42,34,.6) 52%,rgba(11,42,34,0) 76%)}
.lai-kicker{margin:0 0 1rem;font:500 .8rem/1.3 var(--lai-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lai-accent-text)}
.lai-ctitle{margin:0;max-width:13ch;font:600 clamp(2.75rem,6vw,6.25rem)/1 var(--lai-sans);letter-spacing:-.035em;text-wrap:balance}
.lai-cbody{margin:1.5rem 0 0;max-width:44ch;color:var(--lai-ink-muted);font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.6}
.lai-ctags{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.5rem 0 0;padding:0;list-style:none}
.lai-ctags li{padding:.4rem .8rem;border-radius:999px;box-shadow:inset 0 0 0 1px var(--lai-line-strong);background:rgba(26,67,55,.8);font:500 .8rem/1.2 var(--lai-mono)}
.lai-cactions{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:2rem}
.lai-dots{position:absolute;right:clamp(16px,3vw,40px);top:50%;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;gap:10px}
.lai-dots button{width:44px;height:28px;border:0;background:none;cursor:pointer;display:grid;place-items:center;padding:0}
.lai-dots button span{width:8px;height:8px;border-radius:50%;background:var(--lai-line-strong);transition:transform 160ms,background 160ms}
.lai-dots button[aria-current=true] span{background:var(--lai-accent);transform:scale(1.4)}
@media (max-width:860px){
  .lai-chapter,.lai-chapter[data-align=right]{align-items:flex-end;justify-content:flex-start;padding:96px 20px calc(48px + env(safe-area-inset-bottom))}
  .lai-copy{width:100%}
  .lai-copy::before{inset:-3rem -2rem;background:linear-gradient(to top,var(--lai-bg) 0%,rgba(11,42,34,.85) 60%,rgba(11,42,34,0) 100%)}
  .lai-ctitle{font-size:clamp(2.3rem,11vw,4rem)}
  .lai-dots{display:none}
}
@media (prefers-reduced-motion:reduce){
  .lai-journey{height:auto}
  .lai-stage{position:relative;height:auto}
  .lai-stage video{display:none}
  .lai-stage .lai-poster{position:relative;height:60vh}
  .lai-chapter{position:relative;opacity:1;transform:none;transition:none;padding-block:48px}
  .lai-progress,.lai-dots{display:none}
}
.lai-copy p.lai-cbody{color:var(--lai-ink-muted)}
.lai-cards4{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}
.lai-wave{display:flex;align-items:center;gap:5px;height:48px}
.lai-wave i{display:block;width:5px;border-radius:3px;background:var(--lai-accent-text)}
.lai-top__nav a[aria-current=page]{color:var(--lai-ink);text-decoration:underline;text-decoration-color:var(--lai-accent);text-underline-offset:8px;text-decoration-thickness:2px}
.lai-top{transition:background 200ms ease-out,border-color 200ms ease-out;border-bottom:1px solid transparent}
.lai-top.is-solid{border-bottom-color:var(--lai-line)}
.lai-page main{padding-top:0}
@media (max-width:960px){.lai-cards4{grid-template-columns:1fr}}
.lai-stage video,.lai-stage .lai-poster{will-change:transform}
.lai-chapter:last-of-type .lai-copy{width:min(34rem,40vw)}
@media (max-width:860px){.lai-chapter:last-of-type .lai-copy{width:100%}}
.lai-chapter:last-of-type .lai-copy::before{inset:-2rem -1rem -2rem -3rem}
.lai-orgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px}
.lai-orgs--4{grid-template-columns:repeat(2,minmax(0,1fr))}
.lai-org{display:flex;flex-direction:column;gap:10px;min-width:0;padding:28px;border-radius:16px;background:var(--lai-surface);border:1px solid var(--lai-line)}
.lai-org__logo{height:88px;display:flex;align-items:center;margin-bottom:10px;padding-bottom:18px;border-bottom:1px solid var(--lai-line)}
.lai-org__logo img{max-height:44px;max-width:200px;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}
.lai-logo-word{font:600 28px/1 var(--lai-sans);letter-spacing:-.02em;color:var(--lai-ink)}
.lai-org h3{margin:0;font:600 21px/29px var(--lai-sans)}
.lai-org p:not(.lai-eyebrow){margin:0;color:var(--lai-ink-muted);line-height:26px}
.lai-top__nav{gap:22px}
@media (max-width:960px){.lai-orgs,.lai-orgs--4{grid-template-columns:1fr}}
/* Hear it */
.lai-clips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:48px}
.lai-clip{margin:0;display:flex;flex-direction:column;gap:20px;padding:28px;border-radius:16px;background:var(--lai-bg);border:1px solid var(--lai-line);min-width:0}
.lai-clip__top{display:flex;align-items:center;gap:18px}
.lai-clip__play{flex:none;width:56px;height:56px;border-radius:50%;border:0;background:var(--lai-action);color:var(--lai-on-action);display:grid;place-items:center;cursor:pointer;transition:transform 160ms ease-out}
.lai-clip__play:hover{transform:scale(1.06)}
.lai-clip__play svg{width:24px;height:24px;fill:currentColor}
.lai-clip__play .i-pause{display:none}
.lai-clip.is-playing .lai-clip__play .i-play{display:none}
.lai-clip.is-playing .lai-clip__play .i-pause{display:inline}
.lai-clip__wave{flex:1;display:flex;align-items:center;gap:4px;height:48px;min-width:0;overflow:hidden}
.lai-clip__wave i{flex:1;max-width:6px;min-width:3px;height:calc(var(--h) * 1%);border-radius:3px;background:var(--lai-line-strong);transform-origin:center}
.lai-clip__wave i.is-done{background:var(--lai-accent-text)}
.lai-clip.is-playing .lai-clip__wave i{animation:lai-bounce 900ms ease-in-out infinite alternate}
.lai-clip.is-playing .lai-clip__wave i:nth-child(3n){animation-delay:-300ms}
.lai-clip.is-playing .lai-clip__wave i:nth-child(3n+1){animation-delay:-600ms}
@keyframes lai-bounce{from{transform:scaleY(.55)}to{transform:scaleY(1)}}
.lai-clip__time{flex:none;font:500 13px/1 var(--lai-mono);color:var(--lai-ink-muted);font-variant-numeric:tabular-nums}
.lai-clip figcaption{display:flex;flex-direction:column;gap:10px}
.lai-clip figcaption p{margin:0}
.lai-clip__ar{font:500 22px/36px var(--lai-sans);color:var(--lai-ink)}
.lai-clip__en{color:var(--lai-ink-muted);line-height:26px}
.lai-clips__note{margin:20px 0 0;font-size:14px;color:var(--lai-ink-muted)}
@media (max-width:960px){.lai-clips{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.lai-clip.is-playing .lai-clip__wave i{animation:none}}