/* Simple responsive one-page stylesheet */
:root{
  --accent: #0b3b5a;
  --accent2: #2a9d8f;
  --muted: #555;
  --max-width: 1000px;
}
*{box-sizing:border-box}
body{font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; margin:0; color:#123;}
.container{max-width:var(--max-width); margin:0 auto; padding:1rem;}
.header-inner{display:flex; align-items:center; justify-content:space-between; gap:1rem;}
.logo{height:64px; width:auto;}
.nav a{margin-left:1rem; text-decoration:none; color:var(--accent); font-weight:600;}
.site-header{background:white; border-bottom:1px solid #eee; position:sticky; top:0; z-index:10;}
.hero{background:linear-gradient(180deg, rgba(10,50,80,0.03), white); padding:3.5rem 0; text-align:center;}
.hero h1{font-size:clamp(1.6rem, 3vw, 2.6rem); margin:0 0.5rem;}
.hero p{color:var(--muted); margin:0.8rem 0 1.2rem;}
.cta{display:inline-block; padding:0.7rem 1.2rem; background:var(--accent); color:white; border-radius:8px; text-decoration:none; font-weight:700;}
.section{padding:2.2rem 0;}
.section.alt{background:#fafafa;}
.cols{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1rem; margin-top:1rem;}
.col{background:white; padding:1rem; border-radius:8px; box-shadow:0 6px 18px rgba(10,20,30,0.04);}
.contact form{display:grid; gap:0.6rem; max-width:540px;}
.contact input, .contact textarea{padding:0.6rem; border:1px solid #ddd; border-radius:6px; width:100%;}
.contact button{padding:0.7rem; border-radius:8px; border:none; background:var(--accent2); color:white; font-weight:700;}
.site-footer{padding:1rem 0; text-align:center; color:#666; font-size:0.9rem;}
@media (max-width:640px){
  .logo{height:52px}
  .header-inner{padding:0.5rem 0;}
  .nav{display:none}
}