/* GLOBAL */

body{
margin:0;
font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
background:#f5f7fb;
color:#1d2a33;
line-height:1.6;
}

/* NAVIGATION */

.nav{
background:white;
border-bottom:1px solid #e5e7eb;
position:sticky;
top:0;
z-index:100;
}

.nav-inner{
max-width:1200px;
margin:auto;
display:flex;
justify-content:flex-end;
align-items:center;
padding:18px 20px;
}

nav a{
margin-left:28px;
text-decoration:none;
color:#0A2E57;
font-weight:600;
font-size:15px;
transition:.2s;
}

nav a:hover{
opacity:.75;
}

.cta{
background:#C61F26;
color:white !important;
padding:12px 20px;
border-radius:6px;
}

/* HERO */

.hero{
padding:80px 20px 100px;
text-align:center;
background:white;
border-bottom:1px solid #eee;
}

/* HERO LOGO — 4x larger */

.hero-logo{
width:480px;
max-width:90%;
height:auto;
margin-bottom:30px;
display:block;
margin-left:auto;
margin-right:auto;
}

.hero-content{
max-width:720px;
margin:auto;
}

.hero h1{
font-size:46px;
color:#0A2E57;
margin-bottom:18px;
font-weight:700;
}

.hero-sub{
font-size:20px;
margin-bottom:34px;
color:#4b5563;
}

.hero-buttons{
display:flex;
justify-content:center;
gap:18px;
flex-wrap:wrap;
}

.primary{
background:#C61F26;
color:white;
padding:15px 32px;
border-radius:6px;
text-decoration:none;
font-weight:600;
font-size:16px;
box-shadow:0 6px 16px rgba(0,0,0,.1);
}

.secondary{
border:2px solid #0A2E57;
color:#0A2E57;
padding:13px 28px;
border-radius:6px;
text-decoration:none;
font-weight:600;
font-size:16px;
}

/* SECTIONS */

.section{
padding:90px 20px;
text-align:center;
}

.section h2{
font-size:34px;
color:#0A2E57;
margin-bottom:50px;
}

/* SERVICE CARDS */

.cards{
display:flex;
gap:32px;
justify-content:center;
flex-wrap:wrap;
}

.card{
background:white;
width:280px;
padding:30px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
transition:.25s;
}

.card:hover{
transform:translateY(-6px);
box-shadow:0 14px 40px rgba(0,0,0,0.12);
}

/* INDUSTRIES */

.industries{
max-width:620px;
margin:auto;
margin-top:36px;
}

.industries div{
padding:14px 0;
border-bottom:1px solid #e5e7eb;
display:flex;
justify-content:space-between;
}

/* ABOUT */

.about{
background:white;
padding:90px 20px;
text-align:center;
border-top:1px solid #eee;
}

.about-inner{
max-width:680px;
margin:auto;
font-size:17px;
color:#4b5563;
}

/* QUOTE */

.quote{
padding:90px 20px;
text-align:center;
background:#f5f7fb;
}

form{
max-width:420px;
margin:auto;
display:flex;
flex-direction:column;
gap:16px;
}

input,textarea{
padding:13px;
border:1px solid #d1d5db;
border-radius:6px;
font-size:15px;
}

button{
background:#C61F26;
color:white;
border:none;
padding:15px;
border-radius:6px;
font-size:16px;
cursor:pointer;
font-weight:600;
}

button:hover{
opacity:.9;
}

/* FOOTER */

footer{
background:#0A2E57;
color:white;
text-align:center;
padding:50px 20px;
font-size:14px;
}

/* MOBILE */

@media (max-width:768px){

.hero-logo{
width:260px;
}

.hero h1{
font-size:32px;
}

.cards{
flex-direction:column;
align-items:center;
}

nav{
display:none;
}

}