/* FONT IMPORTS */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400&family=Inter+Tight:wght@600;800&display=swap');

:root {
    /* SENTRAVON "MIDNIGHT AUDIT" PALETTE */
    --color-deep: #0A0B10;
    --color-lattice-blue: #1E3A8A;
    --color-electric-blue: #3B82F6;
    --color-sanitized-white: #F8FAFC;
    --color-text-muted: #94a3b8;
}

/* BASE RESETS */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    background-color: var(--color-deep);
    color: var(--color-text-muted);
    font-family: 'IBM Plex Mono', monospace;
    line-height: 1.6;
}

h1, h2, h3, .brand-font {
    font-family: 'Inter Tight', sans-serif;
    color: var(--color-sanitized-white);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

a { text-decoration: none; color: inherit; transition: color 0.3s ease; }
a:hover { color: var(--color-electric-blue); }

/* UTILITY CLASSES */
.container { max-width: 1100px; margin: 0 auto; padding: 2rem; }
.text-blue { color: var(--color-electric-blue); }
.text-white { color: var(--color-sanitized-white); }
.section-pad { padding: 4rem 0; }

/* HEADER */
.site-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 2rem;
    border-bottom: 1px solid #1e293b;
}
.nav-links a { margin-left: 2rem; font-size: 0.9rem; font-weight: 600; }

/* HERO SECTIONS */
.hero-banner {
    width: 100%;
    max-width: 600px;
    display: block;
    margin: 3rem auto;
}

/* CONTENT GRIDS */
.grid-3 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}
.card {
    background: #111827;
    padding: 2rem;
    border-left: 3px solid var(--color-lattice-blue);
}
.card h3 { margin-bottom: 1rem; font-size: 1.2rem; }

/* FOOTER */
.site-footer {
    text-align: center;
    padding: 3rem 0;
    margin-top: 4rem;
    border-top: 1px solid #1e293b;
    font-size: 0.8rem;
    letter-spacing: 0.1em;
}