/* VERSION: momentum.css, 2026-10-19
   PURPOSE: Page styles for momentum.highvibes.click (Unblock Your Momentum), layered on hva-site.css
   (copied from highvibes.click/assets, 2026-10-15). Brand Book palette and type; phone first. */

.wrap.wide { max-width:680px; }
.hero-art { display:block; margin:0 0 24px; border-radius:12px; overflow:hidden; background:#111; }
.hero-art img { display:block; width:100%; height:auto; }
@media (max-width:520px) { .hero-art img { aspect-ratio:4/5; object-fit:cover; object-position:50% 15%; } }
.sub { font-family:"Lora",Georgia,serif; font-size:20px; line-height:1.4; color:var(--ink); margin:0 0 14px; }
.section { margin-top:40px; padding-top:32px; border-top:1px solid var(--border); }
.section > p:last-child { margin-bottom:0; }
.figure { margin:0 0 22px; }
.figure img { display:block; width:100%; aspect-ratio:16/10; object-fit:cover; object-position:50% 55%; border-radius:12px; }

/* Before and after */
.compare { display:grid; gap:16px; margin:22px 0 0; }
.compare .col { border:1px solid var(--border); border-radius:12px; padding:18px 18px 8px; background:var(--white); }
.compare .col.after { background:var(--soft); border-color:var(--soft); }
.compare h3 { font-size:18px; margin:0 0 10px; }
.compare ul { margin:0; padding-left:20px; }
.compare li { margin-bottom:10px; font-size:16px; }
@media (min-width:640px) { .compare { grid-template-columns:1fr 1fr; } }

/* Form additions: name field and checkbox */
input[type=text].field { width:100%; font:inherit; font-size:17px; padding:14px; border:1px solid #c9d0ca; border-radius:10px; background:var(--white); color:var(--ink); margin-bottom:14px; }
.check { display:flex; gap:10px; align-items:flex-start; font-size:15px; font-weight:400; color:var(--ink-mid); margin:14px 0 0; cursor:pointer; }
.check input { flex:none; width:18px; height:18px; margin:3px 0 0; accent-color:var(--sage-dark); }
.cta-link { display:block; text-align:center; }

/* Thank-you page */
.downloads { display:grid; gap:12px; margin:0 0 26px; }
.downloads .btn { margin-top:0; }
.audio-slot { border:1.5px dashed var(--sage-light); border-radius:12px; padding:18px; background:var(--bg); }
.audio-slot h2 { font-size:19px; margin:0 0 6px; }
.audio-slot p { margin:0; font-size:15.5px; }