/* MOCK ONLY — PROMETHEUS / PRM-01 · interactive 3D finale. */
.hero__title {
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(8px, 1.1vw, 20px);
  font-size: 0;
}
.hero__title-name {
  font-family: 'Unbounded', sans-serif;
  font-weight: 300;
  font-size: clamp(54px, 7.2vw, 146px);
  line-height: .82;
  letter-spacing: -.075em;
  text-shadow: 0 14px 70px rgba(0, 0, 0, .55);
}
.hero__title-code {
  font-size: clamp(16px, 2.05vw, 36px);
  -webkit-text-stroke: 1.2px rgba(233, 238, 244, .94);
  letter-spacing: .02em;
  margin-left: .12em;
  filter: drop-shadow(0 2px 14px rgba(2, 4, 8, .9));
}

.endcard {
  display: block;
  padding: 0;
  background:
    linear-gradient(90deg, rgba(3,5,9,.88) 0%, rgba(3,5,9,.64) 25%, rgba(3,5,9,.2) 47%, rgba(3,5,9,0) 65%),
    linear-gradient(0deg, rgba(3,5,9,.55) 0%, rgba(3,5,9,0) 22%);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}
.endcard.is-dragging { cursor: grabbing; }
.endcard__inner {
  position: absolute;
  inset: 0;
  max-width: none;
  text-align: left;
  pointer-events: none;
}
.endcard__head {
  position: absolute;
  left: var(--pad);
  top: 14vh;
  width: min(56vw, 760px);
}
.endcard__kicker {
  margin: 0 0 18px;
  font-size: 9px;
  letter-spacing: .18em;
  color: var(--muted);
  text-shadow: 0 1px 8px rgba(2,4,8,.9);
}
.endcard__title {
  margin: 0;
  font-size: clamp(42px, 5.2vw, 96px);
  line-height: .92;
  letter-spacing: -.055em;
  text-shadow: 0 10px 50px rgba(0, 0, 0, .55);
}
.endcard__sub {
  margin: 14px 0 0;
  font-size: 9px;
  letter-spacing: .18em;
  color: var(--ink);
  text-shadow: 0 1px 8px rgba(2,4,8,.9);
}
.endcard__text {
  margin: 24px 0 0;
  max-width: 44ch;
  font-size: 15px;
  line-height: 1.6;
  color: #c4d0dc;
  text-align: left;
  text-shadow: 0 1px 10px rgba(2,4,8,.9);
}
.endcard__stats {
  display: flex;
  justify-content: flex-start;
  gap: clamp(18px, 3vw, 42px);
  margin: 22px 0 0;
  padding: 14px 0;
  max-width: 430px;
  text-align: left;
}
.endcard__foot {
  position: absolute;
  left: var(--pad);
  right: var(--pad);
  bottom: clamp(24px, 6vh, 60px);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}
.endcard__actions {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  pointer-events: auto;
}
.endcard__hint {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  font-size: 8.5px;
  letter-spacing: .14em;
  color: var(--muted);
  text-align: right;
  text-shadow: 0 1px 8px rgba(2,4,8,.9);
  pointer-events: none;
}
.endcard__hint .dot { flex: none; }

.mockbar {
  position: fixed; left: 50%; bottom: 14px; transform: translateX(-50%);
  z-index: 40; display: flex; align-items: center; gap: 3px;
  padding: 5px; border: 1px solid rgba(169,198,221,.22);
  background: rgba(3,6,10,.84);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  font-family: 'JetBrains Mono', monospace; font-size: 9px;
  letter-spacing: .08em; color: var(--muted);
}
.mockbar__tag { padding: 0 8px; color: var(--ink); letter-spacing: .16em; }
.mockbar button {
  appearance: none; background: transparent; border: 1px solid transparent;
  color: #9fb0c2; padding: 6px 8px; font: inherit; letter-spacing: .08em; cursor: pointer;
}
.mockbar button:hover { color: #fff; border-color: rgba(169,198,221,.32); }

@media (max-width: 760px) {
  .hero__title-name { font-size: min(11.2vw, 48px); letter-spacing: -.08em; }
  .hero__title-code { font-size: min(4.1vw, 18px); -webkit-text-stroke-width: .8px; }
  .endcard {
    background:
      linear-gradient(180deg, rgba(3,5,9,.88) 0%, rgba(3,5,9,.3) 26%, rgba(3,5,9,.08) 46%, rgba(3,5,9,.92) 100%);
  }
  .endcard__head {
    left: var(--pad); right: var(--pad); top: 10vh; width: auto;
  }
  .endcard__kicker { margin-bottom: 12px; font-size: 8px; letter-spacing: .14em; }
  .endcard__title { font-size: min(9.2vw, 40px); }
  .endcard__sub { margin-top: 9px; font-size: 8px; letter-spacing: .14em; }
  .endcard__text { margin-top: 14px; max-width: 34ch; font-size: 13px; }
  .endcard__stats { gap: 16px; margin-top: 14px; padding: 11px 0; max-width: none; }
  .endcard__stats span { font-size: 7px; }
  .endcard__stats b { font-size: 12px; }
  .endcard__foot {
    left: var(--pad); right: var(--pad); bottom: 58px;
    display: block;
  }
  .endcard__actions { width: 100%; gap: 10px; }
  .endcard__actions .launch-btn { width: 100%; }
  .endcard__hint { margin-top: 12px; font-size: 7.5px; letter-spacing: .1em; text-align: left; }
  .mockbar { bottom: 8px; gap: 1px; padding: 4px; font-size: 8px; max-width: calc(100vw - 12px); }
  .mockbar__tag { display: none; }
  .mockbar button { padding: 7px 6px; }
}