/* transactology.dev */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #0D1117; color: #C9D1D9; font-family: 'Inter', sans-serif; font-weight: 400; line-height: 1.6; }
.section-heading { font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: 1.4rem; color: #C9D1D9; margin-bottom: 1rem; }
.terminal { max-width: 800px; margin: 0 auto; border-radius: 8px; overflow: hidden; border: 1px solid #21262D; }
.terminal.small { margin-bottom: 1rem; }
.terminal-header { background: #1F2937; padding: 8px 12px; display: flex; align-items: center; gap: 6px; }
.dot { width: 12px; height: 12px; border-radius: 50%; }
.dot.red { background: #FF5F56; }
.dot.yellow { background: #FFBD2E; }
.dot.green { background: #27C93F; }
.terminal-title { font-family: 'Fira Mono', monospace; font-size: 0.7rem; color: #8B949E; margin-left: auto; }
.terminal-body { background: #161B22; padding: 1rem 1.25rem; font-family: 'Fira Mono', monospace; font-size: 0.85rem; line-height: 1.5; }
.line { margin-bottom: 0.15rem; white-space: pre-wrap; }
.prompt { color: #3FB950; }
.output { color: #C9D1D9; padding-left: 1rem; }
.syn-blue { color: #58A6FF; }
.syn-green { color: #3FB950; }
.syn-yellow { color: #D29922; }
.comment { color: #8B949E; }
.cursor-line { display: flex; align-items: center; }
.cursor { display: inline-block; width: 8px; height: 16px; background: #3FB950; animation: blinkCur 1s steps(1) infinite; }
@keyframes blinkCur { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
.hero { padding: 2rem; }
.metric-badges { max-width: 800px; margin: 1rem auto 0; display: flex; gap: 1rem; flex-wrap: wrap; }
.badge { font-family: 'Fira Mono', monospace; font-size: 0.75rem; color: #8B949E; background: #161B22; border: 1px solid #21262D; padding: 4px 10px; border-radius: 4px; display: flex; align-items: center; gap: 0.4rem; }
.badge-dot { width: 8px; height: 8px; border-radius: 50%; background: #3FB950; }
.docs { max-width: 800px; margin: 0 auto; padding: 2rem; }
.docs-inner { }
.endpoint-group { margin-bottom: 1.5rem; }
.group-title { font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: 1rem; color: #C9D1D9; margin-bottom: 0.5rem; }
.endpoint { display: flex; align-items: center; gap: 0.75rem; padding: 0.4rem 0; border-bottom: 1px solid #21262D; }
.method { font-family: 'Fira Mono', monospace; font-size: 0.7rem; font-weight: 700; padding: 2px 8px; border-radius: 4px; }
.method.get { background: rgba(88,166,255,0.15); color: #58A6FF; }
.method.post { background: rgba(63,185,80,0.15); color: #3FB950; }
.method.put { background: rgba(210,153,34,0.15); color: #D29922; }
.path { font-family: 'Fira Mono', monospace; font-size: 0.85rem; color: #C9D1D9; }
.console { max-width: 800px; margin: 0 auto; padding: 0 2rem 2rem; }
.changelog { max-width: 800px; margin: 0 auto; padding: 0 2rem 2rem; }
.footer { max-width: 800px; margin: 0 auto; padding: 0 2rem 2rem; text-align: center; }
.term-link { color: #3FB950; text-decoration: none; }
.footer-copy { font-family: 'Fira Mono', monospace; font-size: 0.7rem; color: #8B949E; margin-top: 1rem; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }