/* ===== STATS ===== */
.stats-strip { padding: 5rem 0; background: var(--surface); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.stats-grid  {
  display:grid; grid-template-columns:repeat(4,1fr);
  gap:1px; background:var(--border);
  border:1px solid var(--border); border-radius:12px; overflow:hidden;
}
.stat-item   { background:var(--surface); padding:2.5rem 2rem; text-align:center; }
.stat-number { font-family:var(--font-d); font-size:3.5rem; color:var(--primary); line-height:1; margin-bottom:.5rem; }
.stat-label  { font-family:var(--font-m); font-size:.75rem; letter-spacing:.13em; color:var(--muted); text-transform:uppercase; }

/* ===== FAQ ===== */
.faq-section { background:var(--bg); }
.faq-header  { margin-bottom:3rem; }
.faq-header h2 { font-size: clamp(2rem, 3.5vw, 3rem); margin-bottom:.5rem; }
.faq-header h2 em { color:var(--primary); }
.faq-list    { border-top:1px solid var(--border); }
.faq-item    { border-bottom:1px solid var(--border); }

.faq-question {
  width:100%; background:none; border:none; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between; gap:1.5rem;
  padding:1.5rem 0; text-align:left;
  color:var(--text); font-family:var(--font-d); font-size:1.3rem; font-weight:400;
  transition:color .2s;
}
.faq-question:hover { color:var(--primary); }
.faq-icon {
  width:26px; height:26px; flex-shrink:0;
  border:1.5px solid var(--border); border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  transition:background .2s, border-color .2s;
}
.faq-item.open .faq-icon { background:var(--primary); border-color:var(--primary); }
.faq-icon svg { width:11px; height:11px; transition:transform .3s ease; stroke:var(--muted); }
.faq-item.open .faq-icon svg { transform:rotate(45deg); stroke:#fff; }
.faq-answer { max-height:0; overflow:hidden; transition:max-height .4s ease, padding-bottom .3s ease; }
.faq-item.open .faq-answer { max-height:400px; padding-bottom:1.5rem; }
.faq-answer p { font-size:1rem; color:var(--text2); max-width:680px; line-height:1.75; }

/* ===== FINAL CTA ===== */
.final-cta {
  padding: 8rem 0; background: var(--surface);
  text-align:center; position:relative; overflow:hidden;
}
.final-cta::before {
  content:''; position:absolute; inset:0;
  background: radial-gradient(ellipse 60% 80% at 50% 110%, rgba(0,167,78,.07) 0%, transparent 70%);
  pointer-events:none;
}
.final-cta-inner { position:relative; z-index:1; max-width:700px; margin:0 auto; }
.final-cta h2 { font-size: clamp(2.4rem, 5vw, 4rem); margin-bottom:1.25rem; }
.final-cta h2 em { color:var(--primary); }
.final-cta p  { font-size:1.1rem; color:var(--text2); line-height:1.7; margin-bottom:2.5rem; max-width:540px; margin-left:auto; margin-right:auto; }
.final-cta-actions { display:flex; align-items:center; justify-content:center; gap:1rem; }
.final-cta-actions .btn-lg { padding:1rem 2.5rem; font-size:1rem; }
.cta-note { margin-top:1.25rem; font-family:var(--font-m); font-size:.75rem; color:var(--muted); letter-spacing:.08em; }

/* ===== FOOTER — dark ===== */
footer {
  background:var(--dark); padding:2.75rem 0;
  border-top:1px solid var(--dark3);
}
.footer-inner { display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.footer-brand { display:flex; align-items:center; gap:10px; }
.footer-mark  {
  width:28px; height:28px; background:var(--primary);
  border-radius:6px; display:flex; align-items:center; justify-content:center;
  font-family:var(--font-d); font-size:14px; font-style:italic; color:#fff;
}
.footer-name  { font-family:var(--font-d); font-size:17px; color:#fff; }
.footer-logo-img { height: 36px; width: auto; display: block; }
.footer-links { display:flex; gap:2rem; list-style:none; }
.footer-links a { color:var(--dark-muted); text-decoration:none; font-size:.78rem; font-family:var(--font-m); letter-spacing:.08em; transition:color .2s; }
.footer-links a:hover { color:#9abda8; }
.footer-copy  { font-family:var(--font-m); font-size:.72rem; color:var(--dark-muted); letter-spacing:.06em; opacity:.7; }

/* ===== SECTION DIVIDERS ===== */
.bg-surface  { background: var(--surface); }
.bg-bg       { background: var(--bg); }
.bg-surface2 { background: var(--surface2); }
.border-t    { border-top: 1px solid var(--border); }
.border-b    { border-bottom: 1px solid var(--border); }
