/* GLOBAL STYLES - EXECUTIVE BLACK & GOLD THEME */
:root {
    --bg-deep: #050505;
    --panel-dark: rgba(10, 10, 10, 0.75);
    --stark-white: #ffffff;
    --stark-silver: #d1d5db;
    --stark-gray: #9ca3af;
    --gold-accent: #d4af37;
    --gold-glow: rgba(212, 175, 55, 0.4);
    --silver-border: rgba(255, 255, 255, 0.15);
}

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', 'Segoe UI', sans-serif; }

body { background-color: var(--bg-deep); color: var(--stark-white); line-height: 1.6; overflow-x: hidden; }

/* THE NEW TOPOGRAPHICAL BACKGROUND */
#bg-image {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    object-fit: cover; z-index: -2; opacity: 0.35; filter: contrast(1.2);
}

/* UNIVERSAL NAVIGATION */
header {
    display: flex; justify-content: space-between; align-items: center;
    padding: 15px 8%; background: rgba(5, 5, 5, 0.9); backdrop-filter: blur(15px);
    border-bottom: 1px solid var(--silver-border); position: sticky; top: 0; z-index: 1000;
}

.topbar-logo { height: 50px; width: auto; opacity: 0.95; transition: 0.3s; }
.topbar-logo:hover { opacity: 1; filter: drop-shadow(0 0 8px var(--gold-glow)); transform: scale(1.02); }

.nav-links { display: flex; gap: 30px; }
.nav-links a {
    color: var(--stark-gray); text-decoration: none; text-transform: uppercase;
    font-size: 11px; font-weight: 700; letter-spacing: 2px; transition: 0.3s;
}
.nav-links a:hover, .nav-links a.active { color: var(--gold-accent); text-shadow: 0 0 8px var(--gold-glow); }

.request-quote-btn {
    border: 1px solid var(--stark-silver); color: var(--stark-white); padding: 10px 20px;
    text-decoration: none; font-size: 11px; font-weight: 900; text-transform: uppercase;
    letter-spacing: 1px; transition: 0.4s;
}
.request-quote-btn:hover { background: var(--gold-accent); color: var(--bg-deep); border-color: var(--gold-accent); box-shadow: 0 0 15px var(--gold-glow); }

main { padding-top: 60px; min-height: 100vh; }