/* jednolite nagłówki stron i sekcji */
.projects-title,.offer h2,.contact-head h2{font-family:Bebas,Impact,sans-serif;font-weight:400;font-size:clamp(70px,13vw,220px);letter-spacing:.03em;line-height:.85;margin:0;padding-bottom:.06em;text-shadow:none;background:linear-gradient(180deg,#fff 20%,#ffffff55 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.offer .offer-stage{margin-top:clamp(10px,2vw,30px)}
.contact .contact-card{margin-top:clamp(10px,2vw,30px)}
.offer-head,.contact-head{margin-bottom:clamp(10px,2vw,30px)}
/* akcenty nad wersalikami (Ś, Ć, Ż…) nie mogą być obcinane przez gradient */
.projects-title,.offer h2,.contact-head h2{padding-top:.16em;margin-top:-.16em}

/* jeden styl przycisków: ta sama ramka, zaokrąglenie i wysokość */
.cta,.hero-actions .cta,.case-actions .cta,.case-actions button.cta,.offer-cta .cta,.case-next-cta .cta,.studio-cta .cta,.plan-cta,.cf-actions button{
  display:inline-flex;align-items:center;justify-content:center;gap:0;box-sizing:border-box;
  min-height:50px;padding:0 30px;border:1px solid #ffffff4d;border-radius:999px;
  font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.02em;line-height:1;text-decoration:none;
  background:#0c0e1266;color:#f1f3f6;box-shadow:none;cursor:pointer;
  transition:background .25s,color .25s,border-color .25s,transform .25s}
.cta:hover,.plan-cta:hover,.cf-actions button:hover{background:#e6e9ee;color:#12161c;border-color:#e6e9ee;transform:translateY(-2px)}
.cta-primary,.cf-actions button{background:#e6e9ee;color:#12161c;border-color:#e6e9ee}
.cta-primary:hover,.cf-actions button:hover{background:#fff;border-color:#fff}
.cta:focus-visible,.plan-cta:focus-visible,.cf-actions button:focus-visible{outline:2px solid #d2d9e2;outline-offset:4px}
/* przycisk główny ma pierwszeństwo przed wspólnym wyglądem */
.cta.cta-primary,.hero-actions .cta.cta-primary,.case-actions .cta.cta-primary,.offer-cta .cta.cta-primary,.case-next-cta .cta.cta-primary,.studio-cta .cta.cta-primary,.cf-actions button{background:#e6e9ee;color:#12161c;border-color:#e6e9ee}
.cta.cta-primary:hover,.hero-actions .cta.cta-primary:hover,.case-actions .cta.cta-primary:hover,.offer-cta .cta.cta-primary:hover,.case-next-cta .cta.cta-primary:hover,.studio-cta .cta.cta-primary:hover,.cf-actions button:hover{background:#fff;color:#12161c;border-color:#fff}

/* jeden styl przycisków: ta sama ramka, zaokrąglenie i wysokość */
.cta,.hero-actions .cta,.case-actions .cta,.case-actions button.cta,.offer-cta .cta,.case-next-cta .cta,.studio-cta .cta,.plan-cta,.cf-actions button{
  display:inline-flex;align-items:center;justify-content:center;gap:0;box-sizing:border-box;
  min-height:50px;padding:0 30px;border:1px solid #ffffff4d;border-radius:999px;
  font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.02em;line-height:1;text-decoration:none;
  background:#0c0e1266;color:#f1f3f6;box-shadow:none;cursor:pointer;
  transition:background .25s,color .25s,border-color .25s,transform .25s}
.cta:hover,.plan-cta:hover,.cf-actions button:hover{background:#e6e9ee;color:#12161c;border-color:#e6e9ee;transform:translateY(-2px)}
.cta-primary,.cf-actions button{background:#e6e9ee;color:#12161c;border-color:#e6e9ee}
.cta-primary:hover,.cf-actions button:hover{background:#fff;border-color:#fff}
.cta:focus-visible,.plan-cta:focus-visible,.cf-actions button:focus-visible{outline:2px solid #d2d9e2;outline-offset:4px}

/* jeden styl przycisków: ta sama ramka, zaokrąglenie i wysokość */
.cta,.hero-actions .cta,.case-actions .cta,.case-actions button.cta,.offer-cta .cta,.case-next-cta .cta,.studio-cta .cta,.plan-cta,.cf-actions button{
  display:inline-flex;align-items:center;justify-content:center;gap:0;box-sizing:border-box;
  min-height:50px;padding:0 30px;border:1px solid #ffffff4d;border-radius:999px;
  font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.02em;line-height:1;text-decoration:none;
  background:#0c0e1266;color:#f1f3f6;box-shadow:none;cursor:pointer;
  transition:background .25s,color .25s,border-color .25s,transform .25s}
.cta:hover,.plan-cta:hover,.cf-actions button:hover{background:#e6e9ee;color:#12161c;border-color:#e6e9ee;transform:translateY(-2px)}
.cta-primary,.cf-actions button{background:#e6e9ee;color:#12161c;border-color:#e6e9ee}
.cta-primary:hover,.cf-actions button:hover{background:#fff;border-color:#fff}
.cta:focus-visible,.plan-cta:focus-visible,.cf-actions button:focus-visible{outline:2px solid #d2d9e2;outline-offset:4px}

/* jeden styl przycisków: ta sama ramka, zaokrąglenie i wysokość */
.cta,.hero-actions .cta,.case-actions .cta,.case-actions button.cta,.offer-cta .cta,.case-next-cta .cta,.studio-cta .cta,.plan-cta,.cf-actions button{
  display:inline-flex;align-items:center;justify-content:center;gap:0;box-sizing:border-box;
  min-height:50px;padding:0 30px;border:1px solid #ffffff4d;border-radius:999px;
  font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.02em;line-height:1;text-decoration:none;
  background:#0c0e1266;color:#f1f3f6;box-shadow:none;cursor:pointer;
  transition:background .25s,color .25s,border-color .25s,transform .25s}
.cta:hover,.plan-cta:hover,.cf-actions button:hover{background:#e6e9ee;color:#12161c;border-color:#e6e9ee;transform:translateY(-2px)}
.cta-primary,.cf-actions button{background:#e6e9ee;color:#12161c;border-color:#e6e9ee}
.cta-primary:hover,.cf-actions button:hover{background:#fff;border-color:#fff}
.cta:focus-visible,.plan-cta:focus-visible,.cf-actions button:focus-visible{outline:2px solid #d2d9e2;outline-offset:4px}