/* --- VARIABLES --- */
:root {
    --primary-blue: #0a2540;
    --accent-gold: #c5a059;
    --text-dark: #333;
    --bg-light: #ffffff;
    --gray-subtle: #f8f9fa;
}

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

body {
    font-family:'Montserrat', sans-serif;
    color:var(--text-dark);
    line-height:1.7;
    background: url('images/corporate-bg.jpg') no-repeat center center fixed;
    background-size: cover;
}

.container { max-width:1200px; margin:0 auto; padding:0 30px; }

/* --- NAVIGATION --- */
nav { height:90px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #eee; }
.logo { font-weight:700; font-size:1.5rem; color: var(--primary-blue); text-decoration:none; text-transform:uppercase; letter-spacing:1px; }
.nav-links { display:flex; list-style:none; }
.nav-links li { margin-left:30px; }
.nav-links a { text-decoration:none; color: var(--primary-blue); font-size:0.9rem; font-weight:600; transition:color 0.3s; }
.nav-links a:hover { color: var(--accent-gold); }

/* --- HERO SECTION --- */
.hero { padding:100px 0; background: linear-gradient(to right, #ffffff 50%, #f0f4f8 100%); display:flex; align-items:center; }
.hero-text { max-width:600px; }
.hero-text h1 { font-size:3.5rem; line-height:1.1; color: var(--primary-blue); margin-bottom:20px; }
.hero-text p { font-size:1.1rem; margin-bottom:30px; color:#555; }
.cta-button { background: var(--primary-blue); color:#fff; padding:15px 35px; text-decoration:none; display:inline-block; font-weight:600; border-radius:2px; transition: background 0.3s; }
.cta-button:hover { background: var(--accent-gold); }

/* --- SERVICES / GRID --- */
.services-section { padding:100px 0; background-color: var(--gray-subtle); }
.section-header { text-align:center; margin-bottom:60px; }
.section-header h2 { font-size:2.2rem; color: var(--primary-blue); }
.grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(280px,1fr)); gap:20px; }
.card { background:#fff; padding:40px; border:1px solid #eee; transition: all 0.3s ease; }
.card:hover { box-shadow:0 20px 40px rgba(0,0,0,0.05); border-top:4px solid var(--accent-gold); }
.card h3 { margin-bottom:15px; color: var(--primary-blue); }

/* --- FOOTER --- */
footer { background: var(--primary-blue); color:#fff; padding:60px 0; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:50px; }
.footer-col h4 { margin-bottom:20px; color: var(--accent-gold); }
.footer-col p, .footer-col li { font-size:0.85rem; color:#bdc3c7; list-style:none; margin-bottom:10px; }

/* --- RESPONSIVE --- */
@media (max-width:768px){
    .hero-text h1 { font-size:2.5rem; }
    .footer-grid { grid-template-columns:1fr; }
    .nav-links { display:none; }
}