/* =====================================================================
   landing-project-v2.css — nakładka na landing-project.css (strona główna).
   Nakładka na landing-project.css: jedyna zmiana to pasek górny i pierwsza
   sekcja jako jedna całość. Poświaty i gradient pierwszej sekcji zaczynają
   się od samej góry strony, pasek leży na nich przezroczysty, a białe tło
   dostaje dopiero po przewinięciu. Przycisk w pasku jest mniejszy i o odcień ciemniejszy (#0d50c8).
   ===================================================================== */

/* tło pierwszej sekcji przeniesione na górę strony (te same wartości co .project-hero) */
.lp-project-v2 {
  background:
    radial-gradient(ellipse at 0 0, #e6f3ff 0, transparent 52%) 0 0 / 100% 540px no-repeat,
    radial-gradient(ellipse at 100% 0, #eaf4ff 0, transparent 47%) 0 0 / 100% 540px no-repeat,
    linear-gradient(180deg, #f4faff, #fff 540px) 0 0 / 100% 540px no-repeat,
    #fff;
}
.lp-project-v2 .project-hero { background: none; }
.lp-project-v2 .project-hero::before { display: none; }

/* pasek: przezroczysty na górze, biały z rozmyciem po przewinięciu */
.lp-project-v2 .project-header {
  background: transparent;
  border-bottom-color: transparent;
  backdrop-filter: none;
  transition: background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.lp-project-v2 .project-header.is-scrolled {
  background: rgba(255, 255, 255, .94);
  border-bottom-color: #e3ebf6;
  backdrop-filter: blur(12px);
  box-shadow: 0 6px 20px -16px rgba(20, 35, 56, .35);
}

/* nawigacja i logowanie na tle poświaty — półprzezroczyste zamiast szarych */
.lp-project-v2 .project-nav { background: rgba(255, 255, 255, .62); border-color: #dbe7f7; }
.lp-project-v2 .project-header.is-scrolled .project-nav { background: #f6f8fc; border-color: #e8edf5; }
.lp-project-v2 .project-login { background: rgba(255, 255, 255, .7); border-color: #dbe7f7; }

/* pasek niższy i lżejszy: mniejsze linki i przyciski, niebieski o odcień ciemniejszy */
.lp-project-v2 .project-header-inner { min-height: 68px; }
.lp-project-v2 .project-brand { font-size: 21px; }
.lp-project-v2 .project-brand svg { width: 24px; height: 24px; }
.lp-project-v2 .project-nav { padding: 4px; gap: 2px; border-radius: 13px; }
.lp-project-v2 .project-nav a { padding: 8px 14px; border-radius: 9px; font-size: 15.5px; font-weight: 600; letter-spacing: -.01em; }
.lp-project-v2 .project-nav a::after { bottom: 3px; height: 2px; }
.lp-project-v2 .project-header-actions { gap: 10px; }
.lp-project-v2 .project-login { padding: 9px 14px; border-radius: 10px; font-size: 14.5px; }
.lp-project-v2 .project-header-actions .project-button {
  min-height: 40px;
  padding: 9px 16px;
  gap: 8px;
  border-radius: 10px;
  background: #0d50c8;
  border-color: #0d50c8;
  font-size: 14.5px;
  box-shadow: 0 4px 12px -8px #0d50c8;
}
.lp-project-v2 .project-header-actions .project-button > span {
  display: inline;
  width: auto;
  height: auto;
  background: none;
  border-radius: 0;
  font-size: inherit;
}
.lp-project-v2 .project-header-actions .project-button:hover {
  background: #0a43a8;
  border-color: #0a43a8;
  box-shadow: 0 6px 16px -8px #0a43a8;
}

@media (max-width: 1000px) {
  /* poniżej 1000px pasek nie jest przyklejony — zostaje na tle poświaty */
  .lp-project-v2 .project-header { background: transparent; }
}
@media (prefers-reduced-motion: reduce) {
  .lp-project-v2 .project-header { transition: none; }
}