.draft-page {
  background:
    radial-gradient(circle at top, rgba(200, 161, 74, 0.12), transparent 38%),
    linear-gradient(180deg, #07090f 0%, #0c1018 100%);
  color: #efe8d8;
  overflow-x: hidden;
  font-family: 'Inter', 'Barlow', sans-serif;
}

@font-face {
  font-family: 'Tytoon Mist';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/tytoon-mist.ttf') format('truetype');
}

.draft-page .header-nexus {
  transform: none !important;
  height: 68px !important;
  pointer-events: none !important;
}

.draft-page .header-nexus picture#navLogo,
.draft-page .header-nexus .navsections,
.draft-page .header-nexus .nav-toggle,
.draft-page .header-nexus .nav-btn,
.draft-page .header-nexus .nav-account-trigger,
.draft-page .header-nexus .tabsection,
.draft-page .header-nexus a,
.draft-page .header-nexus button,
.draft-page .header-nexus input,
.draft-page .header-nexus [role="button"] {
  pointer-events: auto !important;
}

.draft-page__section,
.draft-page__shell-wrap,
.draft-page__faq,
.draft-page__cta {
  width: min(1240px, calc(100% - 32px));
  margin: 0 auto;
}

.draft-page__shell-wrap--module {
  width: min(1440px, calc(100% - 24px));
  margin-top: 20px;
  padding: 16px;
}

.draft-page__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #d9bc79;
}

.draft-page__eyebrow::before {
  content: "";
  width: 42px;
  height: 1px;
  background: linear-gradient(90deg, rgba(217, 188, 121, 0), rgba(217, 188, 121, 0.8));
}

.draft-page__module-title {
  font-size: clamp(2rem, 3.8vw, 3.3rem);
  line-height: 0.98;
  color: #f7f1e4;
  font-family: 'Tytoon Mist', 'Orbitron', sans-serif;
  font-weight: 400;
}

.draft-page__section p,
.draft-page__faq p,
.draft-page__cta p {
  color: rgba(239, 232, 216, 0.82);
  line-height: 1.8;
  font-size: 1rem;
}

.draft-page__section p strong,
.draft-page__faq p strong {
  color: #f7f1e4;
}

.draft-page__section ul {
  margin: 18px 0 0;
  padding-left: 22px;
  display: grid;
  gap: 8px;
}

.draft-page__section li {
  color: rgba(239, 232, 216, 0.88);
  line-height: 1.72;
}

.draft-page__shell-wrap {
  margin-top: 22px;
  padding: 18px;
  border-radius: 26px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent),
    rgba(5, 8, 14, 0.94);
  border: 1px solid rgba(217, 188, 121, 0.16);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.42);
}

.draft-page__shell-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-bottom: 16px;
}

.draft-page__shell-title {
  margin: 0;
  font-size: 1.1rem;
  color: #f7f1e4;
}

.draft-page__shell-note {
  margin: 0;
  font-size: 0.92rem;
  color: rgba(239, 232, 216, 0.68);
}

.draft-analyzer-shell[data-draft-access="locked"] .topbar,
.draft-analyzer-shell[data-draft-access="locked"] .stage,
.draft-analyzer-shell[data-draft-access="locked"] .reco-strip {
  filter: blur(9px) saturate(0.82);
  pointer-events: none;
  user-select: none;
}

.draft-access-gate {
  position: absolute;
  inset: 0;
  z-index: 60000;
  display: grid;
  place-items: center;
  padding: 24px;
}

.draft-access-gate[hidden] {
  display: none;
}

.draft-access-gate__backdrop {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at top, rgba(217, 188, 121, 0.18), transparent 32%),
    linear-gradient(180deg, rgba(5, 8, 14, 0.2), rgba(5, 8, 14, 0.58));
}

.draft-access-gate__sheet {
  position: relative;
  z-index: 60001;
  pointer-events: auto;
  width: min(1000px, calc(100% - 32px));
  max-height: min(92vh, 640px);
  overflow-y: auto;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.52);
  border-radius: 28px;
}

.draft-access-gate [data-draft-gate-mode] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.draft-access-gate [data-draft-gate-mode][hidden] {
  display: none;
}

/* home-newsletter component styles (gate context) */
.home-newsletter__shell {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(300px, .72fr);
  min-height: 440px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(0,200,255,.05), transparent 28%),
    linear-gradient(225deg, rgba(255,184,0,.05), transparent 34%),
    #050608;
}

.home-newsletter__panel {
  display: flex;
  align-items: center;
  padding: 34px 34px 30px;
  min-width: 0;
}

.home-newsletter__content {
  width: min(100%, 560px);
}

.home-newsletter__eyebrow {
  margin: 0 0 14px;
  color: rgba(120,224,255,.88);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.home-newsletter__title {
  margin: 0 0 12px;
  font-family: 'Orbitron', sans-serif;
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 800;
  line-height: 1.02;
  color: #fbfcff;
  text-wrap: balance;
}

.home-newsletter__title-core {
  display: inline-block;
  padding: 0 .18em;
  border-radius: .42em;
  background: linear-gradient(135deg, rgba(0,200,255,.26), rgba(255,184,0,.22));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 10px 24px rgba(0,0,0,.15);
}

.home-newsletter__sub {
  margin: 0 0 20px;
  font-size: .92rem;
  line-height: 1.65;
  color: rgba(255,255,255,.68);
  max-width: 52ch;
}

.home-newsletter__benefits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
  margin-top: 14px;
}

.home-newsletter__benefit {
  padding: 12px 12px 10px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
}

.home-newsletter__benefit-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 5px;
}

.home-newsletter__benefit-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 20px;
  padding: 0 7px;
  border-radius: 999px;
  background: rgba(0,200,255,.12);
  color: rgba(134,236,255,.92);
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .12em;
  flex-shrink: 0;
}

.home-newsletter__benefit--future .home-newsletter__benefit-badge {
  background: rgba(255,184,0,.12);
  color: rgba(255,224,153,.9);
}

.home-newsletter__benefit-title {
  margin: 0;
  font-size: .88rem;
  font-weight: 800;
  color: #ffffff;
}

.home-newsletter__benefit-text {
  margin: 0;
  font-size: .78rem;
  line-height: 1.5;
  color: rgba(205,228,255,.72);
}

.home-newsletter__benefit:nth-child(1) .home-newsletter__benefit-title { color: rgba(134,236,255,.98); }
.home-newsletter__benefit:nth-child(2) .home-newsletter__benefit-title { color: rgba(255,224,153,.98); }
.home-newsletter__benefit:nth-child(3) .home-newsletter__benefit-title { color: rgba(255,255,255,.98); }
.home-newsletter__benefit:nth-child(4) .home-newsletter__benefit-title { color: rgba(255,184,107,.98); }

.home-newsletter__media {
  position: relative;
  min-height: 100%;
  background:
    radial-gradient(circle at 20% 30%, rgba(0,200,255,.12), transparent 28%),
    radial-gradient(circle at 80% 70%, rgba(255,184,0,.12), transparent 30%),
    #0a0f18;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  padding: 28px;
}

.home-newsletter__media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(5,6,8,.28), transparent 22%, transparent);
  pointer-events: none;
}

.home-newsletter__form-wrap {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 18px;
  background:
    radial-gradient(circle at 20% 30%, rgba(0,200,255,.1), transparent 28%),
    #0a0f18;
}

.home-newsletter__form-row {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.home-newsletter__input {
  height: 44px;
  padding: 0 16px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 10px;
  color: #fff;
  font-size: .9rem;
  outline: none;
  cursor: pointer;
  transition: border-color 140ms ease, background 140ms ease;
}

.home-newsletter__input::placeholder { color: rgba(255,255,255,.3); }

.home-newsletter__submit {
  height: 44px;
  padding: 0 24px;
  border: none;
  border-radius: 10px;
  background: #f4f5f7;
  color: #07090d;
  font-size: .9rem;
  font-weight: 800;
  cursor: pointer;
  transition: transform 120ms ease, opacity 160ms ease;
}

.home-newsletter__submit:hover {
  opacity: .92;
  transform: translateY(-1px);
}

.home-newsletter__divider {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 0;
  color: rgba(255,255,255,.28);
  font-size: .74rem;
  text-transform: uppercase;
  letter-spacing: .14em;
}

.home-newsletter__divider::before,
.home-newsletter__divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: rgba(255,255,255,.08);
}

.home-newsletter__google {
  width: 100%;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 10px;
  background: rgba(255,255,255,.02);
  color: rgba(255,255,255,.92);
  font-size: .9rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 140ms ease, border-color 140ms ease;
}

.home-newsletter__google:hover {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.26);
}

.home-newsletter__legal {
  margin-top: 12px;
  font-size: .68rem;
  line-height: 1.5;
  color: rgba(255,255,255,.26);
}

.draft-gate__cta {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  padding: 28px;
}

.draft-gate__cta-label {
  margin: 0 0 8px;
  color: rgba(120,224,255,.88);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.draft-gate__cta-primary {
  height: 52px;
  border: none;
  border-radius: 12px;
  background: #f4f5f7;
  color: #07090d;
  font-size: 1rem;
  font-weight: 800;
  cursor: pointer;
  transition: transform 120ms ease, opacity 160ms ease;
}

.draft-gate__cta-primary:hover {
  opacity: .92;
  transform: translateY(-1px);
}

.draft-gate__cta-secondary {
  height: 44px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 12px;
  background: transparent;
  color: rgba(255,255,255,.72);
  font-size: .9rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}

.draft-gate__cta-secondary:hover {
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.28);
  color: rgba(255,255,255,.92);
}

.draft-page__sections {
  display: grid;
  gap: 0;
  margin-top: 34px;
}

.draft-page__section {
  padding: 34px 28px 38px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.draft-page__section-grid {
  grid-template-columns: 1fr;
}

.draft-page__section:nth-child(even),
.draft-page__faq {
  background: rgba(16, 20, 48, 0.62);
}

.draft-page__section h2,
.draft-page__faq h2,
.draft-page__cta h2 {
  position: relative;
  width: fit-content;
  margin: 0 0 18px;
  font-family: 'Tytoon Mist', 'Orbitron', sans-serif;
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.18;
  color: #f7f1e4;
}

.draft-page__section h2::before,
.draft-page__faq h2::before,
.draft-page__cta h2::before {
  content: '';
  position: absolute;
  inset: -5px -14px;
  z-index: -1;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 0.95;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 74' preserveAspectRatio='none'%3E%3Cpath fill='%23d4b171' fill-opacity='0.12' d='M5 31C3 21 6 12 16 9C55 3 130 8 210 6C290 4 370 9 445 6C482 5 518 6 544 10C568 13 585 18 592 24C598 29 598 35 596 40C598 45 596 52 588 56C568 62 532 61 492 64C415 68 330 63 248 65C168 67 94 63 50 66C30 67 12 64 5 57C1 52 2 43 5 38Z'/%3E%3Cpath fill='%23d4b171' fill-opacity='0.06' d='M0 35C1 23 9 13 22 9C65 1 148 6 232 4C316 2 400 7 476 4C512 3 546 4 568 8C586 11 597 16 600 23C602 29 600 36 598 42C600 48 598 56 589 61C562 69 520 67 470 70C386 74 298 69 212 71C135 73 62 69 28 67C10 65 -1 58 0 50Z'/%3E%3C/svg%3E");
}

.draft-page__faq {
  margin-top: 28px;
  padding: 34px 28px 30px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.draft-page__faq details {
  border-top: 1px solid rgba(120, 150, 255, 0.08);
  padding: 16px 0;
}

.draft-page__faq details:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.draft-page__faq summary {
  cursor: pointer;
  font-weight: 700;
  color: #f7f1e4;
}

.draft-page__cta {
  margin-top: 36px;
  margin-bottom: 36px;
  padding: 34px 28px 38px;
  display: flex;
  justify-content: flex-start;
  gap: 24px;
  align-items: flex-start;
  flex-wrap: wrap;
  background: rgba(16, 20, 48, 0.62);
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.draft-page__cta-links {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.draft-page__cta-links a {
  position: relative;
  display: flex;
  align-items: flex-start;
  min-height: 118px;
  padding: 22px 20px 18px;
  background: rgba(12, 18, 34, 0.88);
  color: #f7f1e4;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.35;
  border-radius: 14px;
  text-decoration: none;
  transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease,
    transform 160ms ease;
  box-shadow: none;
  border: 1px solid rgba(112, 149, 226, 0.18);
  border-top: 2px solid rgba(0, 200, 255, 0.3);
  overflow: hidden;
}

.draft-page__cta-links a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 52px;
  background: linear-gradient(0deg, rgba(0, 200, 255, 0.06) 0%, transparent 100%);
  pointer-events: none;
}

.draft-page__cta-links a:hover {
  color: #ffffff;
  background: rgba(10, 18, 38, 0.96);
  border-color: rgba(0, 200, 255, 0.4);
  border-top-color: rgba(0, 200, 255, 0.82);
  box-shadow: 0 8px 28px rgba(0, 200, 255, 0.08);
  transform: translateY(-1px);
}

@media (max-width: 1040px) {
  .draft-page__section-grid,
  .draft-page__cta {
    grid-template-columns: 1fr;
    display: grid;
  }

  .draft-access-gate {
    padding: 16px;
  }
}

@media (max-width: 760px) {
  .home-newsletter__shell {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .home-newsletter__media {
    order: -1;
  }

  .home-newsletter__benefits {
    grid-template-columns: 1fr;
  }

  .home-newsletter__panel {
    padding: 22px 18px 14px;
  }
}

@media (max-width: 768px) {
  .draft-page__section,
  .draft-page__faq,
  .draft-page__cta,
  .draft-page__shell-wrap {
    width: min(100%, calc(100% - 20px));
  }

  .draft-page__shell-wrap {
    padding: 12px;
  }

  .draft-page__section,
  .draft-page__faq,
  .draft-page__cta {
    padding-left: 20px;
    padding-right: 20px;
  }

  .draft-page__cta-links {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 560px) {
  .draft-page__cta-links {
    grid-template-columns: 1fr;
  }
}