:root {
  --beng-red: #ff4a1c;
  --beng-black: #030303;
  --beng-cream: #faf3eb;
  --beng-white: #f4f1ee;
}

body[data-page="talk"] {
  background:
    radial-gradient(circle at 66% 43%, rgba(255,255,255,.58), transparent 29%),
    radial-gradient(circle at 78% 66%, rgba(255,74,28,.24), transparent 26%),
    linear-gradient(120deg, #b7b7b5 0%, #d9d9d7 44%, #aaa9a7 100%);
  color: var(--beng-black);
}

body[data-page="talk"] .site-header {
  mix-blend-mode: normal;
  color: var(--beng-black);
}

body[data-page="talk"] .desktop-nav a,
body[data-page="talk"] .talk-btn,
body[data-page="talk"] .menu-btn {
  color: var(--beng-black);
}

.beng-lt {
  min-height: 100svh;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(90deg, rgba(244,241,238,.52), rgba(244,241,238,.05) 52%, rgba(255,74,28,.08)),
    radial-gradient(circle at 70% 46%, rgba(255,255,255,.46), transparent 28%);
}

.beng-lt::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(255,255,255,.065) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 100% 5px, 5px 100%;
  mix-blend-mode: overlay;
  opacity: .35;
  z-index: 30;
}

.beng-lt::after {
  content: "BLACK / BRIEF / SIGNAL";
  position: absolute;
  right: clamp(18px, 4vw, 56px);
  top: 108px;
  z-index: 4;
  color: rgba(3,3,3,.18);
  font-size: 11px;
  letter-spacing: .18em;
  writing-mode: vertical-rl;
  text-transform: uppercase;
}

.beng-lt__copy {
  position: relative;
  z-index: 20;
  width: min(650px, calc(100% - 48px));
  padding: clamp(135px, 25vh, 260px) 0 86px clamp(24px, 4vw, 56px);
}

.beng-lt__signal {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: clamp(32px, 6vh, 64px);
  color: rgba(3,3,3,.52);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.beng-lt__signal i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--beng-red);
  box-shadow: 0 0 22px rgba(255,74,28,.85);
  animation: signalPulse 1.4s ease-in-out infinite;
}

.beng-lt__blur {
  width: min(555px, 88vw);
  min-height: 62px;
  margin: 0 0 clamp(34px, 5vh, 66px);
  font-size: clamp(18px, 1.55vw, 26px);
  line-height: 1.12;
  color: rgba(3,3,3,.42);
  letter-spacing: -.03em;
  filter: blur(1.4px);
}

.beng-lt__blur.is-typing::after {
  content: "_";
  display: inline-block;
  margin-left: 4px;
  color: var(--beng-red);
  animation: caretBlink .7s steps(2,end) infinite;
}

.beng-lt h1 {
  margin: 0;
  max-width: 620px;
  font-weight: 470;
  font-size: clamp(34px, 3.35vw, 62px);
  letter-spacing: -.065em;
  line-height: .94;
  opacity: 0;
  transform: translateY(18px) skewY(1deg);
  transition: opacity .55s cubic-bezier(.16,1,.3,1), transform .55s cubic-bezier(.16,1,.3,1);
}

.beng-lt h1.is-ready {
  opacity: 1;
  transform: translateY(0) skewY(0);
}

.beng-lt__answers {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 34px;
  max-width: 600px;
}

.beng-lt__answers[hidden] { display: none; }

.beng-lt__answers button,
.beng-lt__submit {
  appearance: none;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 999px;
  padding: 12px 22px;
  background: rgba(255,255,255,.86);
  color: var(--beng-black);
  font: inherit;
  font-size: 14px;
  cursor: none;
  box-shadow: 0 14px 35px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.5);
  backdrop-filter: blur(12px);
  transition: transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.beng-lt__answers button:hover,
.beng-lt__submit:hover {
  transform: translateY(-3px);
  background: var(--beng-red);
  color: white;
  border-color: var(--beng-red);
  box-shadow: 0 22px 50px rgba(255,74,28,.2);
}

.beng-lt__answers button.is-dark {
  background: var(--beng-black);
  border-color: var(--beng-black);
  color: white;
}

.beng-lt__form {
  margin-top: 30px;
  width: min(540px, 100%);
  display: grid;
  gap: 12px;
}

.beng-lt__form[hidden] { display: none; }
.beng-lt__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }

.beng-lt__form label {
  display: grid;
  gap: 7px;
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: rgba(3,3,3,.56);
}

.beng-lt__form input,
.beng-lt__form textarea {
  width: 100%;
  border: 1px solid rgba(255,255,255,.6);
  outline: none;
  border-radius: 18px;
  padding: 14px 16px;
  background: rgba(244,241,238,.74);
  color: var(--beng-black);
  font: inherit;
  text-transform: none;
  resize: vertical;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 18px 45px rgba(0,0,0,.07);
}

.beng-lt__form input:focus,
.beng-lt__form textarea:focus { border-color: var(--beng-red); }
.beng-lt__hp { position: absolute !important; left: -9999px !important; opacity: 0 !important; }
.beng-lt__submit { justify-self: start; margin-top: 4px; background: var(--beng-red); border-color: var(--beng-red); color: white; }
.beng-lt__status { min-height: 22px; margin-top: 16px; color: rgba(3,3,3,.62); font-size: 14px; }

.beng-lt__stage {
  position: absolute;
  inset: 0;
  z-index: 8;
  pointer-events: none;
}

#bengBotCanvas {
  width: 100%;
  height: 100%;
  display: block;
}

.beng-lt__loader {
  position: absolute;
  right: 48px;
  bottom: 78px;
  z-index: 3;
  font-size: 12px;
  letter-spacing: .02em;
  color: rgba(3,3,3,.35);
  transition: opacity .35s ease;
}

.beng-lt__loader.is-hidden { opacity: 0; }

.beng-lt__hud {
  position: absolute;
  right: clamp(28px, 5vw, 86px);
  bottom: clamp(92px, 14vh, 150px);
  z-index: 2;
  display: grid;
  gap: 7px;
  padding: 14px 16px;
  border: 1px solid rgba(3,3,3,.12);
  border-radius: 16px;
  background: rgba(244,241,238,.28);
  color: rgba(3,3,3,.52);
  backdrop-filter: blur(14px);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.beng-lt__hud b { color: var(--beng-red); font-weight: 700; }

.beng-lt__back,
.beng-lt__sound-toggle {
  position: fixed;
  z-index: 78;
  appearance: none;
  border: 0;
  display: grid;
  place-items: center;
  cursor: none;
  color: var(--beng-black);
}

.beng-lt__back {
  left: 48px;
  bottom: 34px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(255,255,255,.52);
  font-size: 20px;
  backdrop-filter: blur(12px);
}

.beng-lt__sound-toggle {
  right: 48px;
  bottom: 34px;
  grid-template-columns: auto 34px;
  gap: 10px;
  min-width: 106px;
  height: 44px;
  padding: 0 8px 0 16px;
  border-radius: 999px;
  background: rgba(3,3,3,.86);
  color: white;
  font-size: 11px;
  letter-spacing: .07em;
  text-transform: uppercase;
  backdrop-filter: blur(14px);
}

.beng-lt__sound-toggle i {
  position: relative;
  width: 34px;
  height: 20px;
  border-radius: 999px;
  background: rgba(255,255,255,.22);
}

.beng-lt__sound-toggle i::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 17px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--beng-red);
  transition: transform .25s ease, left .25s ease, background .25s ease;
}

.beng-lt.is-muted .beng-lt__sound-toggle i::after {
  left: 3px;
  background: rgba(255,255,255,.72);
}

.beng-lt[data-mood="thinking"] .beng-lt__signal i,
.beng-lt.is-speaking .beng-lt__signal i {
  animation-duration: .38s;
}

@keyframes signalPulse {
  0%, 100% { transform: scale(.82); opacity: .62; }
  50% { transform: scale(1.32); opacity: 1; }
}

@keyframes caretBlink {
  0%, 100% { opacity: 0; }
  50% { opacity: 1; }
}

@media (max-width: 900px) {
  body[data-page="talk"] {
    background:
      radial-gradient(circle at 50% 30%, rgba(255,255,255,.42), transparent 36%),
      linear-gradient(120deg, #b9b9b7 0%, #d9d9d7 44%, #a9a9a7 100%);
  }

  .beng-lt__copy { width: 100%; padding: 108px 22px 40px; }
  .beng-lt__signal { margin-bottom: 20px; }
  .beng-lt__blur { margin-bottom: 310px; filter: blur(.7px); min-height: 72px; }
  .beng-lt h1 { font-size: clamp(32px, 11vw, 46px); }
  .beng-lt__stage { inset: 78px 0 auto 0; height: 390px; }
  .beng-lt__grid { grid-template-columns: 1fr; }
  .beng-lt__hud { display: none; }
  .beng-lt__back { left: 22px; bottom: 22px; }
  .beng-lt__sound-toggle { right: 22px; bottom: 22px; }
  .beng-lt__loader { right: 22px; bottom: 22px; }
  .beng-lt::after { display: none; }
}

@media (max-width: 640px) {
  .beng-lt__answers { display: grid; }
  .beng-lt__answers button,
  .beng-lt__submit { width: 100%; cursor: pointer; }
  .beng-lt__sound-toggle,
  .beng-lt__back { cursor: pointer; }
}

/* --- Targeted v13 fixes: readable typing, better back button, stable controls --- */
.beng-lt__blur{filter:none;color:rgba(3,3,3,.7)}
.beng-lt__blur.is-typing{filter:none;color:rgba(3,3,3,.86)}
.beng-lt__blur.is-previous{filter:blur(1.25px);color:rgba(3,3,3,.36)}
.beng-lt__back{width:auto;min-width:86px;height:44px;padding:0 20px;border:1px solid rgba(3,3,3,.14);border-radius:999px;background:rgba(244,241,238,.72);font-size:11px;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 18px 50px rgba(0,0,0,.1);transition:background .25s ease,color .25s ease,transform .25s ease,border-color .25s ease}
.beng-lt__back:hover{transform:translateY(-2px);background:var(--beng-red);border-color:var(--beng-red);color:#fff}
.beng-lt__status{font-weight:520}
@media (max-width:900px){.beng-lt__blur{filter:none}.beng-lt__blur.is-previous{filter:blur(.7px)}}