.nm-service-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 100%;
  min-height: 100%;
  padding: 8px 12px;
  color: currentColor;
  font-family: "DM Mono", "Inter", sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .08em;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
}

.framer-hmw7d8 .nm-service-badge {
  color: #fff;
  text-shadow: 0 1px 12px rgba(0,0,0,.75);
}

.nm-role-visual {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  overflow: hidden;
  border-radius: inherit;
  background:
    radial-gradient(circle at 70% 25%, rgba(255,255,255,.09), transparent 28%),
    linear-gradient(145deg, #313532, #111312 70%);
  color: #f4f5f2;
}

.nm-role-visual::before,
.nm-role-visual::after {
  content: "";
  position: absolute;
  width: 65%;
  aspect-ratio: 1;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50%;
}

.nm-role-visual::after {
  width: 42%;
  border-style: dashed;
}

.nm-role-visual b,
.nm-role-visual small {
  position: relative;
  z-index: 1;
}

.nm-founder-visual {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  gap: 18px;
  overflow: hidden;
  border-radius: inherit;
  background:
    radial-gradient(circle at 72% 22%, rgba(180, 197, 168, .28), transparent 25%),
    radial-gradient(circle at 28% 76%, rgba(255, 255, 255, .08), transparent 32%),
    #151716;
  color: #f5f6f3;
  text-align: center;
}

.nm-founder-visual::before,
.nm-founder-visual::after {
  content: "";
  position: absolute;
  inset: 12%;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 50%;
}

.nm-founder-visual::after {
  inset: 25%;
  border-style: dashed;
  transform: rotate(24deg);
}

.nm-founder-mark,
.nm-founder-label {
  position: relative;
  z-index: 1;
}

.nm-founder-mark {
  font: 500 clamp(58px, 7vw, 96px) / .9 "Inter Display", sans-serif;
  letter-spacing: -.1em;
}

.nm-founder-label {
  font: 500 9px / 1.4 "DM Mono", monospace;
  letter-spacing: .13em;
}

.nm-role-visual b {
  font: 500 54px "Inter Display", sans-serif;
  letter-spacing: -.06em;
}

.nm-role-visual small {
  font: 500 9px "DM Mono", monospace;
  letter-spacing: .12em;
}

/* The original template prices are replaced with a scope-based consultation. */
.framer-17n3pxf .framer-text,
[data-styles-preset="fzq5OrUfq"] {
  max-width: 100%;
}

/* Keep the stronger Polish hero readable at all desktop widths. */
@media (min-width: 810px) {
  .framer-o1dxza {
    max-width: 620px !important;
  }

  .framer-o1dxza h1 {
    text-wrap: balance;
  }

  .framer-ifhldj {
    max-width: 610px !important;
  }
}

@media (max-width: 809.98px) {
  .nm-service-badge {
    font-size: 8px;
    letter-spacing: .05em;
    white-space: normal;
  }

  .framer-o1dxza h1::before {
    content: "Automatyzuj procesy." !important;
  }

  .framer-o1dxza h1::after {
    content: "Skaluj firmę z AI." !important;
  }

  .framer-ifhldj p::before {
    content: "Systemy AI, automatyzacje i produkty cyfrowe\A projektowane pod realny wynik firmy." !important;
    white-space: pre-wrap !important;
  }

  .framer-1epupqn-container {
    width: 238px !important;
    min-width: 238px !important;
  }

  .framer-1epupqn-container .framer-1xuhufw p::before {
    content: "Umów bezpłatną rozmowę" !important;
    font-size: 14px !important;
  }
}