/* ============================================================================
   Recode Audio — content pages (free funnel, demo, support, eula)
   ============================================================================ */
.content { padding-block: var(--s-7) var(--s-9); }
.content h2 { font-size: var(--fs-h2); margin-top: var(--s-7); margin-bottom: var(--s-3); }
.content h3 { margin-top: var(--s-5); margin-bottom: var(--s-2); }
.content p { margin-top: var(--s-3); }
.content ol, .content ul.bullets { margin-top: var(--s-3); padding-left: var(--s-5); display: grid; gap: var(--s-2); }
.content ol { list-style: decimal; }
.content ul.bullets { list-style: none; }
.content ul.bullets li::before { content: "▸"; color: var(--green-bright); margin-right: var(--s-2); }
.content a.inline { color: var(--green-bright); }
.content code { font-family: var(--font-mono); font-size: 0.9em; background: var(--bg-elevated);
  padding: 0.15em 0.4em; border-radius: var(--radius-sm); border: 1px solid var(--surface-line); }

/* ---- Free funnel: the two-choice picker ---- */
.freepick { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-5); margin-top: var(--s-6); }
.freecard { background: var(--bg-elevated); border: 1px solid var(--surface-line); border-radius: var(--radius-lg);
  overflow: hidden; display: flex; flex-direction: column; transition: .2s var(--ease); }
.freecard:hover { transform: translateY(-4px); border-color: var(--green-glow); box-shadow: var(--shadow); }
.freecard__art { aspect-ratio: 1480/380; background: linear-gradient(160deg,#e9ebec,#c2c7c9); overflow: hidden; }
.freecard__art img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.freecard__body { padding: var(--s-5); display: flex; flex-direction: column; gap: var(--s-2); flex: 1; }
.freecard__name { font-size: 1.3rem; }
.freecard__cta { margin-top: auto; padding-top: var(--s-3); }
@media (max-width: 720px){ .freepick { grid-template-columns: 1fr; } }

/* ---- Demo download hero ---- */
.dl { background: radial-gradient(120% 80% at 80% -10%, #2a2c30 0%, var(--ink) 60%); padding-block: var(--s-8); }
.dl__box { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-6); justify-content: space-between;
  background: var(--bg-elevated); border: 1px solid var(--surface-line); border-radius: var(--radius-lg); padding: var(--s-6); }
.dl__meta { font-family: var(--font-mono); font-size: var(--fs-small); color: var(--text-dim); display: grid; gap: var(--s-1); margin-top: var(--s-3); }
.dl__meta b { color: var(--green-bright); font-weight: 500; }

/* simple email form */
.emailform { display: flex; gap: var(--s-3); margin-top: var(--s-5); flex-wrap: wrap; }
.emailform input { flex: 1; min-width: 220px; font-family: var(--font-body); font-size: 1rem;
  padding: 0.85em 1.1em; border-radius: var(--radius-pill); border: 1px solid var(--surface-line);
  background: var(--bg-elevated); color: var(--text); }
.emailform input:focus-visible { outline: 2px solid var(--green-bright); }