.elementor-27 .elementor-element.elementor-element-f5c00ce{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;}.elementor-27 .elementor-element.elementor-element-f5c00ce::before, .elementor-27 .elementor-element.elementor-element-f5c00ce > .elementor-background-video-container::before, .elementor-27 .elementor-element.elementor-element-f5c00ce > .e-con-inner > .elementor-background-video-container::before, .elementor-27 .elementor-element.elementor-element-f5c00ce > .elementor-background-slideshow::before, .elementor-27 .elementor-element.elementor-element-f5c00ce > .e-con-inner > .elementor-background-slideshow::before, .elementor-27 .elementor-element.elementor-element-f5c00ce > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-27 .elementor-element.elementor-element-f5c00ce:hover::before, .elementor-27 .elementor-element.elementor-element-f5c00ce:hover > .elementor-background-video-container::before, .elementor-27 .elementor-element.elementor-element-f5c00ce:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-27 .elementor-element.elementor-element-f5c00ce > .elementor-background-slideshow:hover::before, .elementor-27 .elementor-element.elementor-element-f5c00ce > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-27 .elementor-element.elementor-element-f5c00ce:hover{--overlay-opacity:0.5;}.elementor-27 .elementor-element.elementor-element-735fb2d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27 .elementor-element.elementor-element-0ce05dd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27 .elementor-element.elementor-element-08ae7f5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27 .elementor-element.elementor-element-69cfe75{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-27 .elementor-element.elementor-element-69cfe75 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-27 .elementor-element.elementor-element-69cfe75:after{content:"0.66";}.elementor-27 .elementor-element.elementor-element-69cfe75 .elementor-post__thumbnail__link{width:100%;}.elementor-27 .elementor-element.elementor-element-69cfe75 .elementor-post__meta-data span + span:before{content:"•";}.elementor-27 .elementor-element.elementor-element-69cfe75 .elementor-post__card{background-color:var( --e-global-color-astglobalcolor5 );}.elementor-27 .elementor-element.elementor-element-69cfe75 .elementor-post__text{margin-top:20px;}.elementor-27 .elementor-element.elementor-element-69cfe75 .elementor-post__title, .elementor-27 .elementor-element.elementor-element-69cfe75 .elementor-post__title a{color:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-69cfe75 .elementor-post__excerpt p{color:var( --e-global-color-astglobalcolor3 );}.elementor-27 .elementor-element.elementor-element-69cfe75 .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-27 .elementor-element.elementor-element-69cfe75 .elementor-pagination{text-align:center;}.elementor-27 .elementor-element.elementor-element-69cfe75 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-astglobalcolor0 );}body:not(.rtl) .elementor-27 .elementor-element.elementor-element-69cfe75 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-27 .elementor-element.elementor-element-69cfe75 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-27 .elementor-element.elementor-element-69cfe75 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-27 .elementor-element.elementor-element-69cfe75 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-27 .elementor-element.elementor-element-1edab3b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-27 .elementor-element.elementor-element-31e63d1.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-27 .elementor-element.elementor-element-31e63d1 .elementor-main-swiper{height:172px;width:60%;}.elementor-27 .elementor-element.elementor-element-31e63d1 .elementor-main-swiper .swiper-slide{background-color:var( --e-global-color-astglobalcolor2 );border-radius:0px;}.elementor-27 .elementor-element.elementor-element-31e63d1 .elementor-swiper-button{font-size:20px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-27 .elementor-element.elementor-element-31e63d1.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(max-width:767px){.elementor-27 .elementor-element.elementor-element-69cfe75 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-27 .elementor-element.elementor-element-69cfe75:after{content:"0.5";}.elementor-27 .elementor-element.elementor-element-69cfe75 .elementor-post__thumbnail__link{width:100%;}.elementor-27 .elementor-element.elementor-element-31e63d1.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-27 .elementor-element.elementor-element-31e63d1 .elementor-main-swiper{height:100px;width:250px;}}/* Start custom CSS for html, class: .elementor-element-b0f7862 */:root {
  --bg-root: #020617;
  --bg-card: #020617;
  --bg-card-soft: #0b1120;
  --border-soft: rgba(148, 163, 184, 0.45);
  --text-main: #e5e7eb;
  --text-muted: #9ca3af;
  --accent: #2563eb;
  --accent-soft: rgba(37, 99, 235, 0.12);
  --accent-strong: rgba(37, 99, 235, 0.55);
  --shadow-soft: 0 18px 45px rgba(15, 23, 42, 0.8);
  --radius-card: 18px;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: radial-gradient(circle at top, #020617 0, #020617 42%, #000 100%);
  color: var(--text-main);
}

.home-wrapper {
  max-width: 1120px;
  margin: 0 auto;
  padding: 2.5rem 1.5rem 3.5rem;
}

@media (min-width: 900px) {
  .home-wrapper {
    padding: 3rem 1.5rem 4rem;
  }
}

.home-card {
  background: radial-gradient(circle at top left, rgba(15, 23, 42, 0.9), rgba(15, 23, 42, 0.98));
  border-radius: var(--radius-card);
  border: 1px solid var(--border-soft);
  box-shadow: var(--shadow-soft);
  padding: 1.75rem 1.5rem;
  margin-bottom: 1.75rem;
  position: relative;
  overflow: hidden;
}

@media (min-width: 900px) {
  .home-card {
    padding: 2rem 2rem;
  }
}

.home-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.18), transparent 55%);
  opacity: 0.7;
  pointer-events: none;
}

.home-card-inner {
  position: relative;
  z-index: 1;
}

.home-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.22rem 0.75rem;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.55);
  background: rgba(15, 23, 42, 0.9);
  color: var(--text-muted);
  font-size: 0.72rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  margin-bottom: 0.9rem;
}

.home-pill span.dot {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: radial-gradient(circle at center, #22c55e, #16a34a);
  box-shadow: 0 0 10px rgba(34, 197, 94, 0.85);
}

h1,
h2,
h3 {
  margin: 0 0 0.75rem;
  line-height: 1.25;
}

/* tylko kolor nagłówków trzeciego poziomu w kartach –
   rozmiar przejmuje z motywu / globalnego CSS */
.home-card h3 {
  color: var(--accent-strong);
}

p {
  margin: 0 0 0.75rem;
  line-height: 1.7;
  color: var(--text-main);
}

.muted {
  color: var(--text-muted);
}

.highlight {
  color: #facc15;
  font-weight: 600;
}

.accent {
  color: var(--accent);
  font-weight: 600;
}

ul {
  margin: 0.2rem 0 0.85rem 1.1rem;
  padding: 0;
  color: var(--text-main);
}

li + li {
  margin-top: 0.35rem;
}

.home-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}

@media (min-width: 900px) {
  .home-grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 1.75rem;
  }
}

.badge-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0.5rem 0 0.4rem;
}

.badge {
  font-size: 0.78rem;
  padding: 0.18rem 0.6rem;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.7);
  background: rgba(15, 23, 42, 0.95);
  color: var(--text-muted);
  white-space: nowrap;
}

.badge--accent {
  border-color: rgba(37, 99, 235, 0.65);
  background: radial-gradient(circle at top, rgba(37, 99, 235, 0.32), rgba(15, 23, 42, 0.98));
  color: var(--text-main);
  font-weight: 500;
}

.image-slot {
  margin: 1.75rem 0;
  border-radius: 16px;
  border: 1px dashed rgba(148, 163, 184, 0.55);
  background:
    radial-gradient(circle at top left, rgba(37, 99, 235, 0.15), transparent 60%),
    radial-gradient(circle at bottom right, rgba(15, 23, 42, 0.95), #020617);
  overflow: hidden;
}

.image-slot img {
  width: 100%;
  display: block;
  border-radius: 16px;
}

@media (min-width: 900px) {
  .image-slot {
    min-height: 240px;
  }
}

.steps {
  counter-reset: step;
  margin: 0.3rem 0 0.3rem;
  padding: 0;
  list-style: none;
}

.steps li {
  counter-increment: step;
  position: relative;
  margin: 0 0 0.65rem;
  padding-left: 2.2rem;
}

.steps li::before {
  content: counter(step);
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 600;
  background: radial-gradient(circle at top, rgba(37, 99, 235, 0.4), rgba(15, 23, 42, 0.98));
  border: 1px solid rgba(37, 99, 235, 0.8);
  color: var(--text-main);
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.9);
}

.cta-card {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.98), rgba(15, 23, 42, 0.99));
  border-radius: 20px;
  border: 1px solid rgba(37, 99, 235, 0.7);
  padding: 1.5rem 1.4rem;
  margin-top: 2rem;
  position: relative;
  overflow: hidden;
}

@media (min-width: 900px) {
  .cta-card {
    padding: 1.8rem 1.7rem;
  }
}

.cta-card::before {
  content: "";
  position: absolute;
  inset: -80px;
  background:
    radial-gradient(circle at top left, rgba(37, 99, 235, 0.35), transparent 60%),
    radial-gradient(circle at bottom right, rgba(59, 130, 246, 0.22), transparent 60%);
  opacity: 0.9;
  pointer-events: none;
}

.cta-inner {
  position: relative;
  z-index: 1;
}

.cta-title {
  font-size: 1.2rem;
  margin: 0 0 0.45rem;
}

.cta-sub {
  font-size: 0.92rem;
  color: var(--text-main);
  margin: 0 0 0.9rem;
}

.cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  margin-top: 0.6rem;
}

.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.55rem 1.4rem;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.9);
  background: radial-gradient(circle at top, #3b82f6, #1d4ed8);
  color: #e5e7eb;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.7);
  white-space: nowrap;
}

.btn-primary span {
  margin-right: 0.4rem;
}

.cta-contact {
  font-size: 0.9rem;
  color: var(--text-main);
}

.cta-contact a {
  color: #eff6ff;
  text-decoration: none;
  border-bottom: 1px dashed rgba(191, 219, 254, 0.6);
}

.cta-contact a:hover {
  border-bottom-style: solid;
}

.cta-highlight {
  font-weight: 600;
  color: #facc15;
}

a {
  color: var(--accent);
}/* End custom CSS */