:root{
  --dark-blue:#032643;
  --white:#fefdfd;
  --teal:#0b7a91;
  --light-gray:#c2d0d5;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:var(--dark-blue);
  color:var(--white);
  line-height:1.6;
}

a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:3px solid var(--teal);
  outline-offset:2px;
  border-radius:8px;
}

.header{
  text-align:center;
  padding:64px 20px 40px;
  max-width:1100px;
  margin:0 auto;
}

.brand{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
}

.brand-logo{
  width:min(360px,70vw);
  height:auto;
  display:block;
}

h1{
  font-size:clamp(2rem,3.5vw,3rem);
  color:var(--teal);
  font-weight:800;
}

.lead{
  margin-top:10px;
  color:var(--light-gray);
  font-size:clamp(1rem,1.6vw,1.25rem);
}

.cta{
  display:inline-block;
  margin-top:26px;
  background:var(--teal);
  color:var(--white);
  padding:12px 28px;
  border-radius:10px;
  font-weight:700;
  transition:transform .06s ease,opacity .2s ease,background .2s ease;
}
.cta:hover{transform:translateY(-1px);opacity:.95}
.cta:active{transform:translateY(0)}

.section{
  padding:60px 20px;
  max-width:1100px;
  margin:0 auto;
  text-align:center;
}

.section h2{
  color:var(--teal);
  font-size:clamp(1.5rem,2.4vw,2rem);
  margin-bottom:22px;
  font-weight:800;
}

.features{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:22px;
  margin-top:16px;
}

.feature{
  background:var(--white);
  color:var(--dark-blue);
  padding:22px;
  border-radius:14px;
  box-shadow:0 10px 24px rgba(0,0,0,.25);
  text-align:left;
}

.feature h3{color:var(--teal);margin-bottom:8px}

.contact{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  margin-top:16px;
  text-align:left;
  max-width:720px;
}

.contact-card{
  background:var(--white);
  color:var(--dark-blue);
  padding:22px;
  border-radius:14px;
  box-shadow:0 10px 24px rgba(0,0,0,.25);
}

.mail{color:var(--teal);font-weight:700}
.mail:hover{text-decoration:underline}

.footer{
  text-align:center;
  color:var(--light-gray);
  padding:26px 16px 40px;
  font-size:.95rem;
}

@media (prefers-reduced-motion:reduce){
  .cta{transition:none}
}