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

:root {
    --matte-black: #000000;
    --soft-white: #F5F5F5;
    --neural-blue: #2F6FFF;
    --neural-blue-dim: rgba(47, 111, 255, 0.3);
    --neural-blue-fade: rgba(47, 111, 255, 0.12);
}

html, body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: var(--matte-black);
    color: var(--soft-white);
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: default;
}

/* Controlled Simulation Layer - Cold Radial Lighting */
.lighting {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    background: 
        radial-gradient(ellipse 100% 60% at 50% 0%, var(--neural-blue-fade) 0%, transparent 60%),
        radial-gradient(ellipse 80% 50% at 50% 100%, var(--neural-blue-fade) 0%, transparent 50%);
    opacity: 1;
}

.container {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    gap: 14rem;
    pointer-events: none;
}

/* Brand Zone - Dead Center, Rigid Typography */
.brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.75rem;
    text-align: center;
    width: 100%;
}

.logo {
    font-size: clamp(2.25rem, 5.5vw, 4rem);
    font-weight: 300;
    letter-spacing: 0.6em;
    color: var(--soft-white);
    text-transform: uppercase;
    line-height: 1;
    opacity: 0.96;
    font-feature-settings: 'liga' off;
    text-rendering: optimizeLegibility;
    margin-left: 0.3em; /* Compensate for letter-spacing asymmetry */
}

.tagline {
    font-size: clamp(0.6875rem, 1.25vw, 0.875rem);
    font-weight: 300;
    letter-spacing: 0.45em;
    color: var(--soft-white);
    text-transform: uppercase;
    opacity: 0.65;
    line-height: 1;
    font-feature-settings: 'liga' off;
    margin-left: 0.225em; /* Compensate for letter-spacing asymmetry */
}

/* Status Indicator - Compliance Style */
.status-indicator {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.875rem;
    text-align: center;
    width: 100%;
}

.status-label {
    font-size: clamp(0.625rem, 1.1vw, 0.75rem);
    font-weight: 300;
    letter-spacing: 0.35em;
    color: var(--neural-blue);
    text-transform: uppercase;
    opacity: 0.85;
    line-height: 1;
    font-feature-settings: 'liga' off;
    margin-left: 0.175em; /* Compensate for letter-spacing asymmetry */
}

.compliance-timestamp {
    font-family: 'Inter', monospace;
    font-size: clamp(0.5625rem, 0.95vw, 0.6875rem);
    font-weight: 300;
    letter-spacing: 0.2em;
    color: var(--soft-white);
    text-transform: uppercase;
    opacity: 0.5;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    font-feature-settings: 'tnum';
    text-rendering: optimizeLegibility;
}

/* Responsive - Maintain Rigid Discipline */
@media (max-width: 768px) {
    .container {
        gap: 10rem;
        padding: 0 2rem;
    }
    
    .logo {
        letter-spacing: 0.5em;
        margin-left: 0.25em;
    }
    
    .tagline {
        letter-spacing: 0.4em;
        margin-left: 0.2em;
    }
    
    .status-label {
        letter-spacing: 0.3em;
        margin-left: 0.15em;
    }
}

@media (max-width: 480px) {
    .container {
        gap: 8rem;
        padding: 0 1.5rem;
    }
    
    .logo {
        letter-spacing: 0.4em;
        margin-left: 0.2em;
    }
    
    .tagline {
        letter-spacing: 0.35em;
        margin-left: 0.175em;
    }
    
    .status-label {
        letter-spacing: 0.25em;
        margin-left: 0.125em;
    }
}