@import url('https://cdn.jsdelivr.net/npm/@fontsource/inter@5/400.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/inter@5/600.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/inter@5/700.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/inter@5/800.css');

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
  --bg: #0f0d0c; --bg-2: #161412; --bg-3: #1c1917;
  --amber: #D97706; --amber-dim: rgba(217,119,6,0.12); --amber-border: rgba(217,119,6,0.3);
  --white: #fafaf9; --muted: #a8a29e; --dim: #78716c;
  --divider: rgba(255,255,255,0.07); --radius: 12px;
}
html { scroll-behavior: smooth; }
body { background: var(--bg); color: var(--white); font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif; line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { text-decoration: none; color: inherit; }

.btn { display: inline-block; padding: 13px 28px; border-radius: 10px; font-size: 15px; font-weight: 700; cursor: pointer; border: none; transition: all 0.2s ease; font-family: inherit; }
.btn-primary { background: var(--amber); color: #fff; }
.btn-primary:hover { background: #b45309; transform: translateY(-1px); box-shadow: 0 8px 24px rgba(217,119,6,0.3); }

/* Nav */
nav { position: sticky; top: 0; z-index: 100; background: rgba(15,13,12,0.92); backdrop-filter: blur(12px); border-bottom: 1px solid var(--divider); }
.nav-inner { max-width: 1160px; margin: 0 auto; padding: 0 24px; height: 64px; display: flex; align-items: center; justify-content: space-between; }
.nav-links { display: flex; align-items: center; gap: 32px; list-style: none; }
.nav-links a:not(.btn) { font-size: 14px; font-weight: 500; color: var(--muted); transition: color 0.2s; }
.nav-links a:not(.btn):hover { color: var(--white); }
.nav-cta { padding: 8px 20px; font-size: 14px; }
@media (max-width: 760px) { .nav-links { display: none; } }

/* Document / content pages */
.doc { max-width: 820px; margin: 0 auto; padding: 56px 24px 72px; }
.doc h1 { font-size: clamp(28px, 4vw, 40px); font-weight: 800; letter-spacing: -0.02em; margin-bottom: 10px; }
.doc h2 { font-size: 20px; font-weight: 700; color: var(--amber); margin: 40px 0 12px; }
.doc h3 { font-size: 16px; font-weight: 700; color: var(--white); margin: 24px 0 8px; }
.doc p, .doc li { color: var(--muted); margin-bottom: 14px; }
.doc a { color: var(--amber); font-weight: 600; }
.doc a:hover { text-decoration: underline; }
.doc strong { color: var(--white); font-weight: 700; }
.doc ul, .doc ol { padding-left: 1.4rem; margin-bottom: 16px; }
.doc hr { border: none; border-top: 1px solid var(--divider); margin: 28px 0; }
.doc .lede { font-size: 1.1rem; color: var(--white); margin-bottom: 8px; }
.doc small, .doc .meta, .doc .footer-meta { color: var(--dim); font-size: 13px; }
.doc .contact-card { background: var(--bg-3); border: 1px solid var(--divider); border-radius: var(--radius); padding: 1rem 1.25rem; margin: 1.25rem 0; }
.doc .contact-card strong { font-size: 1.05rem; }

/* FAQ accordions */
.doc details { border-bottom: 1px solid var(--divider); padding: 4px 0; margin: 0; }
.doc summary { font-weight: 600; cursor: pointer; font-size: 1.02rem; color: var(--white); list-style: none; padding: 12px 0; }
.doc summary::-webkit-details-marker { display: none; }
.doc summary::before { content: "+  "; color: var(--amber); font-weight: 700; }
.doc details[open] summary::before { content: "\2013  "; }

/* Footer */
footer { border-top: 1px solid var(--divider); padding: 40px 24px; margin-top: 40px; }
.footer-inner { max-width: 1160px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.footer-copy { font-size: 13px; color: var(--dim); }
.footer-links { display: flex; gap: 20px; flex-wrap: wrap; }
.footer-links a { font-size: 13px; color: var(--dim); transition: color 0.2s; }
.footer-links a:hover { color: var(--muted); }