/* ===== Above the Fold ===== */

.hero-omnie *,
.hero-omnie *::before,
.hero-omnie *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.hero-omnie {
  --ho-bg: #0e0e0e;
  --ho-accent: #00e87b;
  --ho-accent-dim: rgba(0, 232, 123, 0.15);
  --ho-text: #f0f5f2;
  --ho-text-mid: rgba(240, 245, 242, 0.58);
  --ho-text-lo: rgba(240, 245, 242, 0.42);
  --ho-text-ultra-lo: rgba(240, 245, 242, 0.18);
  --ho-border: rgba(255, 255, 255, 0.05);
  --ho-card-bg: rgba(8, 14, 10, 0.92);
  --ho-amber: #febc2e;
  --ho-coral: #ff6b5a;
  --ho-font-display: 'Syne', sans-serif;
  --ho-font-mono: 'JetBrains Mono', monospace;
  --ho-font-body: 'Inter', system-ui, -apple-system, sans-serif;
}

.hero-omnie {
  position: relative;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  min-height: auto;
  background: var(--ho-bg);
  overflow: hidden;
  display: flex;
  align-items: center;
}

.hero-omnie__grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size: 40px 40px;
  pointer-events: none;
}

.hero-omnie__noise {
  position: absolute;
  inset: 0;
  opacity: .03;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  pointer-events: none;
}

.hero-omnie__orb {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  animation: hoOrbFloat 10s ease-in-out infinite alternate;
}
.hero-omnie__orb--1 {
  width: 750px;
  height: 750px;
  top: -15%;
  left: -8%;
  background: radial-gradient(circle, rgba(0,232,123,.28), transparent 70%);
  filter: blur(100px);
}
.hero-omnie__orb--2 {
  width: 550px;
  height: 550px;
  bottom: -10%;
  right: 15%;
  background: radial-gradient(circle, rgba(0,180,90,.22), transparent 70%);
  filter: blur(90px);
  animation-delay: -4s;
}

.hero-omnie__vline {
  position: absolute;
  left: 62%;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(0,232,123,.07) 25%, rgba(0,232,123,.07) 75%, transparent);
  pointer-events: none;
  z-index: 2;
  transform: scaleY(0);
  animation: hoLineReveal .8s ease-out 1.1s forwards;
}

.hero-omnie__accent-bar {
  position: absolute;
  top: 32px;
  left: 48px;
  width: 0;
  height: 3px;
  background: var(--ho-accent);
  border-radius: 2px;
  z-index: 5;
  animation: hoBarGrow .5s ease-out .2s forwards;
}

.hero-omnie__ghost {
  position: absolute;
  top: 45%;
  left: 45%;
  transform: translate(-50%, -55%);
  font-family: var(--ho-font-display);
  font-weight: 800;
  font-size: clamp(110px, 16vw, 128px);
  color: rgba(255,255,255,.015);
  letter-spacing: -.06em;
  line-height: 1;
  pointer-events: none;
  z-index: 1;
  user-select: none;
}

.hero-omnie__inner {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 48px;
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 60px;
  align-items: start;
  min-height: auto;
}

.hero-omnie__content {
  padding: 40px 0 60px;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.hero-omnie__bc {
  display: flex;
  align-items: center;
  gap: 7px;
  font-family: var(--ho-font-mono);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--ho-text-lo);
  margin-bottom: 22px;
  opacity: 0;
  animation: hoFadeUp .5s ease-out .25s forwards;
}
.hero-omnie__bc-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--ho-accent);
  box-shadow: 0 0 10px rgba(0,232,123,.35);
  flex-shrink: 0;
}
.hero-omnie__bc-active {
  color: var(--ho-accent);
}
.hero-omnie__bc-sep {
  opacity: .4;
  margin: 0 1px;
}

.hero-omnie__eyebrow {
  font-family: var(--ho-font-mono);
  font-weight: 600;
  font-size: 10.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ho-accent);
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  opacity: 0;
  animation: hoFadeUp .5s ease-out .35s forwards;
}
.hero-omnie__eyebrow::before {
  content: '';
  width: 22px;
  height: 1.5px;
  background: var(--ho-accent);
  border-radius: 1px;
  flex-shrink: 0;
}

.hero-omnie__h1 {
  font-family: var(--ho-font-display) !important;
  font-weight: 800 !important;
  font-size: clamp(34px, 4.2vw, 52px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.03em !important;
  color: var(--ho-text) !important;
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  max-width: 620px;
  text-transform: none !important;
  border: none !important;
  background: none !important;
  opacity: 0;
  animation: hoFadeUp .7s ease-out .4s forwards;
}
.hero-omnie__h1-accent {
  color: var(--ho-accent);
  position: relative;
  display: inline;
}
.hero-omnie__h1-dim {
  color: rgba(240, 245, 242, .52);
  font-weight: 700;
}

.hero-omnie__body-row {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  margin-bottom: 20px;
  opacity: 0;
  animation: hoFadeUp .6s ease-out .6s forwards;
}
.hero-omnie__body-text {
  font-family: var(--ho-font-body);
  font-weight: 300;
  font-size: 15px;
  line-height: 1.7;
  color: var(--ho-text-mid);
  max-width: 420px;
  flex: 1;
}
.hero-omnie__vtags {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-left: 16px;
  border-left: 1px solid rgba(0,232,123,.1);
  flex-shrink: 0;
}
.hero-omnie__vtag {
  font-family: var(--ho-font-mono);
  font-weight: 400;
  font-size: 11px;
  color: var(--ho-text-lo);
  letter-spacing: .02em;
  padding: 3px 0;
  transition: all .3s ease;
  cursor: default;
  position: relative;
}
.hero-omnie__vtag:hover {
  color: var(--ho-accent);
  padding-left: 6px;
}
.hero-omnie__vtag--active {
  color: rgba(0,232,123,.6);
  font-weight: 500;
}

.hero-omnie__cta {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 22px;
  opacity: 0;
  animation: hoFadeUp .6s ease-out .7s forwards;
}

.hero-omnie__btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Syne', sans-serif;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .03em;
  text-transform: uppercase;
  padding: 13px 28px;
  background: #2eea66;
  color: var(--ho-bg);
  border: none;
  border-radius: 100px;
  cursor: pointer;
  transition: all .35s cubic-bezier(.16,1,.3,1);
  position: relative;
  overflow: hidden;
  text-decoration: none;
  box-shadow: 0 8px 30px rgba(46, 234, 102, .35), 0 0 0 1px rgba(46, 234, 102, .2);
}
.hero-omnie__btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(46, 234, 102, .45), 0 0 0 1px rgba(46, 234, 102, .35);
}
.hero-omnie__btn-primary:active {
  transform: translateY(0) scale(.97);
}
.hero-omnie__btn-primary svg {
  transition: transform .3s ease;
}
.hero-omnie__btn-primary:hover svg {
  transform: rotate(90deg);
}

.hero-omnie__trust {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 24px;
  opacity: 0;
  animation: hoFadeUp .5s ease-out .78s forwards;
}
.hero-omnie__trust-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--ho-font-mono);
  font-weight: 500;
  font-size: 11px;
  letter-spacing: .04em;
  color: var(--ho-text-lo);
}
.hero-omnie__trust-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ho-accent);
  box-shadow: 0 0 0 4px rgba(0,232,123,.15);
  flex-shrink: 0;
}

.hero-omnie__proof {
  display: flex;
  align-items: center;
  gap: 0;
  border-top: 1px solid var(--ho-border);
  padding-top: 20px;
  opacity: 0;
  animation: hoFadeUp .5s ease-out .9s forwards;
}
.hero-omnie__proof-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-right: 32px;
  margin-right: 32px;
  border-right: 1px solid var(--ho-border);
}
.hero-omnie__proof-item:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
.hero-omnie__proof-val {
  font-family: var(--ho-font-display);
  font-weight: 800;
  font-size: 26px;
  color: #2eea66;
  line-height: 1;
  letter-spacing: -.02em;
}
.hero-omnie__proof-label {
  font-family: var(--ho-font-mono);
  font-weight: 400;
  font-size: 9px;
  color: var(--ho-text-lo);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.hero-omnie__photo-col {
  position: relative;
  height: 100%;
  min-height: auto;
  display: flex;
  align-items: start;
  justify-content: center;
  z-index: 3;
  padding-top: 40px;
}
.hero-omnie__photo-wrap {
  position: relative;
  width: 100%;
  max-width: 420px;
  transition: transform .4s ease-out;
}
.hero-omnie__photo-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 3/3.8;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(155deg, #0f1a14, #182419 40%, #0d1610);
  opacity: 0;
  animation: hoPhotoReveal .9s ease-out .3s forwards;
}
.hero-omnie__photo-fade {
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 100%;
  background: linear-gradient(90deg, var(--ho-bg), transparent);
  z-index: 2;
  pointer-events: none;
}
.hero-omnie__photo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}
.hero-omnie__photo-accent {
  position: absolute;
  top: -6px;
  left: 24px;
  width: 56px;
  height: 3px;
  background: var(--ho-accent);
  border-radius: 2px;
  z-index: 4;
  opacity: 0;
  animation: hoFadeIn .4s ease-out 1s forwards;
}

.hero-omnie__fc {
  position: absolute;
  z-index: 5;
  background: var(--ho-card-bg);
  border: 1px solid var(--ho-border);
  border-radius: 12px;
  padding: 12px 15px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  opacity: 0;
  transition: transform .4s ease-out;
}
.hero-omnie__fc--perf {
  top: 20px;
  left: -40px;
  animation: hoCardIn .5s cubic-bezier(.16,1,.3,1) .95s forwards;
}
.hero-omnie__fc--index {
  bottom: 40px;
  right: -20px;
  animation: hoCardIn .5s cubic-bezier(.16,1,.3,1) 1.1s forwards;
}
.hero-omnie__fc--errors {
  top: 50%;
  left: -60px;
  transform: translateY(-50%) scale(.92);
  animation: hoCardInCenter .5s cubic-bezier(.16,1,.3,1) 1.25s forwards;
}
.hero-omnie__fc-title {
  font-family: var(--ho-font-mono);
  font-weight: 500;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: rgb(240 245 242 / 58%);
  margin-bottom: 5px;
}
.hero-omnie__fc-value {
  font-family: var(--ho-font-display);
  font-weight: 800;
  font-size: 22px;
  color: var(--ho-text);
  line-height: 1;
  letter-spacing: -.01em;
}
.hero-omnie__fc-unit {
  font-family: var(--ho-font-mono);
  font-weight: 400;
  font-size: 11px;
  color: var(--ho-text-lo);
}
.hero-omnie__fc-bar {
  margin-top: 8px;
  height: 3px;
  background: rgba(255,255,255,.04);
  border-radius: 2px;
  width: 90px;
  overflow: hidden;
}
.hero-omnie__fc-fill {
  height: 100%;
  border-radius: 2px;
  width: 0;
  transition: width 1s ease-out;
}
.hero-omnie__fc-fill--amber { background: var(--ho-amber); }
.hero-omnie__fc-fill--green { background: var(--ho-accent); }
.hero-omnie__fc-fill--coral { background: var(--ho-coral); }

.hero-omnie__fc-live {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 7px;
}
.hero-omnie__fc-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--ho-accent);
  animation: hoPulse 2s ease-in-out infinite;
}
.hero-omnie__fc-live-text {
  font-family: var(--ho-font-mono);
  font-weight: 400;
  font-size: 9px;
  color: rgba(0,232,123,.5);
  letter-spacing: .03em;
}
.hero-omnie__fc-code {
  font-family: var(--ho-font-mono);
  font-weight: 600;
  font-size: 8.5px;
  color: rgb(0 255 102 / 84%);
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-top: 5px;
}

.hero-omnie__scanline {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0,232,123,.1), transparent);
  z-index: 4;
  pointer-events: none;
  animation: hoScanline 5s linear infinite;
  opacity: .6;
}

@keyframes hoOrbFloat {
  0% { transform: translate(0,0) scale(1); }
  100% { transform: translate(25px,-18px) scale(1.1); }
}
@keyframes hoFadeUp {
  from { opacity:0; transform: translateY(24px); }
  to { opacity:1; transform: translateY(0); }
}
@keyframes hoFadeIn {
  from { opacity:0; }
  to { opacity:1; }
}
@keyframes hoPhotoReveal {
  from { opacity:0; clip-path: inset(0 100% 0 0); }
  to { opacity:1; clip-path: inset(0 0 0 0); }
}
@keyframes hoCardIn {
  from { opacity:0; transform: scale(.88) translateY(12px); }
  to { opacity:1; transform: scale(1) translateY(0); }
}
@keyframes hoCardInCenter {
  from { opacity:0; transform: translateY(-50%) scale(.88); }
  to { opacity:1; transform: translateY(-50%) scale(1); }
}
@keyframes hoBarGrow {
  from { width:0; }
  to { width:48px; }
}
@keyframes hoLineReveal {
  from { transform: scaleY(0); }
  to { transform: scaleY(1); }
}
@keyframes hoPulse {
  0%,100% { opacity:1; }
  50% { opacity:.4; }
}
@keyframes hoScanline {
  0% { transform: translateY(-100vh); }
  100% { transform: translateY(100vh); }
}

@media (max-width: 1100px) {
  .hero-omnie__inner {
    grid-template-columns: 1fr 340px;
    gap: 40px;
    padding: 0 32px;
  }
  .hero-omnie__fc--errors {
    display: none;
  }
}
@media (max-width: 900px) {
  .hero-omnie__inner {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 0 24px;
    min-height: auto;
  }
  .hero-omnie {
    min-height: auto;
  }
  .hero-omnie__content {
    padding: 80px 0 40px;
  }
  .hero-omnie__photo-col {
    min-height: auto;
    height: auto;
    padding-bottom: 60px;
  }
  .hero-omnie__photo-wrap {
    max-width: 360px;
    margin: 0 auto;
  }
  .hero-omnie__h1 {
    max-width: 100% !important;
  }
  .hero-omnie__body-row {
    flex-direction: column;
    gap: 20px;
  }
  .hero-omnie__body-text {
    max-width: 100%;
  }
  .hero-omnie__vtags {
    flex-direction: row;
    flex-wrap: wrap;
    border-left: none;
    padding-left: 0;
    border-top: 1px solid rgba(0,232,123,.1);
    padding-top: 12px;
  }
  .hero-omnie__vline,
  .hero-omnie__ghost {
    display: none;
  }
  .hero-omnie__fc--perf {
    top: auto;
    bottom: -20px;
    left: -12px;
  }
  .hero-omnie__fc--index {
    bottom: -20px;
    right: -12px;
  }
  .hero-omnie__fc--errors {
    display: none;
  }
}
@media (max-width: 540px) {
  .hero-omnie__inner {
    padding: 0 16px;
  }
  .hero-omnie__content {
    padding: 60px 0 32px;
  }
  .hero-omnie__proof {
    flex-wrap: wrap;
    gap: 16px;
  }
  .hero-omnie__proof-item {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
  }
  .hero-omnie__cta {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .hero-omnie__trust {
    gap: 12px;
  }
}

@media (max-width: 900px) {
  .hero-omnie__fc--errors {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    top: 14px;
    right: -8px;
    left: auto;
    bottom: auto;
    transform: none;
    z-index: 6;

    width: 148px;
    min-height: 108px;
    padding: 12px 14px;

    animation: hoCardIn .5s cubic-bezier(.16,1,.3,1) 1.25s forwards;
  }

  .hero-omnie__fc--errors .hero-omnie__fc-title {
    font-size: 8px;
    line-height: 1.4;
  }

  .hero-omnie__fc--errors .hero-omnie__fc-value {
    font-size: 24px;
    line-height: 1;
  }

  .hero-omnie__fc--errors .hero-omnie__fc-bar {
    width: 100%;
  }

  .hero-omnie__fc--errors .hero-omnie__fc-code {
    font-size: 8px;
    line-height: 1.3;
  }
}

@media (max-width: 540px) {
  .hero-omnie__fc--errors {
    top: 10px;
    right: -4px;
    width: 136px;
    min-height: 100px;
    padding: 10px 12px;
  }

  .hero-omnie__fc--errors .hero-omnie__fc-value {
    font-size: 21px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-omnie *,
  .hero-omnie *::before,
  .hero-omnie *::after {
    animation-duration: 0.01ms !important;
    animation-delay: 0ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* ===== Sekcja 1 ===== */

:root{
  --bg:#0f1115; --card:#151922; --line:#232a36;
  --text:#d7dfeb; --muted:#95a1b3; --accent:#2eea66;
  --accent-700:#19c34e; --radius:18px; --shadow:0 10px 30px rgba(0,0,0,.35);
}

.bio2{
  margin:64px auto;
  max-width:1200px;
  color:var(--text);
  text-align:center;
  padding:0 18px;
}
.bio2 *{ box-sizing:border-box; }

.bio2__shell{
  border-radius:22px;
  background:#15181c;
  border:1px solid #20252e;
  overflow:hidden;
  box-shadow:0 24px 64px rgba(0,0,0,.45);
  text-align:left;
}

.bio2__header{
  padding:36px 36px 32px;
  background:#0d1014;
  border-bottom:1px solid #1c2128;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.bio2__header::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent 0%,var(--accent) 40%,rgba(46,234,102,.4) 70%,transparent 100%);
  box-shadow:0 0 20px rgba(46,234,102,.25);
}
.bio2__header::after{
  content:'';
  position:absolute;
  top:0;left:50%;transform:translateX(-50%);
  width:600px;height:200px;
  background:radial-gradient(ellipse at 50% 0%,rgba(46,234,102,.06),transparent 70%);
  pointer-events:none;
}
.bio2__eyebrow{
  display:inline-flex;align-items:center;gap:10px;padding:8px 14px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));
  box-shadow:inset 0 0 0 1px var(--line);
  font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);
}
.bio2__dot{
  width:10px;height:10px;border-radius:999px;
  background:var(--accent);box-shadow:0 0 0 6px rgba(46,234,102,.15);
}
.bio2__header h2{
  font-family:'Syne',sans-serif;
  font-weight:800;
  font-size:clamp(28px,3.4vw,42px);
  line-height:1.2;margin:18px 0 14px;
  color:#dce8de;
}
.bio2__lead{
  font:18px/1.65 Inter,system-ui,sans-serif;
  color:var(--muted);max-width:78ch;
  margin:0 auto;text-align:center;
}

.bio2__intro{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-bottom:1px solid #1c2128;
}
@media(max-width:760px){.bio2__intro{grid-template-columns:1fr;}}

.bio2__story{
  padding:28px 26px;
  border-right:1px solid #1c2128;
  position:relative;
  overflow:hidden;
}
@media(max-width:760px){.bio2__story{border-right:none;border-bottom:1px solid #1c2128;}}

.bio2__story p{
  font-family:Inter,system-ui,sans-serif;
  font-size:14px;line-height:1.75;
  color:#7a9d8b;margin:0 0 18px;
  text-align:justify;text-justify:inter-word;
}
.bio2__story p:last-of-type{margin-bottom:0;}

.bio2__story-link{
  color:var(--accent);
  font-weight:700;
  text-decoration:underline;
  text-decoration-color:rgba(46,234,102,.4);
  text-underline-offset:3px;
  transition:color .2s,text-decoration-color .2s;
}
.bio2__story-link:hover{color:#69f092;text-decoration-color:#69f092;}
.bio2__story-link:focus-visible{outline:2px solid var(--accent-700);outline-offset:2px;border-radius:4px;}

.bio2__panels{
  display:flex;
  flex-direction:column;
}
.bio2__panel{
  padding:24px 26px;
  border-bottom:1px solid #1c2128;
  position:relative;
  overflow:hidden;
  transition:background .3s;
}
.bio2__panel:last-child{border-bottom:none;}
.bio2__panel:hover{background:rgba(46,234,102,.02);}

.bio2__panel::before{
  content:'';
  position:absolute;
  top:0;left:0;bottom:0;width:2px;
  background:linear-gradient(180deg,var(--accent),transparent);
  opacity:0;transition:opacity .3s;
}
.bio2__panel:hover::before{opacity:1;}

.bio2__panel-tag{
  font-family:'JetBrains Mono',monospace;
  font-size:15px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;
  color:rgba(46,234,102,.5);
  margin-bottom:8px;display:block;
}
.bio2__panel h3{
  font-family:'Syne',sans-serif;
  font-size:16px;font-weight:800;
  color:#a8b8b0;
  margin:0 0 10px;line-height:1.2;
}
.bio2__panel p{
  font-family:Inter,system-ui,sans-serif;
  font-size:13.5px;line-height:1.7;
  color:#7a9a8a;margin:0;
}

.bio2__quote{
  margin:14px 0 0;
  padding:12px 16px;
  border-left:3px solid var(--accent);
  background:linear-gradient(180deg,rgba(46,234,102,.08),rgba(46,234,102,.03));
  border-radius:0 10px 10px 0;
  font-family:Inter,system-ui,sans-serif;
  font-size:13px;font-weight:600;
  color:#b8e8c8;line-height:1.6;
}

.bio2__facts-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-bottom:1px solid #1c2128;
}
@media(max-width:760px){.bio2__facts-row{grid-template-columns:1fr;}}

.bio2__fact{
  padding:22px 24px;
  border-right:1px solid #1c2128;
  display:flex;align-items:center;gap:14px;
  transition:background .3s;
  position:relative;overflow:hidden;
}
.bio2__fact:last-child{border-right:none;}
.bio2__fact:hover{background:rgba(46,234,102,.025);}

.bio2__fact::before{
  content:'';position:absolute;
  top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--accent),transparent);
  opacity:0;transition:opacity .3s;
}
.bio2__fact:hover::before{opacity:1;}

.bio2__fact-icon{
  width:46px;height:46px;flex-shrink:0;
  border-radius:14px;
  background:#1a1e24;
  border:1px solid #252c35;
  display:flex;align-items:center;justify-content:center;
  transition:background .3s,border-color .3s;
}
.bio2__fact:hover .bio2__fact-icon{
  background:rgba(46,234,102,.08);
  border-color:rgba(46,234,102,.22);
}
.bio2__fact-icon svg{
  width:20px;height:20px;
  stroke:#4a5a50;fill:none;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
  transition:stroke .3s;
}
.bio2__fact:hover .bio2__fact-icon svg{stroke:var(--accent);}

.bio2__fact-label{
  font-family:'Syne',sans-serif;
  font-size:15px;font-weight:800;
  color:#a8b8b0;line-height:1.3;
}
.bio2__fact-sub{
  font-family:Inter,system-ui,sans-serif;
  font-size:14px;color:#7a9a8a;
  margin-top:2px;
}

.bio2__bottom{
  display:flex;align-items:center;
  justify-content:space-between;
  gap:20px;padding:20px 26px;
  background:#111418;
  flex-wrap:wrap;
}

.bio2__proof{
  display:flex;align-items:center;gap:12px;
  flex:1;min-width:0;
}
.bio2__proof-icon{
  width:40px;height:40px;flex-shrink:0;
  border-radius:12px;
  background:rgba(46,234,102,.08);
  border:1px solid rgba(46,234,102,.18);
  display:flex;align-items:center;justify-content:center;
  font-size:18px;
}
.bio2__proof-text{
  font-family:Inter,system-ui,sans-serif;
  font-size:14px;color:#7a9a8a;line-height:1.5;
}
.bio2__proof-text b{color:var(--accent);}

.bio2__cta{
  display:flex;align-items:center;gap:14px;
  flex-shrink:0;flex-wrap:wrap;
}
.bio2__btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:13px 22px;border-radius:12px;
  background:linear-gradient(135deg,rgba(46,234,102,.95),rgba(25,195,78,.88));
  color:#071a0c;text-decoration:none;
  font-family:'Syne',sans-serif;
  font-size:14px;font-weight:800;
  box-shadow:0 8px 28px rgba(46,234,102,.28);
  transition:transform .2s,box-shadow .2s;
  white-space:nowrap;
}
.bio2__btn:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(46,234,102,.42);}
.bio2__btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;}

.bio2__btn--ghost{
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
  border:1px solid #20252e;
  color:#c8d4cc;
  box-shadow:none;
  font-family:'Syne',sans-serif;
  font-size:14px;font-weight:800;
}
.bio2__btn--ghost:hover{
  border-color:rgba(46,234,102,.3);
  background:rgba(46,234,102,.05);
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(0,0,0,.3);
}

.bio2__note{
  font-size:11px;
  color:rgba(46,234,102,.4);
  font-family:'JetBrains Mono',monospace;
  white-space:nowrap;
}

@media(max-width:680px){
  .bio2__bottom{flex-direction:column;align-items:flex-start;}
  .bio2__note{white-space:normal;}
  .bio2__header{padding:28px 24px 24px;}
}

.bio2__panel,
.bio2__fact{
  opacity:0;
  transform:translateY(8px);
  transition:opacity .5s ease,transform .5s ease,background .3s;
}
.bio2__panel.is-in,
.bio2__fact.is-in{
  opacity:1;
  transform:translateY(0);
}

/* ===== Sekcja 2 ===== */

:root{
  --bg:#0f1115;--card:#151922;--line:#232a36;
  --text:#d7dfeb;--muted:#95a1b3;--accent:#2eea66;
  --accent-700:#19c34e;--radius:18px;--shadow:0 10px 30px rgba(0,0,0,.35);
}

.tl{
  margin:64px auto;max-width:1200px;
  color:var(--text);text-align:center;padding:0 18px;
}
.tl *{box-sizing:border-box;}

.tl__shell{
  border-radius:22px;background:#15181c;
  border:1px solid #20252e;overflow:hidden;
  box-shadow:0 24px 64px rgba(0,0,0,.45);
  text-align:left;
}

.tl__header{
  padding:36px 36px 32px;background:#0d1014;
  border-bottom:1px solid #1c2128;
  text-align:center;position:relative;overflow:hidden;
}
.tl__header::before{
  content:'';position:absolute;
  top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent 0%,var(--accent) 40%,rgba(46,234,102,.4) 70%,transparent 100%);
  box-shadow:0 0 20px rgba(46,234,102,.25);
}
.tl__header::after{
  content:'';position:absolute;
  top:0;left:50%;transform:translateX(-50%);
  width:600px;height:200px;
  background:radial-gradient(ellipse at 50% 0%,rgba(46,234,102,.06),transparent 70%);
  pointer-events:none;
}
.tl__eyebrow{
  display:inline-flex;align-items:center;gap:10px;padding:8px 14px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));
  box-shadow:inset 0 0 0 1px var(--line);
  font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--muted);
}
.tl__dot{
  width:10px;height:10px;border-radius:999px;
  background:var(--accent);box-shadow:0 0 0 6px rgba(46,234,102,.15);
}
.tl__header h2{
  font-family:'Syne',sans-serif;font-weight:800;
  font-size:clamp(28px,3.4vw,42px);
  line-height:1.2;margin:18px 0 14px;color:#dce8de;
}
.tl__lead{
  font:18px/1.65 Inter,system-ui,sans-serif;
  color:var(--muted);max-width:78ch;margin:0 auto;
}

.tl__group{
  border-bottom:1px solid #1c2128;
}
.tl__group:last-child{border-bottom:none;}

.tl__year-bar{
  display:flex;align-items:center;gap:14px;
  padding:16px 28px;
  background:#111418;
  border-bottom:1px solid #1c2128;
}
.tl__year-line{
  flex:1;height:1px;
  background:linear-gradient(90deg,rgba(46,234,102,.25),transparent);
}
.tl__year-tag{
  font-family:'JetBrains Mono',monospace;
  font-size:15px;font-weight:700;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--accent);
  white-space:nowrap;flex-shrink:0;
}

.tl__items{
  display:grid;
  grid-template-columns:1fr 1fr;
}
@media(max-width:700px){.tl__items{grid-template-columns:1fr;}}
.tl__items--single{grid-template-columns:1fr;}

.tl__item{
  padding:24px 28px;
  border-right:1px solid #1c2128;
  border-bottom:1px solid #1c2128;
  position:relative;overflow:hidden;
  transition:background .3s;
  opacity:0;transform:translateY(8px);
  transition:opacity .5s ease,transform .5s ease,background .3s;
}
.tl__item.is-in{opacity:1;transform:translateY(0);}

.tl__items .tl__item:nth-child(2n){border-right:none;}
.tl__items--single .tl__item{border-right:none;}
.tl__group:last-child .tl__items .tl__item:last-child{border-bottom:none;}

.tl__item:hover{background:rgba(46,234,102,.02);}

.tl__item::before{
  content:'';position:absolute;
  top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--accent),transparent);
  opacity:0;transition:opacity .3s;
}
.tl__item:hover::before{opacity:1;}

.tl__date{
  display:inline-flex;align-items:center;gap:8px;
  padding:5px 12px;border-radius:8px;
  background:#1a1e24;border:1px solid #252c35;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:600;color:#8a9a90;
  letter-spacing:.06em;margin-bottom:14px;
  transition:background .3s,border-color .3s,color .3s;
}
.tl__item:hover .tl__date{
  background:rgba(46,234,102,.08);
  border-color:rgba(46,234,102,.22);
  color:var(--accent);
}
.tl__date-dot{
  width:7px;height:7px;border-radius:999px;
  background:rgba(46,234,102,.4);
  transition:background .3s,box-shadow .3s;
}
.tl__item:hover .tl__date-dot{
  background:var(--accent);
  box-shadow:0 0 0 4px rgba(46,234,102,.15);
}

.tl__item h3{
  font-family:'Syne',sans-serif;
  font-size:15px;font-weight:800;
  color:#a8b8b0;margin:0 0 8px;line-height:1.3;
}
.tl__item p{
  font-family:Inter,system-ui,sans-serif;
  font-size:13.5px;line-height:1.7;
  color:#7a9a8a;margin:0;
}
.tl__item p strong{color:#a0c8aa;font-weight:700;}
.tl__item p a{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(46,234,102,.4);text-underline-offset:2px;}
.tl__item p a:hover{color:#69f092;text-decoration-color:#69f092;}

.tl__bottom{
  display:flex;align-items:center;
  justify-content:space-between;gap:20px;
  padding:20px 26px;background:#111418;
  flex-wrap:wrap;
}
.tl__proof{
  display:flex;align-items:center;gap:12px;
  flex:1;min-width:0;
}
.tl__proof-icon{
  width:40px;height:40px;flex-shrink:0;
  border-radius:12px;
  background:rgba(46,234,102,.08);
  border:1px solid rgba(46,234,102,.18);
  display:flex;align-items:center;justify-content:center;
  font-size:18px;
}
.tl__proof-text{
  font-family:Inter,system-ui,sans-serif;
  font-size:14px;color:#7a9a8a;line-height:1.5;margin:0;
}
.tl__proof-text b{color:var(--accent);}
.tl__stat{
  display:flex;align-items:baseline;gap:6px;flex-shrink:0;
}
.tl__stat-num{
  font-family:'Syne',sans-serif;
  font-size:28px;font-weight:800;
  color:var(--accent);line-height:1;
}
.tl__stat-label{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;
  color:#7a9a8a;
}

@media(max-width:680px){
  .tl__bottom{flex-direction:column;align-items:flex-start;}
  .tl__header{padding:28px 24px 24px;}
  .tl__item{padding:20px 22px;}
  .tl__year-bar{padding:14px 22px;}
}

/* ===== Sekcja 3 ===== */

:root{
  --bg:#0f1115;--card:#151922;--line:#232a36;
  --text:#d7dfeb;--muted:#95a1b3;--accent:#2eea66;
  --accent-700:#19c34e;--radius:18px;--shadow:0 10px 30px rgba(0,0,0,.35);
}

.ct{
  margin:64px auto;max-width:1200px;
  color:var(--text);text-align:center;padding:0 18px;
}
.ct *{box-sizing:border-box;}

.ct__shell{
  border-radius:22px;background:#15181c;
  border:1px solid #20252e;overflow:hidden;
  box-shadow:0 24px 64px rgba(0,0,0,.45);
  text-align:left;
}

.ct__header{
  padding:36px 36px 32px;background:#0d1014;
  border-bottom:1px solid #1c2128;
  text-align:center;position:relative;overflow:hidden;
}
.ct__header::before{
  content:'';position:absolute;
  top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent 0%,var(--accent) 40%,rgba(46,234,102,.4) 70%,transparent 100%);
  box-shadow:0 0 20px rgba(46,234,102,.25);
}
.ct__header::after{
  content:'';position:absolute;
  top:0;left:50%;transform:translateX(-50%);
  width:600px;height:200px;
  background:radial-gradient(ellipse at 50% 0%,rgba(46,234,102,.06),transparent 70%);
  pointer-events:none;
}
.ct__eyebrow{
  display:inline-flex;align-items:center;gap:10px;padding:8px 14px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));
  box-shadow:inset 0 0 0 1px var(--line);
  font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--muted);
}
.ct__dot{
  width:10px;height:10px;border-radius:999px;
  background:var(--accent);box-shadow:0 0 0 6px rgba(46,234,102,.15);
}
.ct__header h2{
  font-family:'Syne',sans-serif;font-weight:800;
  font-size:clamp(28px,3.4vw,42px);
  line-height:1.2;margin:18px 0 14px;color:#dce8de;
}
.ct__lead{
  font:18px/1.65 Inter,system-ui,sans-serif;
  color:var(--muted);max-width:78ch;margin:0 auto;
}
.ct__lead strong{color:#c8d8cc;}

.ct__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
}
@media(max-width:820px){.ct__grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.ct__grid{grid-template-columns:1fr;}}

.ct__card{
  border-right:1px solid #1c2128;
  border-bottom:1px solid #1c2128;
  position:relative;overflow:hidden;
  cursor:pointer;
  opacity:0;transform:translateY(10px);
  transition:opacity .5s ease,transform .5s ease,background .3s;
}
.ct__card.is-in{opacity:1;transform:translateY(0);}

.ct__card:nth-child(3n){border-right:none;}
@media(max-width:820px){
  .ct__card:nth-child(3n){border-right:1px solid #1c2128;}
  .ct__card:nth-child(2n){border-right:none;}
}
@media(max-width:520px){.ct__card{border-right:none!important;}}

.ct__card:hover{background:rgba(46,234,102,.02);}

.ct__card::before{
  content:'';position:absolute;
  top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--accent),transparent);
  opacity:0;transition:opacity .3s;z-index:2;
}
.ct__card:hover::before{opacity:1;}

.ct__img-wrap{
  position:relative;overflow:hidden;
  aspect-ratio:4/3;background:#111418;
}
.ct__img-wrap img{
  width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(.9) brightness(.95);
  transition:filter .4s,transform .4s;
}
.ct__card:hover .ct__img-wrap img{
  filter:saturate(1) brightness(1);
  transform:scale(1.03);
}

.ct__zoom{
  position:absolute;bottom:10px;right:10px;
  width:34px;height:34px;border-radius:10px;
  background:rgba(15,17,21,.75);border:1px solid #252c35;
  display:flex;align-items:center;justify-content:center;
  opacity:0;transform:translateY(4px);
  transition:opacity .3s,transform .3s;
  pointer-events:none;z-index:2;
}
.ct__card:hover .ct__zoom{opacity:1;transform:translateY(0);}
.ct__zoom svg{
  width:16px;height:16px;stroke:#8a9a90;fill:none;
  stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
}
.ct__card:hover .ct__zoom svg{stroke:var(--accent);}

.ct__caption{
  padding:14px 18px;display:flex;align-items:center;
  justify-content:space-between;gap:12px;
  border-top:1px solid #1c2128;
}
.ct__title{
  font-family:'Syne',sans-serif;
  font-size:13.5px;font-weight:800;
  color:#a8b8b0;line-height:1.3;margin:0 0 3px;
}
.ct__meta{
  font-family:Inter,system-ui,sans-serif;
  font-size:14px;color:#7a9a8a;line-height:1.4;
}
.ct__tag{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;
  padding:5px 10px;border-radius:8px;
  background:rgba(46,234,102,.08);
  border:1px solid rgba(46,234,102,.2);
  color:var(--accent);white-space:nowrap;flex-shrink:0;
  transition:background .3s,border-color .3s;
}
.ct__card:hover .ct__tag{
  background:rgba(46,234,102,.14);
  border-color:rgba(46,234,102,.35);
}

.ct__bottom{
  display:flex;align-items:center;
  justify-content:space-between;gap:20px;
  padding:20px 26px;background:#111418;flex-wrap:wrap;
}
.ct__proof{
  display:flex;align-items:center;gap:12px;flex:1;min-width:0;
}
.ct__proof-icon{
  width:40px;height:40px;flex-shrink:0;border-radius:12px;
  background:rgba(46,234,102,.08);border:1px solid rgba(46,234,102,.18);
  display:flex;align-items:center;justify-content:center;font-size:18px;
}
.ct__proof-text{
  font-family:Inter,system-ui,sans-serif;
  font-size:14px;color:#7a9a8a;line-height:1.5;margin:0;
}
.ct__proof-text b{color:var(--accent);}
.ct__stat{display:flex;align-items:baseline;gap:6px;flex-shrink:0;}
.ct__stat-num{
  font-family:'Syne',sans-serif;font-size:28px;font-weight:800;
  color:var(--accent);line-height:1;
}
.ct__stat-label{
  font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:600;
  letter-spacing:.1em;text-transform:uppercase;color:#7a9a8a;
}

@media(max-width:680px){
  .ct__bottom{flex-direction:column;align-items:flex-start;}
  .ct__header{padding:28px 24px 24px;}
  .ct__caption{padding:12px 14px;}
}

.ct__lb{
  position:fixed;inset:0;
  background:rgba(8,12,14,.92);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  display:flex;align-items:center;justify-content:center;
  padding:24px;z-index:9999;
  opacity:0;pointer-events:none;transition:opacity .3s;
}
.ct__lb.is-open{opacity:1;pointer-events:auto;}

.ct__lb-inner{
  max-width:min(920px,94vw);width:100%;
  border-radius:18px;overflow:hidden;
  background:#15181c;border:1px solid #20252e;
  box-shadow:0 32px 80px rgba(0,0,0,.6);
  transform:scale(.96);transition:transform .3s;
}
.ct__lb.is-open .ct__lb-inner{transform:scale(1);}

.ct__lb-inner img{width:100%;height:auto;display:block;}
.ct__lb-caption{
  padding:16px 22px;display:flex;align-items:center;
  justify-content:space-between;gap:14px;
  border-top:1px solid #1c2128;background:#111418;
}
.ct__lb-title{
  font-family:'Syne',sans-serif;font-size:16px;font-weight:800;color:#a8b8b0;
}
.ct__lb-meta{
  font-family:Inter,system-ui,sans-serif;font-size:14px;color:#7a9a8a;margin-top:2px;
}
.ct__lb-close{
  position:absolute;top:20px;right:20px;
  width:44px;height:44px;border-radius:12px;
  border:1px solid #252c35;background:#1a1e24;
  color:#8a9a90;font-size:20px;font-weight:700;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:background .3s,border-color .3s,color .3s;z-index:10;
}
.ct__lb-close:hover{
  background:rgba(46,234,102,.1);border-color:rgba(46,234,102,.3);color:var(--accent);
}
.ct__lb-nav{
  position:absolute;top:50%;transform:translateY(-50%);
  width:44px;height:44px;border-radius:12px;
  border:1px solid #252c35;background:#1a1e24;
  color:#8a9a90;font-size:18px;font-weight:700;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:background .3s,border-color .3s,color .3s;z-index:10;
}
.ct__lb-nav:hover{
  background:rgba(46,234,102,.1);border-color:rgba(46,234,102,.3);color:var(--accent);
}
.ct__lb-prev{left:20px;}
.ct__lb-next{right:20px;}

@media(max-width:680px){
  .ct__lb-prev{left:8px;}
  .ct__lb-next{right:8px;}
  .ct__lb-nav{width:36px;height:36px;font-size:15px;}
  .ct__lb-close{width:36px;height:36px;font-size:16px;top:12px;right:12px;}
}