/* Homepage v2 layout (Jason's website feedback, 2026-10-18).
   Every feature section: teal eyebrow, heading, short paragraph, visual on the right.
   Visual internals live in assets/home-v2/<slug>/<id>.css, scoped to #v2-<id>. */
@font-face{font-family:'JetBrains Mono';src:url('/fonts/JetBrainsMono-Variable.woff2') format('woff2');font-weight:100 800;font-display:swap}

.v2-visual{position:relative;margin:0;min-width:0}
.v2-visual:empty{min-height:360px;border:1px dashed #ffffff1f;border-radius:20px}

.v2-chapter{margin-top:132px;gap:72px}
.v2-chapter .showcase-copy p{max-width:440px}
.v2-checks{margin:26px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.v2-checks li{position:relative;padding-left:30px;color:#c9cbd0;font-size:15px;line-height:1.45}
.v2-checks li::before{content:"";position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.4l2.6 2.5L12 5.3' fill='none' stroke='%23051312' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}

.v2-wide{margin-top:132px}
.v2-wide .v2-visual{margin-top:48px}
.v2-wide-center .section-head{display:block;text-align:center;max-width:820px;margin-inline:auto}
.v2-wide-center .section-head p{max-width:600px;margin:20px auto 0}
.v2-wide-center .section-head .feature-eyebrow{max-width:none;margin:0 0 16px}
.v2-wide-center .section-head h2{max-width:none}

/* The first sections after the hero sit a little closer together. */
#how-it-works{margin-top:110px}

@media(max-width:900px){
  .v2-chapter{margin-top:96px;gap:34px}
  .v2-chapter .showcase-copy,.chapter-flip.v2-chapter .showcase-copy{order:-1;text-align:left;margin-inline:0}
  .v2-chapter .showcase-copy p{margin-inline:0}
  .v2-wide{margin-top:96px}
  .v2-wide .v2-visual{margin-top:30px}
}