:root{
  --ring: rgba(15,23,42,.12);
}
*{box-sizing:border-box}
html,body{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Apple Color Emoji','Segoe UI Emoji';}
.section{max-width:72rem;margin:0 auto;padding:2.5rem 1rem}
.h2{font-size:1.5rem;line-height:1.2;font-weight:800;margin-bottom:1rem}
.table-responsive{overflow:auto;border:1px solid var(--ring);border-radius:.75rem}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid var(--ring);padding:.75rem .875rem;text-align:left}
.btn{display:inline-flex;align-items:center;gap:.5rem;background:#4338ca;color:#fff;border-radius:.75rem;padding:.75rem 1rem;font-weight:600;text-decoration:none}
.btn:hover{background:#3730a3}
.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;background:#0ea5e9;color:#fff;border-radius:.75rem;padding:.75rem 1rem;font-weight:600;text-decoration:none}
.btn-secondary:hover{background:#0284c7}
.link{color:#1d4ed8;text-decoration:underline}
.footer-link{color:#cbd5e1}
.footer-link:hover{color:#fff}
/* FAQ */
.faq{border:1px solid var(--ring);border-radius:.75rem;overflow:hidden;background:#fff}
.faq-btn{width:100%;text-align:left;padding:1rem 1.125rem;font-weight:600}
.faq-panel{display:none;padding:0 1.125rem 1rem;color:#475569}
.faq[open] .faq-panel{display:block}
@media (max-width: 768px){
  #nav.open{display:block}
}