html:has(.serwisant-static-root) { scroll-behavior: smooth; scroll-padding-top: 96px; }
body:has(.serwisant-static-root) { margin: 0 !important; padding: 0 !important; overflow-x: hidden; background: #fff; }
.elementor .elementor-element-51e30001,
.elementor .elementor-element-51e30001 > .e-con-inner,
.elementor .e-con:has(> .e-con-inner > .serwisant-static-widget) {
  width: 100% !important; max-width: none !important; min-height: 0 !important;
  margin: 0 !important; padding: 0 !important; gap: 0 !important;
}
.elementor .serwisant-static-widget,
.elementor .serwisant-static-widget > .elementor-widget-container,
.elementor .serwisant-static-widget > .elementor-widget-container > .serwisant-static-root {
  display: block !important;
  width: 100% !important; max-width: none !important;
  margin: 0 !important; padding: 0 !important;
}
.elementor .elementor-widget-serwisant_it_section_header,
.elementor .elementor-widget-serwisant_it_section_header > .elementor-widget-container,
.elementor .elementor-widget-serwisant_it_section_header > .elementor-widget-container > .serwisant-static-root {
  display: contents !important;
}
@media (min-width: 1025px) {
  .elementor .serwisant-static-widget.elementor-hidden-desktop { display: none !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor .serwisant-static-widget.elementor-hidden-tablet { display: none !important; }
}
@media (max-width: 767px) {
  .elementor .serwisant-static-widget.elementor-hidden-mobile { display: none !important; }
}
.serwisant-static-root { width: 100%; min-width: 0; }

.serwisant-static-root {
  --font-geist-sans: Arial, Helvetica, sans-serif;
  --font-geist-mono: Consolas, "Courier New", monospace;
  --navy: #111a49;
  --navy-deep: #080e2f;
  --navy-mid: #202b68;
  --ink: #13182c;
  --muted: #646a7c;
  --line: #dfe2eb;
  --surface: #f4f6fa;
  --white: #ffffff;
  --mint: #51e5c2;
  --mint-dark: #0f987e;
  --blue: #7788ff;
  --orange: #ffb572;
}

.serwisant-static-root, .serwisant-static-root * {
  box-sizing: border-box;
}

.serwisant-static-root {
  scroll-behavior: smooth;
  scroll-padding-top: 96px;
}

.serwisant-static-root {
  margin: 0;
  background: var(--white);
  color: var(--ink);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

.serwisant-static-root,
.serwisant-static-root button,
.serwisant-static-root input,
.serwisant-static-root textarea {
  font-family: var(--font-geist-sans), Arial, Helvetica, sans-serif;
}

.serwisant-static-root a {
  color: inherit;
  text-decoration: none;
}

.serwisant-static-root button,
.serwisant-static-root input,
.serwisant-static-root textarea,
.serwisant-static-root summary {
  font: inherit;
}

.serwisant-static-root img {
  display: block;
  max-width: 100%;
}

.serwisant-static-root .container {
  width: min(1180px, calc(100% - 48px));
  margin-inline: auto;
}

.serwisant-static-root .topbar {
  position: relative;
  z-index: 30;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: var(--navy-deep);
  color: rgba(255, 255, 255, 0.68);
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.serwisant-static-root .topbar-inner {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding-block: 9px;
}

.serwisant-static-root .topbar-contact a {
  color: var(--mint);
  font-weight: 800;
}

.serwisant-static-root .site-header {
  position: sticky;
  top: 0;
  z-index: 25;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(8, 14, 47, 0.94);
  backdrop-filter: blur(14px);
}

.serwisant-static-root .header-inner {
  display: grid;
  grid-template-columns: 205px 1fr auto;
  align-items: center;
  min-height: 75px;
  gap: 28px;
}

.serwisant-static-root .brand img,
.serwisant-static-root .footer-brand img {
  width: 188px;
  height: auto;
}

.serwisant-static-root .desktop-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(18px, 2.6vw, 34px);
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
  font-weight: 600;
}

.serwisant-static-root .desktop-nav a,
.serwisant-static-root .footer nav a {
  position: relative;
  transition: color 160ms ease;
}

.serwisant-static-root .desktop-nav a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -9px;
  left: 0;
  height: 2px;
  transform: scaleX(0);
  transform-origin: right;
  border-radius: 2px;
  background: var(--mint);
  transition: transform 180ms ease;
}

.serwisant-static-root .desktop-nav a:hover::after,
.serwisant-static-root .desktop-nav a:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}

.serwisant-static-root .desktop-nav a:hover,
.serwisant-static-root .desktop-nav a:focus-visible,
.serwisant-static-root .footer nav a:hover,
.serwisant-static-root .footer nav a:focus-visible {
  color: var(--mint);
}

.serwisant-static-root .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 50px;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 0 22px;
  font-size: 14px;
  font-weight: 750;
  line-height: 1;
  cursor: pointer;
  transition: transform 160ms ease, background 160ms ease, border-color 160ms ease,
    box-shadow 160ms ease;
}

.serwisant-static-root .button:hover,
.serwisant-static-root .button:focus-visible {
  transform: translateY(-2px);
}

.serwisant-static-root .button-small {
  min-height: 42px;
  border-radius: 7px;
  padding-inline: 17px;
  font-size: 13px;
}

.serwisant-static-root .button-header {
  border-color: rgba(81, 229, 194, 0.34);
  background: rgba(81, 229, 194, 0.1);
  color: var(--mint);
}

.serwisant-static-root .button-primary {
  background: var(--mint);
  color: var(--navy-deep);
  box-shadow: 0 12px 30px rgba(81, 229, 194, 0.18);
}

.serwisant-static-root .button-primary:hover,
.serwisant-static-root .button-primary:focus-visible {
  background: #6ef0d2;
  box-shadow: 0 16px 34px rgba(81, 229, 194, 0.26);
}

.serwisant-static-root .button-dark {
  background: var(--navy);
  color: var(--white);
  box-shadow: 0 14px 30px rgba(17, 26, 73, 0.14);
}

.serwisant-static-root .button-dark:hover,
.serwisant-static-root .button-dark:focus-visible {
  background: var(--navy-deep);
  box-shadow: 0 18px 36px rgba(17, 26, 73, 0.2);
}

.serwisant-static-root .phone-dot {
  color: var(--mint);
  font-size: 8px;
  filter: drop-shadow(0 0 5px rgba(81, 229, 194, 0.9));
}

.serwisant-static-root .button-ghost {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.04);
  color: var(--white);
}

.serwisant-static-root .button-ghost:hover,
.serwisant-static-root .button-ghost:focus-visible {
  border-color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.08);
}

.serwisant-static-root .button-outline-light {
  border-color: rgba(255, 255, 255, 0.3);
  color: var(--white);
}

.serwisant-static-root .button-outline-light:hover,
.serwisant-static-root .button-outline-light:focus-visible {
  border-color: var(--mint);
  color: var(--mint);
}

.serwisant-static-root .mobile-menu {
  display: none;
  position: relative;
  color: white;
}

.serwisant-static-root .mobile-menu summary {
  list-style: none;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  padding: 8px 12px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
}

.serwisant-static-root .mobile-menu summary::-webkit-details-marker {
  display: none;
}

.serwisant-static-root .mobile-menu nav {
  position: absolute;
  top: calc(100% + 14px);
  right: 0;
  display: grid;
  min-width: 225px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  background: var(--navy-deep);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.32);
}

.serwisant-static-root .mobile-menu nav a {
  padding: 13px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 14px;
}

.serwisant-static-root .hero {
  position: relative;
  min-height: 700px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.028) 1px, transparent 1px) 0 0 / 64px 64px,
    linear-gradient(rgba(255, 255, 255, 0.028) 1px, transparent 1px) 0 0 / 64px 64px,
    linear-gradient(140deg, var(--navy-deep), #151e53 58%, #202c6b);
  color: var(--white);
}

.serwisant-static-root .hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 90px;
  background: linear-gradient(to top, rgba(8, 14, 47, 0.5), transparent);
}

.serwisant-static-root .hero-glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(20px);
  pointer-events: none;
}

.serwisant-static-root .hero-glow-one {
  top: 15%;
  right: 12%;
  width: 390px;
  height: 390px;
  background: rgba(81, 229, 194, 0.1);
  animation: glowDriftOne 11s ease-in-out infinite alternate;
}

.serwisant-static-root .hero-glow-two {
  bottom: -25%;
  left: 18%;
  width: 440px;
  height: 440px;
  background: rgba(119, 136, 255, 0.12);
  animation: glowDriftTwo 13s ease-in-out infinite alternate;
}

.serwisant-static-root .hero-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(440px, 0.97fr);
  align-items: center;
  gap: 76px;
  min-height: 700px;
  padding-block: 82px 92px;
}

.serwisant-static-root .eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 23px;
  color: var(--mint);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.serwisant-static-root .eyebrow > span {
  width: 26px;
  height: 2px;
  background: currentColor;
}

.serwisant-static-root .eyebrow-dark {
  color: var(--mint-dark);
}

.serwisant-static-root .hero h1 {
  max-width: 700px;
  margin: 0;
  font-size: clamp(46px, 5.5vw, 76px);
  font-weight: 760;
  letter-spacing: -0.052em;
  line-height: 0.99;
}

.serwisant-static-root .hero h1 span {
  display: block;
  color: var(--mint);
}

.serwisant-static-root .hero-lead {
  max-width: 630px;
  margin: 28px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: clamp(16px, 1.7vw, 18px);
  line-height: 1.75;
}

.serwisant-static-root .hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 34px;
}

.serwisant-static-root .hero-services-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 50px;
  padding-inline: 4px;
  color: rgba(255, 255, 255, 0.58);
  font-size: 12px;
  font-weight: 750;
}

.serwisant-static-root .hero-services-link:hover,
.serwisant-static-root .hero-services-link:focus-visible {
  color: var(--mint);
}

.serwisant-static-root .hero-proof {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.serwisant-static-root .hero-proof > div {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: rgba(255, 255, 255, 0.52);
  font-size: 11px;
  line-height: 1.4;
}

.serwisant-static-root .hero-proof i {
  display: grid;
  flex: 0 0 19px;
  height: 19px;
  place-items: center;
  border-radius: 50%;
  background: rgba(81, 229, 194, 0.14);
  color: var(--mint);
  font-size: 11px;
  font-style: normal;
}

.serwisant-static-root .hero-proof strong {
  display: block;
  margin-bottom: 2px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
}

.serwisant-static-root .hero-visual {
  position: relative;
  min-height: 490px;
}

.serwisant-static-root .hero-mark {
  position: absolute;
  inset: 0 auto auto 50%;
  width: 430px;
  transform: translateX(-50%);
  opacity: 0.035;
}

.serwisant-static-root .service-window {
  position: absolute;
  top: 26px;
  right: 12px;
  width: min(100%, 460px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 14px;
  background: rgba(12, 20, 60, 0.82);
  box-shadow: 0 35px 80px rgba(3, 8, 32, 0.42);
  backdrop-filter: blur(18px);
  animation: windowFloat 7s ease-in-out infinite;
}

.serwisant-static-root .window-bar {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: 46px;
  padding: 0 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.64);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.serwisant-static-root .window-dots {
  display: flex;
  gap: 5px;
}

.serwisant-static-root .window-dots span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.24);
}

.serwisant-static-root .online {
  justify-self: end;
  color: var(--mint);
  font-size: 9px;
}

.serwisant-static-root .online i,
.serwisant-static-root .form-heading i b {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 5px;
  border-radius: 50%;
  background: var(--mint);
  box-shadow: 0 0 0 4px rgba(81, 229, 194, 0.12);
}

.serwisant-static-root .window-content {
  padding: 31px 31px 26px;
}

.serwisant-static-root .window-kicker {
  margin: 0 0 7px;
  color: var(--blue);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.14em;
}

.serwisant-static-root .window-content h2 {
  margin: 0;
  font-size: 24px;
  letter-spacing: -0.03em;
}

.serwisant-static-root .progress-line {
  height: 3px;
  margin: 22px 0 19px;
  overflow: hidden;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.09);
}

.serwisant-static-root .progress-line span {
  display: block;
  width: 66%;
  height: 100%;
  background: linear-gradient(90deg, var(--mint), var(--blue));
}

.serwisant-static-root .service-steps {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.serwisant-static-root .service-steps li {
  display: grid;
  grid-template-columns: 34px 1fr 18px;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 10px 13px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
}

.serwisant-static-root .service-steps li > span {
  color: rgba(255, 255, 255, 0.32);
  font-family: var(--font-geist-mono), monospace;
  font-size: 11px;
}

.serwisant-static-root .service-steps strong,
.serwisant-static-root .service-steps small {
  display: block;
}

.serwisant-static-root .service-steps strong {
  color: rgba(255, 255, 255, 0.88);
  font-size: 12px;
}

.serwisant-static-root .service-steps small {
  margin-top: 2px;
  color: rgba(255, 255, 255, 0.38);
  font-size: 9px;
}

.serwisant-static-root .service-steps i {
  display: grid;
  width: 18px;
  height: 18px;
  place-items: center;
  border-radius: 50%;
  color: var(--mint);
  font-size: 10px;
  font-style: normal;
}

.serwisant-static-root .service-steps .step-done {
  border-color: rgba(81, 229, 194, 0.18);
  background: rgba(81, 229, 194, 0.05);
}

.serwisant-static-root .service-steps .step-active {
  border-color: rgba(119, 136, 255, 0.34);
  background: rgba(119, 136, 255, 0.08);
}

.serwisant-static-root .service-steps .step-active i {
  border: 1px solid var(--blue);
  box-shadow: inset 0 0 0 4px rgba(12, 20, 60, 1);
  background: var(--blue);
}

.serwisant-static-root .floating-card {
  position: absolute;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 230px;
  padding: 13px 15px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  background: rgba(17, 26, 73, 0.94);
  box-shadow: 0 22px 50px rgba(3, 8, 32, 0.35);
}

.serwisant-static-root .floating-card-one {
  bottom: 55px;
  left: -25px;
  animation: cardFloat 5.5s ease-in-out infinite;
}

.serwisant-static-root .floating-card-two {
  right: -18px;
  bottom: -8px;
  animation: cardFloat 6.5s ease-in-out 900ms infinite reverse;
}

.serwisant-static-root .floating-icon {
  display: grid;
  flex: 0 0 36px;
  height: 36px;
  place-items: center;
  border-radius: 8px;
  background: rgba(81, 229, 194, 0.12);
  color: var(--mint);
  font-size: 19px;
}

.serwisant-static-root .floating-card strong,
.serwisant-static-root .floating-card small {
  display: block;
}

.serwisant-static-root .floating-card strong {
  font-size: 11px;
}

.serwisant-static-root .floating-card small {
  margin-top: 2px;
  color: rgba(255, 255, 255, 0.42);
  font-size: 9px;
}

.serwisant-static-root .trust-strip {
  border-bottom: 1px solid var(--line);
  background: var(--white);
}

.serwisant-static-root .trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.serwisant-static-root .trust-grid span {
  padding: 18px 10px;
  border-right: 1px solid var(--line);
  color: #7a8090;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-align: center;
}

.serwisant-static-root .trust-grid span:first-child {
  border-left: 1px solid var(--line);
}

.serwisant-static-root .section {
  padding-block: 110px;
}

.serwisant-static-root .section-heading h2,
.serwisant-static-root .monitoring-copy h2,
.serwisant-static-root .business-copy h2,
.serwisant-static-root .area-grid h2,
.serwisant-static-root .faq-intro h2,
.serwisant-static-root .contact-copy h2 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(36px, 4.5vw, 57px);
  font-weight: 760;
  letter-spacing: -0.048em;
  line-height: 1.04;
}

.serwisant-static-root .split-heading {
  display: grid;
  grid-template-columns: 1fr 0.8fr;
  align-items: end;
  gap: 80px;
  margin-bottom: 56px;
}

.serwisant-static-root .split-heading > p,
.serwisant-static-root .centered-heading > p,
.serwisant-static-root .monitoring-copy > p,
.serwisant-static-root .business-copy > p,
.serwisant-static-root .area-grid > div > p,
.serwisant-static-root .faq-intro > p,
.serwisant-static-root .contact-copy > p {
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.75;
}

.serwisant-static-root .outcomes {
  background: var(--white);
}

.serwisant-static-root .outcome-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.serwisant-static-root .outcome-grid article {
  min-height: 260px;
  padding: 42px 42px 38px;
  border-right: 1px solid var(--line);
}

.serwisant-static-root .outcome-grid article:first-child {
  border-left: 1px solid var(--line);
}

.serwisant-static-root .outcome-number {
  color: var(--mint-dark);
  font-family: var(--font-geist-mono), monospace;
  font-size: 12px;
  font-weight: 800;
}

.serwisant-static-root .outcome-grid h3 {
  margin: 46px 0 12px;
  font-size: 21px;
  letter-spacing: -0.025em;
}

.serwisant-static-root .outcome-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
}

.serwisant-static-root .about-section {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--line);
  background:
    radial-gradient(circle at 8% 82%, rgba(81, 229, 194, 0.08), transparent 27%),
    var(--white);
}

.serwisant-static-root .about-section::after {
  content: "";
  position: absolute;
  top: 70px;
  right: -170px;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(119, 136, 255, 0.12);
  border-radius: 50%;
}

.serwisant-static-root .about-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(360px, 0.82fr) minmax(0, 1.18fr);
  align-items: center;
  gap: 105px;
}

.serwisant-static-root .about-portrait {
  position: relative;
  max-width: 500px;
  padding: 15px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--surface);
}

.serwisant-static-root .about-portrait::before {
  content: "";
  position: absolute;
  top: -18px;
  left: -18px;
  width: 90px;
  height: 90px;
  border-top: 2px solid var(--mint);
  border-left: 2px solid var(--mint);
  border-radius: 12px 0 0;
}

.serwisant-static-root .about-portrait > img {
  width: 100%;
  aspect-ratio: 4 / 4.65;
  border-radius: 12px;
  object-fit: cover;
  object-position: center 18%;
}

.serwisant-static-root .about-person-card,
.serwisant-static-root .about-availability {
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(8, 14, 47, 0.92);
  color: white;
  box-shadow: 0 20px 44px rgba(8, 14, 47, 0.22);
  backdrop-filter: blur(12px);
}

.serwisant-static-root .about-person-card {
  right: -34px;
  bottom: 34px;
  min-width: 205px;
  padding: 16px 18px;
  border-radius: 10px;
}

.serwisant-static-root .about-person-card span,
.serwisant-static-root .about-person-card small {
  display: block;
}

.serwisant-static-root .about-person-card span {
  font-size: 14px;
  font-weight: 800;
}

.serwisant-static-root .about-person-card small {
  margin-top: 3px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 9px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.serwisant-static-root .about-availability {
  top: 35px;
  left: -40px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px 14px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.serwisant-static-root .about-availability i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--mint);
  box-shadow: 0 0 0 5px rgba(81, 229, 194, 0.12);
}

.serwisant-static-root .about-copy h2 {
  margin: 0;
  font-size: clamp(39px, 4.8vw, 62px);
  font-weight: 760;
  letter-spacing: -0.052em;
  line-height: 1.02;
}

.serwisant-static-root .about-copy h2 em {
  color: var(--mint-dark);
  font-style: normal;
}

.serwisant-static-root .about-copy > p {
  max-width: 670px;
  margin: 25px 0 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.78;
}

.serwisant-static-root .about-copy blockquote {
  margin: 28px 0 0;
  padding: 18px 22px;
  border-left: 3px solid var(--mint);
  background: var(--surface);
  color: #3f465a;
  font-size: 14px;
  font-weight: 620;
  line-height: 1.65;
}

.serwisant-static-root .about-values {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 31px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.serwisant-static-root .about-values > div {
  padding: 19px 17px 19px 0;
  border-right: 1px solid var(--line);
}

.serwisant-static-root .about-values > div + div {
  padding-left: 17px;
}

.serwisant-static-root .about-values > div:last-child {
  border-right: 0;
}

.serwisant-static-root .about-values span {
  color: var(--mint-dark);
  font-family: var(--font-geist-mono), monospace;
  font-size: 9px;
  font-weight: 850;
}

.serwisant-static-root .about-values p,
.serwisant-static-root .about-values strong {
  display: block;
}

.serwisant-static-root .about-values p {
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.5;
}

.serwisant-static-root .about-values strong {
  margin-bottom: 3px;
  color: var(--ink);
  font-size: 12px;
}

.serwisant-static-root .about-actions {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 30px;
}

.serwisant-static-root .about-actions > a:not(.button) {
  color: var(--navy-mid);
  font-size: 12px;
  font-weight: 800;
}

.serwisant-static-root .about-actions > a:not(.button)::after {
  content: " →";
  color: var(--mint-dark);
}

.serwisant-static-root .services-section {
  background:
    radial-gradient(circle at 90% 12%, rgba(119, 136, 255, 0.09), transparent 24%),
    var(--surface);
}

.serwisant-static-root .centered-heading {
  max-width: 710px;
  margin: 0 auto 56px;
  text-align: center;
}

.serwisant-static-root .centered-heading .eyebrow {
  justify-content: center;
}

.serwisant-static-root .centered-heading > p {
  margin-top: 17px;
}

.serwisant-static-root .services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.serwisant-static-root .service-card {
  position: relative;
  display: flex;
  min-height: 390px;
  flex-direction: column;
  padding: 30px;
  overflow: hidden;
  border: 1px solid #e1e4ed;
  border-radius: 12px;
  background: var(--white);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.serwisant-static-root .service-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  transform: scaleX(0);
  transform-origin: left;
  background: var(--mint);
  transition: transform 180ms ease;
}

.serwisant-static-root .service-card:hover {
  transform: translateY(-4px);
  border-color: rgba(15, 152, 126, 0.34);
  box-shadow: 0 22px 45px rgba(24, 31, 66, 0.08);
}

.serwisant-static-root .service-card:hover::before {
  transform: scaleX(1);
}

.serwisant-static-root .service-card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 52px;
}

.serwisant-static-root .service-number {
  color: #a6aab6;
  font-family: var(--font-geist-mono), monospace;
  font-size: 12px;
}

.serwisant-static-root .service-label {
  padding: 5px 8px;
  border-radius: 4px;
  background: #eff1f7;
  color: #6b7080;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.1em;
}

.serwisant-static-root .service-card h3 {
  margin: 0 0 13px;
  font-size: 21px;
  letter-spacing: -0.03em;
  line-height: 1.25;
}

.serwisant-static-root .service-card > p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.7;
}

.serwisant-static-root .service-benefit {
  display: flex;
  gap: 8px;
  margin-top: 20px;
  padding-top: 17px;
  border-top: 1px solid var(--line);
  color: #4c5366;
  font-size: 11px;
  line-height: 1.5;
}

.serwisant-static-root .service-benefit i {
  color: var(--mint-dark);
  font-style: normal;
  font-weight: 900;
}

.serwisant-static-root .service-card > a {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 23px;
  color: var(--navy-mid);
  font-size: 12px;
  font-weight: 800;
}

.serwisant-static-root .monitoring-section {
  position: relative;
  overflow: hidden;
  background: var(--navy-deep);
  color: var(--white);
}

.serwisant-static-root .monitoring-section::after {
  content: "";
  position: absolute;
  top: -180px;
  right: -120px;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: rgba(81, 229, 194, 0.07);
  filter: blur(20px);
}

.serwisant-static-root .monitoring-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.02fr 0.98fr;
  align-items: center;
  gap: 90px;
}

.serwisant-static-root .monitoring-copy h2,
.serwisant-static-root .contact-copy h2,
.serwisant-static-root .area-grid h2 {
  color: var(--white);
}

.serwisant-static-root .monitoring-copy h2 em,
.serwisant-static-root .business-copy h2 em,
.serwisant-static-root .contact-copy h2 em {
  color: var(--mint);
  font-style: normal;
}

.serwisant-static-root .monitoring-copy > p {
  margin-top: 25px;
  color: rgba(255, 255, 255, 0.62);
}

.serwisant-static-root .monitoring-copy ul {
  display: grid;
  gap: 14px;
  margin: 30px 0 34px;
  padding: 0;
  list-style: none;
}

.serwisant-static-root .monitoring-copy li {
  display: flex;
  gap: 12px;
  color: rgba(255, 255, 255, 0.68);
  font-size: 13px;
}

.serwisant-static-root .monitoring-copy li strong {
  color: rgba(255, 255, 255, 0.94);
}

.serwisant-static-root .monitoring-copy li i {
  display: grid;
  flex: 0 0 20px;
  height: 20px;
  place-items: center;
  border-radius: 50%;
  background: rgba(81, 229, 194, 0.13);
  color: var(--mint);
  font-size: 11px;
  font-style: normal;
}

.serwisant-static-root .monitoring-visual {
  padding: 34px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.025);
}

.serwisant-static-root .camera-scene {
  position: relative;
  min-height: 470px;
  overflow: hidden;
  border-radius: 12px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px) 0 0 / 42px 42px,
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px) 0 0 / 42px 42px,
    linear-gradient(145deg, #18245c, #0b123c);
}

.serwisant-static-root .camera-beam {
  position: absolute;
  top: 112px;
  right: 130px;
  width: 470px;
  height: 280px;
  clip-path: polygon(100% 0, 0 42%, 0 100%);
  background: linear-gradient(90deg, transparent, rgba(81, 229, 194, 0.11));
  animation: cameraSweep 4.5s ease-in-out infinite alternate;
}

.serwisant-static-root .camera-body {
  position: absolute;
  top: 95px;
  right: 68px;
  width: 210px;
  height: 88px;
  transform: rotate(-7deg);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 14px 28px 28px 14px;
  background: linear-gradient(180deg, #f8fbff, #aab2ca);
  box-shadow: 0 24px 55px rgba(0, 0, 0, 0.34);
}

.serwisant-static-root .camera-body::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 8px;
  width: 118px;
  height: 72px;
  border-radius: 10px;
  background: #cbd2e3;
}

.serwisant-static-root .camera-body::after {
  content: "";
  position: absolute;
  top: 9px;
  right: 8px;
  width: 70px;
  height: 70px;
  border: 8px solid #7c849a;
  border-radius: 50%;
  background: radial-gradient(circle, #51e5c2 0 5%, #182153 7% 35%, #080e2f 37% 100%);
}

.serwisant-static-root .camera-body span {
  position: absolute;
  z-index: 2;
  top: 35px;
  left: 29px;
  width: 42px;
  height: 5px;
  border-radius: 3px;
  background: #8a92a8;
}

.serwisant-static-root .camera-arm {
  position: absolute;
  top: 167px;
  right: 119px;
  width: 76px;
  height: 104px;
  transform: skewX(-16deg);
  border-right: 20px solid #8e97ae;
  border-bottom: 20px solid #8e97ae;
  border-radius: 0 0 28px 0;
}

.serwisant-static-root .recording {
  position: absolute;
  top: 24px;
  left: 24px;
  padding: 8px 11px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 5px;
  background: rgba(8, 14, 47, 0.7);
  color: rgba(255, 255, 255, 0.72);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.12em;
}

.serwisant-static-root .recording i {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 7px;
  border-radius: 50%;
  background: #ff6174;
  box-shadow: 0 0 0 4px rgba(255, 97, 116, 0.11);
  animation: recordingPulse 1.8s ease-out infinite;
}

.serwisant-static-root .scene-labels {
  position: absolute;
  right: 26px;
  bottom: 24px;
  left: 26px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
}

.serwisant-static-root .scene-labels span {
  padding: 10px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(255, 255, 255, 0.44);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-align: center;
}

.serwisant-static-root .business-section {
  background: var(--white);
}

.serwisant-static-root .business-grid {
  display: grid;
  grid-template-columns: 1fr 0.72fr;
  align-items: center;
  gap: 110px;
}

.serwisant-static-root .business-copy > p {
  max-width: 650px;
  margin-top: 26px;
}

.serwisant-static-root .business-copy h2 em {
  color: var(--mint-dark);
}

.serwisant-static-root .business-points {
  display: grid;
  gap: 0;
  margin-top: 38px;
  border-top: 1px solid var(--line);
}

.serwisant-static-root .business-points > div {
  display: grid;
  grid-template-columns: 45px 1fr;
  align-items: center;
  gap: 12px;
  padding: 17px 0;
  border-bottom: 1px solid var(--line);
}

.serwisant-static-root .business-points span {
  color: var(--mint-dark);
  font-family: var(--font-geist-mono), monospace;
  font-size: 11px;
  font-weight: 800;
}

.serwisant-static-root .business-points p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.serwisant-static-root .business-points strong {
  color: var(--ink);
}

.serwisant-static-root .business-card {
  position: relative;
  padding: 43px;
  overflow: hidden;
  border-radius: 14px;
  background: var(--surface);
}

.serwisant-static-root .business-card::after {
  content: "IT";
  position: absolute;
  right: -8px;
  bottom: -70px;
  color: rgba(17, 26, 73, 0.035);
  font-size: 210px;
  font-weight: 900;
  letter-spacing: -0.1em;
}

.serwisant-static-root .business-card > p {
  margin: 0 0 34px;
  color: var(--mint-dark);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.14em;
}

.serwisant-static-root .business-card h3 {
  position: relative;
  z-index: 2;
  margin: 0;
  font-size: 29px;
  letter-spacing: -0.04em;
  line-height: 1.15;
}

.serwisant-static-root .business-card ul {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 0;
  margin: 28px 0 30px;
  padding: 0;
  list-style: none;
}

.serwisant-static-root .business-card li {
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
  color: #545a6a;
  font-size: 13px;
}

.serwisant-static-root .business-card li::before {
  content: "✓";
  margin-right: 9px;
  color: var(--mint-dark);
  font-weight: 900;
}

.serwisant-static-root .business-card > a,
.serwisant-static-root .faq-intro > a {
  position: relative;
  z-index: 2;
  display: inline-flex;
  gap: 12px;
  color: var(--navy-mid);
  font-size: 13px;
  font-weight: 800;
}

.serwisant-static-root .process-section {
  border-top: 1px solid var(--line);
  background: var(--surface);
}

.serwisant-static-root .process-grid {
  display: grid;
  grid-template-columns: 1fr 70px 1fr 70px 1fr;
  align-items: center;
}

.serwisant-static-root .process-grid article {
  min-height: 245px;
  padding: 34px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--white);
}

.serwisant-static-root .process-grid article > span {
  display: grid;
  width: 43px;
  height: 43px;
  place-items: center;
  border-radius: 50%;
  background: var(--navy);
  color: var(--mint);
  font-family: var(--font-geist-mono), monospace;
  font-size: 11px;
  font-weight: 800;
}

.serwisant-static-root .process-grid h3 {
  margin: 40px 0 10px;
  font-size: 20px;
  letter-spacing: -0.03em;
}

.serwisant-static-root .process-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.7;
}

.serwisant-static-root .process-arrow {
  color: #adb1bf;
  font-size: 22px;
  text-align: center;
}

.serwisant-static-root .case-studies-section {
  border-top: 1px solid var(--line);
  background: var(--white);
}

.serwisant-static-root .case-heading > div:last-child,
.serwisant-static-root .pricing-heading > div:last-child {
  align-self: end;
}

.serwisant-static-root .case-heading > div:last-child > p,
.serwisant-static-root .pricing-heading > div:last-child > p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.75;
}

.serwisant-static-root .case-photo-note {
  display: block;
  margin-top: 13px;
  color: #969baa;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.05em;
}

.serwisant-static-root .case-studies-list {
  display: grid;
  gap: 18px;
}

.serwisant-static-root .case-study {
  display: grid;
  grid-template-columns: 0.92fr 1.08fr;
  min-height: 485px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: var(--surface);
}

.serwisant-static-root .case-study:nth-child(even) {
  grid-template-columns: 1.08fr 0.92fr;
}

.serwisant-static-root .case-study:nth-child(even) .case-image {
  order: 2;
}

.serwisant-static-root .case-image {
  position: relative;
  min-height: 420px;
  overflow: hidden;
  background: #d9dde7;
}

.serwisant-static-root .case-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 55%, rgba(8, 14, 47, 0.42));
  pointer-events: none;
}

.serwisant-static-root .case-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 800ms cubic-bezier(0.2, 0.75, 0.2, 1);
}

.serwisant-static-root .case-study:hover .case-image img {
  transform: scale(1.035);
}

.serwisant-static-root .case-image > span {
  position: absolute;
  z-index: 2;
  bottom: 17px;
  left: 17px;
  padding: 7px 9px;
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 5px;
  background: rgba(8, 14, 47, 0.62);
  color: rgba(255, 255, 255, 0.72);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}

.serwisant-static-root .case-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(35px, 5vw, 64px);
  background: var(--white);
}

.serwisant-static-root .case-meta {
  display: flex;
  align-items: center;
  gap: 14px;
}

.serwisant-static-root .case-meta span {
  color: var(--mint-dark);
  font-family: var(--font-geist-mono), monospace;
  font-size: 11px;
  font-weight: 850;
}

.serwisant-static-root .case-meta small {
  padding: 5px 8px;
  border-radius: 4px;
  background: var(--surface);
  color: #757b8d;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.1em;
}

.serwisant-static-root .case-content h3 {
  margin: 23px 0 26px;
  font-size: clamp(27px, 3vw, 39px);
  letter-spacing: -0.045em;
  line-height: 1.1;
}

.serwisant-static-root .case-content dl {
  display: grid;
  gap: 0;
  margin: 0;
}

.serwisant-static-root .case-content dl > div {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 15px;
  padding: 15px 0;
  border-top: 1px solid var(--line);
}

.serwisant-static-root .case-content dt {
  color: #989dab;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.serwisant-static-root .case-content dd {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.65;
}

.serwisant-static-root .case-content .case-result {
  border-color: rgba(81, 229, 194, 0.34);
}

.serwisant-static-root .case-result dt,
.serwisant-static-root .case-result dd {
  color: var(--mint-dark);
}

.serwisant-static-root .case-result dd {
  font-weight: 700;
}

.serwisant-static-root .pricing-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 6% 10%, rgba(119, 136, 255, 0.13), transparent 24%),
    var(--navy-deep);
  color: var(--white);
}

.serwisant-static-root .pricing-section::after {
  content: "";
  position: absolute;
  right: -180px;
  bottom: -200px;
  width: 520px;
  height: 520px;
  border: 1px solid rgba(81, 229, 194, 0.1);
  border-radius: 50%;
}

.serwisant-static-root .pricing-section .container {
  position: relative;
  z-index: 2;
}

.serwisant-static-root .pricing-heading h2 {
  color: var(--white);
}

.serwisant-static-root .pricing-heading > div:last-child > p {
  color: rgba(255, 255, 255, 0.58);
}

.serwisant-static-root .pricing-heading > div:last-child > small {
  display: block;
  margin-top: 13px;
  color: var(--mint);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.serwisant-static-root .price-package-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.serwisant-static-root .price-package {
  position: relative;
  display: flex;
  min-height: 430px;
  flex-direction: column;
  padding: 27px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.045);
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.serwisant-static-root .price-package:hover {
  transform: translateY(-5px);
  border-color: rgba(81, 229, 194, 0.35);
  background: rgba(255, 255, 255, 0.065);
}

.serwisant-static-root .price-package-featured {
  border-color: rgba(81, 229, 194, 0.42);
  background: linear-gradient(155deg, rgba(81, 229, 194, 0.13), rgba(255, 255, 255, 0.045));
  box-shadow: 0 24px 55px rgba(0, 0, 0, 0.15);
}

.serwisant-static-root .price-package-featured::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  background: var(--mint);
}

.serwisant-static-root .price-tag {
  align-self: flex-start;
  padding: 5px 7px;
  border-radius: 4px;
  background: rgba(119, 136, 255, 0.14);
  color: #aeb7ff;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.1em;
}

.serwisant-static-root .price-package-featured .price-tag {
  background: rgba(81, 229, 194, 0.14);
  color: var(--mint);
}

.serwisant-static-root .price-package h3 {
  min-height: 49px;
  margin: 25px 0 18px;
  font-size: 18px;
  letter-spacing: -0.03em;
  line-height: 1.3;
}

.serwisant-static-root .price-value {
  min-height: 74px;
  color: var(--white);
  font-size: clamp(27px, 2.6vw, 36px);
  font-weight: 780;
  letter-spacing: -0.055em;
  line-height: 1.05;
}

.serwisant-static-root .price-package > small {
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.35);
  font-size: 9px;
}

.serwisant-static-root .price-package ul {
  display: grid;
  gap: 11px;
  margin: 25px 0;
  padding: 20px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  list-style: none;
}

.serwisant-static-root .price-package li {
  display: flex;
  gap: 8px;
  color: rgba(255, 255, 255, 0.58);
  font-size: 10px;
  line-height: 1.45;
}

.serwisant-static-root .price-package li i {
  color: var(--mint);
  font-style: normal;
}

.serwisant-static-root .price-package > a {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  color: var(--mint);
  font-size: 11px;
  font-weight: 800;
}

.serwisant-static-root .popular-rates {
  margin-top: 14px;
  padding: 34px;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.035);
}

.serwisant-static-root .popular-rates-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 25px;
  margin-bottom: 25px;
}

.serwisant-static-root .popular-rates-head span {
  color: var(--mint);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.12em;
}

.serwisant-static-root .popular-rates-head h3 {
  margin: 5px 0 0;
  font-size: 22px;
  letter-spacing: -0.035em;
}

.serwisant-static-root .popular-rates-head a {
  color: var(--mint);
  font-size: 11px;
  font-weight: 800;
}

.serwisant-static-root .rate-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.serwisant-static-root .rate-list > div {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 16px 18px 16px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.56);
  font-size: 11px;
}

.serwisant-static-root .rate-list > div:nth-child(odd) {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.serwisant-static-root .rate-list > div:nth-child(even) {
  padding-left: 18px;
}

.serwisant-static-root .rate-list strong {
  flex: 0 0 auto;
  color: var(--white);
}

.serwisant-static-root .popular-rates > p {
  margin: 20px 0 0;
  color: rgba(255, 255, 255, 0.34);
  font-size: 9px;
  line-height: 1.6;
}

.serwisant-static-root .guarantee-section {
  background:
    linear-gradient(90deg, rgba(17, 26, 73, 0.028) 1px, transparent 1px) 0 0 / 58px 58px,
    linear-gradient(rgba(17, 26, 73, 0.028) 1px, transparent 1px) 0 0 / 58px 58px,
    var(--white);
}

.serwisant-static-root .guarantee-intro {
  max-width: 780px;
  margin: 0 auto 50px;
  text-align: center;
}

.serwisant-static-root .guarantee-intro .eyebrow {
  justify-content: center;
}

.serwisant-static-root .guarantee-intro h2 {
  margin: 0;
  font-size: clamp(38px, 4.9vw, 62px);
  font-weight: 760;
  letter-spacing: -0.052em;
  line-height: 1.02;
}

.serwisant-static-root .guarantee-intro h2 em {
  color: var(--mint-dark);
  font-style: normal;
}

.serwisant-static-root .guarantee-intro > p:last-child {
  margin: 20px 0 0;
  color: var(--muted);
  font-size: 15px;
}

.serwisant-static-root .guarantee-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 13px;
}

.serwisant-static-root .guarantee-grid article {
  min-height: 245px;
  padding: 31px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.86);
}

.serwisant-static-root .guarantee-grid article > span {
  color: var(--mint-dark);
  font-family: var(--font-geist-mono), monospace;
  font-size: 10px;
  font-weight: 850;
}

.serwisant-static-root .guarantee-grid h3 {
  margin: 44px 0 12px;
  font-size: 19px;
  letter-spacing: -0.03em;
}

.serwisant-static-root .guarantee-grid p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.7;
}

.serwisant-static-root .guarantee-callout {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  margin-top: 13px;
  padding: 23px 25px;
  border-radius: 12px;
  background: var(--navy);
  color: white;
}

.serwisant-static-root .guarantee-callout > div {
  display: flex;
  align-items: center;
  gap: 15px;
}

.serwisant-static-root .guarantee-callout > div > i {
  display: grid;
  flex: 0 0 44px;
  height: 44px;
  place-items: center;
  border-radius: 50%;
  background: rgba(81, 229, 194, 0.12);
  color: var(--mint);
  font-style: normal;
  font-weight: 900;
}

.serwisant-static-root .guarantee-callout small,
.serwisant-static-root .guarantee-callout strong {
  display: block;
}

.serwisant-static-root .guarantee-callout small {
  color: var(--mint);
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.12em;
}

.serwisant-static-root .guarantee-callout strong {
  margin-top: 3px;
  font-size: 13px;
}

.serwisant-static-root .proof-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 90% 14%, rgba(81, 229, 194, 0.1), transparent 26%),
    linear-gradient(180deg, #ffffff, #f5f7fb);
}

.serwisant-static-root .proof-section::before {
  content: "";
  position: absolute;
  top: 0;
  right: 7%;
  width: 1px;
  height: 100%;
  background: linear-gradient(transparent, rgba(17, 26, 73, 0.1), transparent);
}

.serwisant-static-root .proof-heading h2 {
  max-width: 720px;
}

.serwisant-static-root .testimonials-grid {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  grid-template-rows: repeat(2, minmax(205px, auto));
  gap: 14px;
}

.serwisant-static-root .testimonial-card {
  position: relative;
  display: flex;
  min-height: 205px;
  flex-direction: column;
  padding: 30px;
  overflow: hidden;
  border: 1px solid #dfe3ed;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 14px 38px rgba(18, 24, 54, 0.045);
}

.serwisant-static-root .testimonial-featured {
  grid-row: 1 / span 2;
  min-height: 424px;
  border-color: rgba(81, 229, 194, 0.28);
  background:
    linear-gradient(145deg, rgba(81, 229, 194, 0.08), transparent 44%),
    var(--navy-deep);
  color: var(--white);
  box-shadow: 0 28px 65px rgba(8, 14, 47, 0.16);
}

.serwisant-static-root .testimonial-card::after {
  content: "";
  position: absolute;
  right: -44px;
  bottom: -56px;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(119, 136, 255, 0.15);
  border-radius: 50%;
}

.serwisant-static-root .testimonial-featured::after {
  width: 260px;
  height: 260px;
  border-color: rgba(81, 229, 194, 0.12);
}

.serwisant-static-root .testimonial-top {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.serwisant-static-root .stars {
  color: #f1a96b;
  font-size: 12px;
  letter-spacing: 0.14em;
}

.serwisant-static-root .quote-mark {
  color: rgba(17, 26, 73, 0.09);
  font-family: Georgia, serif;
  font-size: 58px;
  line-height: 0.7;
}

.serwisant-static-root .testimonial-featured .quote-mark {
  color: rgba(81, 229, 194, 0.18);
}

.serwisant-static-root .testimonial-card blockquote {
  position: relative;
  z-index: 2;
  margin: 23px 0 28px;
  color: #3f4659;
  font-size: 15px;
  font-weight: 580;
  line-height: 1.65;
}

.serwisant-static-root .testimonial-featured blockquote {
  max-width: 630px;
  margin-top: auto;
  color: rgba(255, 255, 255, 0.88);
  font-size: clamp(23px, 2.4vw, 34px);
  letter-spacing: -0.03em;
  line-height: 1.32;
}

.serwisant-static-root .testimonial-card footer {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: auto;
  padding-top: 17px;
  border-top: 1px solid var(--line);
}

.serwisant-static-root .testimonial-featured footer {
  border-color: rgba(255, 255, 255, 0.1);
}

.serwisant-static-root .testimonial-card footer span {
  color: var(--ink);
  font-size: 11px;
  font-weight: 800;
}

.serwisant-static-root .testimonial-featured footer span {
  color: var(--white);
}

.serwisant-static-root .testimonial-card footer small {
  color: #999eac;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.serwisant-static-root .client-trust-line {
  display: grid;
  grid-template-columns: auto repeat(3, 1fr) auto;
  align-items: center;
  gap: 22px;
  margin-top: 14px;
  padding: 24px 28px;
  border: 1px solid #dfe3ed;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.72);
}

.serwisant-static-root .client-trust-line > span {
  color: var(--mint-dark);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.serwisant-static-root .client-trust-line strong {
  color: #7e8392;
  font-size: 12px;
  text-align: center;
}

.serwisant-static-root .client-trust-line a {
  color: var(--navy-mid);
  font-size: 11px;
  font-weight: 800;
}

.serwisant-static-root .client-trust-line a i {
  margin-left: 8px;
  color: var(--mint-dark);
  font-style: normal;
}

.serwisant-static-root .area-section {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px) 0 0 / 56px 56px,
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px) 0 0 / 56px 56px,
    var(--navy);
  color: var(--white);
}

.serwisant-static-root .area-grid {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  align-items: center;
  gap: 100px;
}

.serwisant-static-root .area-grid > div > p {
  margin-top: 23px;
  color: rgba(255, 255, 255, 0.62);
}

.serwisant-static-root .area-grid .button {
  margin-top: 30px;
}

.serwisant-static-root .location-cloud {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.serwisant-static-root .location-cloud span {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 0 17px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(255, 255, 255, 0.68);
  font-size: 13px;
  font-weight: 650;
}

.serwisant-static-root .location-cloud i {
  color: var(--mint);
  font-style: normal;
}

.serwisant-static-root .location-cloud .location-main {
  border-color: rgba(81, 229, 194, 0.42);
  background: rgba(81, 229, 194, 0.11);
  color: white;
}

.serwisant-static-root .faq-section {
  background: var(--white);
}

.serwisant-static-root .faq-grid {
  display: grid;
  grid-template-columns: 0.56fr 1fr;
  align-items: start;
  gap: 110px;
}

.serwisant-static-root .faq-intro {
  position: sticky;
  top: 120px;
}

.serwisant-static-root .faq-intro > p {
  margin-top: 22px;
}

.serwisant-static-root .faq-intro > a {
  margin-top: 28px;
}

.serwisant-static-root .faq-list {
  border-top: 1px solid var(--line);
}

.serwisant-static-root .faq-list details {
  border-bottom: 1px solid var(--line);
}

.serwisant-static-root .faq-list summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  min-height: 78px;
  list-style: none;
  cursor: pointer;
  color: var(--ink);
  font-size: 15px;
  font-weight: 720;
}

.serwisant-static-root .faq-list summary::-webkit-details-marker {
  display: none;
}

.serwisant-static-root .faq-list summary i {
  display: grid;
  flex: 0 0 29px;
  height: 29px;
  place-items: center;
  border-radius: 50%;
  background: var(--surface);
  color: var(--navy);
  font-style: normal;
  transition: transform 160ms ease;
}

.serwisant-static-root .faq-list details[open] summary i {
  transform: rotate(45deg);
  background: var(--navy);
  color: var(--mint);
}

.serwisant-static-root .faq-list details > p {
  max-width: 710px;
  margin: -5px 56px 25px 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.75;
}

.serwisant-static-root .contact-section {
  padding-block: 110px;
  background:
    radial-gradient(circle at 10% 10%, rgba(119, 136, 255, 0.12), transparent 30%),
    var(--navy-deep);
  color: white;
}

.serwisant-static-root .contact-grid {
  display: grid;
  grid-template-columns: 0.9fr 1fr;
  align-items: center;
  gap: 100px;
}

.serwisant-static-root .contact-copy > p {
  max-width: 570px;
  margin-top: 25px;
  color: rgba(255, 255, 255, 0.62);
}

.serwisant-static-root .contact-details {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-top: 38px;
}

.serwisant-static-root .contact-details > a,
.serwisant-static-root .contact-details > div {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
}

.serwisant-static-root .contact-details > a > span,
.serwisant-static-root .contact-details > div > span {
  display: grid;
  flex: 0 0 34px;
  height: 34px;
  place-items: center;
  border-radius: 7px;
  background: rgba(81, 229, 194, 0.12);
  color: var(--mint);
  font-size: 13px;
  font-weight: 850;
}

.serwisant-static-root .contact-details small,
.serwisant-static-root .contact-details strong {
  display: block;
}

.serwisant-static-root .contact-details small {
  color: rgba(255, 255, 255, 0.35);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.12em;
}

.serwisant-static-root .contact-details strong {
  margin-top: 2px;
  font-size: 11px;
}

.serwisant-static-root .contact-form {
  display: grid;
  gap: 17px;
  padding: 36px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.07);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(14px);
}

.serwisant-static-root .form-heading {
  display: flex;
  justify-content: space-between;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.12em;
}

.serwisant-static-root .form-heading i {
  color: var(--mint);
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
}

.serwisant-static-root .contact-form label {
  display: grid;
  gap: 7px;
  color: rgba(255, 255, 255, 0.65);
  font-size: 10px;
  font-weight: 700;
}

.serwisant-static-root .contact-form input,
.serwisant-static-root .contact-form textarea {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 6px;
  outline: none;
  background: rgba(255, 255, 255, 0.055);
  color: white;
  font-size: 13px;
  transition: border-color 160ms ease, background 160ms ease;
}

.serwisant-static-root .contact-form input {
  min-height: 49px;
  padding-inline: 14px;
}

.serwisant-static-root .contact-form textarea {
  resize: vertical;
  padding: 13px 14px;
}

.serwisant-static-root .contact-form input::placeholder,
.serwisant-static-root .contact-form textarea::placeholder {
  color: rgba(255, 255, 255, 0.28);
}

.serwisant-static-root .contact-form input:focus,
.serwisant-static-root .contact-form textarea:focus {
  border-color: rgba(81, 229, 194, 0.65);
  background: rgba(255, 255, 255, 0.08);
}

.serwisant-static-root .form-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.serwisant-static-root .form-button {
  width: 100%;
  margin-top: 3px;
  border: 0;
}

.serwisant-static-root .form-note {
  color: rgba(255, 255, 255, 0.36);
  font-size: 9px;
  text-align: center;
}

.serwisant-static-root .footer {
  background: #060b27;
  color: white;
}

.serwisant-static-root .footer-top {
  display: grid;
  grid-template-columns: 0.75fr 1fr 1fr;
  align-items: center;
  gap: 70px;
  min-height: 175px;
}

.serwisant-static-root .footer-top > p {
  margin: 0;
  color: rgba(255, 255, 255, 0.42);
  font-size: 12px;
}

.serwisant-static-root .footer nav {
  display: flex;
  justify-content: flex-end;
  gap: 24px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 11px;
  font-weight: 700;
}

.serwisant-static-root .footer-bottom {
  display: flex;
  justify-content: space-between;
  padding-block: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.28);
  font-size: 9px;
}

.serwisant-static-root :focus-visible {
  outline: 2px solid var(--mint);
  outline-offset: 3px;
}

.serwisant-static-root .floating-contact-actions,
.serwisant-static-root .floating-contact-cta,
.serwisant-static-root .floating-whatsapp-cta {
  display: none;
}

.serwisant-static-root.reveal-ready [data-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 700ms cubic-bezier(0.2, 0.75, 0.2, 1),
    transform 700ms cubic-bezier(0.2, 0.75, 0.2, 1);
}

.serwisant-static-root.reveal-ready [data-reveal].is-visible {
  opacity: 1;
  transform: translateY(0);
}

.serwisant-static-root.reveal-ready .testimonials-grid .testimonial-card:nth-child(2) {
  transition-delay: 90ms;
}

.serwisant-static-root.reveal-ready .testimonials-grid .testimonial-card:nth-child(3) {
  transition-delay: 180ms;
}

@keyframes glowDriftOne {
  from { transform: translate3d(-24px, -10px, 0) scale(0.94); }
  to { transform: translate3d(32px, 28px, 0) scale(1.08); }
}

@keyframes glowDriftTwo {
  from { transform: translate3d(24px, 8px, 0) scale(1); }
  to { transform: translate3d(-36px, -24px, 0) scale(1.12); }
}

@keyframes windowFloat {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -9px; }
}

@keyframes cardFloat {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -7px; }
}

@keyframes cameraSweep {
  from { opacity: 0.45; transform: scaleX(0.96); }
  to { opacity: 1; transform: scaleX(1.04); }
}

@keyframes recordingPulse {
  0% { box-shadow: 0 0 0 0 rgba(255, 97, 116, 0.28); }
  65%, 100% { box-shadow: 0 0 0 9px rgba(255, 97, 116, 0); }
}

@media (max-width: 1080px) {
  .serwisant-static-root .header-inner {
    grid-template-columns: 190px 1fr auto;
  }

  .serwisant-static-root .desktop-nav {
    gap: 17px;
    font-size: 12px;
  }

  .serwisant-static-root .hero-grid {
    grid-template-columns: 1fr 430px;
    gap: 40px;
  }

  .serwisant-static-root .hero-proof {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .serwisant-static-root .hero-proof > div {
    align-items: center;
  }

  .serwisant-static-root .hero-proof strong {
    display: inline;
    margin-right: 3px;
  }

  .serwisant-static-root .floating-card-one {
    left: -5px;
  }

  .serwisant-static-root .monitoring-grid,
  .serwisant-static-root .business-grid,
  .serwisant-static-root .contact-grid {
    gap: 55px;
  }

  .serwisant-static-root .faq-grid {
    gap: 70px;
  }

  .serwisant-static-root .about-grid {
    gap: 65px;
  }

  .serwisant-static-root .price-package-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 900px) {
  .serwisant-static-root .desktop-nav,
  .serwisant-static-root .button-header {
    display: none;
  }

  .serwisant-static-root .mobile-menu {
    display: block;
    justify-self: end;
  }

  .serwisant-static-root .header-inner {
    grid-template-columns: 1fr auto;
  }

  .serwisant-static-root .hero-grid {
    grid-template-columns: 1fr;
    padding-block: 75px 105px;
  }

  .serwisant-static-root .hero-copy {
    max-width: 750px;
  }

  .serwisant-static-root .hero-proof {
    grid-template-columns: repeat(3, 1fr);
  }

  .serwisant-static-root .hero-visual {
    width: min(100%, 570px);
    margin-inline: auto;
  }

  .serwisant-static-root .service-window {
    right: 50%;
    transform: translateX(50%);
  }

  .serwisant-static-root .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .serwisant-static-root .monitoring-grid,
  .serwisant-static-root .business-grid,
  .serwisant-static-root .about-grid,
  .serwisant-static-root .area-grid,
  .serwisant-static-root .faq-grid,
  .serwisant-static-root .contact-grid {
    grid-template-columns: 1fr;
  }

  .serwisant-static-root .about-portrait {
    width: min(100%, 510px);
    margin-inline: auto;
  }

  .serwisant-static-root .about-copy {
    max-width: 760px;
  }

  .serwisant-static-root .case-study,
  .serwisant-static-root .case-study:nth-child(even) {
    grid-template-columns: 1fr;
  }

  .serwisant-static-root .case-study:nth-child(even) .case-image {
    order: 0;
  }

  .serwisant-static-root .case-image {
    min-height: 410px;
  }

  .serwisant-static-root .guarantee-grid {
    grid-template-columns: 1fr;
  }

  .serwisant-static-root .guarantee-grid article {
    min-height: auto;
  }

  .serwisant-static-root .guarantee-grid h3 {
    margin-top: 26px;
  }

  .serwisant-static-root .monitoring-visual {
    order: 2;
    width: min(100%, 650px);
    margin-inline: auto;
  }

  .serwisant-static-root .monitoring-copy,
  .serwisant-static-root .business-copy,
  .serwisant-static-root .contact-copy {
    max-width: 720px;
  }

  .serwisant-static-root .business-card,
  .serwisant-static-root .contact-form {
    width: min(100%, 650px);
  }

  .serwisant-static-root .process-grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .serwisant-static-root .testimonials-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .serwisant-static-root .testimonial-featured {
    grid-row: auto;
    min-height: 360px;
  }

  .serwisant-static-root .client-trust-line {
    grid-template-columns: repeat(2, 1fr);
  }

  .serwisant-static-root .client-trust-line > span,
  .serwisant-static-root .client-trust-line a {
    grid-column: 1 / -1;
    text-align: center;
  }

  .serwisant-static-root .process-arrow {
    transform: rotate(90deg);
  }

  .serwisant-static-root .area-grid {
    gap: 55px;
  }

  .serwisant-static-root .faq-intro {
    position: static;
  }

  .serwisant-static-root .footer-top {
    grid-template-columns: 1fr 1fr;
  }

  .serwisant-static-root .footer nav {
    grid-column: 1 / -1;
    justify-content: flex-start;
    padding-bottom: 30px;
  }
}

@media (max-width: 680px) {
  .serwisant-static-root .container {
    width: min(100% - 32px, 1180px);
  }

  .serwisant-static-root .topbar-inner span:first-child {
    display: none;
  }

  .serwisant-static-root .topbar-inner {
    justify-content: center;
    text-align: center;
  }

  .serwisant-static-root .header-inner {
    min-height: 68px;
  }

  .serwisant-static-root .brand img,
  .serwisant-static-root .footer-brand img {
    width: 163px;
  }

  .serwisant-static-root .hero {
    min-height: auto;
  }

  .serwisant-static-root .hero-grid {
    min-height: auto;
    padding-block: 62px 88px;
  }

  .serwisant-static-root .hero h1 {
    font-size: clamp(42px, 13vw, 58px);
  }

  .serwisant-static-root .hero-lead {
    font-size: 15px;
  }

  .serwisant-static-root .hero-actions .button {
    width: 100%;
  }

  .serwisant-static-root .hero-services-link {
    width: 100%;
    justify-content: center;
  }

  .serwisant-static-root .hero-proof {
    grid-template-columns: 1fr;
  }

  .serwisant-static-root .hero-visual {
    min-height: 530px;
  }

  .serwisant-static-root .service-window {
    width: 100%;
  }

  .serwisant-static-root .window-content {
    padding-inline: 20px;
  }

  .serwisant-static-root .floating-card {
    min-width: 205px;
  }

  .serwisant-static-root .floating-card-one {
    bottom: 32px;
    left: -5px;
  }

  .serwisant-static-root .floating-card-two {
    right: -5px;
    bottom: -23px;
  }

  .serwisant-static-root .trust-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .serwisant-static-root .trust-grid span:nth-child(3) {
    border-left: 1px solid var(--line);
  }

  .serwisant-static-root .trust-grid span:nth-child(-n + 2) {
    border-bottom: 1px solid var(--line);
  }

  .serwisant-static-root .section,
  .serwisant-static-root .contact-section {
    padding-block: 78px;
  }

  .serwisant-static-root .split-heading {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 40px;
  }

  .serwisant-static-root .outcome-grid,
  .serwisant-static-root .services-grid {
    grid-template-columns: 1fr;
  }

  .serwisant-static-root .outcome-grid article {
    min-height: auto;
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
  }

  .serwisant-static-root .outcome-grid article:last-child {
    border-bottom: 0;
  }

  .serwisant-static-root .outcome-grid h3 {
    margin-top: 28px;
  }

  .serwisant-static-root .service-card {
    min-height: 365px;
  }

  .serwisant-static-root .about-portrait {
    padding: 9px;
  }

  .serwisant-static-root .about-person-card {
    right: -6px;
    bottom: 18px;
  }

  .serwisant-static-root .about-availability {
    top: 18px;
    left: -6px;
  }

  .serwisant-static-root .about-values {
    grid-template-columns: 1fr;
  }

  .serwisant-static-root .about-values > div,
  .serwisant-static-root .about-values > div + div {
    padding: 15px 0;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .serwisant-static-root .about-values > div:last-child {
    border-bottom: 0;
  }

  .serwisant-static-root .about-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .serwisant-static-root .about-actions .button {
    width: 100%;
  }

  .serwisant-static-root .case-image {
    min-height: 290px;
  }

  .serwisant-static-root .case-content {
    padding: 29px 22px;
  }

  .serwisant-static-root .case-content dl > div {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .serwisant-static-root .price-package-grid,
  .serwisant-static-root .rate-list {
    grid-template-columns: 1fr;
  }

  .serwisant-static-root .price-package {
    min-height: 405px;
  }

  .serwisant-static-root .popular-rates {
    padding: 26px 20px;
  }

  .serwisant-static-root .popular-rates-head,
  .serwisant-static-root .guarantee-callout {
    align-items: flex-start;
    flex-direction: column;
  }

  .serwisant-static-root .rate-list > div,
  .serwisant-static-root .rate-list > div:nth-child(even) {
    padding: 14px 0;
    border-right: 0;
  }

  .serwisant-static-root .guarantee-callout .button {
    width: 100%;
  }

  .serwisant-static-root .monitoring-visual {
    padding: 12px;
  }

  .serwisant-static-root .camera-scene {
    min-height: 380px;
  }

  .serwisant-static-root .camera-body {
    right: 25px;
    transform: scale(0.78) rotate(-7deg);
    transform-origin: right top;
  }

  .serwisant-static-root .camera-arm {
    right: 66px;
    transform: scale(0.78) skewX(-16deg);
    transform-origin: right top;
  }

  .serwisant-static-root .business-card,
  .serwisant-static-root .contact-form {
    padding: 28px 22px;
  }

  .serwisant-static-root .location-cloud,
  .serwisant-static-root .contact-details,
  .serwisant-static-root .form-row {
    grid-template-columns: 1fr;
  }

  .serwisant-static-root .faq-list summary {
    min-height: 72px;
    font-size: 14px;
  }

  .serwisant-static-root .footer-top {
    grid-template-columns: 1fr;
    gap: 20px;
    padding-block: 45px 30px;
  }

  .serwisant-static-root .footer nav {
    grid-column: auto;
    flex-wrap: wrap;
    gap: 16px 22px;
    padding-bottom: 0;
  }

  .serwisant-static-root .footer-bottom {
    flex-direction: column;
    gap: 5px;
  }

  .serwisant-static-root .floating-contact-actions {
    position: fixed;
    z-index: 24;
    right: 16px;
    bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .serwisant-static-root .floating-contact-cta,
  .serwisant-static-root .floating-whatsapp-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border: 1px solid rgba(8, 14, 47, 0.12);
    border-radius: 999px;
    box-shadow: 0 16px 36px rgba(8, 14, 47, 0.24);
    font-size: 12px;
    font-weight: 850;
    animation: mobileCtaBreathe 3.2s ease-in-out infinite;
  }

  .serwisant-static-root .floating-contact-cta {
    gap: 10px;
    padding: 0 18px;
    background: var(--mint);
    color: var(--navy-deep);
  }

  .serwisant-static-root .floating-whatsapp-cta {
    width: 48px;
    background: #25d366;
    color: #071f11;
    animation-delay: 500ms;
  }
}

@keyframes mobileCtaBreathe {
  0%, 100% { transform: translateY(0); box-shadow: 0 16px 36px rgba(8, 14, 47, 0.24); }
  50% { transform: translateY(-3px); box-shadow: 0 20px 42px rgba(8, 14, 47, 0.32); }
}

@media (prefers-reduced-motion: reduce) {
  .serwisant-static-root {
    scroll-behavior: auto;
  }

  .serwisant-static-root,
  .serwisant-static-root *,
  .serwisant-static-root *::before,
  .serwisant-static-root *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }

  .serwisant-static-root.reveal-ready [data-reveal] {
    opacity: 1;
    transform: none;
  }
}



.serwisant-static-root .siti-nav-dropdown { position: relative; }
.serwisant-static-root .siti-nav-submenu { position:absolute; top:calc(100% + 18px); left:50%; display:grid; width:310px; padding:10px; transform:translate(-50%,8px); border:1px solid rgba(255,255,255,.12); border-radius:12px; background:#080e2f; box-shadow:0 24px 60px rgba(0,0,0,.35); opacity:0; visibility:hidden; transition:160ms ease; }
.serwisant-static-root .siti-nav-submenu a { padding:10px 12px; border-radius:7px; font-size:12px; }
.serwisant-static-root .siti-nav-submenu a:hover { background:rgba(81,229,194,.09); }
.serwisant-static-root .siti-nav-submenu a::after { display:none; }
.serwisant-static-root .siti-nav-dropdown:hover .siti-nav-submenu, .serwisant-static-root .siti-nav-dropdown:focus-within .siti-nav-submenu { transform:translate(-50%,0); opacity:1; visibility:visible; }
.serwisant-static-root .mobile-subitem { padding-left:28px !important; color:rgba(255,255,255,.62); font-size:12px !important; }
.serwisant-static-root .siti-service-hero { position:relative; overflow:hidden; padding:92px 0 100px; background:linear-gradient(135deg,#080e2f,#151e53 60%,#202c6b); color:#fff; }
.serwisant-static-root .siti-service-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px) 0 0/64px 64px; }
.serwisant-static-root .siti-service-hero-grid { position:relative; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(330px,.65fr); align-items:center; gap:80px; }
.serwisant-static-root .siti-breadcrumb { display:inline-flex; gap:8px; margin-bottom:38px; color:rgba(255,255,255,.5); font-size:12px; }
.serwisant-static-root .siti-breadcrumb span { color:#51e5c2; }
.serwisant-static-root .siti-service-hero h1 { margin:0; max-width:780px; font-size:clamp(44px,5.2vw,72px); line-height:1; letter-spacing:-.05em; }
.serwisant-static-root .siti-service-hero h1 em { display:block; color:#51e5c2; font-style:normal; }
.serwisant-static-root .siti-service-lead { max-width:720px; margin:28px 0 0; color:rgba(255,255,255,.72); font-size:18px; line-height:1.75; }
.serwisant-static-root .siti-service-summary { padding:32px; border:1px solid rgba(255,255,255,.14); border-radius:16px; background:rgba(255,255,255,.055); box-shadow:0 30px 70px rgba(0,0,0,.26); backdrop-filter:blur(16px); }
.serwisant-static-root .siti-service-badge { color:#51e5c2; font-size:10px; font-weight:800; letter-spacing:.14em; }
.serwisant-static-root .siti-service-summary h2 { margin:18px 0 24px; font-size:25px; line-height:1.25; }
.serwisant-static-root .siti-service-summary ul { display:grid; gap:13px; margin:0 0 27px; padding:0; list-style:none; color:rgba(255,255,255,.72); font-size:13px; }
.serwisant-static-root .siti-service-summary li { display:flex; gap:10px; }
.serwisant-static-root .siti-service-summary i { color:#51e5c2; font-style:normal; }
.serwisant-static-root .siti-service-summary > a { display:flex; justify-content:space-between; padding-top:20px; border-top:1px solid rgba(255,255,255,.12); color:#51e5c2; font-weight:750; }
.serwisant-static-root .siti-benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid #dfe2eb; }
.serwisant-static-root .siti-benefit-grid article { min-height:260px; padding:38px; border-right:1px solid #dfe2eb; }
.serwisant-static-root .siti-benefit-grid article:last-child { border:0; }
.serwisant-static-root .siti-benefit-grid span, .serwisant-static-root .siti-scope-grid > article > span { color:#0f987e; font-family:Consolas,monospace; font-size:11px; }
.serwisant-static-root .siti-benefit-grid h3 { margin:50px 0 12px; font-size:22px; }
.serwisant-static-root .siti-benefit-grid p, .serwisant-static-root .siti-scope-grid p, .serwisant-static-root .siti-process-grid p { margin:0; color:#646a7c; font-size:14px; line-height:1.7; }
.serwisant-static-root .siti-service-scope { background:#f4f6fa; }
.serwisant-static-root .siti-scope-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.serwisant-static-root .siti-scope-grid article { min-height:240px; padding:30px; border:1px solid #dfe2eb; border-radius:12px; background:#fff; }
.serwisant-static-root .siti-scope-grid h3 { margin:34px 0 10px; font-size:19px; }
.serwisant-static-root .siti-service-process { background:#111a49; color:#fff; }
.serwisant-static-root .siti-service-process .section-heading h2 { color:#fff; }
.serwisant-static-root .siti-service-process .section-heading > p { color:rgba(255,255,255,.6); }
.serwisant-static-root .siti-process-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.13); }
.serwisant-static-root .siti-process-grid article { min-height:260px; padding:34px 25px; border-right:1px solid rgba(255,255,255,.13); }
.serwisant-static-root .siti-process-grid span { color:#51e5c2; font-family:Consolas,monospace; }
.serwisant-static-root .siti-process-grid h3 { margin:50px 0 12px; font-size:19px; }
.serwisant-static-root .siti-process-grid p { color:rgba(255,255,255,.58); }
.serwisant-static-root .siti-service-faq { background:#fff; }
.serwisant-static-root .siti-related-services { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:36px 0 0; }
.serwisant-static-root .siti-related-services > span { width:100%; color:rgba(255,255,255,.45); font-size:10px; letter-spacing:.14em; }
.serwisant-static-root .siti-related-services a { padding:9px 12px; border:1px solid rgba(255,255,255,.14); border-radius:7px; color:rgba(255,255,255,.7); font-size:12px; }
.serwisant-static-root .siti-privacy-hero { padding:90px 0; background:#080e2f; color:#fff; }
.serwisant-static-root .siti-privacy-hero h1 { margin:0; font-size:clamp(44px,5vw,68px); letter-spacing:-.05em; }
.serwisant-static-root .siti-privacy-hero > .container > p:not(.eyebrow) { max-width:720px; color:rgba(255,255,255,.68); font-size:17px; line-height:1.75; }
.serwisant-static-root .siti-privacy-hero small { color:#51e5c2; }
.serwisant-static-root .siti-privacy-grid { display:grid; grid-template-columns:280px minmax(0,1fr); gap:80px; align-items:start; }
.serwisant-static-root .siti-privacy-grid aside { position:sticky; top:105px; display:grid; gap:10px; padding:25px; border:1px solid #dfe2eb; border-radius:12px; background:#f4f6fa; }
.serwisant-static-root .siti-privacy-grid aside strong { margin-bottom:4px; }
.serwisant-static-root .siti-privacy-grid aside span, .serwisant-static-root .siti-privacy-grid aside > a:first-of-type { color:#646a7c; font-size:12px; overflow-wrap:anywhere; }
.serwisant-static-root .siti-privacy-grid aside > a:not(:first-of-type) { padding-top:9px; border-top:1px solid #dfe2eb; color:#111a49; font-size:12px; font-weight:700; }
.serwisant-static-root .siti-legal-article article { padding:0 0 48px; margin-bottom:48px; border-bottom:1px solid #dfe2eb; scroll-margin-top:110px; }
.serwisant-static-root .siti-legal-article article > span { color:#0f987e; font-family:Consolas,monospace; font-size:11px; }
.serwisant-static-root .siti-legal-article h2 { margin:14px 0 16px; font-size:28px; }
.serwisant-static-root .siti-legal-article p { margin:0; color:#555c6d; line-height:1.85; }
.serwisant-static-root .siti-legal-warning { margin-bottom:40px; padding:18px 20px; border:1px solid #ffcf9d; border-radius:9px; background:#fff7ed; color:#8a4b14; }
.serwisant-static-root .siti-cookie-reset { border:0; border-radius:7px; margin-top:20px; padding:11px 15px; background:#111a49; color:#fff; cursor:pointer; font-weight:700; }
.serwisant-static-root .footer-bottom-links { display:flex; gap:16px; }
.serwisant-static-root .footer-bottom-links a { color:rgba(255,255,255,.55); }
@media (max-width:900px) {
  .serwisant-static-root .siti-service-hero-grid, .serwisant-static-root .siti-privacy-grid { grid-template-columns:1fr; gap:45px; }
  .serwisant-static-root .siti-benefit-grid, .serwisant-static-root .siti-scope-grid { grid-template-columns:1fr 1fr; }
  .serwisant-static-root .siti-process-grid { grid-template-columns:1fr 1fr; }
  .serwisant-static-root .siti-privacy-grid aside { position:static; }
}
@media (max-width:680px) {
  .serwisant-static-root .siti-service-hero { padding:70px 0 76px; }
  .serwisant-static-root .siti-service-hero-grid { gap:34px; }
  .serwisant-static-root .siti-service-lead { font-size:16px; }
  .serwisant-static-root .siti-benefit-grid, .serwisant-static-root .siti-scope-grid, .serwisant-static-root .siti-process-grid { grid-template-columns:1fr; }
  .serwisant-static-root .siti-benefit-grid article, .serwisant-static-root .siti-process-grid article { min-height:0; border-right:0; border-bottom:1px solid #dfe2eb; }
  .serwisant-static-root .siti-process-grid article { border-color:rgba(255,255,255,.13); }
}



.serwisant-static-root .siti-blog-latest { padding:105px 0; background:#f4f6fa; }
.serwisant-static-root .siti-blog-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:42px; }
.serwisant-static-root .siti-blog-heading h2 { margin:0; max-width:680px; font-size:clamp(36px,4.5vw,58px); line-height:1.04; letter-spacing:-.05em; color:#13182c; }
.serwisant-static-root .siti-blog-heading p:not(.eyebrow) { max-width:470px; margin:0; color:#646a7c; }
.serwisant-static-root .siti-post-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.serwisant-static-root .siti-post-card { display:flex; min-height:330px; flex-direction:column; padding:28px; border:1px solid #dfe2eb; border-radius:13px; background:#fff; transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease; }
.serwisant-static-root .siti-post-card:hover { transform:translateY(-5px); border-color:rgba(15,152,126,.35); box-shadow:0 22px 48px rgba(17,26,73,.09); }
.serwisant-static-root .siti-post-card-meta { display:flex; justify-content:space-between; gap:15px; color:#0f987e; font-family:Consolas,monospace; font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.serwisant-static-root .siti-post-card h3 { margin:46px 0 14px; color:#13182c; font-size:23px; line-height:1.18; letter-spacing:-.035em; }
.serwisant-static-root .siti-post-card p { margin:0 0 28px; color:#646a7c; font-size:13px; line-height:1.7; }
.serwisant-static-root .siti-post-card > a { display:flex; justify-content:space-between; margin-top:auto; color:#202b68; font-size:12px; font-weight:800; }
.serwisant-static-root .siti-blog-footer-link { display:flex; justify-content:flex-end; margin-top:28px; }
.serwisant-static-root .siti-blog-hero,.serwisant-static-root .siti-blog-article-hero { padding:92px 0 100px; background:radial-gradient(circle at 82% 10%,rgba(81,229,194,.12),transparent 27%),linear-gradient(135deg,#080e2f,#151e53 62%,#202c6b); color:#fff; }
.serwisant-static-root .siti-blog-hero h1,.serwisant-static-root .siti-blog-article-hero h1 { max-width:900px; margin:0; font-size:clamp(46px,6vw,78px); line-height:1; letter-spacing:-.055em; }
.serwisant-static-root .siti-blog-hero > .container > p:not(.eyebrow),.serwisant-static-root .siti-blog-article-hero .siti-blog-lead { max-width:750px; margin:26px 0 0; color:rgba(255,255,255,.7); font-size:18px; line-height:1.7; }
.serwisant-static-root .siti-blog-archive { padding:95px 0 115px; background:#f4f6fa; }
.serwisant-static-root .siti-blog-archive .siti-post-grid { row-gap:18px; }
.serwisant-static-root .siti-blog-empty { padding:30px; border:1px solid #dfe2eb; border-radius:12px; background:#fff; color:#646a7c; }
.serwisant-static-root .siti-blog-pagination { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:38px; }
.serwisant-static-root .siti-blog-pagination .page-numbers { display:grid; min-width:38px; height:38px; place-items:center; border:1px solid #dfe2eb; border-radius:6px; background:#fff; color:#202b68; font-size:12px; font-weight:700; }
.serwisant-static-root .siti-blog-pagination .current { border-color:#111a49; background:#111a49; color:#51e5c2; }
.serwisant-static-root .siti-article-meta { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; color:#51e5c2; font-size:11px; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.serwisant-static-root .siti-blog-article { padding:90px 0 110px; background:#fff; }
.serwisant-static-root .siti-article-layout { display:grid; grid-template-columns:minmax(0,780px) 280px; justify-content:space-between; gap:90px; align-items:start; }
.serwisant-static-root .siti-article-content > p { margin:0 0 28px; color:#555c6d; font-size:17px; line-height:1.9; }
.serwisant-static-root .siti-article-content section { padding:0 0 44px; margin:0 0 44px; border-bottom:1px solid #dfe2eb; }
.serwisant-static-root .siti-article-content section > span { color:#0f987e; font-family:Consolas,monospace; font-size:11px; }
.serwisant-static-root .siti-article-content h2 { margin:13px 0 18px; color:#13182c; font-size:32px; line-height:1.18; letter-spacing:-.035em; }
.serwisant-static-root .siti-article-content section p { margin:0; color:#555c6d; font-size:16px; line-height:1.9; }
.serwisant-static-root .siti-article-checklist { display:grid; gap:11px; margin:24px 0 0; padding:0; list-style:none; }
.serwisant-static-root .siti-article-checklist li { padding:14px 16px; border-radius:7px; background:#f4f6fa; color:#313749; }
.serwisant-static-root .siti-article-checklist li::before { content:"✓"; margin-right:10px; color:#0f987e; font-weight:900; }
.serwisant-static-root .siti-article-aside { position:sticky; top:110px; display:grid; gap:12px; }
.serwisant-static-root .siti-article-aside > div { padding:24px; border:1px solid #dfe2eb; border-radius:11px; background:#f4f6fa; }
.serwisant-static-root .siti-article-aside small { display:block; margin-bottom:9px; color:#0f987e; font-size:9px; font-weight:850; letter-spacing:.12em; }
.serwisant-static-root .siti-article-aside strong { color:#13182c; line-height:1.4; }
.serwisant-static-root .siti-article-cta { padding:28px; border-radius:12px; background:#111a49; color:#fff; }
.serwisant-static-root .siti-article-cta h2 { margin:0 0 10px; color:#fff; font-size:25px; }
.serwisant-static-root .siti-article-cta p { margin:0 0 20px; color:rgba(255,255,255,.66); font-size:14px; line-height:1.7; }
@media(max-width:900px){.serwisant-static-root .siti-post-grid{grid-template-columns:1fr 1fr}.serwisant-static-root .siti-blog-heading{display:block}.serwisant-static-root .siti-blog-heading p:not(.eyebrow){margin-top:20px}.serwisant-static-root .siti-article-layout{grid-template-columns:1fr;gap:45px}.serwisant-static-root .siti-article-aside{position:static;grid-template-columns:1fr 1fr}}
@media(max-width:620px){.serwisant-static-root .siti-blog-latest,.serwisant-static-root .siti-blog-archive,.serwisant-static-root .siti-blog-article{padding:72px 0}.serwisant-static-root .siti-blog-hero,.serwisant-static-root .siti-blog-article-hero{padding:72px 0}.serwisant-static-root .siti-post-grid,.serwisant-static-root .siti-article-aside{grid-template-columns:1fr}.serwisant-static-root .siti-post-card{min-height:0}.serwisant-static-root .siti-post-card h3{margin-top:30px}}

.serwisant-static-root .siti-article-toc { margin:0 0 44px; padding:28px 30px 24px; border:1px solid #dfe4ed; border-radius:13px; background:linear-gradient(145deg,#f8fafc,#fff); }
.serwisant-static-root .siti-article-toc > small { color:#087662; font-size:8px; font-weight:850; letter-spacing:.14em; }
.serwisant-static-root .siti-article-toc h2 { margin:7px 0 17px; color:#101c37 !important; font-size:25px; letter-spacing:-.025em; }
.serwisant-static-root .siti-article-toc ol { display:grid; gap:0; margin:0; padding:0; list-style:none; counter-reset:siti-toc; }
.serwisant-static-root .siti-article-toc li { counter-increment:siti-toc; border-top:1px solid #e8ebf0; }
.serwisant-static-root .siti-article-toc a { display:grid; grid-template-columns:26px 1fr auto; gap:8px; align-items:center; padding:11px 0; color:#38445a; font-size:12px; line-height:1.45; }
.serwisant-static-root .siti-article-toc a::before { content:counter(siti-toc,decimal-leading-zero); color:#7a68ff; font-family:Consolas,monospace; font-size:9px; }
.serwisant-static-root .siti-article-toc a span { color:#087662; }
.serwisant-static-root .siti-article-toc a:hover { color:#087662; }
.serwisant-static-root .siti-article-opening { margin-bottom:48px !important; }
.serwisant-static-root .siti-article-content > section[id] { scroll-margin-top:110px; }
.serwisant-static-root .siti-author-box { display:grid; grid-template-columns:150px 1fr; gap:28px; align-items:center; margin-top:34px; padding:25px; border:1px solid #dfe4ed; border-radius:15px; background:#f5f7fa; }
.serwisant-static-root .siti-author-box img { width:150px; height:170px; border-radius:10px; object-fit:cover; object-position:center 20%; }
.serwisant-static-root .siti-author-box small { color:#087662; font-size:8px; font-weight:850; letter-spacing:.14em; }
.serwisant-static-root .siti-author-box h2 { margin:7px 0 10px; color:#101c37 !important; font-size:28px; letter-spacing:-.035em; }
.serwisant-static-root .siti-author-box p { margin:0 0 13px !important; color:#5c6677; font-size:12px; line-height:1.7; }
.serwisant-static-root .siti-author-box a { display:inline-flex; gap:8px; color:#087662; font-size:11px; font-weight:800; }
@media(max-width:620px){.serwisant-static-root .siti-article-toc{padding:23px 20px}.serwisant-static-root .siti-author-box{grid-template-columns:92px 1fr;gap:18px;padding:18px}.serwisant-static-root .siti-author-box img{width:92px;height:120px}.serwisant-static-root .siti-author-box h2{font-size:22px}}



/* Reguły ładowane na końcu, aby Astra i wygenerowany CSS Elementora nie nadpisywały projektu. */
.serwisant-static-root .header-inner { grid-template-columns:minmax(180px,205px) minmax(0,1fr) auto !important; gap:22px !important; }
.serwisant-static-root .desktop-nav { gap:clamp(14px,1.7vw,26px) !important; }
.serwisant-static-root .desktop-nav > a, .serwisant-static-root .siti-nav-dropdown > a { color:rgba(255,255,255,.82) !important; white-space:nowrap; }
.serwisant-static-root .siti-nav-dropdown { position:relative !important; display:block !important; width:auto !important; height:auto !important; }
.serwisant-static-root .siti-nav-dropdown > a { display:inline-flex; align-items:center; gap:8px; }
.serwisant-static-root .siti-nav-arrow { display:grid; width:18px; height:18px; flex:0 0 18px; place-items:center; border:1px solid rgba(81,229,194,.26); border-radius:50%; background:rgba(81,229,194,.07); color:#51e5c2; transition:border-color 160ms ease,background 160ms ease; }
.serwisant-static-root .siti-nav-arrow::before { content:""; width:5px; height:5px; margin-top:-2px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); transition:transform 160ms ease,margin 160ms ease; }
.serwisant-static-root .siti-nav-submenu { position:absolute !important; z-index:100 !important; top:calc(100% + 18px) !important; left:50% !important; display:grid !important; width:330px !important; height:auto !important; padding:10px !important; transform:translate(-50%,8px) !important; border:1px solid rgba(255,255,255,.12) !important; border-radius:12px !important; background:#080e2f !important; box-shadow:0 24px 60px rgba(0,0,0,.35) !important; opacity:0 !important; visibility:hidden !important; transition:160ms ease !important; }
.serwisant-static-root .siti-nav-submenu a { display:block !important; padding:10px 12px !important; border-radius:7px !important; color:rgba(255,255,255,.76) !important; font-size:12px !important; line-height:1.35 !important; white-space:normal !important; }
.serwisant-static-root .siti-nav-submenu a:hover, .serwisant-static-root .siti-nav-submenu a:focus-visible { background:rgba(81,229,194,.09) !important; color:#51e5c2 !important; }
.serwisant-static-root .siti-nav-submenu a::after { display:none !important; }
.serwisant-static-root .siti-nav-dropdown:hover .siti-nav-submenu, .serwisant-static-root .siti-nav-dropdown:focus-within .siti-nav-submenu { transform:translate(-50%,0) !important; opacity:1 !important; visibility:visible !important; }
.serwisant-static-root .siti-nav-dropdown:hover .siti-nav-arrow, .serwisant-static-root .siti-nav-dropdown:focus-within .siti-nav-arrow { border-color:rgba(81,229,194,.62); background:rgba(81,229,194,.14); }
.serwisant-static-root .siti-nav-dropdown:hover .siti-nav-arrow::before, .serwisant-static-root .siti-nav-dropdown:focus-within .siti-nav-arrow::before { margin-top:2px; transform:rotate(225deg); }
.serwisant-static-root .site-header, .serwisant-static-root .topbar, .serwisant-static-root .footer { color:#fff !important; }
.serwisant-static-root .hero h1,
.serwisant-static-root .hero .window-content h2,
.serwisant-static-root .hero .service-step strong,
.serwisant-static-root .monitoring-section h1,
.serwisant-static-root .monitoring-section h2,
.serwisant-static-root .monitoring-section h3,
.serwisant-static-root .pricing-section h1,
.serwisant-static-root .pricing-section h2,
.serwisant-static-root .pricing-section h3,
.serwisant-static-root .area-section h1,
.serwisant-static-root .area-section h2,
.serwisant-static-root .area-section h3,
.serwisant-static-root .contact-section h1,
.serwisant-static-root .contact-section h2,
.serwisant-static-root .contact-section h3,
.serwisant-static-root .footer h2,
.serwisant-static-root .footer h3,
.serwisant-static-root .siti-service-hero h1,
.serwisant-static-root .siti-service-hero h2,
.serwisant-static-root .siti-service-hero h3,
.serwisant-static-root .siti-service-process h1,
.serwisant-static-root .siti-service-process h2,
.serwisant-static-root .siti-service-process h3,
.serwisant-static-root .siti-privacy-hero h1,
.serwisant-static-root .siti-blog-hero h1,
.serwisant-static-root .siti-blog-article-hero h1 { color:#fff !important; }
.serwisant-static-root .hero h1 span, .serwisant-static-root .siti-service-hero h1 em { color:#51e5c2 !important; }
.serwisant-static-root .contact-details strong, .serwisant-static-root .guarantee-callout strong { color:#fff !important; }
.serwisant-static-root .siti-honeypot { position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important; opacity:0 !important; pointer-events:none !important; }
.serwisant-static-root .siti-form-status { min-height:20px; margin:8px 0 0; font-size:12px; line-height:1.5; }
.serwisant-static-root .siti-form-status[data-state="pending"] { color:rgba(255,255,255,.65); }
.serwisant-static-root .siti-form-status[data-state="success"] { color:#51e5c2; }
.serwisant-static-root .siti-form-status[data-state="error"] { color:#ffb4bd; }
.serwisant-static-root .contact-form button[disabled] { cursor:wait; opacity:.72; transform:none; }
@media(max-width:1180px){
  .serwisant-static-root .desktop-nav,.serwisant-static-root .button-header{display:none !important}
  .serwisant-static-root .mobile-menu{display:block !important;justify-self:end}
  .serwisant-static-root .header-inner{grid-template-columns:1fr auto !important}
}

.serwisant-static-root .topbar { min-height:37px; }
.serwisant-static-root .site-header { min-height:76px; }
.serwisant-static-root .siti-consent { display:grid; grid-template-columns:18px 1fr; align-items:start; gap:10px; margin:5px 0 8px; color:rgba(255,255,255,.58); font-size:10px; font-weight:500; line-height:1.65; cursor:pointer; }
.serwisant-static-root .siti-consent input { width:16px; height:16px; margin:2px 0 0; accent-color:#51e5c2; }
.serwisant-static-root .siti-consent a { color:#51e5c2; text-decoration:underline; text-underline-offset:2px; }
.serwisant-static-root .siti-consent strong { color:#51e5c2 !important; }
.serwisant-static-root .siti-mega-footer { position:relative; overflow:hidden; padding:0; background:#060b27; color:#fff; }
.serwisant-static-root .siti-mega-footer::before { content:""; position:absolute; width:480px; height:480px; right:-220px; top:100px; border-radius:50%; background:rgba(81,229,194,.055); filter:blur(10px); }
.serwisant-static-root .siti-footer-cta { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:70px; padding:64px 0; border-bottom:1px solid rgba(255,255,255,.1); }
.serwisant-static-root .siti-footer-cta h2 { max-width:760px; margin:0; color:#fff !important; font-size:clamp(34px,4vw,54px); line-height:1.04; letter-spacing:-.05em; }
.serwisant-static-root .siti-footer-cta > div:first-child > p:last-child { max-width:680px; margin:18px 0 0; color:rgba(255,255,255,.58); }
.serwisant-static-root .siti-footer-cta-actions { display:grid; gap:10px; min-width:235px; }
.serwisant-static-root .siti-footer-grid { position:relative; display:grid; grid-template-columns:1.15fr 1fr .7fr 1fr; gap:58px; padding:66px 0 58px; }
.serwisant-static-root .siti-footer-grid section > h3 { margin:0 0 23px; color:#fff !important; font-size:13px; letter-spacing:.02em; }
.serwisant-static-root .siti-footer-about > p { max-width:270px; margin:22px 0 25px; color:rgba(255,255,255,.48); font-size:13px; }
.serwisant-static-root .siti-footer-contact-lines { display:grid; gap:9px; }
.serwisant-static-root .siti-footer-contact-lines a { display:grid; gap:2px; }
.serwisant-static-root .siti-footer-contact-lines small { color:#51e5c2; font-size:8px; font-weight:850; letter-spacing:.12em; }
.serwisant-static-root .siti-footer-contact-lines strong { color:#fff !important; font-size:13px; overflow-wrap:anywhere; }
.serwisant-static-root .siti-footer-links { display:grid; gap:0; }
.serwisant-static-root .siti-mega-footer .siti-footer-links { display:grid !important; justify-content:stretch !important; gap:0 !important; color:inherit !important; }
.serwisant-static-root .siti-footer-links a { padding:8px 0; color:rgba(255,255,255,.56); font-size:12px; line-height:1.45; transition:color 160ms ease,transform 160ms ease; }
.serwisant-static-root .siti-footer-links a:hover { color:#51e5c2; transform:translateX(3px); }
.serwisant-static-root .siti-footer-local > p { margin:0 0 20px; color:rgba(255,255,255,.5); font-size:12px; line-height:1.7; }
.serwisant-static-root .siti-footer-areas { display:flex; flex-wrap:wrap; gap:7px; }
.serwisant-static-root .siti-footer-areas span { padding:7px 9px; border:1px solid rgba(255,255,255,.1); border-radius:5px; color:rgba(255,255,255,.56); font-size:9px; }
.serwisant-static-root .siti-footer-local > a { display:inline-flex; margin-top:20px; color:#51e5c2; font-size:11px; font-weight:750; }
.serwisant-static-root .siti-footer-bottom { position:relative; display:grid; grid-template-columns:1fr auto 1fr; gap:25px; align-items:center; padding:21px 0; border-top:1px solid rgba(255,255,255,.08); color:rgba(255,255,255,.3); font-size:9px; }
.serwisant-static-root .siti-footer-bottom > span:nth-child(2) { color:rgba(255,255,255,.48); }
.serwisant-static-root .siti-footer-bottom nav { display:flex; justify-content:flex-end; gap:16px; }
.serwisant-static-root .siti-mega-footer .siti-footer-bottom nav { display:flex !important; justify-content:flex-end !important; gap:16px !important; }
.serwisant-static-root .siti-footer-bottom a { color:rgba(255,255,255,.46); }
.serwisant-static-root .siti-footer-bottom a:hover { color:#51e5c2; }
.serwisant-static-root .siti-404-section { position:relative; min-height:650px; overflow:hidden; padding:100px 0 110px; background:linear-gradient(135deg,#080e2f,#151e53 62%,#202c6b); color:#fff; }
.serwisant-static-root .siti-404-section::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px) 0 0/64px 64px; }
.serwisant-static-root .siti-404-glow { position:absolute; width:480px; height:480px; right:8%; top:7%; border-radius:50%; background:rgba(81,229,194,.09); filter:blur(35px); }
.serwisant-static-root .siti-404-grid { position:relative; display:grid; grid-template-columns:minmax(0,1fr) 410px; align-items:center; gap:100px; }
.serwisant-static-root .siti-404-code { display:block; margin:-10px 0 -18px; color:rgba(255,255,255,.08); font-size:clamp(110px,16vw,220px); font-weight:900; letter-spacing:-.09em; line-height:.9; }
.serwisant-static-root .siti-404-section h1 { max-width:700px; margin:0; color:#fff !important; font-size:clamp(46px,5vw,72px); line-height:1; letter-spacing:-.055em; }
.serwisant-static-root .siti-404-lead { max-width:650px; margin:25px 0 0; color:rgba(255,255,255,.65); font-size:17px; line-height:1.75; }
.serwisant-static-root .siti-404-links { display:grid; padding:25px; border:1px solid rgba(255,255,255,.13); border-radius:15px; background:rgba(255,255,255,.045); backdrop-filter:blur(14px); }
.serwisant-static-root .siti-404-links > small { padding:4px 5px 18px; color:#51e5c2; font-size:9px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.serwisant-static-root .siti-404-links > a { display:grid; grid-template-columns:28px 1fr auto; align-items:center; gap:12px; padding:17px 5px; border-top:1px solid rgba(255,255,255,.09); color:rgba(255,255,255,.72); }
.serwisant-static-root .siti-404-links > a span { color:#51e5c2; font-family:Consolas,monospace; font-size:10px; }
.serwisant-static-root .siti-404-links > a strong { color:#fff !important; font-size:13px; }
.serwisant-static-root .siti-404-links > a i { color:#51e5c2; font-style:normal; }
@media(max-width:980px){.serwisant-static-root .siti-footer-cta{grid-template-columns:1fr}.serwisant-static-root .siti-footer-cta-actions{display:flex;flex-wrap:wrap;min-width:0}.serwisant-static-root .siti-footer-grid{grid-template-columns:1fr 1fr}.serwisant-static-root .siti-404-grid{grid-template-columns:1fr;gap:55px}}
@media(max-width:620px){.serwisant-static-root .siti-footer-cta{padding:50px 0}.serwisant-static-root .siti-footer-cta-actions{display:grid}.serwisant-static-root .siti-footer-grid{grid-template-columns:1fr;gap:38px;padding:50px 0}.serwisant-static-root .siti-footer-bottom{grid-template-columns:1fr;text-align:left}.serwisant-static-root .siti-footer-bottom nav{justify-content:flex-start !important}.serwisant-static-root .siti-404-section{padding:76px 0}.serwisant-static-root .siti-404-code{margin-bottom:-7px}.serwisant-static-root .siti-consent{font-size:9px}}

.serwisant-static-root .siti-google-reviews { overflow:hidden; background:#f7f8f5; }
.serwisant-static-root .siti-google-reviews::before { display:none; }
.serwisant-static-root .siti-reviews-heading { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr); align-items:end; gap:90px; margin-bottom:52px; }
.serwisant-static-root .siti-reviews-heading h2 { max-width:760px; margin:0; color:#101c37; font-size:clamp(42px,5.2vw,72px); line-height:.98; letter-spacing:-.055em; }
.serwisant-static-root .siti-google-summary { padding:8px 0 8px 27px; border-left:1px solid rgba(16,28,55,.16); }
.serwisant-static-root .siti-google-score { display:flex; align-items:center; gap:14px; }
.serwisant-static-root .siti-google-score strong { color:#087662 !important; font-family:Georgia,serif; font-size:34px; font-weight:500; }
.serwisant-static-root .siti-google-summary p { max-width:420px; margin:12px 0 18px; color:#596273; font-size:13px; line-height:1.65; }
.serwisant-static-root .siti-google-summary > a { display:inline-flex; gap:8px; align-items:center; padding-bottom:5px; border-bottom:1px solid rgba(8,118,98,.36); color:#101c37; font-size:12px; font-weight:800; }
.serwisant-static-root .siti-reviews-viewport { overflow:hidden; }
.serwisant-static-root .siti-reviews-track { display:flex; gap:18px; overflow-x:auto; padding:2px 2px 12px; scroll-behavior:smooth; scroll-snap-type:x mandatory; scrollbar-width:none; }
.serwisant-static-root .siti-reviews-track::-webkit-scrollbar { display:none; }
.serwisant-static-root .siti-review-card { flex:0 0 calc((100% - 36px)/3); min-height:316px; padding:27px; border:1px solid #d8dde1; border-radius:15px; background:#fff; scroll-snap-align:start; box-shadow:0 12px 30px rgba(16,28,55,.035); }
.serwisant-static-root .siti-review-card header { display:flex; align-items:center; gap:12px; }
.serwisant-static-root .siti-review-avatar { display:grid; width:45px; height:45px; flex:0 0 45px; place-items:center; border-radius:50%; background:#0b7d68; color:#fff; font-size:16px; font-weight:850; }
.serwisant-static-root .siti-review-card:nth-child(3n+2) .siti-review-avatar { background:#c0df45; color:#183426; }
.serwisant-static-root .siti-review-card:nth-child(3n) .siti-review-avatar { background:#f2eee5; color:#087662; }
.serwisant-static-root .siti-review-person { display:grid; min-width:0; gap:3px; }
.serwisant-static-root .siti-review-person strong { overflow:hidden; color:#101c37 !important; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.serwisant-static-root .siti-review-person small { color:#7a8290; font-size:9px; }
.serwisant-static-root .siti-google-mark { margin-left:auto; display:grid; width:28px; height:28px; place-items:center; border:1px solid #dce1e6; border-radius:50%; background:conic-gradient(from 40deg,#4285f4,#34a853,#fbbc05,#ea4335,#4285f4); color:transparent; font-size:12px; font-weight:900; background-clip:text; -webkit-background-clip:text; }
.serwisant-static-root .siti-review-card > .stars { display:block; margin:27px 0 20px; color:#f5a000; font-size:14px; letter-spacing:.11em; }
.serwisant-static-root .siti-review-card blockquote { margin:0; color:#202c43; font-size:14px; line-height:1.78; }
.serwisant-static-root .siti-reviews-footer { display:grid; grid-template-columns:1fr 320px 1fr; align-items:center; gap:24px; margin-top:20px; }
.serwisant-static-root .siti-reviews-count { color:#697180; font-size:10px; }
.serwisant-static-root .siti-reviews-progress { height:2px; overflow:hidden; background:#d6dcda; }
.serwisant-static-root .siti-reviews-progress i { display:block; width:50%; height:100%; background:#087662; transition:width 220ms ease; }
.serwisant-static-root .siti-reviews-arrows { display:flex; justify-content:flex-end; gap:9px; }
.serwisant-static-root .siti-reviews-arrows button { display:grid; width:47px; height:47px; place-items:center; border:1px solid #d6dcda; border-radius:50%; background:#fff; color:#087662; font-size:17px; cursor:pointer; transition:160ms ease; }
.serwisant-static-root .siti-reviews-arrows button:hover, .serwisant-static-root .siti-reviews-arrows button:focus-visible { border-color:#087662; background:#087662; color:#fff; transform:translateY(-2px); }
@media(max-width:980px){.serwisant-static-root .siti-reviews-heading{grid-template-columns:1fr;gap:35px}.serwisant-static-root .siti-review-card{flex-basis:calc((100% - 18px)/2)}.serwisant-static-root .siti-reviews-footer{grid-template-columns:1fr 220px 1fr}}
@media(max-width:640px){.serwisant-static-root .siti-google-summary{padding-left:18px}.serwisant-static-root .siti-review-card{flex-basis:88%;min-height:300px}.serwisant-static-root .siti-reviews-footer{grid-template-columns:1fr auto}.serwisant-static-root .siti-reviews-progress{grid-column:1/-1;grid-row:1}.serwisant-static-root .siti-reviews-count{grid-row:2}.serwisant-static-root .siti-reviews-arrows{grid-row:2}}



/* PageSpeed 5.3: LCP pozostaje widoczny bez oczekiwania na JavaScript. */
body:not(.siti-motion-enabled) .serwisant-static-root.reveal-ready [data-reveal],
.serwisant-static-root.siti-section-hero [data-reveal] {
  opacity:1 !important; transform:none !important; transition:none !important;
}
body:not(.siti-motion-enabled) .serwisant-static-root .hero-glow-one,
body:not(.siti-motion-enabled) .serwisant-static-root .hero-glow-two,
body:not(.siti-motion-enabled) .serwisant-static-root .service-window,
body:not(.siti-motion-enabled) .serwisant-static-root .floating-card-one,
body:not(.siti-motion-enabled) .serwisant-static-root .floating-card-two,
body:not(.siti-motion-enabled) .serwisant-static-root .camera-beam,
body:not(.siti-motion-enabled) .serwisant-static-root .recording i,
body:not(.siti-motion-enabled) .serwisant-static-root .floating-contact-cta {
  animation:none !important;
}
.serwisant-static-root .trust-strip span { color:#51596b !important; }
.serwisant-static-root .siti-review-person small { color:#555f70 !important; font-size:10px; }
.serwisant-static-root .siti-post-card-meta,
.serwisant-static-root .siti-post-card-meta span,
.serwisant-static-root .siti-post-card-meta time { color:#087662 !important; font-weight:700; }
#cb-btn-accept { background:#067647 !important; color:#fff !important; }
.serwisant-static-root.siti-section-outcomes,
.serwisant-static-root.siti-section-about,
.serwisant-static-root.siti-section-services,
.serwisant-static-root.siti-section-monitoring,
.serwisant-static-root.siti-section-business,
.serwisant-static-root.siti-section-process,
.serwisant-static-root.siti-section-cases,
.serwisant-static-root.siti-section-pricing,
.serwisant-static-root.siti-section-guarantee,
.serwisant-static-root.siti-section-opinions,
.serwisant-static-root.siti-section-area,
.serwisant-static-root.siti-section-faq,
.serwisant-static-root.siti-section-contact,
.elementor-widget-serwisant_it_blog_latest > .elementor-widget-container > .serwisant-static-root {
  content-visibility:auto; contain-intrinsic-size:auto 760px;
}
@media(max-width:767px){
  .serwisant-static-root .hero-grid{min-height:0}
  .serwisant-static-root .hero-mark{width:256px}
}


/* 5.4: poprawki po odpięciu ciężkiego arkusza Astry. */
.serwisant-static-root .about-portrait > img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
}

#ast-scroll-top {
  box-sizing: border-box;
  position: fixed;
  z-index: 9999;
  right: 22px;
  bottom: 22px;
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(81, 229, 194, 0.38);
  border-radius: 999px;
  background: #111a49;
  color: #51e5c2;
  box-shadow: 0 14px 34px rgba(8, 14, 47, 0.3);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity 180ms ease, visibility 180ms ease, transform 180ms ease,
    background-color 180ms ease, box-shadow 180ms ease;
}

#ast-scroll-top.siti-scroll-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

#ast-scroll-top:hover,
#ast-scroll-top:focus-visible {
  background: #080e2f;
  box-shadow: 0 18px 40px rgba(8, 14, 47, 0.38);
  outline: 2px solid #51e5c2;
  outline-offset: 3px;
}

#ast-scroll-top .ast-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  transform: rotate(180deg);
}

#ast-scroll-top .ast-arrow-svg {
  display: block;
  width: 18px;
  height: 12px;
  fill: currentColor;
}

#ast-scroll-top .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 680px) {
  #ast-scroll-top {
    right: 16px;
    bottom: 82px;
    width: 44px;
    height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #ast-scroll-top {
    transition: none;
  }
}