/* v58 - focused correction pass. No content changes. */

/* 01 - screen 01 remains the motion reference, now with the same 3px active top edge. */
.hero-v5 .journey-stage-v4[data-phase="step-1"] .journey-panel-research{
  box-shadow:inset 0 3px rgba(215,171,67,.94)!important;
}
.hero-v5 .journey-stage-v4[data-phase="step-2"] .journey-panel-engine{
  box-shadow:inset 0 3px rgba(162,77,255,.94)!important;
}
.hero-v5 .journey-stage-v4[data-phase="step-3"] .journey-panel-output{
  box-shadow:inset 0 3px rgba(0,213,230,.86)!important;
}

@media (min-width:1600px){
  /* 02 - restore space to the left. The right system is compact, not dominant. */
  #wartosc .criteria-layout-v29{
    grid-template-columns:minmax(560px,.82fr) minmax(0,1.18fr);
    gap:clamp(32px,2.5vw,42px);
  }
  #wartosc .criteria-copy h2{font-size:clamp(50px,3.35vw,56px);line-height:.99}
  #wartosc .criteria-path-labels-v56,
  #wartosc .criteria-path-card-v56{grid-template-columns:minmax(0,1fr) minmax(205px,.82fr) minmax(0,1fr)}

  /* 03 - same balance as 02: hero keeps authority, product model stays compact. */
  #mechanizm .knowledge-layout-v52{
    grid-template-columns:minmax(560px,.82fr) minmax(0,1.18fr);
    gap:clamp(32px,2.5vw,42px);
  }
  #mechanizm .knowledge-product-v52 .knowledge-stage{
    grid-template-columns:minmax(0,1fr) 174px minmax(0,1fr);
  }

  /* 06 - restore the pre-v57 proportions. Only typography inside pricing grows. */
  #warianty .pricing-layout-v45{
    grid-template-columns:minmax(430px,.64fr) minmax(0,1.36fr);
    gap:34px;
  }
}

@media (min-width:1025px) and (max-width:1599px){
  #wartosc .criteria-layout-v29{grid-template-columns:minmax(400px,.74fr) minmax(0,1.26fr);gap:32px}
  #wartosc .criteria-copy h2{font-size:clamp(46px,3.55vw,54px);line-height:.99}
  #mechanizm .knowledge-layout-v52{grid-template-columns:minmax(400px,.74fr) minmax(0,1.26fr);gap:32px}
  #warianty .pricing-layout-v45{grid-template-columns:minmax(360px,.62fr) minmax(0,1.38fr);gap:30px}
}

/* 02 - remove the excess air without shrinking the information. */
#wartosc .criteria-rank-v52{transform:translateY(-16px)}
#wartosc .criteria-story-stage-v54{grid-template-rows:104px auto 1fr;padding:8px 12px 12px}
#wartosc .criteria-engine-top-v56{min-height:104px}
#wartosc .criteria-path-labels-v56{padding-inline:8px;gap:6px}
#wartosc .criteria-paths-v56{grid-template-rows:repeat(3,minmax(78px,1fr));min-height:246px;gap:8px}
#wartosc .criteria-path-card-v56{min-height:78px}
#wartosc .criteria-path-side-v56,#wartosc .criteria-path-rule-v56{padding:8px 10px}
#wartosc .criteria-path-side-v56 strong{font-size:14px;white-space:nowrap}
#wartosc .criteria-path-side-v56 p{font-size:11.75px;white-space:nowrap}
#wartosc .criteria-path-rule-v56 span{font-size:10px;white-space:nowrap}

/* 03 - one three-panel language, no old 01 labels or decorative dash marks. */
#mechanizm .knowledge-product-v52 .knowledge-stage{min-height:328px}
#mechanizm .knowledge-column{
  padding:22px 18px 18px;
  background:linear-gradient(180deg,rgba(255,255,255,.006),transparent 74%);
}
#mechanizm .knowledge-label{width:100%;text-align:center}
#mechanizm .knowledge-card-list{gap:0;align-content:center}
#mechanizm .knowledge-card-list article{
  display:grid;
  grid-template-columns:1fr;
  place-items:center;
  min-height:66px;
  padding:10px 8px;
  border:0;
  border-top:1px solid rgba(255,255,255,.075);
  background:transparent!important;
  text-align:center;
  overflow:visible;
}
#mechanizm .knowledge-card-list article:last-child{border-bottom:1px solid rgba(255,255,255,.075)}
#mechanizm .knowledge-card-list article small,
#mechanizm .knowledge-card-list article>i{display:none!important}
#mechanizm .knowledge-card-list strong{font-size:13.5px!important;line-height:1.24;white-space:normal;text-align:center}
#mechanizm .knowledge-engine{
  display:grid;
  grid-template-rows:auto 1fr auto;
  justify-items:center;
  align-items:center;
  padding:22px 12px 18px;
  text-align:center;
}
#mechanizm .knowledge-engine>span{align-self:start;width:100%;text-align:center}
#mechanizm .knowledge-core{align-self:center;justify-self:center;margin:0!important}
#mechanizm .knowledge-engine>p{align-self:end;justify-self:center;margin:0;white-space:normal;text-align:center}
#mechanizm .knowledge-source,#mechanizm .knowledge-engine,#mechanizm .knowledge-output{box-shadow:none;background:linear-gradient(180deg,rgba(255,255,255,.006),transparent 74%)}
#mechanizm[data-pe-phase="step-1"] .knowledge-source{
  box-shadow:inset 0 3px rgba(215,171,67,.94)!important;
  background:linear-gradient(180deg,rgba(215,171,67,.12),rgba(215,171,67,.045) 38%,transparent 76%)!important;
}
#mechanizm[data-pe-phase="step-2"] .knowledge-engine{
  box-shadow:inset 0 3px rgba(162,77,255,.94)!important;
  background:linear-gradient(180deg,rgba(162,77,255,.13),rgba(162,77,255,.045) 38%,transparent 76%)!important;
}
#mechanizm[data-pe-phase="step-3"] .knowledge-output{
  box-shadow:inset 0 3px rgba(0,213,230,.86)!important;
  background:linear-gradient(180deg,rgba(0,213,230,.105),rgba(0,213,230,.038) 38%,transparent 76%)!important;
}
#mechanizm[data-pe-phase="done"] .knowledge-source,
#mechanizm[data-pe-phase="done"] .knowledge-engine,
#mechanizm[data-pe-phase="done"] .knowledge-output{box-shadow:none!important;background:linear-gradient(180deg,rgba(255,255,255,.006),transparent 74%)!important}

/* 05 - no left inset accent. Every active tile lights only from the top. */
#proces[data-pe-phase="step-1"] .value-proof-module-v42:nth-child(1),
#proces[data-pe-phase="step-2"] .value-proof-module-v42:nth-child(2),
#proces[data-pe-phase="step-3"] .value-proof-module-v42:nth-child(3){box-shadow:none!important}
#proces[data-pe-phase="step-1"] .value-proof-module-v42:nth-child(1){background:linear-gradient(180deg,rgba(215,171,67,.13),rgba(215,171,67,.045) 34%,transparent 72%)!important}
#proces[data-pe-phase="step-2"] .value-proof-module-v42:nth-child(2){background:linear-gradient(180deg,rgba(162,77,255,.13),rgba(162,77,255,.045) 34%,transparent 72%)!important}
#proces[data-pe-phase="step-3"] .value-proof-module-v42:nth-child(3){background:linear-gradient(180deg,rgba(0,213,230,.11),rgba(0,213,230,.038) 34%,transparent 72%)!important}
#proces .value-decision-manifest-v42>canvas{opacity:0!important}
#proces[data-pe-phase="done"] .value-decision-manifest-v42{
  background:linear-gradient(180deg,rgba(255,59,48,.15) 0%,rgba(255,59,48,.065) 24%,rgba(255,59,48,.018) 52%,rgba(6,6,10,.97) 82%)!important;
  box-shadow:inset 0 3px rgba(255,59,48,.92),0 24px 78px rgba(0,0,0,.36)!important;
}

/* 06 - original left/right balance; larger inner type; no dim flash between loops. */
#warianty .pricing-copy-v45{display:block!important;padding:0!important;align-self:center!important}
#warianty .pricing-rules-trigger-v45{position:static!important;margin-top:18px}
#warianty .pricing-copy-v45 h2{font-size:var(--v52-title)!important;line-height:.98}
#warianty .pricing-card-v45 li{font-size:11.6px!important;line-height:1.29}
#warianty .pricing-cards-v45 .pricing-card-v45::before{height:0!important;opacity:0!important;box-shadow:none!important;transition:height .35s ease,opacity .35s ease,box-shadow .35s ease}
#warianty[data-pe-phase="step-1"] .pricing-card-v45:nth-child(1)::before{height:3px!important;opacity:1!important;background:#75e2e9!important;box-shadow:0 0 18px rgba(0,213,230,.22)!important}
#warianty[data-pe-phase="step-2"] .pricing-card-v45:nth-child(2)::before{height:3px!important;opacity:1!important;background:#e8c35b!important;box-shadow:0 0 18px rgba(215,171,67,.24)!important}
#warianty[data-pe-phase="step-3"] .pricing-card-v45:nth-child(3)::before{height:3px!important;opacity:1!important;background:#c17cff!important;box-shadow:0 0 18px rgba(162,77,255,.22)!important}
#warianty[data-pe-phase="step-1"] .pricing-card-v45:nth-child(1){box-shadow:0 0 30px rgba(0,213,230,.035)!important}
#warianty[data-pe-phase="step-2"] .pricing-card-v45:nth-child(2){box-shadow:0 0 34px rgba(215,171,67,.05)!important}
#warianty[data-pe-phase="step-3"] .pricing-card-v45:nth-child(3){box-shadow:0 0 32px rgba(162,77,255,.045)!important}
#warianty[data-pe-phase="idle"] .pricing-cards-v45 .pricing-card-v45,
#warianty[data-pe-phase="done"] .pricing-cards-v45 .pricing-card-v45{opacity:.88!important;filter:none!important;background:linear-gradient(180deg,rgba(255,255,255,.012),transparent 48%)!important;box-shadow:none!important}
#warianty[data-pe-phase="idle"] .pricing-card-v45.is-business,
#warianty[data-pe-phase="done"] .pricing-card-v45.is-business{background:radial-gradient(circle at 50% 12%,rgba(215,171,67,.055),transparent 34%),linear-gradient(180deg,rgba(215,171,67,.018),transparent 52%)!important}

/* 08 - compact secondary deadline instrument with paired product colors. */
#kontakt .decision-path-v50.chapter-rail-v52{min-height:58px;padding:0 24px;align-items:center}
#kontakt .decision-path-v50 article{height:100%;display:flex!important;align-items:center;justify-content:center;padding:0!important;margin:0!important}
#kontakt .decision-path-v50 article strong{display:flex!important;align-items:center;justify-content:center;height:100%;margin:0!important;padding:2px 0 0!important;line-height:1!important;text-align:center}
#kontakt .decision-path-v50 article:nth-of-type(1),#kontakt .decision-path-v50 article:nth-of-type(1) strong{color:#75e2e9!important}
#kontakt .decision-path-v50 article:nth-of-type(2),#kontakt .decision-path-v50 article:nth-of-type(2) strong{color:#e8c35b!important}
#kontakt .decision-path-v50 article:nth-of-type(3),#kontakt .decision-path-v50 article:nth-of-type(3) strong{color:#c17cff!important}
#kontakt[data-pe-phase="step-1"] .decision-path-v50 article:nth-of-type(1) strong{color:#75e2e9!important;text-shadow:0 0 15px rgba(0,213,230,.25)!important}
#kontakt[data-pe-phase="step-2"] .decision-path-v50 article:nth-of-type(2) strong{color:#e8c35b!important;text-shadow:0 0 15px rgba(215,171,67,.24)!important}
#kontakt[data-pe-phase="step-3"] .decision-path-v50 article:nth-of-type(3) strong{color:#c17cff!important;text-shadow:0 0 15px rgba(162,77,255,.25)!important}
#kontakt[data-pe-phase="step-1"] .decision-path-v50 i:nth-of-type(1){background:linear-gradient(90deg,rgba(117,226,233,.52),rgba(232,195,91,.28))!important}
#kontakt[data-pe-phase="step-1"] .decision-path-v50 i:nth-of-type(1)::after{opacity:1!important;background:linear-gradient(90deg,transparent,#75e2e9,rgba(232,195,91,.55))!important;animation:journeyRailForward 1.7s ease-out both!important}
#kontakt[data-pe-phase="step-2"] .decision-path-v50 i{background:linear-gradient(90deg,rgba(117,226,233,.24),rgba(232,195,91,.58),rgba(193,124,255,.22))!important}
#kontakt[data-pe-phase="step-3"] .decision-path-v50 i:nth-of-type(2){background:linear-gradient(90deg,rgba(232,195,91,.34),rgba(193,124,255,.56))!important}
#kontakt[data-pe-phase="step-3"] .decision-path-v50 i:nth-of-type(2)::after{opacity:1!important;background:linear-gradient(90deg,transparent,#e8c35b,#c17cff)!important;animation:journeyRailForward 1.7s ease-out both!important}

#kontakt .promo-countdown-v52{
  position:relative;
  width:min(610px,calc(100% - 42px));
  min-height:62px;
  margin:17px auto 14px;
  padding:8px 13px;
  grid-template-columns:auto 1fr;
  gap:16px;
  border:1px solid rgba(255,59,48,.22);
  border-top-color:rgba(255,90,80,.52);
  background:linear-gradient(100deg,rgba(255,59,48,.055),rgba(255,59,48,.018) 46%,rgba(9,8,12,.72));
  box-shadow:inset 0 2px rgba(255,90,80,.72),0 14px 38px rgba(0,0,0,.16);
  overflow:hidden;
}
#kontakt .promo-countdown-v52::after{
  content:"";
  position:absolute;
  top:0;bottom:0;
  width:70px;
  left:-95px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,90,80,.07),rgba(255,90,80,.16),rgba(255,90,80,.04),transparent);
  transform:skewX(-13deg);
  animation:promoSignalSweepV58 3.8s cubic-bezier(.2,.72,.2,1) infinite;
}
#kontakt .promo-countdown-label-v52{gap:3px;position:relative;z-index:1}
#kontakt .promo-countdown-label-v52 span{color:#ff5a50;font:750 7.5px GeistMono,monospace;letter-spacing:.16em}
#kontakt .promo-countdown-label-v52 strong{color:#ff756d!important;font:650 9.5px GeistMono,monospace!important;letter-spacing:.11em;text-shadow:0 0 12px rgba(255,59,48,.14)}
#kontakt .promo-countdown-time-v52{position:relative;z-index:1;justify-self:end;gap:6px;padding:6px 9px;border-color:rgba(255,90,80,.26);background:rgba(255,59,48,.025);box-shadow:0 0 22px rgba(255,59,48,.035)}
#kontakt .promo-countdown-time-v52>span{min-width:41px}
#kontakt .promo-countdown-time-v52 b{color:#ff6a62;font:600 20px GeistMono,monospace;line-height:1;text-shadow:0 0 14px rgba(255,59,48,.22)}
#kontakt .promo-countdown-time-v52 small{margin-top:3px;color:#a76c6b;font:650 6.5px GeistMono,monospace;letter-spacing:.13em}
#kontakt .promo-countdown-time-v52>i{color:#7c3c40;font-size:14px}
@keyframes promoSignalSweepV58{0%,18%{left:-95px;opacity:0}28%{opacity:1}72%{opacity:.75}88%,100%{left:calc(100% + 30px);opacity:0}}

@media (prefers-reduced-motion:reduce){#kontakt .promo-countdown-v52::after{animation:none}}

@media (max-width:1024px){
  #wartosc .criteria-path-side-v56 strong,#wartosc .criteria-path-side-v56 p,#wartosc .criteria-path-rule-v56 span{white-space:normal}
  #warianty .pricing-card-v45 li{white-space:normal!important}
  #kontakt .promo-countdown-v52{width:100%;grid-template-columns:1fr}
  #kontakt .promo-countdown-time-v52{justify-self:start}
}

/* v77 FINAL OVERRIDES - loaded last: screen 08 + screen 04 launcher. */
/* -------------------------------------------------------------------------- */
/* 08 - FINAL: this stylesheet loads after styles.css, so these rules must live
   here to prevent older v58 rules from pushing the labels to the top.          */
/* -------------------------------------------------------------------------- */
@media(min-width:1025px){
  #kontakt .decision-path-v50.chapter-rail-v52{
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    padding:0 22px!important;
    align-items:center!important;
    grid-auto-rows:64px!important;
  }
  #kontakt .decision-path-v50.chapter-rail-v52 article{
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:center!important;
    padding:0!important;
    margin:0!important;
    background:none!important;
    transform:none!important;
  }
  #kontakt .decision-path-v50.chapter-rail-v52 article strong{
    display:block!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
    text-align:center!important;
    transform:none!important;
  }
  #kontakt .decision-path-v50.chapter-rail-v52 > i{
    align-self:center!important;
    margin:0!important;
    height:1px!important;
  }
}

/* Preserve the new premium contact block from v74. */
#kontakt .decision-contact-v74{
  display:grid!important;
  grid-template-columns:minmax(0,.88fr) minmax(320px,1.12fr)!important;
  align-items:stretch!important;
  min-height:94px!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  border-bottom:1px solid rgba(215,171,67,.18)!important;
  background:
    linear-gradient(90deg,rgba(139,46,225,.035),transparent 42%),
    rgba(255,255,255,.004)!important;
}
#kontakt .decision-contact-copy-v74{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:0!important;
  padding:18px 22px!important;
}
#kontakt .decision-contact-copy-v74 span{
  color:#7c7581!important;
  font:700 8.5px GeistMono,monospace!important;
  letter-spacing:.14em!important;
}
#kontakt .decision-contact-copy-v74 strong{
  max-width:46ch!important;
  color:#c7c1ca!important;
  font-size:12px!important;
  font-weight:520!important;
  line-height:1.45!important;
}
#kontakt .decision-phone-cta-v74{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  gap:5px 20px!important;
  min-width:0!important;
  padding:16px 24px!important;
  border-left:1px solid rgba(215,171,67,.22)!important;
  background:linear-gradient(110deg,rgba(215,171,67,.075),rgba(215,171,67,.015))!important;
}
#kontakt .decision-phone-cta-v74 small{
  grid-column:1!important;
  color:#ab9660!important;
  font:700 8px GeistMono,monospace!important;
  letter-spacing:.14em!important;
}
#kontakt .decision-phone-cta-v74 span{
  grid-column:1!important;
  color:#f1d98f!important;
  font:620 clamp(24px,2.05vw,34px) Geist,Arial,sans-serif!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
}
#kontakt .decision-phone-cta-v74 b{
  grid-column:2!important;
  grid-row:1/3!important;
  align-self:center!important;
  color:var(--gold)!important;
  font:700 18px GeistMono,monospace!important;
}

/* 08 - FINAL countdown: four independent calendar cards. Override old v58 joined red strip. */
#kontakt .promo-countdown-v52.promo-countdown-v74{
  display:grid!important;
  grid-template-columns:minmax(150px,.72fr) minmax(420px,1.28fr)!important;
  gap:22px!important;
  align-items:center!important;
  width:100%!important;
  min-height:108px!important;
  margin-top:0!important;
  padding:16px 22px!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background:linear-gradient(90deg,rgba(92,14,20,.09),transparent 52%)!important;
}
#kontakt .promo-countdown-v52.promo-countdown-v74::after{display:none!important}
#kontakt .promo-countdown-v74 .promo-countdown-label-v52{
  display:grid!important;
  align-content:center!important;
  gap:7px!important;
}
#kontakt .promo-countdown-v74 .promo-countdown-label-v52 span{
  color:#b6464b!important;
  font:750 8px GeistMono,monospace!important;
  letter-spacing:.16em!important;
  text-shadow:0 0 16px rgba(122,20,28,.18)!important;
}
#kontakt .promo-countdown-v74 .promo-countdown-label-v52 strong{
  color:#82787e!important;
  font:650 8.5px GeistMono,monospace!important;
  letter-spacing:.11em!important;
  text-shadow:none!important;
}
#kontakt .promo-countdown-v74 .promo-countdown-time-v52{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(76px,1fr))!important;
  gap:10px!important;
  justify-self:stretch!important;
  width:100%!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
#kontakt .promo-countdown-v74 .promo-countdown-time-v52::before,
#kontakt .promo-countdown-v74 .promo-countdown-time-v52::after,
#kontakt .promo-countdown-v74 .promo-countdown-time-v52>i{display:none!important}
#kontakt .promo-countdown-v74 .promo-countdown-time-v52>span{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  align-content:center!important;
  min-width:0!important;
  min-height:72px!important;
  overflow:hidden!important;
  border:1px solid rgba(121,34,42,.34)!important;
  background:
    linear-gradient(180deg,rgba(82,13,20,.17),rgba(18,8,11,.72)),
    rgba(255,255,255,.006)!important;
  box-shadow:inset 0 1px rgba(185,69,76,.09),0 10px 28px rgba(0,0,0,.12)!important;
}
#kontakt .promo-countdown-v74 .promo-countdown-time-v52>span::before{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  right:8px!important;
  top:50%!important;
  height:1px!important;
  background:rgba(0,0,0,.42)!important;
  box-shadow:0 1px rgba(255,255,255,.025)!important;
}
#kontakt .promo-countdown-v74 .promo-countdown-time-v52 b{
  position:relative!important;
  z-index:1!important;
  color:#b94b50!important;
  font:590 27px GeistMono,monospace!important;
  line-height:1!important;
  text-shadow:0 0 18px rgba(113,25,32,.32)!important;
}
#kontakt .promo-countdown-v74 .promo-countdown-time-v52 small{
  position:relative!important;
  z-index:1!important;
  margin-top:5px!important;
  color:#71676c!important;
  font:650 7.5px GeistMono,monospace!important;
  letter-spacing:.13em!important;
}

@media(min-width:1025px) and (max-height:900px){
  #kontakt .decision-contact-v74{min-height:82px!important}
  #kontakt .decision-contact-copy-v74{padding-block:13px!important}
  #kontakt .decision-phone-cta-v74{padding-block:12px!important}
  #kontakt .promo-countdown-v52.promo-countdown-v74{min-height:88px!important;padding-block:10px!important}
  #kontakt .promo-countdown-v74 .promo-countdown-time-v52>span{min-height:62px!important}
  #kontakt .promo-countdown-v74 .promo-countdown-time-v52 b{font-size:24px!important}
}

/* -------------------------------------------------------------------------- */
/* 04 - FINAL: branded launcher instead of a browser-generated refused iframe. */
/* -------------------------------------------------------------------------- */
#system .proof-demo-viewport{
  position:relative!important;
  background:
    radial-gradient(circle at 50% 44%,rgba(139,46,225,.13),transparent 28%),
    radial-gradient(circle at 70% 65%,rgba(0,213,230,.045),transparent 26%),
    #07070a!important;
}
#system .proof-demo-launch-v76{
  position:absolute!important;
  z-index:3!important;
  inset:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  padding:32px!important;
  text-align:center!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.008),transparent 30%),
    rgba(6,6,9,.96)!important;
}
#system .proof-demo-launch-v76::before{
  content:""!important;
  position:absolute!important;
  inset:9%!important;
  pointer-events:none!important;
  border:1px solid rgba(162,77,255,.10)!important;
  background:radial-gradient(circle at 50% 50%,rgba(139,46,225,.065),transparent 56%)!important;
}
#system .proof-demo-launch-v76 > *{position:relative!important;z-index:1!important}
#system .proof-demo-launch-status-v76{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:12px!important;
  color:#77717f!important;
  font:700 8px GeistMono,monospace!important;
  letter-spacing:.15em!important;
}
#system .proof-demo-launch-status-v76 i{
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#55e4b8!important;
  box-shadow:0 0 12px rgba(85,228,184,.48)!important;
}
#system .proof-demo-launch-v76 img{
  width:96px!important;
  height:auto!important;
  filter:drop-shadow(0 0 28px rgba(139,46,225,.25))!important;
}
#system .proof-demo-launch-v76 strong{
  color:#d7d2dc!important;
  font:650 13px GeistMono,monospace!important;
  letter-spacing:.16em!important;
}
#system .proof-demo-launch-v76 p{
  margin:0!important;
  color:#7f7986!important;
  font-size:12px!important;
  line-height:1.45!important;
}
#system .proof-demo-launch-v76 b{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:12px!important;
  padding:14px 20px!important;
  border:1px solid rgba(162,77,255,.38)!important;
  color:#d8a9ff!important;
  background:linear-gradient(110deg,rgba(139,46,225,.12),rgba(139,46,225,.025))!important;
  font:750 8.5px GeistMono,monospace!important;
  letter-spacing:.15em!important;
}

/* v78 - screen 08 cards stay neutral during auto phases; small rail keeps animating. */
#kontakt[data-pe-phase="idle"] .decision-plan-v50,
#kontakt[data-pe-phase="step-1"] .decision-plan-v50,
#kontakt[data-pe-phase="step-2"] .decision-plan-v50,
#kontakt[data-pe-phase="step-3"] .decision-plan-v50,
#kontakt[data-pe-phase="done"] .decision-plan-v50{
  opacity:.9!important;
  filter:none!important;
  transform:none!important;
  box-shadow:none!important;
  background:transparent!important;
  animation:none!important;
}
#kontakt[data-pe-phase="idle"] .decision-plan-v50.is-recommended,
#kontakt[data-pe-phase="step-1"] .decision-plan-v50.is-recommended,
#kontakt[data-pe-phase="step-2"] .decision-plan-v50.is-recommended,
#kontakt[data-pe-phase="step-3"] .decision-plan-v50.is-recommended,
#kontakt[data-pe-phase="done"] .decision-plan-v50.is-recommended{
  background:linear-gradient(180deg,rgba(139,46,225,.045),transparent 80%)!important;
}
#kontakt .decision-plan-v50:hover,
#kontakt .decision-plan-v50:focus-visible{
  opacity:1!important;
  background:rgba(162,77,255,.055)!important;
  outline:none!important;
}
#kontakt .decision-plan-v50.is-selected,
#kontakt[data-pe-phase] .decision-plan-v50.is-selected{
  opacity:1!important;
  background:linear-gradient(180deg,rgba(162,77,255,.14),rgba(139,46,225,.035) 72%,transparent)!important;
  box-shadow:inset 0 2px var(--purple-2)!important;
}
/* Nie nadpisujemy żadnych reguł .decision-path-v50 - mała animacja nadal działa. */

/* v79 - MOBILE ONLY quality pass. Desktop >=1025px remains byte-for-byte behaviorally unchanged. */
@media(max-width:1024px){
  /* Global mobile safety and touch targets. */
  html,body{max-width:100%;overflow-x:clip!important}
  .topbar-inner{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}
  .brand{max-width:min(190px,68vw)!important}
  .menu-toggle{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  .mobile-nav a{min-height:48px;display:flex;align-items:center}

  /* 03 - mobile is a true vertical knowledge -> engine -> standard story. */
  #mechanizm .knowledge-layout-v52{grid-template-columns:minmax(0,1fr)!important;gap:34px!important}
  #mechanizm .knowledge-product-v52{width:100%!important;min-width:0!important}
  #mechanizm .knowledge-product-v52 .knowledge-stage{
    grid-template-columns:minmax(0,1fr)!important;
    min-height:0!important;
    height:auto!important;
  }
  #mechanizm .knowledge-column,
  #mechanizm .knowledge-engine{
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    overflow:visible!important;
  }
  #mechanizm .knowledge-column{padding:22px 18px 18px!important}
  #mechanizm .knowledge-source{border-bottom:1px solid var(--line)!important}
  #mechanizm .knowledge-output{border-top:1px solid var(--line)!important}
  #mechanizm .knowledge-card-list{width:100%!important;margin-top:13px!important}
  #mechanizm .knowledge-card-list article{
    width:100%!important;
    min-height:58px!important;
    padding:12px 10px!important;
  }
  #mechanizm .knowledge-card-list strong{font-size:13px!important;line-height:1.28!important}
  #mechanizm .knowledge-engine{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:16px!important;
    min-height:250px!important;
    padding:28px 18px!important;
    text-align:center!important;
    border-top:0!important;
    border-bottom:0!important;
  }
  #mechanizm .knowledge-engine>span{align-self:center!important;width:auto!important;font-size:9px!important}
  #mechanizm .knowledge-core{width:126px!important;height:126px!important;margin:0 auto!important}
  #mechanizm .knowledge-core img{width:62px!important}
  #mechanizm .knowledge-engine>p{
    align-self:center!important;
    justify-self:center!important;
    width:100%!important;
    max-width:300px!important;
    margin:0 auto!important;
    white-space:nowrap!important;
    overflow:visible!important;
    font-size:9px!important;
    letter-spacing:.10em!important;
    line-height:1.3!important;
  }
  #mechanizm .knowledge-console>.chapter-rail-v52{width:100%!important}
  #mechanizm .knowledge-foot{padding:15px 18px!important}

  /* 04 - explain first, then let the user interact with the demo. */
  #system .proof-experience{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
  #system .proof-copy-v8{order:1!important;width:100%!important;min-width:0!important;padding:0!important}
  #system .proof-demo-side-v57{order:2!important;width:100%!important;min-width:0!important;grid-column:auto!important}
  #system .proof-rail-v52{order:3!important;width:100%!important;grid-column:auto!important}
  #system .proof-frame-v8{width:100%!important;min-width:0!important}
  #system .proof-demo-viewport{height:clamp(480px,68vh,620px)!important}
  #system .proof-demo-cta{min-height:48px!important}
  #system .proof-frame-v8 a{min-height:44px}

  /* 06 - pricing becomes a deliberate one-card-per-row mobile system. */
  #warianty .pricing-layout-v45,
  #warianty.pricing-v46 .pricing-layout-v45{
    grid-template-columns:minmax(0,1fr)!important;
    gap:34px!important;
    width:100%!important;
    min-width:0!important;
  }
  #warianty .pricing-copy-v45,
  #warianty .pricing-product-v46,
  #warianty .pricing-cards-v45,
  #warianty .pricing-standard-v46,
  #warianty .pricing-rail-v52{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  #warianty .pricing-product-v46{display:grid!important;gap:12px!important}
  #warianty .pricing-cards-v45{grid-template-columns:minmax(0,1fr)!important}
  #warianty .pricing-card-v45{
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:22px 20px 18px!important;
    border-right:0!important;
    border-bottom:1px solid var(--line)!important;
  }
  #warianty .pricing-card-v45:last-child{border-bottom:0!important}
  #warianty .pricing-card-head-v45{min-height:0!important;padding-bottom:18px!important}
  #warianty .pricing-card-head-v45 h3>strong{font-size:28px!important}
  #warianty .pricing-langs-v46{gap:7px!important}
  #warianty .pricing-langs-v46 span{min-height:34px!important;padding:7px 9px!important;font-size:8.5px!important}
  #warianty .pricing-price-v45{padding:14px 0 16px!important}
  #warianty .pricing-price-v45 strong{font-size:40px!important}
  #warianty .pricing-card-v45 ul{gap:8px!important;margin:17px 0 14px!important}
  #warianty .pricing-card-v45 li{font-size:12px!important;line-height:1.4!important;padding-left:20px!important;white-space:normal!important}
  #warianty .pricing-future-v46{margin-top:10px!important;padding:12px 13px!important}
  #warianty .pricing-future-v46 strong{font-size:11px!important;line-height:1.35!important}
  #warianty .pricing-renewal-v45{margin-top:18px!important;padding-top:15px!important}
  #warianty .pricing-renewal-v45 span{font-size:8.5px!important}
  #warianty .pricing-renewal-v45 strong{font-size:14px!important}
  #warianty .pricing-standard-v46{grid-template-columns:minmax(0,1fr)!important}
  #warianty .pricing-standard-v46>div{padding:13px 15px!important}
  #warianty .pricing-standard-v46>div+div{border-left:0!important;border-top:1px solid var(--line)!important}
  #warianty .pricing-standard-v46 p{font-size:10.5px!important;line-height:1.45!important}
  #warianty .pricing-rules-trigger-v45{min-height:44px!important;padding-block:10px!important}

  /* 08 - decisive full-width mobile close, no clipped choice or CTA. */
  #kontakt .final-decision-shell-v50{grid-template-columns:minmax(0,1fr)!important;gap:34px!important;width:100%!important;min-width:0!important}
  #kontakt .final-decision-copy-v50,
  #kontakt .decision-panel-v50{width:100%!important;min-width:0!important;max-width:100%!important}
  #kontakt .decision-selector-v50{grid-template-columns:minmax(0,1fr)!important;width:100%!important}
  #kontakt .decision-plan-v50{
    width:100%!important;
    min-width:0!important;
    min-height:132px!important;
    padding:20px 18px 18px!important;
    border-right:0!important;
    border-bottom:1px solid var(--line)!important;
  }
  #kontakt .decision-plan-v50:last-child{border-bottom:0!important}
  #kontakt .decision-plan-v50 strong{margin-top:16px!important;font-size:25px!important}
  #kontakt .decision-plan-v50>span{font-size:9px!important}
  #kontakt .decision-contact-v74{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
  }
  #kontakt .decision-contact-copy-v74{padding:17px 18px!important}
  #kontakt .decision-contact-copy-v74 strong{font-size:12.5px!important;line-height:1.5!important}
  #kontakt .decision-phone-cta-v74{
    grid-template-columns:1fr auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:92px!important;
    padding:17px 18px!important;
    border-left:0!important;
    border-top:1px solid rgba(215,171,67,.22)!important;
  }
  #kontakt .decision-phone-cta-v74 span{font-size:clamp(28px,8vw,36px)!important}
  #kontakt .promo-countdown-v52.promo-countdown-v74{
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:18px!important;
  }
  #kontakt .promo-countdown-v74 .promo-countdown-time-v52{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
  }
  #kontakt .promo-countdown-v74 .promo-countdown-time-v52>span{min-width:0!important;min-height:68px!important}
  #kontakt .promo-countdown-v74 .promo-countdown-time-v52 b{font-size:24px!important}
  #kontakt .promo-countdown-v74 .promo-countdown-time-v52 small{font-size:7px!important}
}

@media(max-width:720px){
  /* Mobile typography / spacing refinements. */
  .screen-frame{padding-top:64px!important;padding-bottom:64px!important}
  .screen-section .section-kicker{margin-bottom:30px!important}
  .screen-section h2{font-size:clamp(38px,11vw,50px)!important;line-height:1!important}

  #mechanizm .knowledge-mobile-rank{margin-bottom:24px!important}
  #mechanizm .knowledge-mobile-message{margin-top:1.55em!important;font-size:var(--v52-body)!important;line-height:1.58!important}
  #mechanizm .knowledge-mobile-source{margin-top:1.55em!important;padding-top:0!important}
  #mechanizm .knowledge-engine{min-height:240px!important}
  #mechanizm .knowledge-engine>p{font-size:8.5px!important;letter-spacing:.075em!important}

  #system .proof-demo-side-v57{margin-top:2px!important}
  #system .proof-demo-viewport{height:520px!important}
  #system .proof-live-state{min-height:34px!important;display:flex!important;align-items:center!important}
  #system .proof-demo-toolbar{min-height:48px!important;padding:10px 12px!important}
  #system .proof-demo-caption{min-height:44px!important;padding:10px 12px!important}

  #warianty .pricing-copy-v45 h2{font-size:clamp(40px,11vw,50px)!important}
  #warianty .pricing-launch-v45{margin-top:24px!important;padding:16px!important}
  #warianty .pricing-card-v45{padding-inline:18px!important}
  #warianty .pricing-price-v45 strong{font-size:38px!important}

  #kontakt .decision-path-v50.chapter-rail-v52{
    grid-template-columns:auto minmax(20px,1fr) auto minmax(20px,1fr) auto!important;
    gap:8px!important;
    min-height:58px!important;
    padding:0 12px!important;
    align-items:center!important;
  }
  #kontakt .decision-path-v50.chapter-rail-v52 article{
    min-height:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
  }
  #kontakt .decision-path-v50.chapter-rail-v52 article strong{font-size:8px!important;white-space:nowrap!important}
  #kontakt .decision-path-v50.chapter-rail-v52>i{width:auto!important;height:1px!important;margin:0!important}
  #kontakt .promo-countdown-v74 .promo-countdown-time-v52{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #kontakt .promo-countdown-v74 .promo-countdown-time-v52>span{min-height:72px!important}
}

@media(max-width:380px){
  .brand{max-width:165px!important}
  #mechanizm .knowledge-engine>p{font-size:8px!important;letter-spacing:.055em!important}
  #kontakt .decision-path-v50.chapter-rail-v52{gap:6px!important;padding-inline:9px!important}
  #kontakt .decision-path-v50.chapter-rail-v52 article strong{font-size:7.5px!important}
}

/* v80 - MOBILE ONLY screen 08 selector correction after audit. */
@media(max-width:1024px){
  #kontakt .decision-selector-v50{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  #kontakt .decision-selector-v50 .decision-plan-v50{
    flex:none!important;
    scroll-snap-align:none!important;
    width:100%!important;
    max-width:100%!important;
  }
}

/* v81 - MOBILE ONLY compact final process rail after second audit. */
@media(max-width:720px){
  #kontakt .decision-path-v50.chapter-rail-v52{
    grid-template-rows:58px!important;
    grid-auto-rows:auto!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
  }
}

/* v82 - MOBILE ONLY accessibility polish from final audit. */
@media(max-width:1024px){
  .skip-link{min-height:44px;box-sizing:border-box}
  .brand{min-height:44px!important;display:flex!important;align-items:center!important}

  /* Source links remain visually discreet but are readable and finger-safe. */
  .journey-state-source,
  .source-note a,
  #mechanizm .knowledge-mobile-source a{
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    font-size:9.5px!important;
    line-height:1.4!important;
    letter-spacing:.075em!important;
  }
}

