html,body{background-color:#0d0e11;color:#ede9f0;font-family:Inter,system-ui,sans-serif;margin:0;padding:0}.container-max{max-width:64rem;margin:0 auto;padding:0 1rem}.main-content{padding-top:3rem;padding-bottom:3rem}.logo{font-family:Fira Code,monospace;font-size:1.125rem;font-weight:700;color:#c9a96e;text-decoration:none}.nav-links a{font-family:Fira Code,monospace;font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;transition:color .2s ease}.tag-mono{font-family:Fira Code,monospace;font-size:.75rem;color:#c9a96e;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.title-large{font-size:2.5rem;font-weight:600;color:#ede9f0;line-height:1.2;margin-top:0;margin-bottom:1.5rem;letter-spacing:-.025em}.title-section{font-size:1.5rem;font-weight:600;color:#ede9f0;margin-bottom:1rem}.text-muted{color:#9ca3af;font-weight:300;line-height:1.6}.tech-matrix{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;background-color:#111317;border:1px solid #1A1C23;padding:2rem;border-radius:.375rem;font-family:Fira Code,monospace;margin:3rem 0}.matrix-label{font-size:.75rem;color:#9ca3af;margin-bottom:.25rem}.matrix-value{color:#c9a96e;font-weight:600;font-size:.875rem}.card-stack{display:flex;flex-direction:column;gap:2rem}.data-card{background-color:#111317;border:1px solid #1A1C23;padding:2rem;border-radius:.5rem;transition:border-color .3s ease}.data-card:hover{border-color:#c9a96e66}.card-header-flex{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.card-badge{font-family:Fira Code,monospace;font-size:.75rem;background-color:#1a1c23;padding:.25rem .75rem;color:#c9a96e;border-radius:.25rem}.tech-pill-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.tech-pill{font-family:Fira Code,monospace;font-size:.75rem;background-color:#0d0e11;padding:.25rem .75rem;color:#9ca3af;border-radius:.25rem}.journal-list{border:1px solid #1A1C23;border-radius:.375rem;overflow:hidden;font-family:Fira Code,monospace;font-size:.875rem}.journal-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#111317;border-bottom:1px solid #1A1C23;text-decoration:none;color:#c9a96e;transition:background-color .2s ease}.journal-row:last-child{border-bottom:none}.journal-row:hover{background-color:#1a1c23}.journal-row .category{font-size:.75rem;color:#9ca3af}.analytics-showcase{background-color:#111317;border:1px solid #1A1C23;border-radius:.5rem;padding:1.5rem;margin:2rem 0}.showcase-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1A1C23;padding-bottom:.75rem;margin-bottom:1.5rem}.showcase-title{font-family:Fira Code,monospace;font-size:.875rem;color:#ede9f0;font-weight:600}.showcase-split{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem}@media(max-width:768px){.showcase-split{grid-template-columns:1fr}}.code-panel{background-color:#0d0e11;border:1px solid #1A1C23;border-radius:.375rem;padding:1rem;overflow-x:auto}.code-panel pre{margin:0;font-family:Fira Code,monospace;font-size:.8125rem;line-height:1.5;color:#9ca3af}.display-panel{display:flex;flex-direction:column;justify-content:center;background-color:#1a1c23;border:1px solid rgba(201,169,110,.2);border-radius:.375rem;padding:1.5rem;text-align:center}.metric-value-large{font-family:Fira Code,monospace;font-size:2.25rem;font-weight:600;color:#c9a96e;margin:.5rem 0}.metric-trend{font-size:.75rem;font-family:Fira Code,monospace;color:#10b981}.site-header{border-bottom:1px solid #1A1C23;padding:1.5rem 0}.header-flex{display:flex;justify-content:space-between;align-items:center}.logo{font-family:Fira Code,monospace;font-size:1.125rem;font-weight:700;letter-spacing:.05em;color:#c9a96e;text-decoration:none;white-space:nowrap}.nav-links{display:flex;gap:1.5rem}.nav-links a{font-family:Fira Code,monospace;font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;transition:color .2s ease;padding:.25rem 0}.nav-links a:hover{color:#c9a96e}@media(max-width:640px){.header-flex{flex-direction:column;gap:1.25rem;text-align:center}.nav-links{width:100%;justify-content:center;gap:1.75rem}.nav-links a{font-size:.8125rem}}