@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&display=swap');

:root{
    --primary:#152c5b;
    --accent:#00a7b3;
    --light:#f6f9fc;
    --dark:#333;
}
*{box-sizing:border-box;}
body{
    margin:0;
    font-family:'Montserrat',sans-serif;
    background:var(--light);
    color:var(--dark);
    line-height:1.6;
}
header{
    background:var(--primary);
    color:#fff;
    padding:1rem 2rem;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
header .logo{
    height:48px;
}
nav a{
    color:#fff;
    margin:0 0.8rem;
    text-decoration:none;
    font-weight:600;
}
nav a:hover{color:var(--accent);}
.hero{
    background:linear-gradient(120deg, var(--primary) 0%, var(--accent) 100%);
    color:#fff;
    padding:6rem 2rem;
    text-align:center;
}
.hero h1{font-size:3rem;margin:0 0 1rem;}
.hero p{font-size:1.25rem;}
section{
    padding:4rem 2rem;
    max-width:1000px;
    margin:auto;
}
.section-dark{
    background:#fff;
    border-radius:12px;
    box-shadow:0 2px 12px rgba(0,0,0,0.05);
}
.services-list, .industries-list{
    display:grid;
    gap:1.2rem;
    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
}
.card{
    background:#fff;
    padding:1.5rem;
    border-radius:8px;
    box-shadow:0 1px 8px rgba(0,0,0,0.08);
}
footer{
    background:var(--primary);
    color:#fff;
    text-align:center;
    padding:1rem 2rem;
    font-size:0.9rem;
}