@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Rajdhani:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');



/* ══════════════════════════════════════════
   GATEWAY OVERLAY
══════════════════════════════════════════ */
#gateway-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #05050F;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 24px;
  padding-left: max(24px, env(safe-area-inset-left));
  padding-right: max(24px, env(safe-area-inset-right));
  padding-bottom: max(40px, env(safe-area-inset-bottom));
  transition: opacity 0.8s ease;
  overflow: hidden;
  max-width: 100vw;
}
#gateway-overlay.hide {
  opacity: 0;
  pointer-events: none;
}

/* canvas bg */
#gw-canvas {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.18;
}

/* noise */
#gw-overlay .gw-noise {
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0.3;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
}

/* vignette */
.gw-vignette {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: radial-gradient(ellipse at center, transparent 25%, rgba(5,5,15,0.9) 100%);
  pointer-events: none;
}

/* scanlines */
.gw-scanlines {
  position: absolute;
  inset: 0;
  z-index: 3;
  background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.025) 2px, rgba(0,0,0,0.025) 4px);
  pointer-events: none;
}

/* corner accents */
.gw-corner {
  position: absolute;
  width: 36px;
  height: 36px;
  z-index: 10;
  opacity: 0;
  animation: gw-fadeIn 1s ease 1s forwards;
}
.gw-corner-tl { top: 20px; left: 20px; border-top: 1px solid rgba(0,212,255,0.3); border-left: 1px solid rgba(0,212,255,0.3); }
.gw-corner-tr { top: 20px; right: 20px; border-top: 1px solid rgba(0,212,255,0.3); border-right: 1px solid rgba(0,212,255,0.3); }
.gw-corner-bl { bottom: 20px; left: 20px; border-bottom: 1px solid rgba(0,212,255,0.3); border-left: 1px solid rgba(0,212,255,0.3); }
.gw-corner-br { bottom: 20px; right: 20px; border-bottom: 1px solid rgba(0,212,255,0.3); border-right: 1px solid rgba(0,212,255,0.3); }

/* content */
.gw-content {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 860px;
}

/* top badge */
.gw-badge {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  letter-spacing: 3px;
  color: rgba(245,166,35,0.6);
  text-transform: uppercase;
  margin-bottom: 36px;
  opacity: 0;
  animation: gw-slideDown 0.8s ease 0.3s forwards;
}
.gw-badge::before, .gw-badge::after {
  content: '';
  width: 36px;
  height: 1px;
  background: rgba(245,166,35,0.3);
}

/* logo */
.gw-logo {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  letter-spacing: 4px;
  color: #00D4FF;
  text-transform: uppercase;
  margin-bottom: 44px;
  opacity: 0;
  animation: gw-slideDown 0.8s ease 0.5s forwards;
}
.gw-logo span { color: rgba(0,212,255,0.4); }

/* headline */
.gw-headline {
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(38px, 6.5vw, 82px);
  line-height: 1.0;
  letter-spacing: 2px;
  margin-bottom: 36px;
  opacity: 0;
  animation: gw-slideUp 1s ease 0.7s forwards;
}
.gw-headline .gw-h-1 { display: block; color: #ffffff; }
.gw-headline .gw-h-2 {
  display: block;
  color: #FF3030;
  position: relative;
}
.gw-headline .gw-h-2::after {
  content: 'KAŻDY Z FUNDAMENTALNĄ WADĄ.';
  position: absolute;
  left: 0; top: 0; width: 100%;
  color: #00D4FF;
  clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  animation: gw-glitch 5s infinite 2.5s;
  opacity: 0.35;
}

/* divider */
.gw-divider {
  width: 1px;
  height: 36px;
  background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.12), transparent);
  margin: 0 auto 32px;
  opacity: 0;
  animation: gw-fadeIn 0.6s ease 1.4s forwards;
}

/* subline */
.gw-subline {
  max-width: 600px;
  margin-bottom: 52px;
  opacity: 0;
  animation: gw-slideUp 0.8s ease 1.5s forwards;
}
.gw-sub-top {
  font-family: 'Rajdhani', sans-serif;
  font-size: clamp(14px, 1.8vw, 17px);
  font-weight: 400;
  line-height: 1.75;
  color: rgba(255,255,255,0.45);
  margin-bottom: 22px;
}
.gw-sub-question {
  font-family: 'Rajdhani', sans-serif;
  font-size: clamp(15px, 1.9vw, 18px);
  font-weight: 500;
  line-height: 1.65;
  color: rgba(255,255,255,0.82);
  border-left: 2px solid #00D4FF;
  padding-left: 20px;
  text-align: left;
}
.gw-sub-question em {
  color: #00D4FF;
  font-style: normal;
}

/* CTA */
.gw-cta-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  opacity: 0;
  animation: gw-slideUp 0.8s ease 2s forwards;
}
.gw-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  background: transparent;
  border: 1px solid #00D4FF;
  color: #00D4FF;
  font-family: 'Bebas Neue', sans-serif;
  font-size: 18px;
  letter-spacing: 4px;
  padding: 18px 52px;
  cursor: pointer;
  transition: all 0.3s ease;
  overflow: hidden;
}
.gw-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  background: #00D4FF;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
  z-index: -1;
}
.gw-btn:hover { color: #05050F; box-shadow: 0 0 40px rgba(0,212,255,0.35), 0 0 80px rgba(0,212,255,0.12); }
.gw-btn:hover::before { transform: scaleX(1); }
.gw-btn-arrow { transition: transform 0.3s ease; }
.gw-btn:hover .gw-btn-arrow { transform: translateX(6px); }
.gw-hint {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px;
  letter-spacing: 2px;
  color: rgba(255,255,255,0.18);
  text-transform: uppercase;
}

/* bottom strip */
.gw-strip {
  position: absolute;
  bottom: 26px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 20px;
  z-index: 10;
  opacity: 0;
  animation: gw-fadeIn 0.8s ease 2.5s forwards;
  white-space: nowrap;
}
.gw-strip-item {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px;
  letter-spacing: 2px;
  color: rgba(255,255,255,0.14);
  text-transform: uppercase;
}
.gw-strip-dot {
  width: 3px; height: 3px;
  border-radius: 50%;
  background: rgba(255,255,255,0.1);
  flex-shrink: 0;
}

/* animations */
@keyframes gw-slideDown {
  from { opacity: 0; transform: translateY(-16px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes gw-slideUp {
  from { opacity: 0; transform: translateY(22px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes gw-fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes gw-glitch {
  0%, 88%, 100% { clip-path: polygon(0 0, 0 0, 0 0, 0 0); opacity: 0; }
  91% { clip-path: polygon(0 20%, 100% 20%, 100% 45%, 0 45%); opacity: 0.4; transform: translateX(-3px); }
  93% { clip-path: polygon(0 55%, 100% 55%, 100% 70%, 0 70%); opacity: 0.3; transform: translateX(3px); }
  95% { clip-path: polygon(0 10%, 100% 10%, 100% 28%, 0 28%); opacity: 0.2; transform: translateX(0); }
}


:root {
  --bg:    #05050F;
  --bg2:   #080814;
  --bg3:   #0C0C1C;
  --neon:  #00D4FF;
  --gold:  #F5A623;
  --red:   #FF3030;
  --green: #00E87A;
  --text:  #DDE1F0;
  --muted: #5A6278;
  --border: rgba(0,212,255,0.1);
  --border2: rgba(255,255,255,0.06);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:'Rajdhani',sans-serif;overflow-x:hidden;}

/* ══════════════════════════════════════════════════════
   GLOBAL ENGINEERING BLUEPRINT BACKGROUND
   ══════════════════════════════════════════════════════ */

/* Layer 1 — fine grid (32px) + coarse grid (160px) */
body::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(0,212,255,0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,212,255,0.022) 1px, transparent 1px),
    linear-gradient(rgba(0,212,255,0.048) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,212,255,0.048) 1px, transparent 1px);
  background-size:
    32px 32px,
    32px 32px,
    160px 160px,
    160px 160px;
}

/* Layer 2 — diagonal engineering hatching */
body::after{
  content:'';
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 56px,
      rgba(0,212,255,0.010) 56px,
      rgba(0,212,255,0.010) 57px
    );
}

/* All sections sit above fixed grid layers */
section, nav, .patent-bar, footer{position:relative;z-index:1;}

/* Section backgrounds: transparent so grid shows through */
section{ background: transparent !important; }

/* EXCEPTION — historia kopalni keeps its base64 mine photo */
#historiaSilnikow{ background: inherit !important; }

/* Subtle per-section depth tints — just enough to feel distinct */
#hero::after,
#wszyscy::after,
#rynek::after{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background: radial-gradient(ellipse 80% 60% at 50% 50%, rgba(0,212,255,0.025) 0%, transparent 70%);
}
#wizja::after,
#slepa::after,
#problem::after{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(245,166,35,0.018) 0%, transparent 70%);
}
#technologia::after,
#animacja::after,
#ewolucja::after,
#kontakt::after{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(0,212,255,0.018) 0%, transparent 70%);
}

/* Section separator — thin engineering rule line */
section+section::before{
  content:'';
  display:block;
  position:absolute;
  top:0; left:64px; right:64px;
  height:1px;
  background: linear-gradient(to right,
    transparent,
    rgba(0,212,255,0.14) 15%,
    rgba(0,212,255,0.14) 85%,
    transparent);
  z-index:2;
}

/* Tick marks every 160px along separator — blueprint feel */
section+section::after{
  content:'';
  display:block;
  position:absolute;
  top:0; left:64px; right:64px;
  height:6px;
  background: repeating-linear-gradient(
    to right,
    transparent,
    transparent 159px,
    rgba(0,212,255,0.22) 159px,
    rgba(0,212,255,0.22) 160px
  );
  z-index:3;
}



/* ── NAV ── */
nav{position:fixed;top:36px;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px 64px;padding-left:max(64px,env(safe-area-inset-left));padding-right:max(64px,env(safe-area-inset-right));background:rgba(5,5,15,0.88);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:background .3s;}
.nav-logo{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:3px;color:#fff;}
.nav-logo em{color:var(--neon);font-style:normal;}
.nav-links{display:flex;gap:36px;list-style:none;}
.nav-links a{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s;}
.nav-links a:hover{color:var(--text);}
.nav-cta{font-family:'Bebas Neue',sans-serif;font-size:14px;letter-spacing:2px;background:var(--neon);color:#000;padding:10px 26px;text-decoration:none;transition:all .2s;}
.nav-cta:hover{background:#fff;}

/* ── SECTIONS ── */
section{padding:120px 64px;}
.s-label{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:4px;color:var(--neon);text-transform:uppercase;margin-bottom:14px;display:block;opacity:.75;}
.s-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(44px,6vw,84px);line-height:.9;letter-spacing:2px;color:#fff;margin-bottom:18px;}
.s-title span{color:var(--neon);}
.s-title .gold{color:var(--gold);}
.s-sub{font-size:16px;color:var(--muted);line-height:1.7;max-width:580px;font-weight:400;}

/* ── HERO ── */
#hero{min-height:100vh;display:flex;align-items:center;padding:0 64px;padding-top:36px;position:relative;overflow:hidden;}
#heroCanvas{position:absolute;inset:0;width:100%;height:100%;}
.hero-content{position:relative;z-index:2;max-width:820px;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(0,212,255,.2);padding:6px 16px;margin-bottom:36px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:3px;color:var(--neon);}
.hero-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--neon);animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.1;}}
.hero-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(42px,6vw,88px);line-height:.88;letter-spacing:2px;color:#fff;margin-bottom:30px;}
.hero-h1 .line2{color:var(--neon);}
.hero-sub{font-size:17px;color:#8C95AA;line-height:1.7;max-width:580px;margin-bottom:48px;font-weight:400;}
.hero-sub strong{color:var(--text);font-weight:600;}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;}
.btn-primary{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:2px;background:var(--neon);color:#000;padding:16px 40px;text-decoration:none;transition:all .2s;display:inline-block;}
.btn-primary:hover{background:#fff;transform:translateY(-1px);}
.btn-secondary{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:2px;border:1px solid var(--border2);color:var(--text);padding:16px 40px;text-decoration:none;transition:all .2s;display:inline-block;}
.btn-secondary:hover{border-color:var(--neon);color:var(--neon);}
.hero-stats{position:absolute;bottom:0;left:0;right:0;display:flex;border-top:1px solid var(--border);z-index:2;}
.hero-stat{flex:1;padding:28px 40px;border-right:1px solid var(--border);}
.hero-stat:last-child{border-right:none;}
.hero-stat-v{font-family:'Bebas Neue',sans-serif;font-size:40px;letter-spacing:1px;color:var(--neon);display:block;line-height:1;}
.hero-stat-l{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-top:4px;display:block;}

/* ── PROBLEM ── */
#problem{background:var(--bg2);border-top:1px solid var(--border);}
.problem-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:56px;}
.prob-card{background:var(--bg3);border:1px solid var(--border2);border-top:3px solid var(--red);padding:40px 32px;}
.prob-icon{font-size:30px;margin-bottom:22px;}
.prob-title{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:1px;color:#fff;margin-bottom:12px;}
.prob-text{font-size:14px;color:var(--muted);line-height:1.75;}
.prob-figure{font-family:'Bebas Neue',sans-serif;font-size:72px;color:rgba(255,48,48,.1);margin-top:24px;line-height:.8;letter-spacing:2px;}
.prob-quote{margin-top:56px;padding:28px 36px;border-left:3px solid var(--neon);font-size:19px;color:#B0B8CC;line-height:1.6;font-weight:400;}
.prob-quote strong{color:#fff;}

/* ── TECHNOLOGIA ── */
#technologia{background:var(--bg);}
.tech-arch{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-top:60px;margin-bottom:60px;}
.tech-arch-text{font-size:15px;color:#A8B2C8;line-height:1.85;}
.tech-arch-text p{margin-bottom:18px;}
.tech-arch-text em{color:var(--neon);font-style:normal;}
.tech-arch-visual{background:var(--bg2);border:1px solid var(--border);padding:40px;display:flex;align-items:center;justify-content:center;min-height:300px;position:relative;}
.tech-arch-canvas{display:block;}
.tech-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;}
.tech-card{background:var(--bg2);border:1px solid var(--border2);padding:40px 36px;transition:border-color .3s;}
.tech-card:hover{border-color:rgba(0,212,255,.3);}
.tech-card-num{font-family:'Bebas Neue',sans-serif;font-size:72px;color:rgba(0,212,255,.07);line-height:.8;margin-bottom:14px;}
.tech-card-title{font-family:'Bebas Neue',sans-serif;font-size:26px;letter-spacing:1px;color:#fff;margin-bottom:10px;}
.tech-card-text{font-size:14px;color:var(--muted);line-height:1.75;}
.tech-card-hl{margin-top:14px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--neon);letter-spacing:1px;}
.tech-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--border);margin-top:2px;}
.tech-num{padding:38px 28px;border-right:1px solid var(--border);text-align:center;}
.tech-num:last-child{border-right:none;}
.tech-num-v{font-family:'Bebas Neue',sans-serif;font-size:52px;color:var(--neon);display:block;line-height:.9;margin-bottom:10px;}
.tech-num-l{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;}

/* ── ANIMACJA ── */
#animacja{padding:0;background:var(--bg3);border-top:1px solid var(--border);}
.anim-header{padding:80px 64px 0;}
.anim-wrap{padding:48px 64px;}
.anim-canvas-box{background:#000;border:1px solid var(--border);position:relative;overflow:hidden;}
.anim-canvas-box canvas{display:block;width:100%;}
.anim-table{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:2px;}
.anim-col{background:var(--bg2);border:1px solid var(--border2);padding:32px 28px;}
.anim-col.winner{background:rgba(245,166,35,.04);border-color:rgba(245,166,35,.25);}
.anim-col-label{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:3px;color:var(--muted);margin-bottom:20px;display:block;}
.anim-col.winner .anim-col-label{color:var(--gold);}
.anim-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border2);font-size:14px;}
.anim-row:last-child{border-bottom:none;}
.anim-row .k{color:var(--muted);}
.anim-row .v{font-weight:600;}
.v-bad{color:var(--red);}
.v-ok{color:var(--muted);}
.v-good{color:var(--green);}
.anim-caption{margin-top:28px;text-align:center;font-size:16px;color:#8C95AA;font-style:italic;}
.anim-caption strong{color:#fff;font-style:normal;}

/* ── EWOLUCJA ── */
#ewolucja{background:var(--bg2);border-top:1px solid var(--border);}
.flow-scroll{overflow-x:auto;margin-top:56px;padding-bottom:16px;scrollbar-width:thin;scrollbar-color:var(--neon) transparent;}
.flow-scroll::-webkit-scrollbar{height:3px;}
.flow-scroll::-webkit-scrollbar-thumb{background:var(--neon);}
.flow-track{display:flex;gap:0;min-width:max-content;}
.flow-item{width:230px;border:1px solid var(--border2);padding:28px 24px;margin-right:2px;position:relative;transition:border-color .3s;}
.flow-item:hover{border-color:rgba(0,212,255,.3);}
.flow-arrow{position:absolute;top:50%;right:-14px;transform:translateY(-50%);width:26px;height:26px;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--neon);z-index:2;}
.flow-item:last-child .flow-arrow{display:none;}
.flow-status{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;margin-bottom:14px;display:block;}
.flow-status.done{color:var(--green);}
.flow-status.wip{color:var(--gold);}
.flow-status.target{color:var(--neon);}
.flow-name{font-family:'Bebas Neue',sans-serif;font-size:30px;letter-spacing:1px;color:#fff;margin-bottom:10px;}
.flow-sub{font-size:12px;color:var(--muted);line-height:1.6;}

/* ── MORE MARKETS GRID ── */
.app-markets-wrap{
  max-width:1100px;margin:64px auto 0;padding:0 24px;text-align:center;
}
.app-markets-wrap .s-label{display:block;margin-bottom:32px;}
.app-grid{
  display:flex;flex-wrap:wrap;justify-content:center;gap:14px;
  max-width:920px;margin:0 auto;
}
.app-card{
  width:155px;padding:22px 14px 18px;
  background:#04040C;border:1px solid rgba(0,212,255,0.08);border-radius:6px;
  display:flex;flex-direction:column;align-items:center;gap:8px;
  transition:border-color .3s,transform .3s;cursor:default;
}
.app-card:hover{border-color:rgba(0,212,255,0.35);transform:translateY(-3px);}
.app-icon{width:44px;height:44px;flex-shrink:0;}
.app-card-name{
  font-family:'JetBrains Mono',monospace;font-size:11px;
  color:rgba(255,255,255,0.7);letter-spacing:0.5px;text-align:center;line-height:1.3;
}
.app-card-tam{
  font-family:'Bebas Neue',sans-serif;font-size:20px;
  color:#F5A623;letter-spacing:1px;
}

/* ── TAM TOTAL ── */
.tam-total{
  margin-top:48px;padding:40px 24px;text-align:center;
  border-top:1px solid rgba(0,212,255,0.06);
}
.tam-total-label{
  display:block;font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:3px;color:rgba(0,212,255,0.35);text-transform:uppercase;margin-bottom:12px;
}
.tam-total-value{
  font-family:'Bebas Neue',sans-serif;font-size:72px;letter-spacing:3px;
  color:#F5A623;line-height:1;
  text-shadow:0 0 40px rgba(245,166,35,0.25),0 0 80px rgba(245,166,35,0.1);
}
.tam-total-sub{
  display:block;margin-top:10px;
  font-family:'JetBrains Mono',monospace;font-size:11px;
  color:var(--muted);letter-spacing:0.5px;
}

/* ── RYNEK ── */
#rynek{background:var(--bg);border-top:1px solid var(--border);}

/* karty segmentów — jak na screenie */
.market-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:56px;border:1px solid rgba(255,255,255,0.07);}
.mkt-card{background:#0A0A18;border-right:1px solid rgba(255,255,255,0.07);padding:56px 44px;text-align:center;transition:background .3s;}
.mkt-card:last-child{border-right:none;}
.mkt-card:hover{background:#0D0D1E;}
.mkt-card-icon{font-size:52px;margin-bottom:24px;display:block;line-height:1;}
.mkt-card-name{font-family:'Bebas Neue',sans-serif;font-size:38px;letter-spacing:3px;color:var(--neon);margin-bottom:8px;}
.mkt-card-name.gold{color:var(--gold);}
.mkt-card-name.grey{color:#7A8299;}
.mkt-card-product{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:3px;color:var(--muted);margin-bottom:26px;text-transform:uppercase;}
.mkt-card-text{font-size:14px;color:#616878;line-height:1.8;}

/* liczby rynkowe pod kartami */
.market-data{margin-top:48px;border:1px solid var(--border);}
.market-data-header{padding:20px 36px;border-bottom:1px solid var(--border);font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;}
.market-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
.mkt-data-col{padding:36px;border-right:1px solid var(--border);}
.mkt-data-col:last-child{border-right:none;}
.mkt-data-label{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:3px;color:var(--neon);text-transform:uppercase;margin-bottom:16px;display:block;}
.mkt-data-number{font-family:'Bebas Neue',sans-serif;font-size:48px;color:#fff;line-height:.9;display:block;margin-bottom:6px;}
.mkt-data-sub{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:12px;}
.mkt-data-cagr{display:inline-block;font-family:'Bebas Neue',sans-serif;font-size:20px;color:var(--green);margin-bottom:4px;}
.mkt-data-cagr-l{font-size:11px;color:var(--muted);display:block;}

/* tabela konkurencji */
.comp-wrap{margin-top:48px;}
.comp-title{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:1px;color:#fff;margin-bottom:24px;}
.comp-table{width:100%;border-collapse:collapse;border:1px solid var(--border);}
.comp-table th{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);padding:14px 24px;border-bottom:1px solid var(--border);border-right:1px solid var(--border2);text-align:left;background:var(--bg2);}
.comp-table th:last-child{border-right:none;}
.comp-table td{padding:18px 24px;border-bottom:1px solid var(--border2);border-right:1px solid var(--border2);font-size:14px;}
.comp-table td:last-child{border-right:none;}
.comp-table tr:last-child td{border-bottom:none;}
.comp-table .winner td{background:rgba(245,166,35,.04);}
.comp-name{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:1px;}
.c-bad{color:var(--red);font-family:'JetBrains Mono',monospace;font-size:13px;}
.c-ok{color:var(--muted);font-family:'JetBrains Mono',monospace;font-size:13px;}
.c-good{color:var(--green);font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;}

/* ── KONTAKT ── */
#kontakt{background:var(--bg2);border-top:1px solid var(--border);}
.kontakt-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:56px;}
.kontakt-lead{font-size:16px;color:var(--muted);line-height:1.8;margin-bottom:40px;}
.kontakt-items{display:flex;flex-direction:column;gap:2px;}
.kontakt-item{display:flex;gap:20px;align-items:center;padding:20px 24px;border:1px solid var(--border2);transition:border-color .2s;}
.kontakt-item:hover{border-color:var(--border);}
.kontakt-item-icon{font-size:18px;flex-shrink:0;width:32px;text-align:center;}
.kontakt-item-label{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;color:var(--muted);display:block;margin-bottom:3px;}
.kontakt-item-val{font-size:15px;color:#fff;}
.kontakt-form{display:flex;flex-direction:column;gap:2px;}
.form-field{background:var(--bg3);border:1px solid var(--border2);padding:15px 20px;color:var(--text);font-family:'Rajdhani',sans-serif;font-size:15px;transition:border-color .2s;width:100%;}
.form-field:focus{outline:none;border-color:var(--neon);}
.form-field::placeholder{color:var(--muted);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:2px;}
.form-select{background:var(--bg3);border:1px solid var(--border2);padding:15px 20px;color:var(--muted);font-family:'Rajdhani',sans-serif;font-size:15px;width:100%;appearance:none;}
.form-select:focus{outline:none;border-color:var(--neon);}
.form-textarea{background:var(--bg3);border:1px solid var(--border2);padding:15px 20px;color:var(--text);font-family:'Rajdhani',sans-serif;font-size:15px;width:100%;resize:none;transition:border-color .2s;}
.form-textarea:focus{outline:none;border-color:var(--neon);}
.form-textarea::placeholder{color:var(--muted);}
.form-submit{background:var(--neon);color:#000;font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:2px;padding:18px;border:none;cursor:pointer;transition:all .2s;margin-top:2px;}
.form-submit:hover{background:#fff;}

/* ── FOOTER ── */
footer{background:#020208;border-top:1px solid var(--border);padding:36px 64px;display:flex;align-items:center;justify-content:space-between;}
.foot-logo{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:3px;color:var(--muted);}
.foot-logo em{color:var(--neon);font-style:normal;}
.foot-center{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;color:var(--muted);text-align:center;}
.foot-right{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:1px;color:var(--muted);text-align:right;line-height:1.7;}

/* ── ENGINE EVOLUTION (sekcja animacja) ── */
.evo-wrap{position:relative;margin-bottom:0;}
.evo-rail-line{position:absolute;top:108px;left:0;right:0;height:1px;background:var(--border);pointer-events:none;}
.evo-rail{display:flex;overflow-x:auto;padding:50px 0 24px;scrollbar-width:thin;scrollbar-color:var(--neon) transparent;position:relative;}
.evo-rail::-webkit-scrollbar{height:3px;}
.evo-rail::-webkit-scrollbar-thumb{background:var(--neon);}
.eng-node{flex:0 0 174px;display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:0 8px;transition:transform .3s;}
.eng-node:hover{transform:translateY(-4px);}
.eng-node-year{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;color:var(--muted);margin-bottom:10px;}
.eng-node-icon{width:76px;height:76px;border-radius:50%;border:2px solid var(--border2);background:var(--bg2);display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:all .3s;}
.eng-node-icon svg{width:40px;height:40px;}
.eng-node:hover .eng-node-icon,.eng-node.active .eng-node-icon{border-color:var(--neon);background:rgba(0,212,255,.07);box-shadow:0 0 20px rgba(0,212,255,.2);}
.eng-node.rcpm-nd .eng-node-icon{border-color:var(--gold);background:rgba(245,166,35,.07);animation:pgold 2s infinite;}
@keyframes pgold{0%,100%{box-shadow:0 0 14px rgba(245,166,35,.3);}50%{box-shadow:0 0 28px rgba(245,166,35,.6);}}
.eng-node.rcpm-nd.active .eng-node-icon{animation:none;box-shadow:0 0 36px rgba(245,166,35,.7);}
.eng-node-dot{width:10px;height:10px;border-radius:50%;background:var(--muted);margin-bottom:10px;transition:all .3s;z-index:1;position:relative;}
.eng-node:hover .eng-node-dot,.eng-node.active .eng-node-dot{background:var(--neon);box-shadow:0 0 8px var(--neon);}
.eng-node.rcpm-nd .eng-node-dot{background:var(--gold);}
.eng-node-name{font-family:'Bebas Neue',sans-serif;font-size:16px;letter-spacing:1px;color:#fff;text-align:center;transition:color .3s;}
.eng-node:hover .eng-node-name,.eng-node.active .eng-node-name{color:var(--neon);}
.eng-node.rcpm-nd .eng-node-name{color:var(--gold);}
.eng-node-tag{font-size:10px;color:var(--muted);text-align:center;margin-top:3px;line-height:1.3;}
.eng-panel{display:none;border:1px solid var(--border);margin-top:2px;animation:fadeUp .35s ease;}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
.eng-panel.open{display:grid;grid-template-columns:1fr 1fr;}
.eng-anim-box{background:#000;min-height:340px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--border);position:relative;overflow:hidden;}
.eng-info{padding:42px;}
.eng-info-era{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:3px;color:var(--neon);margin-bottom:10px;opacity:.75;}
.eng-info-title{font-family:'Bebas Neue',sans-serif;font-size:46px;letter-spacing:2px;color:#fff;margin-bottom:6px;}
.eng-info-inv{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);margin-bottom:20px;}
.eng-info-desc{font-size:14px;color:#A8B2C8;line-height:1.75;margin-bottom:22px;}
.eng-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px;}
.eng-stat{background:rgba(255,255,255,.03);border:1px solid var(--border2);padding:12px;text-align:center;}
.eng-stat-v{font-family:'Bebas Neue',sans-serif;font-size:24px;color:var(--neon);display:block;}
.eng-stat-l{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;}
.eng-barrier{border-left:3px solid var(--red);background:rgba(255,48,48,.05);padding:12px 16px;font-family:'JetBrains Mono',monospace;font-size:11px;color:#FF8080;line-height:1.5;}
.eng-barrier.ok{border-left-color:var(--green);background:rgba(0,232,122,.05);color:#80FFB8;}
.eng-barrier-lbl{font-size:8px;letter-spacing:2px;opacity:.6;display:block;margin-bottom:3px;}
.eng-close{position:absolute;top:14px;right:14px;background:none;border:1px solid var(--border2);color:var(--muted);width:28px;height:28px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;z-index:5;}
.eng-close:hover{border-color:var(--neon);color:var(--neon);}
.eng-info.gold .eng-info-title{color:var(--gold);}
.eng-info.gold .eng-info-era{color:var(--gold);}
.eng-info.gold .eng-stat-v{color:var(--gold);}



/* ── HERO FUEL TAGS ── */
.hero-fuels{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;max-width:420px;}
.hero-fuel-label{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;}
.hero-fuel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;width:fit-content;max-width:420px;}
.hft{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:0.5px;border-radius:2px;font-weight:500;transition:all .2s;white-space:nowrap;}
.hft-h2 {background:rgba(0,212,255,0.08);border:1px solid rgba(0,212,255,0.25);color:var(--neon);}
.hft-ef {background:rgba(0,232,122,0.07);border:1px solid rgba(0,232,122,0.2);color:#00E87A;}
.hft-bio{background:rgba(80,200,80,0.07);border:1px solid rgba(80,200,80,0.18);color:#64CC64;}
.hft-gas{background:rgba(245,166,35,0.07);border:1px solid rgba(245,166,35,0.2);color:var(--gold);}
.hft-ben{background:rgba(180,120,60,0.08);border:1px solid rgba(180,120,60,0.22);color:#C88040;}
.hft-liq{background:rgba(120,100,200,0.08);border:1px solid rgba(120,100,200,0.22);color:#9980E0;}
.hft-air{background:rgba(200,230,255,0.06);border:1px solid rgba(180,220,255,0.2);color:rgba(180,220,255,0.8);}
.hft-ben{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);color:var(--muted);}
.hft:hover{transform:translateY(-2px);filter:brightness(1.2);}


/* ── HERO GAME CHANGER ── */
.hero-gc{display:flex;align-items:center;gap:14px;margin-bottom:22px;margin-top:4px;}
.hero-gc-line{flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(245,166,35,0.4),transparent);}
.hero-gc-line:first-child{background:linear-gradient(to left,transparent,rgba(245,166,35,0.4),transparent);}
.hero-gc-text{font-family:'Bebas Neue',sans-serif;font-size:clamp(18px,2.2vw,26px);letter-spacing:3px;color:var(--gold);white-space:nowrap;text-shadow:0 0 24px rgba(245,166,35,0.4);}

/* ── HERO MOBILITY PROMISE ── */
.hero-mobility{font-size:clamp(15px,1.6vw,19px);line-height:1.65;margin-bottom:18px;font-weight:500;color:#C8D0E0;}
.hero-segments{display:inline-flex;gap:10px;margin:0 2px;}
.hs-ev {color:var(--neon);font-weight:700;}
.hs-hyb{color:var(--gold);font-weight:700;}
.hs-ice{color:#8C95AA;font-weight:700;}
.hero-win{color:#fff;font-weight:700;}
.hero-nobat{font-size:clamp(13px,1.3vw,16px);color:var(--muted);font-style:italic;letter-spacing:.3px;}

/* ── HERO SUB (technical) ── */
.hero-sub{font-size:clamp(13px,1.2vw,15px);color:#505868;line-height:1.7;max-width:520px;margin-bottom:22px;font-weight:400;border-left:2px solid rgba(255,255,255,0.07);padding-left:14px;}
.hero-sub strong{color:#6A7488;font-weight:600;}

/* ── ENERGY DENSITY BARS ── */
.hero-energy{margin-bottom:24px;padding:18px 20px;background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.06);max-width:520px;}
.hero-energy-label{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:13px;color:#8C95AA;font-weight:500;}
.hero-energy-label .he-icon{font-size:16px;}
.hero-energy-label strong{color:#C8D0E0;}
.heb-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.heb-row:last-child{margin-bottom:0;}
.heb-fuel{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.5px;color:#6A7488;width:90px;flex-shrink:0;}
.heb-track{flex:1;height:4px;background:rgba(255,255,255,0.05);border-radius:2px;overflow:hidden;}
.heb-bar{height:100%;border-radius:2px;transition:width .3s;}
.heb-val{font-family:'Bebas Neue',sans-serif;font-size:15px;width:36px;text-align:right;flex-shrink:0;}

/* ══════════════════════════════════════════
   RESPONSIVE — TABLET (≤1100px)
══════════════════════════════════════════ */
@media(max-width:1100px){
  /* NAV */
  nav{padding:14px 24px;top:32px;}
  .nav-links{display:none;}
  .nav-cta{font-size:12px;padding:8px 18px;}

  /* PATENT BAR */
  #patentBar{padding:6px 16px;}
  #patentBar span:last-child{display:none;}

  /* HERO */
  #hero{padding:100px 24px 0;min-height:auto;display:block;}
  .hero-content{max-width:100%;padding-bottom:60px;}
  .hero-h1{font-size:clamp(42px,10vw,72px);}
  .hero-gc-text{font-size:17px;letter-spacing:2px;}
  .hero-gc{gap:10px;margin:14px 0 18px;}
  .hero-gc-line{flex:0 0 30px;}
  .hero-mobility{font-size:15px;}
  .hero-sub{max-width:100%;font-size:13px;}
  .hero-energy{max-width:100%;}
  .heb-fuel{width:80px;font-size:9px;}
  .hero-fuel-grid{grid-template-columns:repeat(2,auto);}
  .hft{font-size:9px;padding:5px 11px;}
  .hero-stats{display:none;}

  /* SECTIONS */
  section{padding:72px 24px;}
  .anim-header,.anim-wrap{padding-left:24px;padding-right:24px;}

  /* PROBLEM */
  .problem-cards{grid-template-columns:1fr;}
  .prob-figure{font-size:48px;}

  /* TECH */
  .tech-arch{grid-template-columns:1fr;gap:32px;}
  .tech-arch-visual{min-height:220px;}
  .tech-cards{grid-template-columns:1fr;}
  .tech-numbers{grid-template-columns:1fr 1fr;}
  .tech-num{padding:28px 20px;}
  .tech-num-v{font-size:38px;}

  /* EVOLUTION */
  .eng-panel.open{grid-template-columns:1fr;}
  .eng-anim-box{min-height:220px;border-right:none;border-bottom:1px solid var(--border);}
  .eng-info{padding:28px 24px;}
  .eng-info-title{font-size:32px;}

  /* MARKET */
  .market-cards{grid-template-columns:1fr;}
  .mkt-card{border-right:none;border-bottom:1px solid rgba(255,255,255,0.07);}
  .mkt-card:last-child{border-bottom:none;}

  /* MARKET DATA */
  .market-data-grid{grid-template-columns:1fr;}

  /* CONTACT */
  .kontakt-grid{grid-template-columns:1fr;gap:48px;}
  .form-row{grid-template-columns:1fr;}

  /* FOOTER */
  footer{flex-direction:column;gap:12px;text-align:center;padding:28px 24px;}
  .foot-right{text-align:center;}
}

/* ══════════════════════════════════════════
   RESPONSIVE — MOBILE (≤600px)
══════════════════════════════════════════ */
@media(max-width:600px){
  /* PATENT BAR */
  #patentBar{padding:5px 12px;}
  #patentBar span:nth-child(2){font-size:8px;letter-spacing:1px;}

  /* NAV */
  nav{padding:12px 20px;top:28px;}
  .nav-logo{font-size:16px;}

  /* HERO */
  #hero{padding:88px 20px 0;}
  .hero-h1{font-size:clamp(36px,12vw,56px);line-height:.9;}
  .hero-gc{margin:12px 0 16px;}
  .hero-gc-line{display:none;}
  .hero-gc-text{font-size:15px;letter-spacing:1.5px;}
  .hero-mobility{font-size:14px;line-height:1.6;}
  .hero-segments{gap:6px;display:inline;}
  .hs-ev,.hs-hyb,.hs-ice{display:inline;}
  .hero-nobat{font-size:13px;}
  .hero-sub{font-size:12px;padding-left:10px;}
  .hero-energy{padding:14px 16px;margin-bottom:18px;}
  .hero-energy-label{font-size:12px;}
  .heb-row{gap:6px;}
  .heb-fuel{width:68px;font-size:8px;}
  .heb-val{font-size:13px;width:30px;}
  .hero-fuel-grid{grid-template-columns:repeat(2,auto);gap:5px;}
  .hft{font-size:8px;padding:4px 9px;}
  .hero-ctas{flex-direction:column;gap:10px;}
  .btn-primary,.btn-secondary{text-align:center;padding:14px 24px;}

  /* SECTIONS */
  section{padding:56px 20px;}
  .s-title{font-size:clamp(32px,10vw,52px);}
  .anim-header,.anim-wrap{padding-left:20px;padding-right:20px;}

  /* PROBLEM */
  .prob-card{padding:28px 22px;}
  .prob-figure{font-size:40px;}

  /* TECH */
  .tech-num-v{font-size:32px;}
  .tech-numbers{grid-template-columns:1fr 1fr;}
  .tech-num{padding:22px 16px;}
  .tech-card{padding:28px 22px;}

  /* FLOW */
  .flow-item{width:190px;padding:22px 18px;}
  .app-card{width:130px;padding:18px 10px;}
  .app-icon{width:36px;height:36px;}
  .app-card-name{font-size:10px;}
  .app-card-tam{font-size:17px;}
  .tam-total-value{font-size:52px;}

  /* MARKET */
  .mkt-card{padding:36px 24px;}
  .comp-table th,.comp-table td{padding:12px 14px;font-size:12px;}
  .comp-name{font-size:16px;}

  /* EVOLUTION ENGINE PANEL */
  .eng-stats-row{grid-template-columns:1fr 1fr;}
  .eng-info-title{font-size:28px;}

  /* CONTACT */
  .kontakt-item{padding:16px 18px;}
  .form-field,.form-select,.form-textarea{font-size:14px;padding:13px 16px;}
  .form-submit{font-size:14px;padding:16px;}

  /* FOOTER */
  footer{padding:24px 20px;}
  .foot-logo{font-size:15px;}
}


/* ── MARKET DATA GRID (responsive) ── */
.mkt-data-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:2px;border:1px solid rgba(255,255,255,0.07);}
.mkt-data-col-inner{padding:36px 44px;}
.mkt-data-col-border{border-right:1px solid rgba(255,255,255,0.07);}
@media(max-width:1100px){
  .mkt-data-wrap{grid-template-columns:1fr;}
  .mkt-data-col-border{border-right:none;border-bottom:1px solid rgba(255,255,255,0.07);}
  .mkt-data-col-inner{padding:28px 24px;}
}
@media(max-width:600px){
  .mkt-data-col-inner{padding:24px 20px;}
}

/* ── COMPETITION TABLE mobile ── */
@media(max-width:600px){
  .comp-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
}

/* ── HERO CANVAS hide on mobile (content first) ── */
@media(max-width:600px){
  #heroCanvas{opacity:0.35;}
}


/* ── GAME CHANGER SECTION ── */
.gc-wrap{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;}
.gc-title{margin:12px 0 20px;line-height:.88;}
.gc-title-main{font-family:'Bebas Neue',sans-serif;font-size:clamp(56px,6vw,96px);letter-spacing:2px;color:var(--gold);display:block;text-shadow:0 0 40px rgba(245,166,35,0.3);}
.gc-title-sub{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,3vw,48px);letter-spacing:2px;color:#fff;display:block;}
.gc-desc{font-size:15px;color:var(--muted);line-height:1.75;}
.gc-seg{display:flex;gap:16px;align-items:flex-start;padding:20px 0;border-bottom:1px solid rgba(255,255,255,0.05);}
.gc-seg:last-child{border-bottom:none;}
.gc-seg-icon{font-size:24px;flex-shrink:0;margin-top:2px;}
.gc-seg-name{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:1px;margin-bottom:3px;}
.gc-seg-prod{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;color:var(--muted);margin-bottom:6px;text-transform:uppercase;}
.gc-seg-desc{font-size:13px;color:#505868;line-height:1.6;}

/* ── ENERGY BARS SECTION ── */
.energy-bars-section{}
.eb-row{margin-bottom:18px;}
.eb-meta{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px;}
.eb-label{font-size:13px;font-weight:500;}
.eb-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted);}
.eb-track{height:6px;background:rgba(255,255,255,0.05);border-radius:3px;overflow:hidden;margin-bottom:4px;}
.eb-fill{height:100%;border-radius:3px;}
.eb-mult{font-family:'Bebas Neue',sans-serif;font-size:20px;display:block;text-align:right;}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  #gameChanger,#energia{padding:72px 24px;}
  .gc-wrap{grid-template-columns:1fr;gap:40px;}
  .energy-grid{grid-template-columns:1fr !important;}
}
@media(max-width:600px){
  #gameChanger,#energia{padding:56px 20px;}
  .gc-title-main{font-size:clamp(48px,14vw,72px);}
  .gc-title-sub{font-size:clamp(22px,7vw,36px);}
}


/* ── BLIND ALLEY CONTEXT ── */
.blind-alley{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;padding-bottom:0;}
.ba-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(40px,5.5vw,76px);line-height:.9;letter-spacing:2px;color:#fff;margin:14px 0 0;}
.ba-title span{color:#fff;}
.ba-title-red{color:var(--red) !important;text-shadow:0 0 30px rgba(255,48,48,0.25);}
.ba-body{font-size:16px;color:#8C95AA;line-height:1.8;margin-bottom:16px;font-weight:400;}
.ba-body strong{color:#C8D0E0;}
.ba-highlight{font-size:18px;color:#C8D0E0;font-weight:600;border-left:3px solid var(--gold);padding-left:16px;line-height:1.6;margin-top:24px;}

/* ── SEGMENT CARDS ── */
.seg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
.seg-card{background:#0A0A18;padding:36px 32px 28px;position:relative;overflow:hidden;transition:background .25s;}
.seg-card:hover{background:#0D0D1E;}
.seg-card-top{display:flex;align-items:center;gap:14px;margin-bottom:16px;}
.seg-card-icon{font-size:32px;flex-shrink:0;}
.seg-card-badge{font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;border:1px solid;padding:3px 12px;}
.seg-card-prod{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:14px;}
.seg-card-desc{font-size:14px;color:#5A6278;line-height:1.7;margin-bottom:20px;}
.seg-card-line{height:2px;width:40px;}
.mobility-block{padding:32px 0;}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .blind-alley{grid-template-columns:1fr;gap:32px;}
  #wszyscyWygrywaja{padding:64px 24px;}
  #gameChanger{padding:72px 24px 0;}
  .seg-cards{grid-template-columns:1fr;}
}
@media(max-width:600px){
  #gameChanger{padding:56px 20px 0;}
  #wszyscyWygrywaja{padding:48px 20px;}
  .ba-title{font-size:clamp(34px,10vw,52px);}
  .seg-card{padding:28px 22px 22px;}
}


/* ── HERO ERA SUBTITLE ── */
.hero-era{font-family:'Rajdhani',sans-serif;font-size:clamp(18px,2vw,26px);color:rgba(255,255,255,0.45);font-weight:300;letter-spacing:2px;margin-bottom:6px;margin-top:6px;}
.hero-rcpm-stroke{font-family:'JetBrains Mono',monospace;font-size:clamp(11px,0.95vw,14px);letter-spacing:3px;text-transform:uppercase;color:rgba(0,212,255,0.5);margin-bottom:18px;margin-top:0;font-weight:400;}
.hero-rcpm-key{font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(0,212,255,0.45);letter-spacing:0.5px;line-height:1.7;margin-bottom:32px;max-width:480px;font-weight:400;}
.hero-rcpm-key em{color:rgba(0,212,255,0.75);font-style:normal;}


/* ══════════════════════════════════════
   VISION SECTION
══════════════════════════════════════ */
#wizja { min-height: 90vh; }
.vision-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding:100px 64px;}
.vision-title{font-family:"Bebas Neue",sans-serif;font-size:clamp(42px,5.5vw,80px);line-height:.88;letter-spacing:2px;color:#fff;margin:14px 0 24px;}
.vision-title-green{color:#00E87A;text-shadow:0 0 40px rgba(0,232,122,0.3);}
.vision-body{font-size:16px;color:#7A8299;line-height:1.8;}
.vision-body strong{color:#C8D0E0;}

/* metrics row */
.vision-metrics{display:flex;gap:0;margin-top:40px;border:1px solid rgba(0,232,122,0.12);}
.vm-item{flex:1;padding:20px 18px;}
.vm-sep{width:1px;background:rgba(0,232,122,0.1);}
.vm-val{font-family:"Bebas Neue",sans-serif;font-size:36px;display:block;line-height:1;}
.vm-unit{font-family:"Bebas Neue",sans-serif;font-size:14px;letter-spacing:1px;color:rgba(255,255,255,0.5);display:block;margin-bottom:6px;}
.vm-desc{font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:.5px;color:var(--muted);line-height:1.5;}

/* CO2 counter box */
.vision-counter-wrap{display:flex;flex-direction:column;align-items:center;gap:24px;}
.vision-co2-box{width:100%;background:rgba(0,10,6,0.7);border:1px solid rgba(0,232,122,0.18);padding:28px 28px 24px;backdrop-filter:blur(8px);}
.vcb-label{font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:3px;color:rgba(0,232,122,0.55);text-transform:uppercase;margin-bottom:10px;}
.vcb-number{font-family:"Bebas Neue",sans-serif;font-size:72px;color:#00E87A;line-height:.9;text-shadow:0 0 40px rgba(0,232,122,0.4);margin-bottom:4px;}
.vcb-unit{font-family:"Bebas Neue",sans-serif;font-size:18px;letter-spacing:2px;color:rgba(0,232,122,0.6);margin-bottom:16px;}
.vcb-context{display:flex;flex-direction:column;gap:5px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid rgba(0,232,122,0.1);}
.vcb-context span{font-size:13px;color:#4A5A48;}
.vcb-context strong{color:#8CC888;}
.vcb-bar-wrap{}
.vcb-bar-label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:8px;}
.vcb-bar-track{height:8px;background:rgba(255,48,48,0.15);border-radius:4px;overflow:hidden;position:relative;margin-bottom:8px;}
.vcb-bar-fill{position:absolute;inset:0;background:rgba(255,48,48,0.35);border-radius:4px;}
.vcb-bar-rcpm{position:absolute;top:0;left:0;bottom:0;width:25%;background:linear-gradient(90deg,#00E87A,#00C860);border-radius:4px;box-shadow:0 0 10px rgba(0,232,122,0.5);transition:width 2s ease;}
.vcb-bar-labels{display:flex;justify-content:space-between;font-size:10px;font-family:"JetBrains Mono",monospace;}

/* right column canvas */
.vision-right{display:flex;align-items:center;justify-content:center;}

/* responsive */
@media(max-width:1100px){
  .vision-content{grid-template-columns:1fr;gap:48px;padding:72px 24px;}
  .vision-metrics{flex-direction:column;}
  .vm-sep{width:100%;height:1px;}
}
@media(max-width:600px){
  .vision-content{padding:56px 20px;}
  .vision-title{font-size:clamp(36px,10vw,56px);}
  .vcb-number{font-size:56px;}
  #visionEarth{width:280px;height:280px;}
}


/* ══════════════════════════════════════
   PROBLEM SILNIKÓW SECTION
══════════════════════════════════════ */
.prob-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:72px;}
.prob-card{background:#080810;display:flex;flex-direction:column;overflow:hidden;}
.prob-canvas{display:block;width:100%;height:auto;background:#04040C;}
.prob-body{padding:36px 32px 32px;flex:1;display:flex;flex-direction:column;gap:16px;}
.prob-number{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:3px;color:rgba(255,48,48,0.35);}
.prob-title{font-family:"Bebas Neue",sans-serif;font-size:clamp(26px,3vw,40px);line-height:.92;letter-spacing:1px;color:#fff;}
.prob-title span{color:var(--red);}
.prob-desc{font-size:15px;color:#5A6278;line-height:1.75;flex:1;}
.prob-desc strong{color:#9AA0B0;}
.prob-desc em{font-style:normal;color:#F5A623;font-family:"JetBrains Mono",monospace;}
.prob-stats-row{display:flex;gap:0;border:1px solid rgba(255,255,255,0.05);}
.ps-item{flex:1;padding:14px 12px;text-align:center;border-right:1px solid rgba(255,255,255,0.05);}
.ps-item:last-child{border-right:none;}
.ps-val{font-family:"Bebas Neue",sans-serif;font-size:28px;display:block;line-height:1;}
.ps-lab{font-family:"JetBrains Mono",monospace;font-size:8px;letter-spacing:1px;color:var(--muted);display:block;margin-top:4px;}
.prob-insight{display:flex;gap:12px;background:rgba(255,255,255,0.02);border-left:2px solid rgba(255,48,48,0.3);padding:14px 16px;font-size:13px;color:#4A5268;line-height:1.6;}
.prob-insight strong{color:#8090A0;}
.pi-icon{font-size:18px;flex-shrink:0;margin-top:1px;}
.prob-verdict{text-align:center;padding:48px 0 0;}
.pv-line{width:1px;height:48px;background:linear-gradient(to bottom,rgba(255,48,48,0.4),transparent);margin:0 auto 24px;}
.pv-text{font-size:clamp(16px,2vw,22px);color:#6A7080;line-height:1.7;margin-bottom:20px;}
.pv-text strong{color:#C0C8D8;}
.pv-arrow{font-size:28px;color:rgba(245,166,35,0.4);animation:bounce 2s infinite;}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}

@media(max-width:900px){
  .prob-grid{grid-template-columns:1fr;}
  #problemSilnikow{padding:72px 24px;}
}
@media(max-width:600px){
  .prob-body{padding:24px 20px;}
  #problemSilnikow{padding:56px 20px;}
}


/* ══════════════════════════════════════
   HISTORIA SILNIKÓW + RCPM STORY
══════════════════════════════════════ */
.hist-wrap{padding:100px 64px 64px;max-width:1300px;margin:0 auto;position:relative;z-index:1;}
.hist-header{margin-bottom:64px;}
.hist-title{font-family:"Bebas Neue",sans-serif;font-size:clamp(38px,5.5vw,78px);line-height:.88;letter-spacing:2px;color:#fff;margin:14px 0;}

/* Timeline */
.hist-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-bottom:72px;}
.htl-chapter{background:#080810;padding:28px 22px 24px;position:relative;overflow:hidden;border-top:2px solid transparent;transition:border-color .3s;}
.htl-chapter:hover{border-color:rgba(245,166,35,0.4);}
.htl-year{font-family:"Bebas Neue",sans-serif;font-size:28px;letter-spacing:3px;color:rgba(245,166,35,0.85);margin-bottom:14px;}
.htl-content h4{font-family:"Bebas Neue",sans-serif;font-size:18px;letter-spacing:1px;color:#C0C8D8;margin-bottom:10px;}
.htl-content p{font-size:13px;color:#4A5268;line-height:1.7;}
.htl-content strong{color:#8090A8;}
.htl-content em{font-style:normal;color:var(--gold);font-family:"JetBrains Mono",monospace;}

/* Diesel dream quote */
.diesel-dream{display:flex;gap:0;border:1px solid rgba(245,166,35,0.15);margin-bottom:0;}
.dd-bar{width:4px;background:linear-gradient(to bottom,var(--gold),rgba(245,166,35,0.1));flex-shrink:0;}
.dd-content{padding:32px 36px;display:flex;gap:20px;align-items:flex-start;}
.dd-quote-mark{font-family:"Bebas Neue",sans-serif;font-size:80px;color:rgba(245,166,35,0.15);line-height:1;flex-shrink:0;margin-top:-10px;}
.dd-quote{font-size:18px;color:#6A7080;line-height:1.75;}
.dd-quote strong{color:#A8B0BC;}

/* Transition divider */
.hist-transition{display:flex;align-items:center;gap:24px;padding:56px 64px;background:#040408;position:relative;z-index:1;}
.ht-line{flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(0,212,255,0.2),transparent);}
.ht-label{display:flex;flex-direction:column;align-items:center;gap:10px;white-space:nowrap;}
.ht-from{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:2px;color:rgba(255,48,48,0.4);text-transform:uppercase;}
.ht-arrow-box{display:flex;align-items:center;gap:12px;}
.ht-arrow{font-size:24px;color:rgba(0,212,255,0.4);}
.ht-new{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;}

/* RCPM story */
.rcpm-story-wrap{padding:72px 64px 100px;max-width:1300px;margin:0 auto;position:relative;z-index:1;}
.rs-header{margin-bottom:64px;}
.rs-title{font-family:"Bebas Neue",sans-serif;font-size:clamp(40px,5.5vw,78px);line-height:.88;letter-spacing:2px;color:#fff;margin:14px 0 24px;}
.rs-intro{font-size:17px;color:#6A7080;line-height:1.8;max-width:700px;}
.rs-intro strong{color:#A8B8C0;}

/* Requirement cards */
.rs-reqs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:72px;}
.rs-req{background:#070710;padding:32px 26px 28px;}
.rsr-icon{font-size:30px;margin-bottom:14px;}
.rsr-val{font-family:"Bebas Neue",sans-serif;font-size:clamp(40px,4vw,64px);color:var(--neon);line-height:1;text-shadow:0 0 30px rgba(0,212,255,0.25);}
.rsr-unit{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:2px;color:rgba(0,212,255,0.5);margin-bottom:14px;text-transform:uppercase;}
.rsr-desc{font-size:13px;color:#4A5268;line-height:1.7;margin-bottom:16px;}
.rsr-desc em{font-style:normal;color:var(--neon);font-family:"JetBrains Mono",monospace;}
.rsr-compare{}
.rsc-label{font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:1px;color:var(--muted);display:block;margin-bottom:6px;}
.rsc-bar-wrap{display:flex;flex-direction:column;gap:0;margin-bottom:6px;}
.rsc-bar{height:4px;border-radius:2px;}
.rsc-bar-labels{display:flex;flex-direction:column;gap:2px;font-family:"JetBrains Mono",monospace;font-size:8px;color:var(--muted);}

/* Side by side animation */
.rs-anim-wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:center;}
.rs-anim-col{display:flex;flex-direction:column;}
.rs-anim-label{display:flex;align-items:center;gap:8px;font-family:"JetBrains Mono",monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;padding:12px 16px;background:#04040A;}
.rs-anim-bad{color:rgba(255,48,48,0.6);border-top:1px solid rgba(255,48,48,0.15);}
.rs-anim-good{color:rgba(0,212,255,0.6);border-top:1px solid rgba(0,212,255,0.15);}
.ral-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.rs-canvas{display:block;width:100%;height:auto;}
.rs-anim-stats{display:flex;flex-direction:column;gap:5px;padding:14px 16px;font-size:12px;color:#3A4050;}
.rs-anim-stats strong{font-size:12px;}
.rs-anim-vs{font-family:"Bebas Neue",sans-serif;font-size:36px;color:rgba(255,255,255,0.08);text-align:center;padding:0 20px;letter-spacing:4px;}

@media(max-width:1100px){
  .hist-wrap,.rcpm-story-wrap{padding:72px 24px;}
  .hist-timeline{grid-template-columns:1fr 1fr;}
  .rs-reqs{grid-template-columns:1fr;}
  .rs-anim-wrap{grid-template-columns:1fr;gap:2px;}
  .rs-anim-vs{transform:rotate(90deg);padding:12px 0;}
  .hist-transition{padding:40px 24px;flex-direction:column;gap:16px;}
  .ht-line{width:100%;height:1px;}
}
@media(max-width:600px){
  .hist-wrap,.rcpm-story-wrap{padding:56px 20px;}
  .hist-timeline{grid-template-columns:1fr;}
  .dd-quote-mark{font-size:50px;}
  .dd-quote{font-size:15px;}
}


/* ── VCB MINI — 3 metrics under globe ── */
.vcb-mini{display:flex;width:100%;border:1px solid rgba(0,232,122,0.12);}
.vcb-mini-item{flex:1;padding:18px 16px;display:flex;flex-direction:column;gap:3px;}
.vcb-mini-sep{width:1px;background:rgba(0,232,122,0.10);}
.vcb-mini-val{font-family:"Bebas Neue",sans-serif;font-size:28px;line-height:1;}
.vcb-mini-unit{font-family:"Bebas Neue",sans-serif;font-size:11px;letter-spacing:1px;color:rgba(255,255,255,0.3);}
.vcb-mini-desc{font-family:"JetBrains Mono",monospace;font-size:8px;letter-spacing:.3px;color:rgba(255,255,255,0.2);line-height:1.5;margin-top:4px;}


/* rs-intro list */
.rs-intro p{margin-bottom:14px;}
.rs-req-list{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:8px;}
.rs-req-list li{display:flex;align-items:baseline;gap:10px;font-size:15px;color:#5A6878;padding:10px 14px;background:rgba(0,212,255,0.03);border-left:2px solid rgba(0,212,255,0.2);}
.rrl-val{font-family:"Bebas Neue",sans-serif;font-size:22px;color:var(--neon);flex-shrink:0;}
.rrl-note{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.5px;color:rgba(0,212,255,0.35);margin-left:4px;}
.rrl-sub{display:block;font-family:"Inter",sans-serif;font-size:13px;color:rgba(255,255,255,0.30);line-height:1.6;margin-top:4px;font-weight:400;}


/* ══════════════════════════════════════════════════
   MOBILE — iPhone 16 (390px) i wszystkie telefony
   Zasada: scroll tylko pionowy, zero overflow-x
══════════════════════════════════════════════════ */

/* GLOBALNY RESET overflow */
html { overflow-x: hidden; }
body { overflow-x: hidden; max-width: 100vw; }
* { max-width: 100%; }

@media (max-width: 430px) {

  /* ── GATEWAY ── */
  .gw-content { padding: 0 20px; width: 100%; }
  .gw-headline { font-size: clamp(32px, 9vw, 48px); }
  .gw-sub-top { font-size: 13px; }
  .gw-sub-question { font-size: 14px; }
  .gw-btn { font-size: 15px; letter-spacing: 2px; padding: 16px 32px; }
  .gw-strip { display: none; }
  .gw-badge { font-size: 8px; letter-spacing: 1.5px; }

  /* ── PATENT BAR ── */
  #patentBar { padding: 5px 16px; overflow: hidden; }
  #patentBar > * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

  /* ── NAV ── */
  nav { padding: 10px 16px !important; }
  .nav-logo { font-size: 15px; }
  .nav-links { display: none; }
  .nav-cta { font-size: 11px; padding: 8px 14px; letter-spacing: 1px; }

  /* ── HERO ── */
  #hero { padding: 80px 20px 0 !important; min-height: 100svh; }
  .hero-content { max-width: 100%; }
  .hero-h1 { font-size: clamp(34px, 10vw, 52px) !important; line-height: .92; }
  .hero-gc-text { font-size: 14px !important; letter-spacing: 1px; white-space: normal; }
  .hero-gc-line { display: none !important; }
  .hero-fuel-grid { grid-template-columns: repeat(2, 1fr) !important; max-width: 100% !important; width: 100% !important; }
  .hft { font-size: 9px !important; padding: 5px 8px !important; white-space: nowrap; }
  .hero-mobility { font-size: 14px; }
  .hero-energy { max-width: 100%; }
  .heb-row { flex-wrap: wrap; gap: 4px; }
  .heb-fuel { width: 56px; font-size: 7px; }
  .hero-stats { flex-wrap: wrap; }
  .hero-stat { min-width: 50%; border-right: none !important; border-bottom: 1px solid rgba(255,255,255,0.05); }
  .hero-ctas { flex-direction: column; gap: 10px; }
  .btn-primary, .btn-secondary { width: 100%; text-align: center; padding: 14px 20px; }

  /* ── SECTIONS — padding reset ── */
  section { padding: 56px 20px !important; }
  .s-title { font-size: clamp(30px, 9vw, 48px) !important; }
  .s-sub { font-size: 14px; max-width: 100%; }

  /* ── VISION ── */
  .vision-content { grid-template-columns: 1fr !important; gap: 36px !important; padding: 56px 20px !important; }

  /* ── PROBLEM SEKCJA ── */
  .prob-grid { grid-template-columns: 1fr !important; gap: 3px; }
  .problem-cards { grid-template-columns: 1fr !important; gap: 2px; }
  .prob-card { padding: 24px 20px; }
  .anim-header { padding: 40px 20px 0 !important; }
  .anim-wrap { padding: 24px 20px !important; }
  .anim-canvas-box canvas { max-width: 100%; }

  /* ── GAME CHANGER ── */
  .gc-wrap { grid-template-columns: 1fr !important; gap: 40px !important; }
  #gameChanger { padding: 60px 20px 0 !important; }
  .gc-title-main { font-size: clamp(48px, 12vw, 72px) !important; }

  /* ── BLIND ALLEY ── */
  .blind-alley { grid-template-columns: 1fr !important; gap: 40px !important; padding: 56px 20px !important; }

  /* ── SIEMENS HALSKE ── */
  .sh-wrap { padding: 56px 20px 60px !important; }
  .sh-h1 { font-size: clamp(28px, 8vw, 44px) !important; }
  .sh-canvas-grid { grid-template-columns: 1fr !important; gap: 2px; }
  .sh-canvas-card canvas { max-width: 100%; height: auto; }
  .sh-barriers { grid-template-columns: 1fr !important; gap: 12px; }
  .sh-techline-track { gap: 0; overflow-x: auto; padding-bottom: 8px; -webkit-overflow-scrolling: touch; }
  .sh-verdict { grid-template-columns: 1fr !important; gap: 20px; padding: 20px !important; }
  .sh-verdict-stamp { align-self: flex-start; }

  /* ── PRZELOM / BEFORE-AFTER ── */
  #przelom { padding: 56px 20px 60px !important; }
  .pb-grid { grid-template-columns: 1fr !important; }
  .pb-col-before { border-right: none !important; border-bottom: 2px solid rgba(0,212,255,.06) !important; }
  .pb-divider-mid { display: block !important; }

  /* ── PS3 PROTOTYP ── */
  #ps3Prototyp { padding: 48px 20px 56px !important; }

  /* ── PORSCHE vs RCPM ── */
  #porscheVsRcpm { padding: 56px 20px !important; }
  [id="porscheVsRcpm"] > div > div { flex-direction: column !important; gap: 20px !important; }

  /* ── TREND RYNKOWY ── */
  #trendRynkowy { padding: 56px 20px !important; }
  .trend-cards-grid { grid-template-columns: 1fr !important; }

  /* ── WSZYSCY WYGRYWAJA ── */
  #wszyscyWygrywaja { padding: 56px 20px !important; }

  /* ── KONTAKT ── */
  .kontakt-grid { grid-template-columns: 1fr !important; gap: 32px !important; }

  /* ── FOOTER ── */
  footer { padding: 24px 20px !important; flex-direction: column !important; gap: 14px !important; text-align: center; }
  .foot-links { gap: 16px; flex-wrap: wrap; justify-content: center; }

  /* ── EVOLUTION / FLOW ── */
  .flow-scroll { -webkit-overflow-scrolling: touch; }
  .evo-rail { -webkit-overflow-scrolling: touch; }

  /* ── MARKET SECTION ── */
  .mkt-card { padding: 28px 20px; }
  .market-cards { grid-template-columns: 1fr !important; }
  .mkt-data-wrap { grid-template-columns: 1fr !important; }

  /* ── COMPETITION TABLE ── */
  .comp-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; font-size: 11px; }
  .comp-table th, .comp-table td { padding: 10px 12px !important; }

  /* ── HIST / RCPM STORY ── */
  .hist-wrap, .rcpm-story-wrap { padding: 48px 20px !important; }
  .hist-timeline { grid-template-columns: 1fr !important; }
  .rs-reqs { grid-template-columns: 1fr !important; }
  .hist-transition { padding: 32px 20px !important; flex-direction: column !important; gap: 12px !important; }
  .ht-line { width: 100% !important; height: 1px !important; }
  .ht-label { white-space: normal !important; text-align: center; }

  /* ── TECH NUMBERS ── */
  .tech-numbers { grid-template-columns: 1fr 1fr !important; }
  .tech-num-v { font-size: 28px !important; }

  /* ── CANVAS — max-width fix ── */
  canvas { max-width: 100% !important; }

  /* ── HIDE DECORATIVE ELEMENTS on mobile ── */
  .eng-barrier-line, .section-grid-line { display: none; }

}

/* Tablet — 431–768px */
@media (min-width: 431px) and (max-width: 768px) {
  section { padding: 72px 32px !important; }
  nav { padding: 14px 32px !important; }
  #hero { padding: 90px 32px 0 !important; }
  .gc-wrap, .blind-alley, .vision-content, .kontakt-grid { grid-template-columns: 1fr !important; gap: 48px !important; }
  .sh-canvas-grid { grid-template-columns: 1fr !important; }
  .sh-barriers { grid-template-columns: 1fr !important; gap: 12px; }
  .prob-grid, .problem-cards { grid-template-columns: 1fr !important; }
  .hist-timeline { grid-template-columns: 1fr 1fr !important; }
  footer { padding: 28px 32px !important; }
  canvas { max-width: 100% !important; }
}



/* ══ BLOCK SEPARATOR ══ */

/* ── GATEWAY LANGUAGE SWITCHER ── */
#gwLangSwitcher {
  position: absolute;
  top: 24px;
  right: 28px;
  z-index: 100;
  display: flex;
  align-items: center;
  gap: 6px;
}
#gwLangSwitcher .lang-btn {
  font-size: 20px;
  padding: 6px 10px;
  border-color: rgba(0,212,255,0.2);
  background: rgba(0,10,20,0.5);
  backdrop-filter: blur(8px);
}
#gwLangSwitcher .lang-btn:hover {
  border-color: rgba(0,212,255,0.5);
  background: rgba(0,212,255,0.1);
}

.lang-btn {
  background: none;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 3px;
  padding: 4px 7px;
  font-size: 16px;
  cursor: pointer;
  opacity: 0.45;
  transition: all 0.2s;
  line-height: 1;
}
.lang-btn:hover { opacity: 0.85; border-color: rgba(255,255,255,0.22); }
.lang-btn.lang-active { opacity: 1; border-color: rgba(0,212,255,0.5); background: rgba(0,212,255,0.08); }
@media(max-width:600px) {
  #langSwitcher { margin-right: 8px; }
  .lang-btn { font-size: 14px; padding: 3px 5px; }
  #gwLangSwitcher { top: 14px; right: 14px; gap: 4px; }
  #gwLangSwitcher .lang-btn { font-size: 16px; padding: 4px 7px; }
}


/* ══ BLOCK SEPARATOR ══ */


    .hero-questions{
      position:absolute;bottom:0;left:0;right:0;
      display:flex;
      border-top:1px solid rgba(0,212,255,0.1);
      z-index:2;
      background:rgba(5,5,15,0.55);
      backdrop-filter:blur(6px);
    }
    .hero-q{
      flex:1;
      padding:22px 36px;
      border-right:1px solid rgba(0,212,255,0.08);
      display:flex;
      align-items:center;
      gap:14px;
      cursor:default;
      transition:background .25s;
    }
    .hero-q:last-child{border-right:none;}
    .hero-q:hover{background:rgba(0,212,255,0.04);}
    .hero-q-arrow{
      font-size:18px;
      color:rgba(0,212,255,0.35);
      flex-shrink:0;
      transition:transform .25s, color .25s;
    }
    .hero-q:hover .hero-q-arrow{transform:translateX(4px);color:var(--neon);}
    .hero-q-text{
      font-family:'Rajdhani',sans-serif;
      font-size:15px;
      font-weight:500;
      color:rgba(255,255,255,0.65);
      line-height:1.35;
      transition:color .25s;
    }
    .hero-q:hover .hero-q-text{color:rgba(255,255,255,0.9);}
    .hero-q-text em{
      font-style:normal;
      color:var(--neon);
      opacity:0.85;
    }
    @media(max-width:768px){
      .hero-questions{flex-direction:column;}
      .hero-q{border-right:none;border-bottom:1px solid rgba(0,212,255,0.08);padding:16px 24px;}
      .hero-q:last-child{border-bottom:none;}
    }
  

/* ══ BLOCK SEPARATOR ══ */


/* ── SH SECTION ── */
.sh-wrap{max-width:1100px;margin:0 auto;padding:80px 24px 90px;position:relative;z-index:2;}

/* HEADER */
.sh-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:4px;color:rgba(245,166,35,0.55);text-transform:uppercase;display:block;margin-bottom:16px;}
.sh-h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(38px,6vw,72px);letter-spacing:3px;color:#fff;line-height:.95;margin:0 0 6px;}
.sh-h1 em{color:var(--gold);font-style:normal;}
.sh-sub{font-family:'Rajdhani',sans-serif;font-size:clamp(15px,1.5vw,18px);color:rgba(255,255,255,0.45);font-weight:300;max-width:680px;line-height:1.6;margin:0 0 52px;}
.sh-sub strong{color:rgba(255,255,255,0.75);font-weight:500;}

/* YEAR BADGE */
.sh-year-badge{display:inline-flex;align-items:center;gap:12px;margin-bottom:24px;}
.sh-year-num{font-family:'Bebas Neue',sans-serif;font-size:clamp(56px,8vw,96px);color:rgba(245,166,35,0.15);letter-spacing:4px;line-height:1;}
.sh-year-meta{display:flex;flex-direction:column;gap:4px;}
.sh-year-meta span:first-child{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:3px;color:rgba(245,166,35,0.5);text-transform:uppercase;}
.sh-year-meta span:last-child{font-family:'Rajdhani',sans-serif;font-size:13px;color:rgba(255,255,255,0.4);}

/* CANVAS COMPARISON */
.sh-canvas-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px;}
.sh-canvas-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.07);border-radius:4px;overflow:hidden;}
.sh-canvas-card.sh-left{border-color:rgba(245,166,35,0.18);}
.sh-canvas-card.sh-right{border-color:rgba(0,212,255,0.2);}
.sh-canvas-header{padding:14px 20px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,0.05);}
.sh-canvas-card.sh-left .sh-canvas-header{border-color:rgba(245,166,35,0.1);}
.sh-canvas-card.sh-right .sh-canvas-header{border-color:rgba(0,212,255,0.1);}
.sh-ctitle{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:2px;}
.sh-canvas-card.sh-left .sh-ctitle{color:var(--gold);}
.sh-canvas-card.sh-right .sh-ctitle{color:var(--neon);}
.sh-ctag{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;padding:3px 8px;border-radius:2px;}
.sh-canvas-card.sh-left .sh-ctag{background:rgba(245,166,35,0.08);border:1px solid rgba(245,166,35,0.2);color:rgba(245,166,35,0.7);}
.sh-canvas-card.sh-right .sh-ctag{background:rgba(0,212,255,0.06);border:1px solid rgba(0,212,255,0.18);color:rgba(0,212,255,0.7);}
.sh-canvas-wrap{position:relative;}
.sh-canvas-wrap canvas{display:block;width:100%;height:auto;}
.sh-canvas-footer{padding:10px 20px 14px;font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;color:rgba(255,255,255,0.25);}

/* FLIP CARDS */
.sh-barriers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px;}
.sh-flip{height:200px;perspective:800px;cursor:pointer;}
.sh-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1);}
.sh-flip:hover .sh-flip-inner,.sh-flip.flipped .sh-flip-inner{transform:rotateY(180deg);}
.sh-face{position:absolute;inset:0;border-radius:4px;padding:22px 20px;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:space-between;}
.sh-face-front{background:rgba(255,48,48,0.04);border:1px solid rgba(255,48,48,0.18);}
.sh-face-back{background:rgba(0,232,122,0.04);border:1px solid rgba(0,232,122,0.22);transform:rotateY(180deg);}
.sh-face-icon{font-size:20px;line-height:1;}
.sh-face-year{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;margin-bottom:6px;}
.sh-face-front .sh-face-year{color:rgba(255,80,80,0.5);}
.sh-face-back .sh-face-year{color:rgba(0,232,122,0.6);}
.sh-face-title{font-family:'Bebas Neue',sans-serif;font-size:17px;letter-spacing:1.5px;line-height:1.1;}
.sh-face-front .sh-face-title{color:rgba(255,120,120,0.9);}
.sh-face-back .sh-face-title{color:#00E87A;}
.sh-face-text{font-family:'Rajdhani',sans-serif;font-size:13px;line-height:1.55;color:rgba(255,255,255,0.55);}
.sh-face-back .sh-face-text{color:rgba(255,255,255,0.7);}
.sh-flip-hint{font-family:'JetBrains Mono',monospace;font-size:8px;letter-spacing:1px;color:rgba(255,255,255,0.2);text-transform:uppercase;}

/* TECH TIMELINE */
.sh-techline{margin-bottom:40px;overflow:hidden;}
.sh-techline-label{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:3px;color:rgba(255,255,255,0.25);text-transform:uppercase;margin-bottom:16px;}
.sh-techline-track{position:relative;display:flex;align-items:center;gap:0;}
.sh-techline-line{position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,rgba(245,166,35,0.3),rgba(0,212,255,0.4));transform:translateY(-50%);}
.sh-tech-node{position:relative;display:flex;flex-direction:column;align-items:center;flex:1;z-index:1;}
.sh-tech-dot{width:10px;height:10px;border-radius:50%;margin-bottom:8px;transition:transform .2s;}
.sh-tech-node:hover .sh-tech-dot{transform:scale(1.6);}
.sh-tech-node.past .sh-tech-dot{background:rgba(245,166,35,0.5);border:1px solid rgba(245,166,35,0.8);}
.sh-tech-node.now .sh-tech-dot{background:#00D4FF;box-shadow:0 0 10px rgba(0,212,255,0.6);border:1px solid #00D4FF;animation:nodePulse 2s infinite;}
.sh-tech-year{font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(255,255,255,0.35);letter-spacing:1px;margin-bottom:3px;}
.sh-tech-name{font-family:'Rajdhani',sans-serif;font-size:12px;color:rgba(255,255,255,0.55);text-align:center;line-height:1.2;font-weight:500;}
.sh-tech-node.now .sh-tech-name{color:var(--neon);}
.sh-tech-node.now .sh-tech-year{color:rgba(0,212,255,0.6);}
@keyframes nodePulse{0%,100%{box-shadow:0 0 8px rgba(0,212,255,0.5)}50%{box-shadow:0 0 16px rgba(0,212,255,0.9)}}

/* VERDICT */
.sh-verdict{padding:28px 36px;background:linear-gradient(135deg,rgba(245,166,35,0.05) 0%,rgba(0,212,255,0.04) 100%);border:1px solid rgba(255,255,255,0.08);border-radius:4px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;}
.sh-verdict-text{font-family:'Rajdhani',sans-serif;font-size:clamp(15px,1.5vw,18px);color:rgba(255,255,255,0.75);line-height:1.7;}
.sh-verdict-text strong{color:#fff;}
.sh-verdict-text em{color:var(--neon);font-style:normal;}
.sh-verdict-stamp{text-align:center;flex-shrink:0;}
.sh-verdict-stamp-year{font-family:'Bebas Neue',sans-serif;font-size:48px;color:rgba(0,212,255,0.15);letter-spacing:3px;line-height:1;}
.sh-verdict-stamp-label{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;color:rgba(0,212,255,0.4);display:block;margin-top:2px;}

/* BG decoration */
.sh-bg-deco{position:absolute;top:-80px;right:-100px;width:500px;height:500px;background:radial-gradient(ellipse,rgba(245,166,35,0.04) 0%,transparent 70%);pointer-events:none;z-index:0;}

/* responsive */
@media(max-width:768px){
  .sh-canvas-grid,.sh-barriers{grid-template-columns:1fr;}
  .sh-techline-track{flex-wrap:wrap;gap:12px;}
  .sh-techline-line{display:none;}
  .sh-verdict{grid-template-columns:1fr;}
}


/* ══ BLOCK SEPARATOR ══ */


    /* ── PRZEŁOM section ── */
    .pb-wrap{max-width:1200px;margin:0 auto;}

    .pb-header{text-align:center;margin-bottom:64px;}
    .pb-header .s-label{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:4px;color:rgba(0,212,255,.45);text-transform:uppercase;display:block;margin-bottom:12px;}
    .pb-header h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(32px,5vw,56px);color:#fff;letter-spacing:2px;margin:0;}
    .pb-header h2 em{font-style:normal;color:var(--neon);}

    /* Two columns */
    .pb-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;border:1px solid rgba(0,212,255,.12);border-radius:16px;overflow:hidden;}
    @media(max-width:800px){.pb-grid{grid-template-columns:1fr;}}

    .pb-col{padding:48px 40px 56px;position:relative;}
    .pb-col-before{background:rgba(255,30,30,.025);border-right:2px solid rgba(0,212,255,.08);}
    .pb-col-after{background:rgba(0,212,255,.025);}

    /* Column header badge */
    .pb-badge{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:3px;text-transform:uppercase;padding:6px 14px;border-radius:4px;margin-bottom:28px;}
    .pb-badge-before{background:rgba(255,48,48,.1);border:1px solid rgba(255,48,48,.25);color:#FF6060;}
    .pb-badge-after{background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.3);color:var(--neon);}
    .pb-badge-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
    .pb-badge-dot-red{background:#FF3030;box-shadow:0 0 6px #FF303088;}
    .pb-badge-dot-cyan{background:var(--neon);box-shadow:0 0 6px var(--neon);}

    .pb-col-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(22px,3vw,32px);letter-spacing:1px;margin:0 0 8px;line-height:1.1;}
    .pb-col-before .pb-col-title{color:#FF5050;}
    .pb-col-after .pb-col-title{color:var(--neon);}

    .pb-col-sub{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.3);margin:0 0 36px;}

    /* Visualisation */
    .pb-visual{width:100%;border-radius:10px;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;}
    .pb-visual-before{background:rgba(255,30,30,.06);border:1px solid rgba(255,48,48,.15);}
    .pb-visual-after{background:rgba(0,212,255,.05);border:1px solid rgba(0,212,255,.18);}

    /* Animated piston — before */
    .piston-engine{position:relative;width:120px;height:140px;display:flex;flex-direction:column;align-items:center;}
    .piston-cylinder{width:44px;height:90px;border:2px solid rgba(255,80,80,.4);border-radius:4px;position:relative;overflow:hidden;background:rgba(255,30,30,.04);}
    .piston-head{width:38px;height:20px;background:linear-gradient(180deg,#FF5050,#CC2020);border-radius:3px;position:absolute;left:50%;transform:translateX(-50%);animation:pistonMove 0.6s ease-in-out infinite alternate;}
    .piston-rod{width:4px;height:35px;background:rgba(255,80,80,.5);position:absolute;left:50%;transform:translateX(-50%);animation:pistonRodMove 0.6s ease-in-out infinite alternate;}
    @keyframes pistonMove{0%{top:4px;}100%{top:46px;}}
    @keyframes pistonRodMove{0%{top:24px;}100%{top:66px;}}
    .piston-label-speed{font-family:'JetBrains Mono',monospace;font-size:9px;color:#FF5050;letter-spacing:2px;margin-top:8px;text-align:center;}
    .piston-inertia{font-family:'JetBrains Mono',monospace;font-size:8px;color:rgba(255,80,80,.6);letter-spacing:1px;text-align:center;margin-top:4px;}

    /* force arrows — before */
    .force-arrows{position:absolute;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:0;}
    .arr-up{color:#FF3030;font-size:22px;line-height:1;animation:arrowPulse 0.6s ease-in-out infinite alternate;}
    .arr-dn{color:#FF3030;font-size:22px;line-height:1;animation:arrowPulse 0.6s ease-in-out infinite alternate reverse;}
    @keyframes arrowPulse{0%{opacity:.3;transform:scaleY(.8);}100%{opacity:1;transform:scaleY(1.1);}}

    .rcpm-rpm{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--neon);letter-spacing:2px;text-align:center;white-space:nowrap;opacity:.9;}

    /* ── RPM Slider shared styles ── */
    .rpm-slider-wrap{padding:12px 16px 14px;border-top:1px solid rgba(255,255,255,0.06);}
    .rpm-slider-bad{background:rgba(255,30,30,0.03);}
    .rpm-slider-good{background:rgba(0,212,255,0.03);}
    .rpm-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;}
    .rpm-slider-label{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.3);}
    .rpm-slider-val{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:1px;}
    .rpm-slider-bad .rpm-slider-val{color:#FF6060;}
    .rpm-slider-good .rpm-slider-val{color:var(--neon);}

    .rpm-range{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;outline:none;cursor:pointer;margin-bottom:4px;}
    .rpm-range-bad{background:linear-gradient(90deg, rgba(255,60,60,0.3), rgba(255,60,60,0.7));}
    .rpm-range-bad::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#FF4040;border:2px solid rgba(255,100,100,0.8);box-shadow:0 0 8px rgba(255,60,60,0.6);cursor:pointer;}
    .rpm-range-good{background:linear-gradient(90deg, rgba(0,212,255,0.2), rgba(0,212,255,0.6));}
    .rpm-range-good::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--neon);border:2px solid rgba(0,212,255,0.9);box-shadow:0 0 8px rgba(0,212,255,0.6);cursor:pointer;}

    .rpm-slider-scale{display:flex;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:7px;color:rgba(255,255,255,.2);letter-spacing:1px;margin-bottom:8px;}
    .rpm-slider-bad .rpm-slider-scale span:last-child{color:rgba(255,80,80,.5);}

    .rpm-force-bar-wrap{display:flex;align-items:center;gap:8px;}
    .rpm-force-label{font-family:'JetBrains Mono',monospace;font-size:7px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.25);white-space:nowrap;}
    .rpm-force-track{flex:1;height:6px;background:rgba(255,255,255,0.06);border-radius:3px;overflow:hidden;}
    .rpm-force-fill{height:100%;border-radius:3px;transition:width 0.1s ease, background 0.2s;}
    .rpm-force-bad{background:linear-gradient(90deg,#FF6060,#FF2020);}
    .rpm-force-bad.rpm-force-crit{background:linear-gradient(90deg,#FF2020,#FF0000);box-shadow:0 0 6px rgba(255,0,0,0.8);}
    .rpm-force-good{background:linear-gradient(90deg,rgba(0,212,255,0.5),var(--neon));}
    .rpm-force-good.rpm-force-peak{background:linear-gradient(90deg,var(--neon),#00FF99);box-shadow:0 0 8px rgba(0,255,150,0.6);}
    .rpm-force-val{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;white-space:nowrap;}
    .rpm-slider-bad .rpm-force-val{color:#FF6060;}
    .rpm-slider-good .rpm-force-val{color:var(--neon);font-size:8px;}

    /* Fact rows */
    .pb-facts{display:flex;flex-direction:column;gap:16px;}
    .pb-fact{display:flex;align-items:flex-start;gap:14px;}
    .pb-fact-icon{flex-shrink:0;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;margin-top:1px;}
    .pb-fact-icon-bad{background:rgba(255,48,48,.12);border:1px solid rgba(255,48,48,.2);}
    .pb-fact-icon-good{background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.22);}
    .pb-fact-body{}
    .pb-fact-label{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.3);margin:0 0 3px;}
    .pb-fact-val{font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:600;color:rgba(255,255,255,.88);margin:0;line-height:1.3;}
    .pb-fact-val-bad{color:#FF6060;}
    .pb-fact-val-good{color:var(--neon);}

    /* divider between columns */
    .pb-divider-mid{display:none;height:2px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.3),transparent);margin:0;}
    @media(max-width:800px){.pb-divider-mid{display:block;}.pb-col-before{border-right:none;border-bottom:2px solid rgba(0,212,255,.08);}}

    /* bottom verdict strip */
    .pb-verdict{max-width:1200px;margin:40px auto 0;padding:28px 40px;background:rgba(0,212,255,.04);border:1px solid rgba(0,212,255,.18);border-radius:12px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
    .pb-verdict-icon{font-size:28px;flex-shrink:0;}
    .pb-verdict-text{font-family:'Rajdhani',sans-serif;font-size:17px;color:rgba(255,255,255,.8);flex:1;min-width:200px;line-height:1.5;}
    .pb-verdict-text strong{color:#fff;}
    .pb-verdict-tag{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:3px;text-transform:uppercase;background:rgba(0,212,255,.15);border:1px solid rgba(0,212,255,.3);color:var(--neon);padding:8px 18px;border-radius:6px;white-space:nowrap;}
  

/* ══ BLOCK SEPARATOR ══ */


                @keyframes heatRise{0%{opacity:0;transform:translateY(0) scaleX(1);}50%{opacity:.7;}100%{opacity:0;transform:translateY(-30px) scaleX(1.3);}}
                .heat-wave{position:absolute;font-size:16px;animation:heatRise 1.2s ease-in-out infinite;}
              

/* ══ BLOCK SEPARATOR ══ */


            @keyframes heatCycle{0%{opacity:.2;transform:scale(.8);}50%{opacity:1;transform:scale(1.1);}100%{opacity:.2;transform:scale(.8);}}
            .aks-layer{width:36px;height:80px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;font-family:'JetBrains Mono',monospace;font-size:8px;text-align:center;line-height:1.2;}
            .aks-arrow-cycle{font-size:18px;color:var(--neon);animation:heatCycle 1.5s ease-in-out infinite;}
          

/* ══ BLOCK SEPARATOR ══ */


  .ps3-wrap{max-width:1200px;margin:0 auto;}

  /* Single centred statement block */
  .ps3-inner{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:28px;
    text-align:center;
    position:relative;
    z-index:1;
  }

  /* Top label */
  .ps3-label{
    font-family:'JetBrains Mono',monospace;
    font-size:10px;
    letter-spacing:4px;
    text-transform:uppercase;
    color:rgba(0,212,255,.4);
  }

  /* Big status pill */
  .ps3-pill{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:rgba(0,232,122,.07);
    border:1px solid rgba(0,232,122,.28);
    border-radius:40px;
    padding:10px 28px;
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#00E87A;
  }
  .ps3-pill-dot{
    width:8px;height:8px;border-radius:50%;
    background:#00E87A;
    box-shadow:0 0 8px rgba(0,232,122,.7);
    animation:ps3Pulse 1.4s ease-in-out infinite;
  }
  @keyframes ps3Pulse{0%,100%{opacity:.4;transform:scale(.8);}50%{opacity:1;transform:scale(1.15);}}

  /* Main statement */
  .ps3-statement{
    max-width:780px;
    font-family:'Rajdhani',sans-serif;
    font-size:clamp(20px,2.8vw,30px);
    font-weight:600;
    color:#fff;
    line-height:1.45;
  }
  .ps3-statement em{
    font-style:normal;
    color:var(--neon);
  }
  .ps3-statement strong{
    color:#fff;
  }

  /* Three stat chips below the statement */
  .ps3-chips{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    justify-content:center;
  }
  .ps3-chip{
    display:flex;
    align-items:center;
    gap:8px;
    background:rgba(0,212,255,.05);
    border:1px solid rgba(0,212,255,.15);
    border-radius:8px;
    padding:10px 18px;
  }
  .ps3-chip-val{
    font-family:'Bebas Neue',sans-serif;
    font-size:22px;
    color:var(--neon);
    letter-spacing:1px;
    line-height:1;
  }
  .ps3-chip-lbl{
    font-family:'JetBrains Mono',monospace;
    font-size:9px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:rgba(255,255,255,.35);
    line-height:1.4;
  }

  /* Subtle bg glow */
  .ps3-glow{
    position:absolute;
    width:500px;height:200px;
    background:radial-gradient(ellipse,rgba(0,212,255,.04),transparent 70%);
    top:50%;left:50%;transform:translate(-50%,-50%);
    pointer-events:none;
  }


/* ══ BLOCK SEPARATOR ══ */


/* ── Porsche canvas animation ── */

/* ══════════════════════════════════════════
   IMAGE PLACEHOLDERS
══════════════════════════════════════════ */
.img-placeholder {
  width: 100%;
  margin: 32px 0;
  border: 2px dashed rgba(0,212,255,0.15);
  border-radius: 6px;
  background: rgba(0,212,255,0.02);
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s ease;
}
.img-placeholder:hover {
  border-color: rgba(0,212,255,0.3);
}
.img-placeholder::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(0,212,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,212,255,0.03) 1px, transparent 1px);
  background-size: 24px 24px;
  pointer-events: none;
}
.img-placeholder-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 40px;
  z-index: 1;
}
.img-placeholder-inner span {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  letter-spacing: 1px;
  color: rgba(255,255,255,0.25);
  text-align: center;
}
.img-placeholder-dim {
  font-size: 9px !important;
  color: rgba(255,255,255,0.15) !important;
  letter-spacing: 2px !important;
  text-transform: uppercase;
}
.img-placeholder-sm {
  min-height: 140px;
  margin-top: 20px;
}
.img-placeholder-team {
  min-height: 180px;
  border-color: rgba(0,232,122,0.12);
  background: rgba(0,232,122,0.02);
  margin-bottom: 28px;
}
.img-placeholder-team::before {
  background-image:
    linear-gradient(rgba(0,232,122,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,232,122,0.03) 1px, transparent 1px);
  background-size: 24px 24px;
}
.img-placeholder-team:hover {
  border-color: rgba(0,232,122,0.3);
}

/* ══════════════════════════════════════════
   INTERACTIVE DEMO CONTROLS
══════════════════════════════════════════ */
.demo-btn {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  letter-spacing: 1px;
  color: rgba(255,255,255,0.5);
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 3px;
  padding: 8px 18px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.demo-btn:hover {
  color: #fff;
  border-color: rgba(0,212,255,0.3);
  background: rgba(0,212,255,0.08);
}
.demo-btn-primary {
  color: var(--neon);
  border-color: rgba(0,212,255,0.25);
}
.fuel-btn {
  font-family: 'Rajdhani', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255,255,255,0.6);
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 4px;
  padding: 10px 18px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.fuel-btn:hover {
  color: #fff;
  background: rgba(255,255,255,0.06);
}
.fuel-btn-active {
  color: #fff;
  background: rgba(0,212,255,0.08);
}

@media (max-width: 768px) {
  #interactiveDemos { padding: 48px 16px !important; }
  #fuelCalcWidget > div:last-child { grid-template-columns: 1fr !important; }
}

/* ══════════════════════════════════════════
   SCROLL REVEAL ANIMATIONS
══════════════════════════════════════════ */
.sr-init {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.sr-visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Scroll progress bar */
#scrollProgressBar {
  position: fixed;
  top: 0;
  left: 0;
  height: 2px;
  width: 0;
  background: linear-gradient(90deg, #00D4FF, #F5A623);
  z-index: 10001;
  transition: width 0.1s linear;
  pointer-events: none;
}

/* Active nav link */
.nav-link-active {
  color: var(--neon, #00D4FF) !important;
}
.nav-link-active::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--neon, #00D4FF);
  border-radius: 1px;
}

/* Nav active indicator */
#navActiveIndicator {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background: var(--neon, #00D4FF);
  transition: left 0.3s ease, width 0.3s ease;
  pointer-events: none;
}