/* buyers.css — Buyers page only */

.hero-sub { font-size:1rem; font-weight:400; line-height:1.8; color:var(--cream); max-width:500px; margin-top:1.2rem; text-shadow:0 1px 16px rgba(14,28,42,0.7); }
.intro-inner { max-width:760px; margin:0 auto; text-align:center; }
.process-section { padding:0 var(--space-page) var(--space-section); }
.process-inner { max-width:1200px; margin:0 auto; }
.process-steps { display:flex; flex-direction:column; gap:0; margin-top:3.5rem; }
.process-step { display:grid; grid-template-columns:100px 1fr 1fr; gap:3.5rem; align-items:start; padding:3.5rem 0; border-bottom:1px solid rgba(91,191,181,.1); }
.process-step:last-child { border-bottom:none; }
.step-number { font-family:var(--serif); font-size:4rem; font-weight:300; color:rgba(91,191,181,.18); line-height:1; }
.step-title { font-family:var(--serif); font-size:1.5rem; font-weight:400; color:var(--cream); margin-bottom:.8rem; line-height:1.2; }
.step-title em { font-style:italic; color:var(--sand); }
.step-desc { font-size:.88rem; font-weight:300; line-height:1.85; color:var(--stone); }
.step-details { display:flex; flex-direction:column; gap:.6rem; }
.step-detail { display:flex; gap:1rem; align-items:flex-start; font-size:.82rem; font-weight:300; color:var(--stone); line-height:1.65; }
.step-detail::before { content:''; width:1px; height:16px; background:rgba(91,191,181,.4); flex-shrink:0; margin-top:4px; }

.difference-section { background:var(--charcoal); padding:var(--space-section) var(--space-page); }
.diff-grid { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:rgba(91,191,181,.1); max-width:1200px; margin:3.5rem auto 0; }
.diff-col { background:var(--charcoal); padding:2.8rem 2.5rem; }
.diff-col-label { font-size:.6rem; letter-spacing:.28em; text-transform:uppercase; color:var(--teal); margin-bottom:1.8rem; }
.diff-items { display:flex; flex-direction:column; gap:1.1rem; }
.diff-item { font-size:.86rem; font-weight:300; line-height:1.7; color:var(--stone); display:flex; gap:1rem; align-items:flex-start; }
.diff-item.mine { color:var(--cream); }
.diff-marker { font-family:var(--serif); font-size:1.1rem; flex-shrink:0; margin-top:-1px; }
.diff-marker.x { color:rgba(140,135,128,.4); }
.diff-marker.check { color:var(--teal); }

@media(max-width:900px) {
  .process-step { grid-template-columns:50px 1fr; gap:1.5rem; }
  .step-details { grid-column:2; margin-top:1rem; }
  .diff-grid { grid-template-columns:1fr; }
}