* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { background: #0d1117; color: #e6edf3; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }

.wrap { max-width: 720px; margin: 0 auto; padding: 32px 20px 60px; }

/* hero */
.hero { text-align: center; padding: 24px 0 32px; border-bottom: 1px solid #21262d; }
.logo { font-weight: 800; font-size: 18px; line-height: 1; letter-spacing: 2px; color: #ffd700; margin-bottom: 24px; }
.hero h1 { font-size: 38px; font-weight: 800; letter-spacing: -0.02em; margin-bottom: 12px; line-height: 1.1; }
.tag { color: #9ba3af; font-size: 16px; max-width: 480px; margin: 0 auto 24px; line-height: 1.55; }
.tag b { color: #ffd700; font-weight: 700; }
.cta-primary {
  display: inline-block; background: #238636; color: #fff;
  padding: 14px 32px; border-radius: 8px; font-weight: 700;
  font-size: 16px; box-shadow: 0 4px 12px rgba(35,134,54,0.3);
  border: none; cursor: pointer; font-family: inherit;
}
.cta-primary:hover { background: #2ea043; }
.cta-primary:disabled { background: #555; cursor: not-allowed; }
.disclosure { color: #6e7681; font-size: 11px; margin-top: 18px; max-width: 480px; margin-left: auto; margin-right: auto; }

/* record */
.record-strip {
  display: grid; grid-template-columns: 1fr 1fr 1fr;
  gap: 16px; padding: 22px 0; margin: 16px 0 28px;
  border-top: 1px solid #21262d; border-bottom: 1px solid #21262d;
}
.record-item { text-align: center; }
.record-label { color: #7d8590; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px; }
.record-value { font-size: 22px; font-weight: 700; color: #ffd700; }
.link-quiet { font-size: 13px; color: #58a6ff; font-weight: 500; }
.link-quiet:hover { text-decoration: underline; }

/* how it works */
.how { padding: 28px 0; border-bottom: 1px solid #21262d; }
.how h2 { font-size: 22px; text-align: center; margin-bottom: 24px; }
.step-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 600px) { .step-grid { grid-template-columns: 1fr 1fr 1fr; } }
.step { background: #161b22; border: 1px solid #30363d; padding: 18px; border-radius: 12px; }
.step-num { font-size: 11px; color: #ffd700; font-weight: 700; letter-spacing: 1px; margin-bottom: 8px; }
.step-title { font-size: 15px; font-weight: 700; margin-bottom: 6px; }
.step p { color: #9ba3af; font-size: 13px; line-height: 1.55; }

/* waitlist */
.waitlist { padding: 32px 0 16px; }
.waitlist h2 { font-size: 22px; text-align: center; margin-bottom: 6px; }
.section-sub { color: #7d8590; font-size: 13px; text-align: center; margin-bottom: 24px; }

.waitlist-cards { display: grid; grid-template-columns: 1fr; gap: 14px; margin-bottom: 28px; }
@media (min-width: 600px) { .waitlist-cards { grid-template-columns: 1fr 1fr; } }
.waitlist-card {
  background: #161b22; border: 1px solid #30363d;
  padding: 22px; border-radius: 12px;
}
.waitlist-card-pro { border-color: #ffd700; }
.waitlist-card h3 { font-size: 17px; margin-bottom: 10px; }
.waitlist-card p { color: #9ba3af; font-size: 13px; line-height: 1.55; }
.waitlist-card b { color: #2ea043; font-weight: 700; }

.waitlist-form {
  display: flex; gap: 8px; max-width: 480px;
  margin: 0 auto;
}
@media (max-width: 480px) {
  .waitlist-form { flex-direction: column; }
  .waitlist-form .cta-primary { width: 100%; }
}
.email-input {
  flex: 1; padding: 12px 16px; border-radius: 8px;
  background: #0d1117; border: 1px solid #30363d; color: #e6edf3;
  font-family: inherit; font-size: 14px;
}
.email-input:focus { outline: 1px solid #ffd700; border-color: #ffd700; }

/* disclosures */
.disclosures { color: #6e7681; font-size: 11px; line-height: 1.7; padding-top: 28px; border-top: 1px solid #21262d; margin-top: 32px; }
.disclosures p { margin-bottom: 10px; }
.disclosures a { color: #58a6ff; }