/* plantsmanager-revolut.css */

/* RESET & BASE */
* { margin:0; padding:0; box-sizing:border-box; font-family:'Inter',sans-serif; }
body { background:#f9fafc; color:#1a1a1a; line-height:1.6; scroll-behavior:smooth; }

/* HEADER */
header { position:sticky; top:0; background:#ffffff; padding:20px 40px; box-shadow:0 2px 10px rgba(0,0,0,0.05); }
.header-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; }
.logo { font-weight:700; font-size:20px; color:#1a1a1a; }

/* HERO */
.hero { background:#eef2f7; padding:120px 40px; text-align:left; border-radius:0 0 50px 50px; max-width:1200px; margin:0 auto; }
.hero-content h1 { font-size:52px; margin-bottom:20px; color:#0a2540; }
.hero-content p { font-size:20px; color:#2e3a59; margin-bottom:30px; max-width:600px; }
.cta-hero { display:inline-block; padding:16px 40px; background:#1d6fa5; color:#fff; font-weight:700; border-radius:12px; transition:0.25s; }
.cta-hero:hover { background:#145c85; transform:translateY(-2px); }

/* FEATURES */
.features { padding:80px 40px; text-align:center; max-width:1200px; margin:0 auto; }
.features h2 { font-size:38px; color:#0a2540; margin-bottom:50px; }
.features-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:30px; }
.feature-card { background:#ffffff; border-radius:20px; padding:30px; box-shadow:0 10px 25px rgba(0,0,0,0.05); transition:0.3s; }
.feature-card h3 { color:#1d6fa5; margin-bottom:15px; }
.feature-card p { color:#4a5568; }
.feature-card:hover { transform:translateY(-6px); box-shadow:0 15px 35px rgba(0,0,0,0.1); }

/* ECOSYSTEM */
.ecosystem { padding:80px 40px; text-align:center; max-width:1200px; margin:0 auto; }
.ecosystem h2 { font-size:38px; color:#0a2540; margin-bottom:15px; }
.ecosystem p { font-size:18px; color:#2e3a59; margin-bottom:40px; }
.ecosystem-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:30px; }
.app-card { background:#ffffff; border-radius:20px; padding:20px; width:180px; display:flex; flex-direction:column; align-items:center; transition:0.3s; box-shadow:0 10px 25px rgba(0,0,0,0.05); }
.app-card img { width:80px; height:80px; object-fit:contain; margin-bottom:12px; }
.app-card span { color:#1d6fa5; font-weight:600; text-align:center; }
.app-card:hover { transform:translateY(-6px); box-shadow:0 15px 35px rgba(0,0,0,0.1); }

/* DOWNLOAD */
.download { padding:80px 40px; text-align:center; max-width:900px; margin:0 auto; }
.download h2 { font-size:36px; color:#0a2540; margin-bottom:20px; }
.download p { font-size:18px; color:#2e3a59; margin-bottom:30px; }
.download-button { padding:16px 40px; background:#1d6fa5; color:#fff; font-weight:700; border-radius:12px; transition:0.3s; display:inline-block; }
.download-button:hover { background:#145c85; transform:translateY(-2px); }

/* FOOTER */
footer { background:#f1f3f6; padding:40px 20px; text-align:center; color:#2e3a59; }
footer a { color:#1d6fa5; text-decoration:none; transition:0.2s; }
footer a:hover { text-decoration:underline; }

/* Poprawione sektory funkcji - responsywność i estetyka */
.feature-sectors {
  max-width: 1100px;
  margin: 60px auto;
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.feature-sector {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
}

.feature-sector.reverse {
  flex-direction: row-reverse;
}

.sector-image {
  flex: 1 1 480px;
}

.sector-image img {
  width: 100%;
  height: auto;
  border-radius: 20px;
  object-fit: cover;
  box-shadow: 0 12px 30px rgba(0,0,0,0.06);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sector-image img:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.08);
}

.sector-text {
  flex: 1 1 420px;
}

.sector-text h3 {
  font-size: 30px;
  color: #1d6fa5;
  margin-bottom: 16px;
}

.sector-text p {
  font-size: 17px;
  color: #2e3a59;
  line-height: 1.55;
}

/* MOBILE */
@media (max-width:900px) {
  .feature-sectors {
    gap: 40px;
    padding: 0 15px;
  }
  
  .feature-sector {
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }
  
  .feature-sector.reverse {
    flex-direction: column;
  }

  .sector-text h3 {
    font-size: 26px;
  }

  .sector-text p {
    font-size: 16px;
  }

  .sector-image img {
    border-radius: 16px;
  }
}

/* ULTRA MOBILE - bardzo wąskie ekrany */
@media (max-width:500px) {
  .feature-sector {
    gap: 16px;
  }

  .sector-text h3 {
    font-size: 24px;
  }

  .sector-text p {
    font-size: 15px;
  }
}