:root {
  --raven-silver: #dedde9;
  --raven-violet: #c9b9ff;
  --raven-warm: #e9b48e;
  --accent: var(--raven-violet);
}

.workflow { background: radial-gradient(ellipse at 11% 88%, #4d302b7a, transparent 52%), linear-gradient(110deg, #242039, #11111b 82%); }
.footer { border-top-color: #dedde92c; }
.footer .wordmark { color: var(--raven-silver); }
.footer .wordmark img { filter: drop-shadow(0 0 10px #dbccff37); }

.early-access {
  padding-block: clamp(54px, 8vw, 105px);
  border-block: 1px solid #dedde928;
  background: radial-gradient(ellipse at 18% 88%, #55314442, transparent 53%), linear-gradient(110deg, #151122, #0b0c14 82%);
}
.early-access-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(30px, 7vw, 96px);
}
.early-access-copy img { filter: drop-shadow(0 0 20px #e9b48e53); }
.early-access-copy h2 { max-width: 16ch; font-size: clamp(36px, 4.7vw, 74px); color: var(--raven-silver); }
.early-access-copy p { max-width: 43ch; margin-top: 18px; color: #d0c8dc; line-height: 1.65; }
.early-access-card {
  min-width: 0;
  border: 1px solid #dedde931;
  border-radius: 20px;
  padding: clamp(19px, 4vw, 37px);
  background: linear-gradient(150deg, #1c1928, #11111b);
  box-shadow: 0 25px 65px #05040b6e;
}
.early-access-card [hidden] { display: none; }
.early-access-form { display: grid; gap: 17px; }
.early-access-form fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.early-access-form legend, .early-access-email, .early-access-share-link { color: var(--raven-silver); font-size: .9rem; font-weight: 650; }
.early-access-platforms { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 9px; }
.early-access-platforms label { display: flex; align-items: start; gap: 8px; padding: 10px; border: 1px solid #dedde933; border-radius: 10px; cursor: pointer; background: #12101b; }
.early-access-platforms label:has(:checked) { border-color: var(--raven-violet); background: #2b2342; }
.early-access-platforms input, .early-access-consent input { flex: 0 0 auto; margin: 3px 0 0; accent-color: var(--raven-violet); }
.early-access-platforms strong, .early-access-platforms small { display: block; }
.early-access-platforms strong { font-size: .9rem; }
.early-access-platforms small { margin-top: 3px; color: #cdc5dd; font-size: .73rem; line-height: 1.35; }
.early-access-email, .early-access-share-link { display: grid; gap: 8px; }
.early-access-email input, .early-access-share-link input {
  min-width: 0;
  width: 100%;
  min-height: 46px;
  padding: 8px 12px;
  border: 1px solid #dedde945;
  border-radius: 8px;
  color: var(--foreground);
  background: #0f0e18;
  font: inherit;
  font-size: 16px;
}
.early-access-consent { display: flex; gap: 9px; align-items: start; color: #d5cde3; font-size: .86rem; line-height: 1.5; cursor: pointer; }
.early-access-privacy { color: #c3b9cf; font-size: .79rem; line-height: 1.5; }
.early-access-privacy a { text-decoration: underline; text-underline-offset: .2em; }
.early-access-submit { justify-self: start; margin: 0; border: 0; cursor: pointer; }
.early-access-submit:disabled { opacity: .63; cursor: default; }
.early-access-success { color: #f0ebfa; font-size: clamp(24px, 3vw, 34px); }
.early-access-status, .early-access-share-status { color: #dcd0f0; font-size: .9rem; line-height: 1.5; }
.early-access-status:not(:empty), .early-access-share-status:not(:empty) { margin-top: 12px; }
.early-access-share { margin-top: 17px; }
.early-access-share-preview { width: 100%; border-radius: 10px; border: 1px solid #dedde931; background: #0a0a11; }
.early-access-share-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-block: 14px; }
.early-access-share-actions button { min-height: 44px; margin: 0; cursor: pointer; }
.early-access-share-actions .button-primary { border: 0; }
.early-access-share-actions .button-outline { background: transparent; }
.early-access-share-link { margin-top: 12px; }
.questions { padding-top: clamp(36px, 7vw, 76px); }

@media (max-width: 720px) {
  .early-access-inner { grid-template-columns: minmax(0, 1fr); }
  .early-access-copy h2 { max-width: 15ch; }
  .early-access-platforms label { padding: 8px; }
}