/* Wspólny szablon landingów reklamowych papu.io (.papu-lp), od 5.11.2026.
   Pierwszy ekran w stylu stron funkcji (Mobilny kelner, Magazyn): pigułka nad nagłówkiem,
   wyróżniony gradientem początek nagłówka, jasne tło na całą szerokość, drugi przycisk.
   Ładowany z treści każdej strony przez <link>; zmiany wyglądu robimy tutaj, nie w stronach. */

.papu-lp .hero{position:relative;background:#F7F9FC;box-shadow:0 0 0 100vmax #F7F9FC;clip-path:inset(0 -100vmax);border-bottom:1px solid #E4EAF4;padding-top:40px;padding-bottom:56px;margin-bottom:32px}
.papu-lp .hero .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:9999px;background:#E8EFFF;border:1px solid rgba(51,102,255,.12);color:#3366FF;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:22px}
.papu-lp .hero .eyebrow::before{content:"";width:8px;height:8px;border-radius:9999px;background:#3366FF;flex:none}
.papu-lp .hero h1{font-weight:700;line-height:1.1;letter-spacing:-.025em}
/* Grubość jak na stronach funkcji (Magazyn: DM Sans 800 ≈ Figtree 700); strony mają w treści 900. */
.papu-lp h2,.papu-lp h3,.papu-lp .objection .q{font-weight:700;letter-spacing:-.02em}
.papu-lp h1,.papu-lp h2{text-wrap:balance}
.papu-lp .blk h2{font-size:clamp(28px,3.3vw,40px);line-height:1.15}
.papu-lp h3{line-height:1.35}
/* Motyw ustawia p{line-height:1.2}, co ściska każdy akapit; Magazyn ma 1.6 i tekst w grubości 400. */
.papu-lp p,.papu-lp li{line-height:1.6}
.papu-lp .hero .sub,.papu-lp .lead,.papu-lp .objection p,.papu-lp .final p,.papu-lp .formwrap .intro p,.papu-lp .formwrap .intro li,.papu-lp figcaption{font-weight:400}
.papu-lp .hero .sub,.papu-lp .lead{font-size:20px}
/* Sekcja problemu (pierwsza po pasku opinii) wyśrodkowana jak „Dlaczego tracisz pieniądze na zapleczu?” na Magazynie. */
.papu-lp .proof + .blk > h2,.papu-lp .proof + .blk > .lead{text-align:center;margin-left:auto;margin-right:auto}
.papu-lp .proof + .blk > h2,.papu-lp .proof + .blk > .lead{max-width:864px}
.papu-lp .hl{background:linear-gradient(135deg,#2F5CE8 0%,#3B82F6 50%,#2F5CE8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#3366FF}
.papu-lp .btn2{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#141B2D!important;border:1px solid #E4EAF4;font-weight:700;font-size:17px;border-radius:9999px;padding:14px 26px;text-decoration:none}
.papu-lp .btn2:hover{background:#F7F9FC}
.papu-lp .btn2::after{content:"\2193";color:#3366FF;font-weight:800}
.papu-lp .cta-row .guarantee{flex-basis:100%}
@media(max-width:820px){
  .papu-lp .hero{padding-top:28px;padding-bottom:40px}
  .papu-lp .hero .sub,.papu-lp .lead{font-size:18px}
  .papu-lp .cta-row .btn,.papu-lp .cta-row .btn2{flex:1 1 100%;text-align:center;justify-content:center}
}