/* ════════════════════════════════════════════════════════════
   VERIFYCO — vera.css
   Vera research page. Extends site.css (Fable design system).
   Sub-brand accent: glacial platinum-ice — deliberately cooler
   than the bronze landing (bronze = today, ice = what's next).
   ════════════════════════════════════════════════════════════ */

:root {
  --vr: #9FC4DA;
  --vr-2: #D7E9F4;
  --vr-deep: #5E86A0;
  --vr-soft: rgba(159, 196, 218, 0.10);
  --vr-line: rgba(159, 196, 218, 0.17);
  --vr-line-2: rgba(159, 196, 218, 0.32);
}

/* Ice highlight (counterpart of .hl) */
.vhl {
  background: linear-gradient(118deg, #E8F3FA 8%, #9FC4DA 55%, #6E92A8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Nav: active Vera link + PREVIEW pill (also used on index) */
.nav-links a.is-vera { color: var(--vr-2); }
.pill-preview {
  display: inline-block;
  vertical-align: 2px;
  margin-left: 7px;
  padding: 2.5px 7px;
  border: 1px solid var(--vr-line-2);
  border-radius: 999px;
  font-family: var(--f-mono);
  font-size: 8.5px;
  font-weight: 500;
  letter-spacing: 0.16em;
  color: var(--vr);
  background: var(--vr-soft);
}

/* ── Reveals (this page does not load GSAP) ────────────────── */
.v-rv { opacity: 0; transform: translateY(26px); transition: opacity 700ms var(--ease), transform 700ms var(--ease); }
.v-rv.in { opacity: 1; transform: none; }
.v-rv[data-d="1"] { transition-delay: 90ms; }
.v-rv[data-d="2"] { transition-delay: 180ms; }
.v-rv[data-d="3"] { transition-delay: 270ms; }

/* ════════════════════════════════════════════════════════════
   HERO
   ════════════════════════════════════════════════════════════ */
.vr-hero {
  position: relative;
  min-height: 88svh;
  display: flex;
  align-items: center;
  padding: calc(var(--nav-h) + 48px) 0 64px;
  overflow: clip;
  text-align: center;
}
.vr-hero .wrap { position: relative; display: grid; justify-items: center; gap: 24px; }

/* Aurora — the page's signature: cool light over the espresso base */
.vr-aurora {
  position: absolute; inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 46% 34% at 50% 12%, rgba(159, 196, 218, 0.13) 0%, transparent 70%),
    radial-gradient(ellipse 34% 30% at 78% 40%, rgba(110, 146, 168, 0.09) 0%, transparent 70%),
    radial-gradient(ellipse 30% 26% at 20% 62%, rgba(188, 142, 100, 0.06) 0%, transparent 70%);
}
.vr-grid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(to right, rgba(159, 196, 218, 0.045) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(159, 196, 218, 0.045) 1px, transparent 1px);
  background-size: 72px 72px;
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 30%, #000 15%, transparent 75%);
  mask-image: radial-gradient(ellipse 70% 60% at 50% 30%, #000 15%, transparent 75%);
}
/* slow vertical scan sweep */
.vr-scan {
  position: absolute; left: 0; right: 0; top: -20%;
  height: 22%;
  background: linear-gradient(180deg, transparent 0%, rgba(159, 196, 218, 0.05) 55%, rgba(215, 233, 244, 0.10) 98%, transparent 100%);
  animation: vrScan 9s linear infinite;
  pointer-events: none;
}
@keyframes vrScan { to { transform: translateY(650%); } }

.vr-eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: var(--f-mono); font-size: 11px; font-weight: 500;
  letter-spacing: 0.28em; text-transform: uppercase; color: var(--vr);
}
.vr-eyebrow::before, .vr-eyebrow::after { content: ""; width: 26px; height: 1px; background: var(--vr-deep); }

.vr-h1 {
  font-size: clamp(52px, 9vw, 118px);
  line-height: 0.98;
  letter-spacing: -0.04em;
  font-weight: 600;
  color: var(--ink);
}
.vr-h1 .vr-word { display: inline-block; overflow: clip; vertical-align: bottom; padding-bottom: 0.08em; margin-bottom: -0.08em; }
.vr-h1 .vr-wi { display: inline-block; transform: translateY(112%); transition: transform 900ms var(--ease); }
.vr-hero.in .vr-h1 .vr-wi { transform: none; }
.vr-hero.in .vr-h1 .vr-word:nth-child(2) .vr-wi { transition-delay: 90ms; }

.vr-tag {
  font-family: var(--f-serif);
  font-style: italic;
  font-weight: 400;
  font-size: clamp(20px, 3vw, 30px);
  color: var(--vr-2);
  letter-spacing: 0.005em;
}

.vr-lead { max-width: 62ch; font-size: clamp(16px, 1.8vw, 18.5px); line-height: 1.68; color: var(--ink-2); text-wrap: pretty; }

.vr-status {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 8px 16px;
  border: 1px solid var(--vr-line-2);
  border-radius: 999px;
  background: var(--vr-soft);
  font-family: var(--f-mono); font-size: 11px; font-weight: 500;
  letter-spacing: 0.2em; text-transform: uppercase; color: var(--vr-2);
}
.vr-status i {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--vr); box-shadow: 0 0 10px var(--vr);
  animation: pulse 2.2s ease-in-out infinite;
}

.vr-ctas { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; margin-top: 6px; }
.btn-ice {
  background: linear-gradient(160deg, #E8F3FA 0%, #9FC4DA 100%);
  color: #0B1319;
  box-shadow: 0 14px 34px -14px rgba(159, 196, 218, 0.45);
}
.btn-ice:hover { transform: translateY(-2px); box-shadow: 0 22px 44px -16px rgba(159, 196, 218, 0.6); }
.btn-ice-line { border: 1px solid var(--vr-line-2); color: var(--vr-2); background: rgba(159, 196, 218, 0.05); }
.btn-ice-line:hover { border-color: var(--vr); background: var(--vr-soft); transform: translateY(-2px); }

.vr-hero-note { font-family: var(--f-mono); font-size: 10.5px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--ink-3); }

/* ════════════════════════════════════════════════════════════
   01 · THE SHIFT — score → conversation
   ════════════════════════════════════════════════════════════ */
.vr-shift {
  display: grid;
  grid-template-columns: 1fr 56px 1fr;
  gap: clamp(16px, 3vw, 30px);
  align-items: center;
}
@media (max-width: 820px) {
  .vr-shift { grid-template-columns: 1fr; }
  .vr-shift-arrow { transform: rotate(90deg); margin: -8px auto; }
}
.vr-mock {
  border: 1px solid var(--line);
  border-radius: 20px;
  background: linear-gradient(170deg, #0E0B09 0%, #0A0807 100%);
  padding: 26px 26px 28px;
  position: relative;
  overflow: clip;
}
.vr-mock--chat { border-color: var(--vr-line); background: linear-gradient(170deg, #090C0E 0%, #070909 100%); }
.vr-mock-label {
  font-family: var(--f-mono); font-size: 10px; letter-spacing: 0.22em;
  text-transform: uppercase; color: var(--ink-3); margin-bottom: 18px;
  display: flex; align-items: center; gap: 8px;
}
.vr-mock-label::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--bronze); }
.vr-mock--chat .vr-mock-label::before { background: var(--vr); }

.vr-scorecard { display: grid; gap: 14px; justify-items: center; padding: 12px 0 6px; }
.vr-scorecard .n { font-family: var(--f-mono); font-size: 54px; font-weight: 500; letter-spacing: -0.03em; color: var(--red); }
.vr-scorecard .n small { font-size: 22px; color: var(--ink-3); }
.vr-scorecard .v { font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.24em; color: var(--red); }
.vr-scorecard .bar { width: 82%; height: 5px; border-radius: 3px; background: rgba(194, 85, 63, 0.18); position: relative; overflow: hidden; }
.vr-scorecard .bar i { position: absolute; inset: 0 73% 0 0; background: var(--red); border-radius: 3px; }
.vr-scorecard .q { font-size: 13.5px; color: var(--ink-3); font-style: italic; font-family: var(--f-serif); }

.vr-minichat { display: grid; gap: 10px; }
.vr-minichat .b {
  max-width: 92%;
  padding: 11px 14px;
  border-radius: 13px;
  font-size: 13.5px; line-height: 1.55;
}
.vr-minichat .u { justify-self: end; background: rgba(159, 196, 218, 0.12); border: 1px solid var(--vr-line); color: var(--ink); border-bottom-right-radius: 4px; }
.vr-minichat .a { justify-self: start; background: #0D1114; border: 1px solid var(--line); color: var(--ink-2); border-bottom-left-radius: 4px; }
.vr-minichat .a b { color: var(--vr-2); font-weight: 600; }

.vr-shift-arrow { display: grid; place-items: center; color: var(--vr-deep); }
.vr-shift-arrow svg { width: 34px; height: 34px; }

/* ════════════════════════════════════════════════════════════
   02 · SIMULATED CONVERSATION — the console
   ════════════════════════════════════════════════════════════ */
.vr-console {
  position: relative;
  border: 1px solid var(--vr-line);
  border-radius: 24px;
  background:
    radial-gradient(ellipse 70% 50% at 50% 0%, rgba(159, 196, 218, 0.06) 0%, transparent 65%),
    linear-gradient(180deg, #080B0D 0%, #060808 100%);
  overflow: clip;
}
.vr-console-top {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--vr-line);
  background: rgba(8, 11, 13, 0.7);
}
.vr-console-id { display: flex; align-items: center; gap: 10px; font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.16em; color: var(--vr-2); }
.vr-console-id i { width: 7px; height: 7px; border-radius: 50%; background: var(--vr); box-shadow: 0 0 9px var(--vr); animation: pulse 2.4s ease-in-out infinite; }
.vr-sim-tag {
  font-family: var(--f-mono); font-size: 9px; letter-spacing: 0.18em; text-transform: uppercase;
  color: #E4B96B;
  border: 1px dashed rgba(228, 185, 107, 0.5);
  border-radius: 7px; padding: 5px 10px;
  background: rgba(228, 185, 107, 0.07);
  white-space: nowrap;
}
.vr-replay {
  display: inline-flex; align-items: center; gap: 7px;
  font-family: var(--f-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--ink-3); border: 1px solid var(--line); border-radius: 8px; padding: 6px 11px;
  transition: color 200ms ease, border-color 200ms ease;
}
.vr-replay:hover { color: var(--vr-2); border-color: var(--vr-line-2); }
.vr-replay svg { width: 11px; height: 11px; }

.vr-chat { padding: clamp(20px, 3.5vw, 36px); display: grid; gap: 16px; min-height: 480px; align-content: start; }

.vr-msg { max-width: min(640px, 88%); opacity: 0; transform: translateY(14px); transition: opacity 500ms var(--ease), transform 500ms var(--ease); }
.vr-msg.on { opacity: 1; transform: none; }
.vr-msg--u { justify-self: end; }
.vr-msg--a { justify-self: start; }

.vr-msg-who { font-family: var(--f-mono); font-size: 9.5px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 7px; }
.vr-msg--a .vr-msg-who { color: var(--vr-deep); }
.vr-msg--u .vr-msg-who { text-align: right; }

.vr-bubble {
  padding: 14px 17px;
  border-radius: 15px;
  font-size: 14.5px; line-height: 1.62;
  text-wrap: pretty;
}
.vr-msg--u .vr-bubble { background: rgba(159, 196, 218, 0.13); border: 1px solid var(--vr-line-2); color: var(--ink); border-bottom-right-radius: 5px; }
.vr-msg--a .vr-bubble { background: #0C1013; border: 1px solid var(--line); color: var(--ink-2); border-bottom-left-radius: 5px; }
.vr-bubble b, .vr-bubble strong { color: var(--vr-2); font-weight: 600; }
.vr-bubble .warn { color: #E4B96B; }
.vr-bubble .bad { color: var(--red); }
.vr-bubble .ok { color: var(--green); }

/* typing caret */
.vr-caret { display: inline-block; width: 7px; height: 1.05em; vertical-align: -0.18em; background: var(--vr); margin-left: 2px; animation: vrCaret 0.9s step-end infinite; }
@keyframes vrCaret { 50% { opacity: 0; } }

/* attached file chip */
.vr-file {
  display: inline-flex; align-items: center; gap: 10px;
  border: 1px solid var(--vr-line-2); border-radius: 11px;
  background: rgba(159, 196, 218, 0.08);
  padding: 9px 13px; margin-bottom: 9px;
  font-family: var(--f-mono); font-size: 11.5px; letter-spacing: 0.04em; color: var(--vr-2);
}
.vr-file svg { width: 15px; height: 15px; color: var(--vr); flex: none; }

/* layer progress inside a Vera message */
.vr-layers { display: grid; gap: 7px; margin-top: 11px; }
.vr-layer { display: flex; align-items: center; gap: 10px; font-family: var(--f-mono); font-size: 10.5px; letter-spacing: 0.12em; color: var(--ink-3); opacity: 0; transform: translateX(-6px); transition: all 320ms ease; }
.vr-layer.on { opacity: 1; transform: none; }
.vr-layer .tick { width: 13px; height: 13px; border-radius: 50%; border: 1px solid var(--vr-line-2); display: grid; place-items: center; flex: none; }
.vr-layer.on .tick { background: var(--vr-soft); }
.vr-layer .tick svg { width: 7px; height: 7px; color: var(--vr); }
.vr-layer .ln { flex: 1; height: 1px; background: var(--line); }
.vr-layer .st { color: var(--vr-deep); }

/* assessment meter */
.vr-meter { display: flex; align-items: center; gap: 13px; margin: 12px 0 4px; }
.vr-meter .num { font-family: var(--f-mono); font-size: 30px; font-weight: 500; color: var(--red); letter-spacing: -0.02em; }
.vr-meter .num small { font-size: 14px; color: var(--ink-3); }
.vr-meter .track { flex: 1; height: 6px; border-radius: 3px; background: rgba(194, 85, 63, 0.15); overflow: hidden; }
.vr-meter .fill { display: block; height: 100%; width: 27%; border-radius: 3px; background: linear-gradient(90deg, #8F3A2A, var(--red)); transform-origin: left; transform: scaleX(0); transition: transform 900ms var(--ease) 150ms; }
.vr-msg.on .vr-meter .fill { transform: none; }
.vr-meter .lab { font-family: var(--f-mono); font-size: 10px; letter-spacing: 0.18em; color: var(--red); }

/* evidence frames */
.vr-frames { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 12px; }
@media (max-width: 560px) { .vr-frames { grid-template-columns: 1fr; } }
.vr-frame {
  position: relative; aspect-ratio: 16 / 10;
  border: 1px solid var(--line); border-radius: 11px;
  background:
    radial-gradient(ellipse 55% 62% at 50% 44%, rgba(159, 196, 218, 0.10) 0%, transparent 70%),
    linear-gradient(160deg, #10151A 0%, #090C0F 100%);
  overflow: clip;
}
.vr-frame::before {
  content: "";
  position: absolute; inset: 0;
  background-image:
    linear-gradient(to right, rgba(159, 196, 218, 0.05) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(159, 196, 218, 0.05) 1px, transparent 1px);
  background-size: 22px 22px;
}
/* abstract face silhouette */
.vr-frame .sil {
  position: absolute; left: 50%; top: 42%; transform: translate(-50%, -50%);
  width: 34%; aspect-ratio: 0.78;
  border-radius: 50% 50% 46% 46%;
  background: linear-gradient(180deg, rgba(215, 233, 244, 0.14), rgba(159, 196, 218, 0.05));
}
.vr-frame .box {
  position: absolute;
  border: 1.5px dashed var(--red);
  border-radius: 6px;
  box-shadow: 0 0 0 3px rgba(194, 85, 63, 0.10);
}
.vr-frame .cap {
  position: absolute; left: 8px; bottom: 7px;
  font-family: var(--f-mono); font-size: 8.5px; letter-spacing: 0.14em; color: var(--ink-3);
}
.vr-frame .an { position: absolute; right: 8px; top: 7px; font-family: var(--f-mono); font-size: 8.5px; letter-spacing: 0.1em; color: var(--red); }

/* ════════════════════════════════════════════════════════════
   03 · ARCHITECTURE — how Vera thinks
   ════════════════════════════════════════════════════════════ */
.vr-arch { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.vr-arch::before {
  content: "";
  position: absolute; top: 26px; left: 4%; right: 4%;
  height: 1.5px;
  background: linear-gradient(90deg, var(--vr-deep), var(--vr), var(--vr-deep));
  opacity: 0.5;
  transform-origin: left;
  transform: scaleX(0);
  transition: transform 1400ms var(--ease);
}
.vr-arch.in::before { transform: scaleX(1); }
@media (max-width: 900px) {
  .vr-arch { grid-template-columns: 1fr; gap: 14px; }
  .vr-arch::before { top: 4%; bottom: 4%; left: 25px; right: auto; width: 1.5px; height: auto; background: linear-gradient(180deg, var(--vr-deep), var(--vr), var(--vr-deep)); transform-origin: top; transform: scaleY(0); }
  .vr-arch.in::before { transform: scaleY(1); }
}

.vr-stage {
  position: relative;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: linear-gradient(175deg, #0B0E10 0%, #080A0B 100%);
  padding: 44px 22px 24px;
}
.vr-stage-dot {
  position: absolute; top: 16px; left: 22px;
  width: 21px; height: 21px; border-radius: 50%;
  border: 1px solid var(--vr-line-2);
  background: #070909;
  display: grid; place-items: center;
  font-family: var(--f-mono); font-size: 9px; color: var(--vr);
}
.vr-stage h3 { font-size: 17px; font-weight: 600; letter-spacing: -0.01em; color: var(--ink); margin-bottom: 9px; }
.vr-stage h3 .m { font-family: var(--f-mono); font-size: 9.5px; letter-spacing: 0.2em; color: var(--vr-deep); display: block; margin-bottom: 7px; }
.vr-stage p { font-size: 13.5px; line-height: 1.6; color: var(--ink-2); text-wrap: pretty; }

.vr-chipset { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 13px; }
.vr-chip {
  font-family: var(--f-mono); font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase;
  border: 1px solid var(--vr-line); border-radius: 999px;
  padding: 4px 9px; color: var(--vr-2); background: rgba(159, 196, 218, 0.05);
}
.vr-chip--dd { border-color: rgba(214, 172, 134, 0.4); color: var(--bronze-2); background: rgba(188, 142, 100, 0.07); }

.vr-arch-note {
  margin-top: 26px;
  font-family: var(--f-mono); font-size: 10.5px; letter-spacing: 0.06em;
  color: var(--ink-3); line-height: 1.7;
}
.vr-arch-note a { color: var(--vr-deep); border-bottom: 1px dotted var(--vr-deep); }
.vr-arch-note a:hover { color: var(--vr-2); }

/* ════════════════════════════════════════════════════════════
   04 · PRINCIPLES
   ════════════════════════════════════════════════════════════ */
.vr-prin { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 860px) { .vr-prin { grid-template-columns: 1fr; } }
.vr-prin-card {
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 30px 28px;
  background: linear-gradient(170deg, #0B0D0F 0%, #080909 100%);
  transition: border-color 260ms ease, transform 260ms var(--ease);
}
.vr-prin-card:hover { border-color: var(--vr-line-2); transform: translateY(-4px); }
.vr-prin-ic {
  width: 46px; height: 46px; border-radius: 13px;
  border: 1px solid var(--vr-line-2);
  background: var(--vr-soft); color: var(--vr);
  display: grid; place-items: center; margin-bottom: 20px;
}
.vr-prin-ic svg { width: 22px; height: 22px; }
.vr-prin-card h3 { font-size: 19px; font-weight: 600; letter-spacing: -0.015em; color: var(--ink); margin-bottom: 10px; }
.vr-prin-card p { font-size: 14.5px; line-height: 1.62; color: var(--ink-2); text-wrap: pretty; }

/* ════════════════════════════════════════════════════════════
   05 · ROADMAP
   ════════════════════════════════════════════════════════════ */
.vr-road { position: relative; max-width: 640px; margin-inline: auto; padding-left: 34px; }
.vr-road::before {
  content: "";
  position: absolute; left: 9px; top: 8px; bottom: 8px;
  width: 1.5px;
  background: linear-gradient(180deg, var(--green), var(--vr) 55%, rgba(159, 196, 218, 0.12));
  transform-origin: top;
  transform: scaleY(0);
  transition: transform 1600ms var(--ease);
}
.vr-road.in::before { transform: scaleY(1); }
.vr-road-item { position: relative; padding: 0 0 34px; }
.vr-road-item:last-child { padding-bottom: 0; }
.vr-road-item::before {
  content: "";
  position: absolute; left: -31px; top: 5px;
  width: 13px; height: 13px; border-radius: 50%;
  border: 1.5px solid var(--ink-3);
  background: var(--bg);
}
.vr-road-item.live::before { border-color: var(--green); background: rgba(87, 168, 120, 0.2); box-shadow: 0 0 10px rgba(87, 168, 120, 0.45); }
.vr-road-item.now::before { border-color: var(--vr); background: var(--vr-soft); box-shadow: 0 0 12px rgba(159, 196, 218, 0.5); animation: pulse 2.2s ease-in-out infinite; }
.vr-road-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 6px; }
.vr-road-head h3 { font-size: 17.5px; font-weight: 600; letter-spacing: -0.01em; color: var(--ink); }
.vr-road-pill {
  font-family: var(--f-mono); font-size: 9px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase;
  border-radius: 999px; padding: 3px 10px;
  border: 1px solid var(--ink-3); color: var(--ink-3);
}
.vr-road-item.live .vr-road-pill { border-color: rgba(87, 168, 120, 0.5); color: var(--green); }
.vr-road-item.now .vr-road-pill { border-color: var(--vr-line-2); color: var(--vr-2); background: var(--vr-soft); }
.vr-road-item p { font-size: 14px; line-height: 1.6; color: var(--ink-2); max-width: 54ch; }

/* ════════════════════════════════════════════════════════════
   06 · WAITLIST
   ════════════════════════════════════════════════════════════ */
.vr-wait {
  position: relative;
  text-align: center;
  border: 1px solid var(--vr-line);
  border-radius: 30px;
  overflow: clip;
  padding: clamp(56px, 8vw, 92px) 24px;
  background:
    radial-gradient(ellipse 60% 70% at 50% 0%, rgba(159, 196, 218, 0.10) 0%, transparent 65%),
    linear-gradient(180deg, #090C0E 0%, #060808 100%);
  display: grid; justify-items: center; gap: 20px;
}
.vr-wait .t-display { font-size: clamp(30px, 4.6vw, 52px); max-width: 16ch; }
.vr-wait-form { display: flex; gap: 10px; width: min(480px, 100%); margin-top: 8px; }
.vr-wait-form input {
  flex: 1; min-width: 0;
  height: 48px; padding: 0 18px;
  border: 1px solid var(--vr-line-2);
  border-radius: 12px;
  background: rgba(159, 196, 218, 0.05);
  color: var(--ink);
  font: 500 14.5px var(--f-sans);
  outline: none;
  transition: border-color 200ms ease;
}
.vr-wait-form input::placeholder { color: var(--ink-3); }
.vr-wait-form input:focus { border-color: var(--vr); }
.vr-wait-form .btn { height: 48px; }
@media (max-width: 480px) { .vr-wait-form { flex-direction: column; } }
.vr-wait-note { font-family: var(--f-mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-3); }
.vr-wait-note a { color: var(--vr-deep); }
.vr-wait-ok { display: none; color: var(--green); font-size: 14.5px; }
.vr-wait.sent .vr-wait-form { display: none; }
.vr-wait.sent .vr-wait-ok { display: block; }

/* ── Reduced motion ─────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .vr-scan, .vr-status i, .vr-console-id i, .vr-caret, .vr-road-item.now::before { animation: none; }
  .v-rv, .vr-msg, .vr-layer, .vr-h1 .vr-wi, .vr-arch::before, .vr-road::before, .vr-meter .fill { transition: none; }
  .v-rv, .vr-msg, .vr-layer { opacity: 1; transform: none; }
  .vr-h1 .vr-wi { transform: none; }
  .vr-arch::before { transform: none; }
  .vr-road::before { transform: none; }
  .vr-meter .fill { transform: none; }
}