/* ---------- 落地页 ---------- */
body.site { padding-bottom: 0; }

.hero {
  position: relative; text-align: center; padding: 86px 20px 40px; overflow: hidden;
}
.hero-glow {
  position: absolute; inset: -20% -10% auto; height: 130%; pointer-events: none;
  background:
    radial-gradient(50% 38% at 50% 30%, rgba(255, 208, 130, 0.16), transparent 70%),
    radial-gradient(30% 24% at 68% 14%, rgba(255, 160, 190, 0.08), transparent 70%),
    radial-gradient(30% 24% at 30% 10%, rgba(140, 210, 255, 0.07), transparent 70%);
}
.kicker { font-size: 10px; letter-spacing: 0.5em; color: var(--ink-faint); margin-bottom: 22px; position: relative; }
.hero h1 {
  position: relative; font-size: clamp(30px, 7.5vw, 46px); line-height: 1.42; margin: 0 0 18px;
  letter-spacing: 0.04em;
}
.hero h1 em { font-style: normal; color: var(--gold); }
.lede { position: relative; font-size: 13.5px; line-height: 2; color: var(--ink-dim); margin: 0 0 30px; letter-spacing: 0.05em; }
.hero-actions { position: relative; display: flex; gap: 12px; justify-content: center; margin-bottom: 42px; }
.hero-actions .btn { min-width: 150px; }
.hero-themes { position: relative; max-width: 560px; margin: 0 auto; }
.hero-themes .theme-card { pointer-events: auto; }

.steps { display: grid; grid-template-columns: 1fr; gap: 12px; }
.step-card b { display: block; font-size: 14px; font-weight: 600; letter-spacing: 0.08em; margin-bottom: 6px; color: var(--gold); }
.step-card p { margin: 0; font-size: 13px; line-height: 1.9; color: var(--ink-dim); }

.foot { font-size: 11px; color: var(--ink-faint); letter-spacing: 0.14em; margin-top: 16px; }

@media (min-width: 640px) {
  .steps { grid-template-columns: 1fr 1fr; }
}