.elementor-8415 .elementor-element.elementor-element-7e99798{--display:flex;}.elementor-8415 .elementor-element.elementor-element-424d898{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8415 .elementor-element.elementor-element-cb7d41f{--display:flex;}.elementor-8415 .elementor-element.elementor-element-e52d573{margin:39px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:767px){.elementor-8415 .elementor-element.elementor-element-aad0b0d{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8415 .elementor-element.elementor-element-424d898{margin:-143px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8415 .elementor-element.elementor-element-06bf173{margin:-26px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8415 .elementor-element.elementor-element-e52d573{margin:-52px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-aad0b0d */:root {
  --brand: #F25623;
  --text: #DEDEDE;
  --ink: #0A0A0A;
  --ease: cubic-bezier(.22, 1, .36, 1);
}

/* === SEKCJA GŁÓWNA === */
.md-content-intro {
  position: relative;
  background: #000;
  color: var(--text);
  padding: 80px 8vw 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 70vh;
  overflow: hidden;
  isolation: isolate;
  border-bottom: none;
}

/* === GRID === */
.md-content-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 4vw;
  max-width: 1200px;
  width: 100%;
  position: relative;
  z-index: 2;
}

/* === LEWA STRONA === */
.md-content-left {
  text-align: left;
  padding-left: 2vw;
}

.md-content-left h2 {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(60px, 8vw, 100px);
  line-height: 1.05;
  letter-spacing: 1px;
  color: #fff;
  margin-top: -20px;
  position: relative;
}

.md-content-left h2 span {
  color: var(--brand);
  font-size: 1.05em;
  letter-spacing: 0.5px;
  display: inline-block;
  position: relative;
}

/* Subtelna linia pod nagłówkiem */
.md-content-left h2::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 0;
  width: 90px;
  height: 2px;
  background: var(--brand);
  border-radius: 2px;
  box-shadow: 0 0 14px rgba(242, 86, 35, 0.45);
  animation: pulseLine 4s ease-in-out infinite;
}

@keyframes pulseLine {
  0%, 100% { opacity: 0.6; transform: scaleX(1); }
  50% { opacity: 1; transform: scaleX(1.2); }
}

/* === PRAWA STRONA === */
.md-content-right {
  text-align: left;
  padding-right: 2vw;
}

.md-content-right p {
  font-family: 'Inter Tight', sans-serif;
  font-size: 18px;
  line-height: 1.8;
  color: rgba(222, 222, 222, 0.9);
  animation: fadeIn 1.2s var(--ease);
}

/* === ANIMACJE === */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

/* === RESPONSYWNOŚĆ === */
@media (max-width: 900px) {
  .md-content-intro {
    padding: 70px 7vw 50px;
    min-height: 65vh;
  }

  .md-content-grid {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 40px;
    max-width: 90%;
  }

  .md-content-left {
    padding-left: 0;
  }

  .md-content-left h2 {
    font-size: clamp(46px, 10vw, 72px);
    margin-top: -10px;
  }

  .md-content-left h2::after {
    left: 50%;
    transform: translateX(-50%);
  }

  .md-content-right {
    padding-right: 0;
  }

  .md-content-right p {
    font-size: 16px;
    line-height: 1.7;
  }
}

/* === USUŃ KRESKĘ POD EMOCJE (PSEUDO ELEMENT ::AFTER) === */
.md-content-left h2::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}







/* === WOLNE, SUBTELNE POWIĘKSZENIE "EMOCJE" PRZY WEJŚCIU === */
.md-content-left h2 span:last-child {
  font-size: 1.25em;
  color: var(--brand);
  display: inline-block;
  transform-origin: center;
  animation: appearBreathe 3s cubic-bezier(.22,1,.36,1) forwards;
}

/* elegancki, powolny "oddech" przy wejściu */
@keyframes appearBreathe {
  0% { transform: scale(0.9); opacity: 0; }
  40% { opacity: 1; transform: scale(1.05); }
  100% { transform: scale(1); opacity: 1; }
}

/* mobile – minimalnie krótsze, żeby zachować rytm strony */
@media (max-width: 900px) {
  .md-content-left h2 span:last-child {
    font-size: 1.18em;
    animation: appearBreathe 2.6s cubic-bezier(.22,1,.36,1) forwards;
  }
}







/* === Desktop: zmniejszenie tekstu "Technologia zaprojektowana" === */
@media (min-width: 901px) {
  .md-content-left h2 {
    font-size: clamp(46px, 5.5vw, 76px);
  }

  /* utrzymujemy rozmiar dla span (dla przewagi.) */
  .md-content-left h2 span {
    font-size: 1.05em;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-424d898 */:root {
  --brand: #F25623;
  --bg: #000;
  --ink: #fff;
  --ink-dim: #bdbdbd;
  --ease: cubic-bezier(.22,1,.36,1);
}

/* === SEKCJA === */
.mdcce-section {
  background: #000;
  color: var(--ink);
  padding: 120px 24px;
  position: relative;
  overflow: hidden;
}

.mdcce-wrap {
  max-width: 1240px;
  margin: 0 auto;
}

/* === TYTUŁY === */
.mdcce-eyebrow {
  color: #8a8a8a;
  font: 700 12px/1 'Inter Tight', system-ui;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-bottom: 10px;
}

.mdcce-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(52px, 7vw, 96px);
  letter-spacing: 0.02em;
  color: #fff;
  margin: 0;
  line-height: 0.9;
  text-transform: uppercase;
}

.mdcce-title-accent {
  color: var(--brand);
}

.mdcce-sub {
  max-width: 780px;
  margin: 18px 0 0;
  color: var(--ink-dim);
  font: 400 16px/1.7 'Inter Tight', system-ui;
}

/* === GRID === */
.mdcce-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(280px, 1fr));
  gap: 28px;
  margin-top: 64px;
}

/* === KAFEL === */
.mdcce-card {
  position: relative;
  background: #0b0b0b;
  border: 1px solid rgba(255,255,255,0.18);
  min-height: 420px;
  padding: 64px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  opacity: 0;
  transform: translateY(40px);
  transition: none;
}

.mdcce-card.is-in {
  opacity: 1;
  transform: translateY(0);
}

/* delikatne podświetlenie przy hoverze */
.mdcce-card:hover {
  background: #121212;
  transform: translateY(-2px);
  box-shadow: none;
}

/* === NUMER + LINIA === */
.mdcce-index {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  text-align: left;
  font: 600 13px 'Inter Tight', system-ui;
  color: #777;
  letter-spacing: .1em;
  padding-left: 26px;
}

.mdcce-index::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(255,255,255,0.18);
}

/* === TYTUŁ KAFELKA === */
.mdcce-card-title {
  position: relative;
  z-index: 2;
  color: #fff !important;
  font-family: 'TRIGER', sans-serif !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  letter-spacing: 0.3px;
  margin: 0;
  text-transform: uppercase;
}

/* === CTA – brutalist, z ↘ === */
.mdcce-cta {
  all: unset;
  position: relative;
  z-index: 3;
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  margin-top: 22px;
  font-family: 'Helvetica Neue', 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  color: var(--brand) !important;
  cursor: pointer;
}

.mdcce-cta::after {
  content: "↘";
  display: inline-block;
  font-weight: 900;
  font-size: 15px;
  line-height: 0;
  margin-top: -1px;
}

/* === OTWARTE === */
.mdcce-card.is-open {
  background: #111;
  border-color: rgba(255,255,255,0.25);
}

.mdcce-card.is-open .mdcce-card-title,
.mdcce-card.is-open .mdcce-cta {
  opacity: 0;
  pointer-events: none;
}

/* === TREŚĆ === */
.mdcce-content {
  position: absolute;
  inset: 0;
  background: #000;
  padding: 64px 52px;
  opacity: 0;
  transform: translateY(15%);
  pointer-events: none;
  transition: opacity .5s var(--ease), transform .6s var(--ease);
}

.mdcce-card.is-open .mdcce-content {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}

.mdcce-content p {
  color: #f1f1f1;
  font: 400 16px/1.8 'Inter Tight', system-ui;
  max-width: 540px;
}

/* === ZAMKNIJ === */
.mdcce-close {
  margin-top: 28px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: none;
  color: var(--brand);
  font: 700 12px 'Inter Tight', system-ui;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  cursor: pointer;
  padding: 8px 0;
}

.mdcce-close::before {
  content: "↖";
  font-weight: 900;
  font-size: 14px;
  line-height: 0;
  margin-top: -1px;
}

/* === RESPONSYWNOŚĆ === */
@media (max-width: 1000px) {
  .mdcce-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 700px) {
  .mdcce-grid { grid-template-columns: 1fr; }
  .mdcce-card { padding: 50px 28px; }
  .mdcce-card-title { font-size: 19px !important; }
  .mdcce-cta { font-size: 9.5px !important; }
}






/* === USUNIĘCIE RÓŻOWEGO HOVERA Z GUZIKÓW === */
.mdcce-cta:hover,
.mdcce-close:hover {
  color: var(--brand) !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  filter: none !important;
  text-decoration: none !important;
}



/* === USUNIĘCIE RÓŻOWEJ OBRAMÓWKI / OUTLINE Z GUZIKÓW === */
.mdcce-cta,
.mdcce-close {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.mdcce-cta:focus,
.mdcce-close:focus,
.mdcce-cta:active,
.mdcce-close:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}



/* === GLOW OD SPODU KAFLA + RUCH STRZAŁKI === */
.mdcce-card {
  transition: background .4s var(--ease), box-shadow .4s var(--ease), transform .4s var(--ease);
}

/* delikatny glow od spodu przy hoverze */
.mdcce-card:hover {
  background: #0e0e0e;
  box-shadow: 0 14px 40px -12px rgba(242, 86, 35, 0.25);
  transform: translateY(-2px);
}

/* ruch strzałki ↘ przy hoverze */
.mdcce-card:hover .mdcce-cta::after {
  transform: translate(2px, 2px);
  transition: transform .4s var(--ease);
}






/* === KOZACKI EFEKT PREMIUM DLA KAFLA === */
.mdcce-card {
  position: relative;
  overflow: hidden;
  transition: all .5s var(--ease);
  background: radial-gradient(circle at 50% 120%, #0b0b0b 0%, #000 100%);
}

/* subtelny glow + depth */
.mdcce-card::before {
  content: "";
  position: absolute;
  inset: -50%;
  background: radial-gradient(circle at 50% 120%, rgba(242,86,35,0.12) 0%, transparent 70%);
  opacity: 0;
  transform: scale(1.1);
  transition: opacity .6s var(--ease), transform .8s var(--ease);
  pointer-events: none;
}

/* delikatne przesuwające się światło */
.mdcce-card::after {
  content: "";
  position: absolute;
  top: -60%;
  left: -80%;
  width: 260%;
  height: 220%;
  background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,0.08) 50%, transparent 65%);
  transform: translateX(-100%) rotate(8deg);
  opacity: 0;
  transition: opacity .8s var(--ease), transform 1.4s var(--ease);
}

/* ruch, glow i światło przy hoverze */
.mdcce-card:hover {
  background: radial-gradient(circle at 50% 120%, #101010 0%, #000 100%);
  box-shadow: 0 18px 50px -12px rgba(242, 86, 35, 0.25);
  transform: translateY(-4px);
}

.mdcce-card:hover::before {
  opacity: 1;
  transform: scale(1);
}

.mdcce-card:hover::after {
  opacity: 1;
  transform: translateX(20%) rotate(8deg);
}

/* strzałka – mikro-ruch i lekki blink */
.mdcce-card:hover .mdcce-cta::after {
  transform: translate(2px, 2px);
  filter: drop-shadow(0 0 4px rgba(242,86,35,0.6));
  transition: transform .4s var(--ease), filter .5s var(--ease);
}



/* --- FIX: klikalność "Zamknij" i warstwy --- */
.mdcce-card::before,
.mdcce-card::after {
  pointer-events: none !important; /* światła nie łapią klików */
}

.mdcce-content {
  position: absolute;
  inset: 0;
  z-index: 5;                /* nad tłem/pseudo-elementami */
  pointer-events: none;      /* domyślnie nie klikalne */
  opacity: 0;
  transform: translateY(15%);
}

.mdcce-card.is-open .mdcce-content {
  pointer-events: auto;      /* po otwarciu dopiero klikalne */
  opacity: 1;
  transform: translateY(0);
}

.mdcce-close {
  position: relative;
  z-index: 6;                /* wyżej niż content */
  pointer-events: auto;      /* na wszelki wypadek */
}

/* po zamknięciu przywróć tytuł/CTA i zgaś content */
.mdcce-card:not(.is-open) .mdcce-card-title,
.mdcce-card:not(.is-open) .mdcce-cta {
  opacity: 1;
  pointer-events: auto;
}

.mdcce-card:not(.is-open) .mdcce-content {
  opacity: 0;
  transform: translateY(15%);
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-06bf173 *//* === MATYLA DESIGN • MOBILE FLOW • BRUTAL PREMIUM === */
:root{
  --brand:#F25623;
  --ink:#fff;
  --ink-dim:#a5a5a5;
  --line:#242424;
  --ease:cubic-bezier(.22,1,.36,1);
}

.mdcce-mobile-flow{
  background:#000;
  color:var(--ink);
  font-family:'Inter Tight',system-ui;
  min-height:100svh;
  padding:90px 0 100px; /* większy oddech od góry */
  overflow:hidden;
}

/* === HEADER (bez zmian) === */
.mdcce-head{
  text-align:center;
  padding:0 7vw 40px;
}

/* === LISTA === */
.mdcce-flow{
  padding:0 10vw;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:26px;
  position:relative;
  z-index:1;
}

/* === KAFEL / STEP === */
.mdcce-step{
  width:100%;
  max-width:540px;
  text-align:center;
  position:relative;
  background:transparent;
  border:none;
  border-bottom:1px solid var(--line);
  overflow:hidden;
  padding-bottom:10px;
  transition:transform .5s var(--ease),opacity .5s var(--ease);
}

/* === TYTUŁ === */
.mdcce-step-head{
  all:unset;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  width:100%;
  cursor:pointer;
  padding:10px 0 16px;
  position:relative;
}

.mdcce-step-title{
  font-family:'Inter Tight',sans-serif;
  font-size:13px; /* mniejsze, subtelne */
  font-weight:400;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:rgba(255,255,255,.45);
  transition:color .4s var(--ease),opacity .4s var(--ease);
}

/* === STRZAŁKA === */
.mdcce-step-arrow{
  font-size:12px;
  color:rgba(255,255,255,.5);
  transition:transform .4s var(--ease),color .4s var(--ease),opacity .4s var(--ease);
  animation:arrowPulse 1.8s ease-in-out infinite;
}
@keyframes arrowPulse{
  0%,100%{ transform:translate(0,0); opacity:.8; }
  50%{ transform:translate(2px,2px); opacity:1; }
}

/* === LINIA POD === */
.mdcce-step-head::after{
  content:"";
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
  box-shadow:0 0 10px rgba(255,255,255,.2);
  opacity:.35;
  transition:opacity .5s var(--ease),box-shadow .5s var(--ease);
}

/* === AKTYWNY === */
.mdcce-step.is-current .mdcce-step-title{
  color:#fff;
}
.mdcce-step.is-current .mdcce-step-arrow{
  color:var(--brand);
  transform:rotate(90deg);
  animation:none;
}
.mdcce-step.is-current .mdcce-step-head::after{
  opacity:1;
  box-shadow:0 0 16px rgba(242,86,35,.45);
  background:linear-gradient(90deg,transparent,rgba(242,86,35,.3),transparent);
}

/* === BODY === */
.mdcce-step-body {
overflow: hidden; /* ❌ wyłącza przewijanie */
opacity: 0;
transform: translateY(20px);
transition: opacity 0.6s ease, transform 0.8s cubic-bezier(.22,1,.36,1), max-height 0.6s ease;
will-change: transform, opacity, max-height;
max-height: 0;
}

.mdcce-step.open .mdcce-step-body {
opacity: 1;
transform: translateY(0);
/* zamiast sztywnego limitu – dynamicznie rozwija treść */
max-height: 2000px; /* bezpieczna granica, wystarczy na długi tekst */
overflow: visible; /* ✅ brak scrolla, tekst wysuwa się */
}
.mdcce-step-body p{
  font-size:14.5px;
  line-height:1.8;
  color:var(--ink-dim);
  margin:0 0 14px;
}

/* === POJAWIENIE === */
.mdcce-step{
  transform:translateY(20px);
  opacity:0;
}
.mdcce-step.active{
  transform:translateY(0);
  opacity:1;
}



/* === BLOKADA WSZELKICH HIGHLIGHTÓW, FOCUSÓW I AKTYWNYCH STYLÓW === */
.mdcce-step-head,
.mdcce-step-head *,
.mdcce-step-title,
.mdcce-step-title *,
.mdcce-step-arrow {
  -webkit-tap-highlight-color: rgba(0,0,0,0) !important; /* iOS/Android highlight */
  -webkit-focus-ring-color: transparent !important;       /* niebieska ramka Safari */
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Wyłącz focus/active pseudo-stany */
.mdcce-step-head:focus,
.mdcce-step-head:active,
.mdcce-step-title:focus,
.mdcce-step-title:active,
.mdcce-step-arrow:focus,
.mdcce-step-arrow:active {
  outline: none !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
}

/* i dodatkowo globalnie — absolutna blokada */
*:focus {
  outline: none !important;
  box-shadow: none !important;
}








/* === FIX: oddech między linią a tekstem po rozwinięciu === */
.mdcce-step-body {
margin-top: clamp(10px, 2vh, 20px) !important; /* delikatny, responsywny odstęp */
overflow: hidden !important;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.6s ease, transform 0.8s cubic-bezier(.22,1,.36,1), max-height 0.6s ease;
will-change: transform, opacity, max-height;
max-height: 0;
}

.mdcce-step.open .mdcce-step-body {
opacity: 1 !important;
transform: translateY(0) !important;
max-height: 2000px !important;
overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-195aa05 */:root {
  --brand: #F25623;
  --bg: #000;
  --text: #dcdcdc;
  --ease: cubic-bezier(.22,1,.36,1);
}

.md-values-premium {
  background: var(--bg);
  color: var(--text);
  padding: 180px 0;
  position: relative;
  overflow: hidden;
  font-family: 'Inter Tight', sans-serif;
}

/* === Nagłówek === */
.mvp-header {
  text-align: center;
  margin-bottom: 120px;
}

.mvp-subtitle {
  display: block;
  font-size: 18px;
  letter-spacing: 4px;
  color: rgba(255,255,255,0.5);
  margin-bottom: 12px;
}

.mvp-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 92px;
  letter-spacing: 1px;
  color: #fff;
}

/* === Linia pionowa === */
.mvp-line {
  position: absolute;
  left: 50%;
  top: 280px;
  bottom: 100px;
  width: 2px;
  background: linear-gradient(to bottom, transparent 0%, var(--brand) 50%, transparent 100%);
  transform: translateX(-50%);
  opacity: 0.3;
  filter: drop-shadow(0 0 12px var(--brand));
  animation: pulseLine 4s infinite ease-in-out;
  z-index: 1;
}

@keyframes pulseLine {
  0%,100% { opacity: 0.25; }
  50% { opacity: 0.7; }
}

/* === Punkty === */
.mvp-points {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 140px;
  position: relative;
  z-index: 2;
}

.mvp-point {
  display: flex;
  align-items: center;
  gap: 40px; /* bliżej tekstu */
  width: 100%;
  max-width: 1200px;
  opacity: 0;
  transform: translateY(40px);
  transition: all 1s var(--ease);
}

.mvp-point.visible {
  opacity: 1;
  transform: translateY(0);
}

/* === Układ lewa/prawa === */
.mvp-point.left {
  justify-content: flex-start;
  text-align: right;
}

.mvp-point.right {
  justify-content: flex-end;
  text-align: left;
}

/* === Punkty 2 i 4 (zamiana kolejności) === */
.mvp-point[data-order="2"],
.mvp-point[data-order="4"] {
  flex-direction: row-reverse;
  justify-content: flex-start;
  text-align: right;
}

/* === CYFRY — eleganckie mniejsze kółko === */
.mvp-num {
  position: relative;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 44px;
  color: rgba(255,255,255,0.25);
  width: 72px;
  height: 72px;
  border: 1px solid rgba(242,86,35,0.25);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 1s var(--ease);
  box-shadow: inset 0 0 10px rgba(242,86,35,0.15);
}

.mvp-point.visible .mvp-num {
  color: var(--brand);
  border-color: rgba(242,86,35,0.4);
  box-shadow: 0 0 18px rgba(242,86,35,0.45), inset 0 0 10px rgba(242,86,35,0.2);
  transform: scale(1.08);
}

/* === Teksty === */
.mvp-content h3 {
  font-size: 18px;
  letter-spacing: 1px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.mvp-content p {
  font-size: 15px;
  line-height: 1.8;
  color: rgba(255,255,255,0.75);
  max-width: 420px;
}

/* === Responsywność === */
@media (max-width: 768px) {
  .mvp-point {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 24px;
  }
  .mvp-content p {
    max-width: 90%;
  }
  .mvp-line {
    top: 220px;
    bottom: 60px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-479a688 */:root {
  --brand: #F25623;
  --bg: #000;
  --text: #DEDEDE;
  --ease: cubic-bezier(.22,1,.36,1);
}

.md-mobile-seq {
  background: var(--bg);
  color: var(--text);
  font-family: 'Inter Tight', sans-serif;
  overflow-x: hidden;
  padding: 80px 0;
  position: relative;
}

/* === Nagłówek === */
.mseq-head {
  text-align: center;
  margin-bottom: 40px;
}
.mseq-eyebrow {
  display: block;
  font-size: 13px;
  letter-spacing: 0.25em;
  color: rgba(255,255,255,0.65);
  text-transform: uppercase;
  margin-bottom: 6px;
}
.mseq-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 40px;
  color: #fff;
  letter-spacing: 1px;
}

/* === Punkty === */
.mseq-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 36px;
  position: relative;
}

/* === Krok === */
.mseq-step {
  text-align: center;
  padding: 10px 20px;
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.8s var(--ease);
  max-width: 420px;
  filter: blur(3px);
}
.mseq-step.visible {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

/* === Numer === */
.mseq-num {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(242,86,35,0.4);
  border-radius: 50%;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 20px;
  color: var(--brand);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px; /* 🔥 minimalny oddech (było 10px) */
  box-shadow: 0 0 10px rgba(242,86,35,0.25), inset 0 0 6px rgba(242,86,35,0.15);
  transition: transform 0.6s var(--ease), box-shadow 0.6s var(--ease);
}
.mseq-step.visible .mseq-num {
  transform: scale(1.08);
  box-shadow: 0 0 20px rgba(242,86,35,0.5);
}

/* === Tekst === */
.mseq-h3 {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 6px;
  color: #fff;
}
.mseq-p {
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255,255,255,0.75);
  max-width: 320px;
  margin: 0 auto;
}

/* === Animacje wejścia (naprzemienne) === */
.mseq-step:nth-child(odd).visible {
  animation: slideFromLeft 0.9s var(--ease) forwards;
}
.mseq-step:nth-child(even).visible {
  animation: slideFromRight 0.9s var(--ease) forwards;
}

@keyframes slideFromLeft {
  from { opacity: 0; transform: translateX(-40px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes slideFromRight {
  from { opacity: 0; transform: translateX(40px); }
  to { opacity: 1; transform: translateX(0); }
}





.mseq-num.glow {
  box-shadow: 0 0 25px rgba(242,86,35,0.7), inset 0 0 10px rgba(242,86,35,0.3);
  transition: box-shadow 0.6s ease;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e52d573 */:root{
  --brand:#F25623;         /* tło sekcji */
  --text:#DEDEDE;          /* kolor tekstu */
  --ink:#0A0A0A;           /* czarny (ramka, eyebrow, button text) */
  --ease:cubic-bezier(.22,1,.36,1);
}

/* ===== Sekcja ===== */
.md-cta-orange{
  position:relative;
  min-height:100vh;
  background:var(--brand);
  color:var(--text);
  display:grid;
  place-items:center;
  overflow:hidden;
  isolation:isolate;
  /* tylko górne rogi zaokrąglone */
  border-radius: 36px 36px 0 0;
}

/* Parallax tła */
.md-parallax{
  position:absolute; inset:-30%;
  pointer-events:none;
  filter: blur(90px);
  opacity:.55;
}
.md-parallax.l1{
  background:
    radial-gradient(50% 50% at 35% 40%, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 60%),
    radial-gradient(36% 36% at 70% 65%, rgba(0,0,0,.20) 0%, rgba(0,0,0,0) 60%);
  mix-blend-mode: screen;
  transform: translate3d(-6%, -4%, 0) scale(1.05);
  animation: parDrift1 16s ease-in-out infinite alternate;
}
.md-parallax.l2{
  background:
    radial-gradient(40% 40% at 70% 30%, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 60%),
    radial-gradient(30% 30% at 20% 75%, rgba(0,0,0,.18) 0%, rgba(0,0,0,0) 60%);
  mix-blend-mode: screen;
  transform: translate3d(4%, 5%, 0) scale(1.02);
  animation: parDrift2 18s ease-in-out infinite alternate;
}
@keyframes parDrift1{0%{transform:translate3d(-6%,-4%,0) scale(1.05)}100%{transform:translate3d(4%,3%,0) scale(1.08)}}
@keyframes parDrift2{0%{transform:translate3d(4%,5%,0) scale(1.02)}100%{transform:translate3d(-3%,-2%,0) scale(1.03)}}

/* Kontener – WYŚRODKOWANY */
.md-cta-wrap{
  position:relative; z-index:2;
  width:min(1200px, 86vw);
  text-align:center;                /* wyśrodkowanie tekstów */
  margin-inline:auto;
  --p:0; /* 0..1 progress scroll (JS) */
}

/* Eyebrow – czarny */
.md-eyebrow{
  font-size:12px; letter-spacing:3px; text-transform:uppercase;
  color:var(--ink);
  margin-bottom:16px;
  opacity:.95;
}

/* Headline */
.md-headline{
  font-family:'Bebas Neue', sans-serif;
  text-transform:uppercase;
  line-height:.86;
  font-size: clamp(54px, 10vw, 170px);
  margin:0 0 .45em 0;
  position:relative;
  transform: scale(calc(1.04 - .04*var(--p)));
  will-change: transform;
}
.h-line{ display:block; white-space:nowrap; letter-spacing: calc(0.02em - 0.02em*var(--p)); }

/* „Zakreślenie” słowa — CZARNA ramka + subtelny puls */
.stroke-box{
  position:relative; z-index:0;
}
.stroke-box::before{
  content:""; position:absolute; inset:-.06em -.20em;
  border:3px solid var(--ink);             /* czarna ramka */
  border-radius:42px;
  transform: rotate(-2deg) scaleX(calc(.7 + .3*var(--p)));
  opacity:calc(.9 + .1*var(--p));
  z-index:-1;
  animation: strokePulse 3.6s ease-in-out infinite;
}
@keyframes strokePulse{
  0%,100%{ box-shadow: 0 0 0 rgba(0,0,0,0); }
  50%{ box-shadow: 0 0 12px rgba(0,0,0,.18); }
}

/* Linia „cięcie” – żywa */
.brand-line{
  position:absolute; left:50%; transform:translateX(-50%) scaleX(calc(.3 + .7*var(--p)));
  bottom:-12px; height:3px;
  width:min(1100px, 90%);
  background:linear-gradient(90deg, transparent 0 8%, rgba(255,255,255,.95) 18% 82%, transparent 92% 100%);
  opacity: calc(.22 + .78*var(--p));
  transform-origin:center;
  filter: drop-shadow(0 0 8px rgba(255,255,255,.45));
  animation: lineSpark 2.8s var(--ease) infinite;
}
@keyframes lineSpark{
  0%,100% { filter: drop-shadow(0 0 6px rgba(255,255,255,.35)); }
  50%     { filter: drop-shadow(0 0 14px rgba(255,255,255,.6)); }
}

/* Copy */
.md-sub{
  font-family:'Inter Tight', system-ui, sans-serif;
  color: rgba(255,255,255,.95);
  max-width: 820px;
  margin: 16px auto 28px;
  font-size: clamp(15px, 1.2vw, 18px);
  line-height:1.75;
  opacity: calc(.0 + 1*var(--p));
  transform: translateY(calc(18px*(1 - var(--p))));
  transition: opacity .25s var(--ease), transform .25s var(--ease);
}

/* Button – stały CZARNY napis, jasne tło na hover, ring pulse */
.md-btn{
  position:relative;
  display:inline-flex; align-items:center; gap:14px;
  padding:16px 30px;
  border-radius:60px;
  border:1px solid rgba(255,255,255,.85);
  background: rgba(255,255,255, .16);   /* delikatna biel od startu */
  color: var(--ink);                    /* CZARNY TEKST ZAWSZE */
  font-family:'Inter Tight', system-ui, sans-serif;
  font-weight:800; letter-spacing:.02em;
  font-size: clamp(16px, 1.4vw, 20px);
  cursor:pointer;
  transform: translateY(calc(26px*(1 - var(--p))));
  opacity: calc(.0 + 1*var(--p));
  transition: transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease), color .25s var(--ease);
  overflow:hidden;
  will-change: transform;
  animation: breathe 3.8s ease-in-out infinite both 1s;
}
@keyframes breathe{ 0%,100%{ box-shadow:0 0 0 rgba(255,255,255,0); } 50%{ box-shadow:0 0 28px rgba(255,255,255,.18); } }

.md-btn .btn-text{ color: var(--ink); }  /* safeguard */
.md-btn .btn-circle{
  background: #FFFFFF;
  color:#000;
  border-radius:50%;
  width: 28px; height: 28px;
  display:inline-flex; align-items:center; justify-content:center;
  transition: transform .35s var(--ease), box-shadow .35s var(--ease);
}
.md-btn .btn-pulse{
  position:absolute; inset:0; border-radius:60px;
  background: radial-gradient(circle, rgba(255,255,255,0.35), transparent 70%);
  opacity:0; pointer-events:none;
}

/* Hover – NIE gubi napisu: tło jaśniejsze, tekst nadal czarny */
.md-btn:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255, .95);
  color: var(--ink);
  box-shadow:0 12px 44px rgba(0,0,0,.25), 0 0 22px rgba(255,255,255,.22);
}
.md-btn:hover .btn-circle{
  transform: rotate(45deg) scale(1.08);
  box-shadow: 0 0 18px rgba(0,0,0,.25);
}

/* Desktop parallax toggle dla nagłówka */
.md-cta-orange.parallax-on .md-headline{ transition: transform .12s linear; }

/* Responsive */
@media (max-width: 900px){
  .md-headline{ font-size: clamp(42px, 13vw, 96px); }
  .md-sub{ max-width: 94%; }
}








/* OG upgrade wyróżnienia */
.stroke-box{
  position:relative;
  display:inline-block;
  z-index:1;
  transition:transform .25s var(--ease);
}

.stroke-box::before{
  content:"";
  position:absolute; inset:-.06em -.20em;
  border:3px solid var(--ink);
  border-radius:42px;
  transform: rotate(-3deg) scaleX(calc(.72 + .28*var(--p)));
  opacity:calc(.96 + .04*var(--p));
  z-index:-1;
  animation: framePulse 3.4s ease-in-out infinite, frameWave 7s ease-in-out infinite;
}

@keyframes framePulse{
  0%,100% { box-shadow: 0 0 0 rgba(0,0,0,0); }
  50%    { box-shadow: 0 0 18px rgba(0,0,0,.26); }
}

@keyframes frameWave{
  0%,100% { transform: rotate(-3deg) scale(1); }
  50%     { transform: rotate(-2deg) scale(1.03); }
}

/* brandowy glow za słowem */
.stroke-box::after{
  content:attr(data-text);
  position:absolute; inset:0;
  z-index:-2;
  color:rgba(0,0,0,0.12);
  filter:blur(4px);
  animation: glowBreath 4.6s ease-in-out infinite;
}
@keyframes glowBreath{
  0%,100% { opacity:.32; transform: translateY(0); }
  50%     { opacity:.6; transform: translateY(-2px); }
}

/* MIKRO-GLITCH na scroll */
.md-cta-orange.glitch-on .stroke-box{
  transform:translateX(2px) rotate(-1deg);
}






/* 🔽 Jeszcze mniejszy CTA na mobile */
@media (max-width:600px){
  .md-btn{
    padding:10px 18px;      /* było 14px 22px → ciaśniej */
    font-size:12.5px;       /* było 14px → subtelniej */
    border-radius:50px;     /* bardziej kompaktowo */
  }
  .md-btn .btn-circle{
    width:20px; 
    height:20px;
    font-size:13px;
  }
  .md-btn .btn-text{
    font-size:13px;
    letter-spacing:.01em;
  }
}







/* === UNDERLINE GLOW (bez pseudo-elementów) === */
.stroke-box{
  /* nic nie kasujesz – dokładamy tylko tło-underline sterowane klasą */
  background-image: linear-gradient(90deg, rgba(255,255,255,.85), rgba(255,255,255,1) 50%, rgba(255,255,255,.85));
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 0% 4px;               /* start: brak */
  transition:
    background-size .28s cubic-bezier(.22,1,.36,1),
    transform .22s cubic-bezier(.22,1,.36,1),
    text-shadow .22s cubic-bezier(.22,1,.36,1);
  transform-style: preserve-3d;
  --tx:0; --ty:0;                         /* tilt (JS) */
  transform: rotateX(calc(var(--ty)*1deg)) rotateY(calc(var(--tx)*1deg)) translateZ(0);
}

.stroke-box.hover-on{
  background-size: 100% 4px;              /* underline rośnie do 100% */
}

/* === SPARKLES (wstrzykiwane z JS – nic nie zmieniasz w HTML) === */
.md-spark{
  position:absolute;
  width:6px; height:6px;
  border-radius:50%;
  background: #ffffff;
  box-shadow:
    0 0 12px rgba(255,255,255,.85),
    0 0 24px rgba(255,255,255,.55);
  pointer-events:none;
  mix-blend-mode: screen;
  animation: sparkPop .7s cubic-bezier(.22,1,.36,1) forwards;
  z-index:4;
}
@keyframes sparkPop{
  0%   { transform: translate(-50%,-50%) scale(.6); opacity:.95; }
  60%  { transform: translate(var(--dx,0), var(--dy,0)) scale(1.2); opacity:.9; }
  100% { transform: translate(var(--dx2,0), var(--dy2,0)) scale(.1); opacity:0; }
}

/* szacunek dla prefers-reduced-motion */
@media (prefers-reduced-motion: reduce){
  .stroke-box{ transition: background-size .2s linear; transform:none !important; }
  .md-spark{ display:none !important; }
}








/* 🔽 Zwężamy wysokość sekcji o ok. 30% od dołu */
.md-cta-orange{
  min-height: 70vh; /* było 100vh → 70vh = -30% */
  padding-top: 10vh; /* żeby headline nie przykleił się do góry */
  padding-bottom: 6vh; /* lekkie oddychanie CTA nad dołem */
}/* End custom CSS */