:root{
  --brand:#0a3b2e;
  --accent:#0a3b2e;
  --muted:#6c757d;
  --bg:#ffffff;
  --max-width:720px;
  --font-sans: 'Montserrat', sans-serif;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:var(--font-sans);
  background:var(--bg);
  color:#111;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.landing-card{
  width:90%;
  max-width:var(--max-width);
  border:0;
  background:transparent;
}
.logo {
  max-height: 30vh; /* większe logo - dopasowuje się do wysokości ekranu */
  margin-top: 5px;  /* minimalny odstęp od góry */
  object-fit: contain;
}
h1{letter-spacing:1px;font-size:1rem;color:var(--muted)}
.brand{color:var(--brand);letter-spacing:2px;font-weight:700}
.display-6{font-size:1.05rem}
.lead{font-size:1rem}
.contact-phone a{color:var(--brand);font-weight:600;text-decoration:none}
.contact-phone a:hover{text-decoration:underline}
.btn-primary{
  background:var(--accent);
  border:0;
  padding:0.6rem 1rem;
  font-weight:600;
  border-radius:10px;
}
@media (min-height:700px) and (min-width:1024px){
  .landing-card {
    max-height: 900px; /* zwiększony limit wysokości karty */
    padding-top: 10px; /* mniejszy odstęp od góry */
  }
}
@media (max-width:576px){
  .logo{max-height:70px}
  .landing-card{padding:1.2rem}
}