@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Courier+Prime&family=Cinzel:wght@400;700&display=swap');

:root {
    /* PALETTE: The Fort That Holds (Industrial/Sovereign) */
    --fort-bg: #050505;
    /* Deep Void */
    --fort-bg-subtle: #0f0f0f;
    /* Off Void */
    --fort-text: #e5e5e5;
    /* Concrete White */
    --fort-text-muted: #888888;
    /* Steel Grey */

    /* ACCENTS */
    --fort-accent-red: #B22222;
    /* Ember Red (The Fort) */
    --fort-accent-gold: #D4AF37;
    /* Sovereign Gold (Locus) */
    --fort-accent-green: #2ecc71;
    /* Signal Green (Online) */

    /* FONTS */
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;
    --font-mono: 'Courier Prime', 'Courier New', monospace;
    --font-display: 'Cinzel', serif;
    /* For Locus headers */
}

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

body {
    margin: 0;
    padding: 0;
    background: var(--fort-bg);
    color: var(--fort-text);
    font-family: var(--font-body);
    -webkit-font-smoothing: antialiased;
}

.hero {
    text-align: center;
    border-bottom: 2px solid var(--silver-rim);
    padding-bottom: 25px;
    margin-bottom: 30px;
}

.hero h1 {
    font-size: 2.8rem;
    letter-spacing: 1px;
    color: var(--tongue-orange);
}

.hero h2 {
    font-size: 1.2rem;
    margin-top: 10px;
    color: var(--flicker-yellow);
    letter-spacing: 4px;
}

.battle-plan {
    margin-top: 30px;
}

.battle-plan h2 {
    text-align: center;
    color: var(--violet-edge);
    letter-spacing: 2px;
    margin-bottom: 25px;
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 25px;
}

.product-card {
    border: 1px solid var(--silver-rim);
    padding: 20px;
    border-radius: 10px;
    background: #1f1413;
}

.product-title {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--white-heat);
    letter-spacing: 1px;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.spec-block {
    margin-top: 12px;
}

.spec-label {
    font-weight: bold;
    color: var(--tongue-orange);
    letter-spacing: 1px;
}

.product-price {
    margin-top: 18px;
    font-size: 1.2rem;
    color: var(--tongue-orange);
}

.coming-soon {
    color: var(--silver-rim);
    font-style: italic;
    margin-top: 10px;
}

.download-note {
    margin-top: 10px;
    font-size: 0.9rem;
    color: var(--flicker-yellow);
}

.footer {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 2px solid var(--ember-red);
    color: var(--white-heat);
}

.footer-section {
    margin-bottom: 25px;
}

.footer-section h3 {
    color: var(--sapphire-blue);
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.footer ul {
    margin-left: 20px;
}

.footer p {
    margin-top: 8px;
}