/* /score - Wave B stub + interim waitlist. shared.css carries the chrome. */

/* ---- what's coming (flow steps) ------------------------------------------- */
.coming { background: var(--color-surface-default); padding-block: var(--bdri-space-8); }
@media (min-width: 760px) { .coming { padding-block: var(--bdri-space-9); } }
.flow { list-style: none; padding: 0; margin: 0; display: grid; gap: var(--bdri-space-4); max-width: var(--measure); }
.flow__step { display: grid; grid-template-columns: auto minmax(0,1fr); gap: var(--bdri-space-4); align-items: start; background: var(--color-surface-subtle); border: var(--bw-divider) solid var(--color-border-subtle); border-radius: var(--radius-card); padding: var(--bdri-space-5); }
.flow__num { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--radius-pill); background: var(--color-accent-graphic); color: var(--color-text-default); font-family: var(--bdri-font-mono); font-weight: var(--bdri-weight-semibold); font-size: var(--bdri-size-body-lg); }
.flow__head { font-family: var(--bdri-text-h3-family); font-size: var(--bdri-size-body-lg); font-weight: var(--bdri-weight-semibold); margin-bottom: var(--bdri-space-2); }
.flow__text { color: var(--color-text-subtle); line-height: var(--bdri-lh-relaxed); }

/* ---- waitlist (dark identity zone - a form moment) ------------------------ */
.waitlist {
  position: relative; overflow: hidden;
  background:
    radial-gradient(90% 120% at 8% 100%, color-mix(in srgb, var(--color-accent-primary) 16%, transparent) 0%, transparent 60%),
    var(--color-surface-accent); /* ink */
  color: var(--color-text-inverted);
  --color-accent-primary: var(--bdri-color-aquamarine-bright);
  --color-text-default: #ffffff; --color-text-subtle: #F1F6F7; --color-text-muted: #828E95;
  border-block: var(--bw-accent) solid var(--bdri-color-aquamarine-bright);
}
.waitlist__inner { display: grid; gap: var(--bdri-space-7); padding-block: var(--bdri-space-8); align-items: center; }
.waitlist__title { font-family: var(--bdri-text-h2-family); font-size: var(--bdri-text-h2-size); font-weight: var(--bdri-text-h2-weight); line-height: var(--bdri-text-h2-lh); letter-spacing: var(--bdri-text-h2-tracking); color: #fff; margin-block: var(--bdri-space-3) var(--bdri-space-4); text-wrap: balance; }
.waitlist__body { color: var(--bdri-color-cloud); line-height: var(--bdri-lh-loose); max-width: var(--measure-narrow); }
@media (min-width: 860px) { .waitlist__inner { grid-template-columns: minmax(0,1fr) minmax(340px, 0.85fr); gap: var(--bdri-space-8); padding-block: var(--bdri-space-9); } }

/* ---- signup form (shared shape between /score waitlist + /report gate) ----- */
.signup { display: grid; gap: var(--bdri-space-4); background: color-mix(in srgb, #ffffff 6%, transparent); border: var(--bw-divider) solid color-mix(in srgb, #ffffff 18%, transparent); border-radius: var(--radius-modal); padding: var(--bdri-space-6); }
.signup__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.signup__field { display: grid; gap: var(--bdri-space-2); }
.signup__label { font-family: var(--bdri-font-mono); font-size: var(--bdri-size-caption); letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-text-muted); }
.signup__input {
  min-height: 48px; padding: 0 var(--bdri-space-4);
  border: var(--bw-input-focus) solid color-mix(in srgb, #ffffff 24%, transparent);
  border-radius: var(--radius-input); background: color-mix(in srgb, #ffffff 8%, transparent);
  color: #fff; font-family: var(--bdri-font-body); font-size: var(--bdri-size-body);
}
.signup__input::placeholder { color: color-mix(in srgb, #ffffff 50%, transparent); }
.signup__input:focus-visible { outline: var(--bw-input-focus) solid var(--bdri-color-aquamarine-bright); outline-offset: 2px; }
.signup__turnstile { min-height: 0; }
.signup__turnstile[data-turnstile]:empty { display: none; } /* renders on submit only */
.signup__submit { width: 100%; background: var(--bdri-color-aquamarine-bright); color: var(--bdri-color-ink); border-color: var(--bdri-color-aquamarine-bright); }
.signup__fine { font-size: var(--bdri-size-small); color: var(--bdri-color-cloud); line-height: var(--bdri-lh-relaxed); }
.signup__fine a { color: var(--bdri-color-aquamarine-bright); }

/* ---- meanwhile ------------------------------------------------------------ */
.meanwhile { background: var(--color-surface-subtle); border-top: var(--bw-divider) solid var(--color-border-subtle); padding-block: var(--bdri-space-8); }
.meanwhile__inner { max-width: var(--measure); }
.meanwhile__title { font-family: var(--bdri-text-h3-family); font-size: var(--bdri-size-h3); font-weight: var(--bdri-weight-semibold); margin-bottom: var(--bdri-space-3); }
.meanwhile__body { color: var(--color-text-subtle); line-height: var(--bdri-lh-loose); margin-bottom: var(--bdri-space-5); }
.meanwhile__actions { display: flex; flex-wrap: wrap; gap: var(--bdri-space-3); }

@media (max-width: 640px) { .section-title, .waitlist__title { font-size: var(--bdri-size-h3); } }