/* ---------- Tokeny ---------- */
  :root{
    --bg:#FFFFFF;
    --bg-alt:#F4F4F1;
    --ink:#0E0E0C;
    --ink-2:#3A3A36;
    --ink-3:#6E6E66;
    --line:#1B1B17;
    --rule:rgba(14,14,12,.12);
    --brand:#FFD400;
    --brand-deep:#E8B900;
    --accent:#FF4A1C;
    --maxw:1280px;
    --pad:clamp(20px,4vw,56px);
    --rhythm:1;
    --display-font:'Barlow Condensed','Arial Narrow',sans-serif;
    --display-weight:800;
    --display-tracking:-0.01em;
    --display-case:uppercase;
    --display-leading:0.95;
  }

  /* ----- MOOD PRESETS ----- */
  body[data-mood="voltage"]{
    --brand:#FF4A1C; --brand-deep:#D63A12; --accent:#FFD400; --bg-alt:#FFF1EC;
  }
  body[data-mood="workshop"]{
    --brand:#C8A24E; --brand-deep:#8C6F2A; --accent:#E25E2B;
    --ink:#0F1B2C; --ink-2:#33425A; --ink-3:#6B7A92;
    --bg:#FBF8F1; --bg-alt:#EFE8D7; --rule:rgba(15,27,44,.14);
  }

  /* ----- HEADLINE VOICE ----- */
  body[data-voice="editorial"]{
    --display-font:'Fraunces',Georgia,serif;
    --display-weight:700;
    --display-tracking:-0.025em;
    --display-case:none;
    --display-leading:0.98;
  }
  body[data-voice="industrial"]{
    --display-font:'Space Grotesk',sans-serif;
    --display-weight:700;
    --display-tracking:-0.02em;
    --display-case:none;
    --display-leading:1.02;
  }

  /* ----- RHYTHM ----- */
  body[data-rhythm="spacious"]{ --rhythm:1.4; }
  body[data-rhythm="dramatic"]{ --rhythm:1.15; }
  body[data-rhythm="dramatic"] section[data-sec="A2"]{ background:var(--ink); color:#fff }
  body[data-rhythm="dramatic"] section[data-sec="A2"] .lede{ color:#C9C9C2 }
  body[data-rhythm="dramatic"] section[data-sec="A2"] .eyebrow{ color:var(--brand) }
  body[data-rhythm="dramatic"] section[data-sec="A4"]{ background:var(--ink); color:#fff }
  body[data-rhythm="dramatic"] section[data-sec="A4"] .reason{ background:#fff; color:var(--ink) }
  body[data-rhythm="dramatic"] section[data-sec="A4"] .lede{ color:#C9C9C2 }
  body[data-rhythm="dramatic"] section[data-sec="A4"] .eyebrow{ color:var(--brand) }

  /* ---------- Reset ---------- */
  *{box-sizing:border-box}
  html,body{margin:0;padding:0}
  body{
    background:var(--bg); color:var(--ink);
    font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
    font-size:17px; line-height:1.55;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  a{ color:inherit }
  h1,h2,h3,h4{
    font-family:var(--display-font);
    font-weight:var(--display-weight);
    text-transform:var(--display-case);
    letter-spacing:var(--display-tracking);
    line-height:var(--display-leading);
    margin:0;
  }
  h1{ font-size:clamp(56px,9vw,132px); }
  h2{ font-size:clamp(36px,5.2vw,76px); }
  h3{ font-size:clamp(22px,2.4vw,32px); }
  .eyebrow{
    font-family:'JetBrains Mono',monospace;
    font-size:12px; letter-spacing:.18em; text-transform:uppercase;
    font-weight:700; color:var(--ink);
  }
  .lede{ font-size:clamp(17px,1.4vw,21px); color:var(--ink-2); max-width:60ch }

  .ph{
    color:#C8200E;
    background:rgba(255,74,28,.10);
    border:1px dashed #FF4A1C;
    padding:1px 7px; border-radius:3px;
    font-weight:600; white-space:nowrap;
  }

  /* ---------- Layout ---------- */
  .wrap{ max-width:var(--maxw); margin:0 auto; padding:0 var(--pad); }
  section{ padding:calc(clamp(64px,9vw,128px) * var(--rhythm)) 0; position:relative }
  section[id]{ scroll-margin-top:86px }
  @media (max-width:880px){
    section[id]{ scroll-margin-top:78px }
  }
  section.alt{ background:var(--bg-alt) }
  section.dark{ background:var(--ink); color:#fff }
  section.dark .eyebrow{ color:var(--brand) }
  section.dark .lede{ color:#C9C9C2 }

  /* ---------- Topbar ---------- */
  .topbar{
    position:sticky; top:0; z-index:50;
    background:#fff; border-bottom:1px solid var(--rule);
    backdrop-filter:saturate(140%) blur(8px);
  }
  .topbar.is-stuck{ box-shadow:0 6px 24px rgba(0,0,0,.06) }
  .topbar-inner{
    display:flex; align-items:center; gap:24px;
    height:64px; padding:0 var(--pad);
    max-width:var(--maxw); margin:0 auto;
  }
  .logo{ display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--ink); font-weight:800 }
  .logo-img{ height:36px; width:auto; display:block; flex-shrink:0 }
  .logo-sub{ font-family:'JetBrains Mono',monospace; font-size:10px; letter-spacing:.14em; text-transform:uppercase; font-weight:700; color:var(--ink-3) }
  nav.main{ margin-left:auto; display:flex; gap:22px; align-items:center }
  nav.main a{
    font-size:13px; font-weight:600; text-decoration:none; color:var(--ink-2);
    text-transform:uppercase; letter-spacing:.06em;
  }
  nav.main a:hover{ color:var(--ink) }
  .topcount{ display:flex; gap:6px; align-items:center; font-family:'JetBrains Mono',monospace; font-size:13px; font-weight:700; color:var(--ink) }
  .topcount .dot{ width:8px; height:8px; background:var(--accent); border-radius:50%; animation:pulse 1.6s infinite }
  @keyframes pulse{ 0%,100%{opacity:1; transform:scale(1)} 50%{opacity:.4; transform:scale(.85)} }

  /* ---------- Hero A1 ---------- */
  .hero{
    padding:clamp(56px,8vw,112px) 0 clamp(72px,10vw,140px);
    background:#fff;
    position:relative; overflow:hidden;
  }
  .hero::before{
    content:""; position:absolute;
    right:-20vw; top:-20vw; width:80vw; height:80vw;
    background:radial-gradient(circle, rgba(255,212,0,.18) 0%, transparent 55%);
    pointer-events:none;
  }
  .hero-grid{
    display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
    gap:clamp(32px,5vw,80px); align-items:start;
    position:relative; z-index:1;
  }
  .hero-eyebrow{
    display:inline-flex; align-items:center; gap:10px;
    margin-bottom:32px;
    background:var(--brand); color:var(--ink);
    padding:8px 14px; border:1.5px solid var(--ink);
    font-family:'JetBrains Mono',monospace; font-size:11px;
    letter-spacing:.16em; text-transform:uppercase; font-weight:700;
  }
  .hero-eyebrow::before{
    content:""; width:8px; height:8px; background:var(--ink); border-radius:50%;
  }
  .hero h1{ margin:0 0 28px; }
  .hero h1 .y{
    background:var(--brand); padding:0 .12em;
    box-decoration-break:clone; -webkit-box-decoration-break:clone;
  }
  .hero h1 .blk{ display:inline-block; background:var(--ink); color:var(--brand); padding:0 .12em }
  .hero-sub{
    font-size:clamp(18px,1.5vw,22px); color:var(--ink-2);
    max-width:60ch; margin:0 0 40px;
  }
  .hero-sub b{ color:var(--ink); font-weight:700 }

  .hero-notice{
    display:flex; gap:14px; align-items:flex-start;
    padding:18px 22px;
    border-left:3px solid var(--ink); background:rgba(14,14,12,.04);
    max-width:600px;
  }
  .hero-notice .nc-mark{
    font-family:'JetBrains Mono',monospace; font-size:11px;
    letter-spacing:.14em; text-transform:uppercase; font-weight:700;
    background:var(--ink); color:#fff; padding:3px 8px;
    flex-shrink:0;
  }
  .hero-notice p{ margin:0; font-size:14px; color:var(--ink-2); line-height:1.5 }
  .hero-notice a{ color:var(--ink); text-decoration:underline; font-weight:700 }

  .hero-side{ display:flex; flex-direction:column; gap:24px; position:sticky; top:96px }
  .hero-side-stamp{
    background:#fff; border:2px solid var(--ink); padding:22px 24px;
    box-shadow:8px 8px 0 var(--ink);
    display:grid; gap:6px;
  }
  .hss-row1{
    font-family:'JetBrains Mono',monospace; font-size:11px;
    letter-spacing:.16em; text-transform:uppercase; font-weight:700;
    color:var(--ink-3);
  }
  .hss-row2{
    font-family:var(--display-font); font-weight:900;
    font-size:clamp(40px,4.4vw,64px); line-height:.95;
    letter-spacing:-.02em;
  }
  .hss-row2 em{ font-style:normal; color:var(--accent) }
  .hss-row3{
    font-family:'JetBrains Mono',monospace; font-size:11px;
    letter-spacing:.14em; text-transform:uppercase; font-weight:600;
    color:var(--ink-2);
  }

  .countdown{
    display:grid; grid-template-columns:repeat(4,1fr); gap:10px;
    background:var(--ink); color:#fff;
    padding:clamp(20px,2.5vw,32px); border:3px solid var(--ink);
    position:relative;
  }
  .countdown::before{
    content:""; position:absolute; inset:-12px -12px auto auto;
    background:var(--brand); width:64px; height:64px; border-radius:50%;
    z-index:-1;
  }
  .cd-cell{
    text-align:center; padding:10px 6px;
    background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.10);
  }
  .cd-num{
    font-family:'Barlow Condensed',sans-serif; font-weight:900;
    font-size:clamp(40px,5.6vw,76px); line-height:1; letter-spacing:-.02em;
    font-variant-numeric:tabular-nums;
  }
  .cd-lab{
    font-family:'JetBrains Mono',monospace; font-size:11px;
    letter-spacing:.16em; color:#C9C9C2; margin-top:6px;
    text-transform:uppercase;
  }
  .cd-meta{
    display:flex; justify-content:space-between; margin-top:14px;
    font-family:'JetBrains Mono',monospace; font-size:11px;
    letter-spacing:.14em; text-transform:uppercase; color:#C9C9C2;
  }
  .cd-meta b{ color:var(--brand); font-weight:700 }

  .ticker{
    display:flex; gap:32px; align-items:center;
    margin-top:clamp(40px,5vw,68px); padding:14px 0;
    border-top:1px solid var(--rule); border-bottom:1px solid var(--rule);
    font-family:'Barlow Condensed',sans-serif; font-weight:800;
    text-transform:uppercase; letter-spacing:.04em; font-size:14px;
    color:var(--ink-2); flex-wrap:wrap;
  }
  .ticker .sep{ width:6px; height:6px; background:var(--ink); border-radius:50%; opacity:.5 }
  .ticker span b{ color:var(--ink); font-size:18px }

  /* ---------- A2: co to za event ---------- */
  .what-event{ text-align:center }
  .we-eyebrow{ margin-bottom:28px }
  .we-h2{ max-width:18ch; margin:0 auto 32px; }
  .we-h2 mark{
    background:var(--brand); padding:0 .14em; color:var(--ink);
    box-decoration-break:clone; -webkit-box-decoration-break:clone;
  }
  .we-text{
    max-width:62ch; margin:0 auto; font-size:clamp(18px,1.4vw,22px);
    color:var(--ink-2); line-height:1.55;
  }
  .we-text + .we-text{ margin-top:18px }
  .we-text b{ color:var(--ink); font-weight:700 }
  .we-strip{
    display:grid; grid-template-columns:repeat(4,1fr); gap:0;
    margin-top:64px; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule);
  }
  .we-strip > div{
    padding:24px 20px; text-align:center;
    border-right:1px solid var(--rule);
  }
  .we-strip > div:last-child{ border-right:none }
  .we-strip b{
    display:block; font-family:var(--display-font); font-weight:900;
    font-size:42px; line-height:1; letter-spacing:-.02em; color:var(--ink);
  }
  .we-strip span{
    display:block; margin-top:8px; font-family:'JetBrains Mono',monospace;
    font-size:11px; letter-spacing:.14em; text-transform:uppercase;
    color:var(--ink-3); font-weight:600;
  }

  /* ---------- Social proof ---------- */
  .proof{ background:#fff; padding:48px 0; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule) }
  .proof-grid{
    display:grid; grid-template-columns:repeat(4,1fr); gap:0;
  }
  .proof-grid > div{
    padding:8px 22px; text-align:center;
    border-right:1px solid var(--rule);
  }
  .proof-grid > div:last-child{ border-right:none }
  .proof-grid b{
    display:block; font-family:var(--display-font); font-weight:900;
    font-size:clamp(36px,4.5vw,56px); line-height:1; letter-spacing:-.02em;
    color:var(--ink);
  }
  .proof-grid b em{ font-style:normal; color:var(--accent) }
  .proof-grid span{
    display:block; margin-top:10px;
    font-family:'JetBrains Mono',monospace; font-size:11px;
    letter-spacing:.14em; text-transform:uppercase; font-weight:600;
    color:var(--ink-3); line-height:1.4;
  }
  @media (max-width:880px){
    .proof-grid{ grid-template-columns:repeat(2,1fr) }
    .proof-grid > div:nth-child(2){ border-right:none }
    .proof-grid > div:nth-child(1), .proof-grid > div:nth-child(2){ border-bottom:1px solid var(--rule); padding-bottom:24px }
    .proof-grid > div:nth-child(3), .proof-grid > div:nth-child(4){ padding-top:24px }
  }

  /* ---------- Inline CTA ---------- */
  .section-cta{
    margin-top:clamp(40px,5vw,72px);
    display:flex; justify-content:center;
  }
  .section-cta a{
    display:inline-flex; align-items:center; gap:10px;
    padding:14px 22px; border:2px solid var(--ink);
    background:#fff; color:var(--ink); text-decoration:none;
    font-family:'Barlow Condensed',sans-serif; font-weight:800;
    text-transform:uppercase; letter-spacing:.04em; font-size:18px;
    transition:background .15s, color .15s, transform .15s;
  }
  .section-cta a:hover{ background:var(--ink); color:var(--brand); transform:translateY(-2px) }
  .section-cta a .arrow{ transition:transform .2s }
  .section-cta a:hover .arrow{ transform:translateX(4px) }
  section.dark .section-cta a,
  .kde .section-cta a{ background:var(--ink); color:var(--brand); border-color:var(--ink) }
  section.dark .section-cta a:hover,
  .kde .section-cta a:hover{ background:var(--brand); color:var(--ink) }

  /* ---------- Timeline ---------- */
  .timeline{ background:#fff; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule) }
  .timeline-head{
    display:grid; grid-template-columns:auto 1fr; gap:24px;
    align-items:end; margin-bottom:36px;
  }
  .timeline-num{
    font-family:var(--display-font); font-weight:900;
    font-size:clamp(56px,7vw,104px); line-height:.85;
    letter-spacing:-.04em; color:var(--ink);
  }
  .timeline-num em{ color:var(--accent); font-style:normal }
  .timeline-list{
    list-style:none; padding:0; margin:0;
    display:grid; grid-template-columns:repeat(5,1fr); gap:0;
    border-top:2px solid var(--ink);
  }
  .timeline-list li{
    padding:22px 18px; border-right:1px solid var(--rule);
    display:flex; flex-direction:column; gap:8px;
    position:relative;
  }
  .timeline-list li:last-child{ border-right:none }
  .timeline-list li::before{
    content:""; position:absolute; left:18px; top:-7px;
    width:12px; height:12px; background:var(--brand);
    border:2px solid var(--ink);
  }
  .timeline-list li.is-key::before{ background:var(--accent) }
  .timeline-date{
    font-family:'JetBrains Mono',monospace; font-size:12px;
    letter-spacing:.14em; text-transform:uppercase; font-weight:700;
    color:var(--ink);
  }
  .timeline-event{
    font-family:var(--display-font); font-weight:800;
    font-size:clamp(18px,1.6vw,22px); line-height:1.1;
    letter-spacing:-.01em; color:var(--ink);
  }
  .timeline-meta{
    font-size:13px; color:var(--ink-2); line-height:1.4;
  }
  @media (max-width:880px){
    .timeline-list{
      grid-template-columns:1fr;
      border-top:none; border-left:2px solid var(--ink);
    }
    .timeline-list li{
      border-right:none; border-bottom:1px solid var(--rule);
      padding-left:24px;
    }
    .timeline-list li:last-child{ border-bottom:none }
    .timeline-list li::before{
      left:-7px; top:24px;
    }
  }

  /* ---------- A3: 4 filary ---------- */
  .reasons-head{
    display:grid; grid-template-columns:auto 1fr; gap:32px;
    align-items:end; margin-bottom:48px;
    padding-bottom:24px; border-bottom:1px solid var(--rule);
  }
  .reasons-num{
    font-family:var(--display-font); font-weight:900;
    font-size:clamp(72px,9vw,140px); line-height:.85;
    letter-spacing:-.04em; color:var(--ink);
  }
  .reasons-num em{ color:var(--accent); font-style:normal }
  .reasons-head h2{ font-size:clamp(32px,4vw,56px) }
  .reasons-grid{
    display:grid; grid-template-columns:repeat(2,1fr); gap:24px;
  }
  .reason{
    padding:32px; background:#fff;
    border:1.5px solid var(--ink);
    display:flex; flex-direction:column; gap:18px;
    position:relative; min-height:340px;
  }
  .reason-1{ background:var(--brand) }
  .reason-num{
    font-family:'JetBrains Mono',monospace; font-size:11px;
    letter-spacing:.16em; text-transform:uppercase; font-weight:700;
    color:var(--ink-2);
  }
  .reason-glyph{
    width:56px; height:56px;
    border:1.5px solid var(--ink); display:grid; place-items:center;
    background:#fff;
  }
  .reason-1 .reason-glyph{ background:var(--ink); color:var(--brand) }
  .reason-1 .reason-glyph svg{ stroke:var(--brand) }
  .reason-glyph svg{ width:28px; height:28px; stroke:var(--ink); fill:none; stroke-width:1.6 }
  .reason h3{ font-size:clamp(22px,2vw,28px); line-height:1.05 }
  .reason p{ margin:0; font-size:15px; color:var(--ink-2); line-height:1.5 }
  .reason-1 p{ color:var(--ink) }
  .reason-foot{
    margin-top:auto; font-family:'JetBrains Mono',monospace; font-size:11px;
    letter-spacing:.14em; text-transform:uppercase; font-weight:700;
    color:var(--ink-2); display:flex; align-items:center; gap:8px;
  }
  .reason-foot::before{
    content:""; width:24px; height:1.5px; background:var(--ink);
  }

  /* ---------- A3.5: Kategorie + Dla kogo ---------- */
  .scope-grid{
    display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:clamp(40px,5vw,80px); align-items:start;
  }
  .scope-col h3{
    font-size:clamp(22px,2.4vw,32px);
    margin:0 0 22px; padding-bottom:14px;
    border-bottom:1px solid var(--rule);
  }
  .scope-eyebrow{
    display:inline-flex; gap:8px; align-items:center;
    font-family:'JetBrains Mono',monospace; font-size:11px;
    letter-spacing:.16em; text-transform:uppercase; font-weight:700;
    color:var(--ink-2); margin-bottom:10px;
  }
  .scope-eyebrow::before{
    content:""; width:8px; height:8px; background:var(--brand);
    border:1.5px solid var(--ink);
  }
  .cat-list{
    list-style:none; padding:0; margin:0;
    display:grid; grid-template-columns:repeat(2,1fr); gap:0;
    border:1.5px solid var(--ink);
  }
  .cat-list li{
    padding:18px 16px; border-right:1.5px solid var(--ink);
    border-bottom:1.5px solid var(--ink);
    display:flex; flex-direction:column; gap:4px;
    background:#fff;
  }
  .cat-list li:nth-child(2n){ border-right:none }
  .cat-list li:nth-last-child(-n+2){ border-bottom:none }
  .cat-list li b{
    font-family:var(--display-font); font-weight:800;
    font-size:18px; line-height:1.1; letter-spacing:-.01em;
    color:var(--ink); text-transform:none;
  }
  .cat-list li small{
    font-size:12px; color:var(--ink-3); line-height:1.4;
  }
  .audience-list{
    list-style:none; padding:0; margin:0;
    display:flex; flex-direction:column; gap:14px;
  }
  .audience-list li{
    display:grid; grid-template-columns:auto 1fr; gap:16px;
    align-items:flex-start; padding:16px 18px;
    background:#fff; border:1.5px solid var(--ink);
  }
  .audience-list li b{
    font-family:var(--display-font); font-weight:900;
    font-size:24px; line-height:1; letter-spacing:-.01em;
    color:var(--accent); min-width:32px;
  }
  .audience-list li span{ display:block; font-size:14px; color:var(--ink); line-height:1.45 }
  .audience-list li span strong{ font-weight:700; color:var(--ink); display:block; margin-bottom:2px; font-size:15px }
  @media (max-width:880px){
    .scope-grid{ grid-template-columns:1fr }
    .cat-list{ grid-template-columns:1fr }
    .cat-list li{ border-right:none }
    .cat-list li:last-child{ border-bottom:none }
    .cat-list li:nth-last-child(-n+2):not(:last-child){ border-bottom:1.5px solid var(--ink) }
  }

  /* ---------- A4: KDE 2.0 ---------- */
  .kde{ background:var(--brand); position:relative; overflow:hidden }
  .kde::before{
    content:""; position:absolute; left:-10vw; bottom:-10vw;
    width:60vw; height:60vw;
    background:radial-gradient(circle, rgba(14,14,12,.08) 0%, transparent 60%);
    pointer-events:none;
  }
  .kde-grid{
    display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:clamp(40px,6vw,96px); align-items:center;
    position:relative; z-index:1;
  }
  .kde-visual{
    aspect-ratio: 4 / 5;
    background:#fff; border:2px solid var(--ink);
    box-shadow:14px 14px 0 var(--ink);
    position:relative; overflow:hidden;
    display:flex; align-items:center; justify-content:center;
  }
  .kde-visual::before{
    content:""; position:absolute; inset:0;
    background-image:
      linear-gradient(var(--rule) 1px,transparent 1px),
      linear-gradient(90deg,var(--rule) 1px,transparent 1px);
    background-size:24px 24px;
    opacity:.6;
  }
  .kde-visual-inner{
    position:relative; z-index:1; padding:32px;
    text-align:center;
  }
  .kde-vi-tag{
    display:inline-block; margin-bottom:16px;
    font-family:'JetBrains Mono',monospace; font-size:10px;
    letter-spacing:.18em; text-transform:uppercase; font-weight:700;
    color:var(--ink-3); padding:4px 10px; border:1px solid var(--ink-3);
  }
  .kde-vi-title{
    font-family:var(--display-font); font-weight:900;
    font-size:clamp(40px,5vw,72px); line-height:.9;
    letter-spacing:-.02em; color:var(--ink);
  }
  .kde-vi-title .v{ color:var(--accent) }
  .kde-vi-sub{
    margin-top:14px; font-family:'JetBrains Mono',monospace;
    font-size:11px; letter-spacing:.14em; text-transform:uppercase;
    color:var(--ink-3); font-weight:600;
  }
  .kde-text{ display:flex; flex-direction:column; gap:24px }
  .kde-eyebrow{
    display:inline-flex; align-items:center; gap:10px;
    background:var(--ink); color:var(--brand);
    padding:8px 14px; align-self:flex-start;
    font-family:'JetBrains Mono',monospace; font-size:11px;
    letter-spacing:.16em; text-transform:uppercase; font-weight:700;
  }
  .kde-eyebrow::before{ content:"●"; color:var(--brand) }
  .kde h2{ color:var(--ink); margin:0 }
  .kde-sub{
    font-size:clamp(18px,1.5vw,22px); line-height:1.5;
    color:var(--ink); max-width:50ch; margin:0;
  }
  .kde-bullets{
    list-style:none; padding:0; margin:8px 0 0;
    display:flex; flex-direction:column; gap:12px;
  }
  .kde-bullets li{
    display:grid; grid-template-columns:auto 1fr; gap:14px;
    align-items:baseline;
    padding:14px 16px; background:#fff; border:1.5px solid var(--ink);
  }
  .kde-bullets li b{
    font-family:var(--display-font); font-weight:900;
    font-size:24px; line-height:1; letter-spacing:-.01em;
    color:var(--ink); min-width:32px;
  }
  .kde-bullets li span{ font-size:15px; color:var(--ink); line-height:1.4 }
  .kde-bullets li span small{
    display:block; margin-top:4px; font-family:'JetBrains Mono',monospace;
    font-size:10px; letter-spacing:.12em; text-transform:uppercase;
    color:var(--ink-2); font-weight:600;
  }
  .kde-note{
    margin-top:8px; padding-top:18px; border-top:1px solid rgba(14,14,12,.2);
    font-size:13px; color:var(--ink-2); max-width:50ch;
  }
  .kde-note::before{
    content:"i"; display:inline-flex; align-items:center; justify-content:center;
    width:18px; height:18px; border-radius:50%; background:var(--ink); color:var(--brand);
    font-family:'JetBrains Mono',monospace; font-size:11px; font-weight:700;
    margin-right:8px; vertical-align:middle;
  }

  /* ---------- A5: formularz zapisu ---------- */
  .openday{ background:var(--bg-alt); position:relative; overflow:hidden }
  .openday-grid{
    display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:clamp(40px,6vw,96px); align-items:start;
  }
  .openday-text{ display:flex; flex-direction:column; gap:24px }
  .openday-eyebrow{
    display:inline-flex; align-items:center; gap:10px;
    background:var(--ink); color:#fff;
    padding:8px 14px; align-self:flex-start;
    font-family:'JetBrains Mono',monospace; font-size:11px;
    letter-spacing:.16em; text-transform:uppercase; font-weight:700;
  }
  .openday-eyebrow::before{ content:"📍"; }
  .openday h2{ margin:0 }
  .openday h2 mark{
    background:var(--brand); padding:0 .12em; color:var(--ink);
    box-decoration-break:clone; -webkit-box-decoration-break:clone;
  }
  .openday-sub{
    font-size:clamp(17px,1.4vw,21px); color:var(--ink-2);
    line-height:1.55; max-width:54ch; margin:0;
  }
  .openday-sub b{ color:var(--ink); font-weight:700 }
  .openday-list{
    list-style:none; padding:0; margin:8px 0 0;
    display:flex; flex-direction:column; gap:14px;
  }
  .openday-list li{
    display:grid; grid-template-columns:auto 1fr; gap:14px;
    align-items:baseline;
    padding-bottom:14px; border-bottom:1px solid var(--rule);
  }
  .openday-list li:last-child{ border-bottom:none }
  .openday-list li b{
    font-family:'JetBrains Mono',monospace; font-size:11px;
    letter-spacing:.14em; text-transform:uppercase; font-weight:700;
    color:var(--ink-3); min-width:36px;
  }
  .openday-list li span{ font-size:15px; color:var(--ink); line-height:1.45 }

  .openday-card{
    background:#fff; color:var(--ink);
    padding:clamp(28px,3.2vw,40px);
    border:2px solid var(--ink);
    box-shadow:14px 14px 0 var(--brand);
    position:relative;
  }
  .openday-card-head{
    display:flex; justify-content:space-between; align-items:baseline;
    padding-bottom:16px; margin-bottom:20px;
    border-bottom:1px solid var(--rule);
  }
  .openday-card-head .lab{
    font-family:'JetBrains Mono',monospace; font-size:11px;
    letter-spacing:.14em; text-transform:uppercase; font-weight:700;
    color:var(--ink-2);
  }
  .openday-card-head .num{
    font-family:'JetBrains Mono',monospace; font-size:11px;
    letter-spacing:.12em; font-weight:700; color:var(--ink-3);
  }
  .openday-card h3{
    font-size:clamp(22px,2vw,30px); line-height:1.05;
    margin:0 0 8px; color:var(--ink);
  }
  .openday-card-lede{
    font-size:14px; color:var(--ink-2); line-height:1.5;
    margin:0 0 24px;
  }
  .value-bullets{
    list-style:none; padding:14px 16px; margin:0 0 22px;
    background:rgba(255,212,0,.12); border-left:3px solid var(--brand);
    display:flex; flex-direction:column; gap:8px;
  }
  .value-bullets li{
    font-size:13px; color:var(--ink); line-height:1.45;
    display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:baseline;
  }
  .value-bullets li::before{
    content:"→"; color:var(--ink); font-weight:700; font-size:13px;
  }
  .openday-submit{
    width:100%; justify-content:center;
    background:var(--ink); color:var(--brand);
    border:2px solid var(--ink);
    padding:18px 26px; font-family:'Barlow Condensed',sans-serif; font-weight:800;
    text-transform:uppercase; letter-spacing:.04em; font-size:18px;
    cursor:pointer; display:inline-flex; align-items:center; gap:10px;
    transition:background .15s, color .15s;
  }
  .openday-submit:hover{ background:var(--brand); color:var(--ink) }
  .openday-submit .arrow{ transition:transform .2s }
  .openday-submit:hover .arrow{ transform:translateX(4px) }
  .openday-fineprint{
    margin-top:14px; font-family:'JetBrains Mono',monospace;
    font-size:10px; letter-spacing:.1em; color:var(--ink-3);
    line-height:1.5; text-align:center;
  }
  .openday-card.is-done{ border-color:#2F7D32; box-shadow:14px 14px 0 #2F7D32 }
  .openday-card.is-done .openday-form{ display:none }
  /*
  .openday-success{
    display:none; padding:8px 0; text-align:center;
  }*/
  .formkit-checkbox {margin-right: 10px;}
  .openday-card.is-done .openday-success{ display:block }
  .openday-success-mark{
    width:64px; height:64px; margin:0 auto 18px;
    border:2px solid #2F7D32; display:grid; place-items:center;
    color:#2F7D32; font-size:32px; font-weight:900;
  }
  .openday-success h3{ margin-bottom:8px }
  .openday-success p{ font-size:14px; color:var(--ink-2); margin:0 0 6px; line-height:1.5 }
  .openday-success p b{ color:var(--ink) }

  /* ---------- Formularze (pola wspólne) ---------- */
  .formkit-field{ display:flex; flex-direction:column; gap:6px; margin-bottom:18px }
  /*.formkit-field label{
    font-family:'JetBrains Mono',monospace; font-size:11px;
    letter-spacing:.14em; text-transform:uppercase; font-weight:700;
    color:var(--ink-2);
  }*/
  .formkit-field input[type="email"],
  .formkit-field input[type="text"],
  .formkit-field select{
    width:100%; padding:14px 16px;
    font-family:'Inter',sans-serif; font-size:16px;
    background:#fff; color:var(--ink);
    border:1.5px solid var(--ink); border-radius:0;
    outline:none; transition:box-shadow .15s, background .15s;
  }
  .formkit-field input:focus, .field select:focus{
    background:#FFFEF2;
    box-shadow:4px 4px 0 var(--brand);
  }
  .formkit-field input::placeholder{ color:var(--ink-3) }
  .field-error{
    font-family:'JetBrains Mono',monospace; font-size:11px;
    letter-spacing:.08em; color:var(--accent); font-weight:700;
    display:none;
  }
  .field.has-error .field-error{ display:block }
  .field.has-error input, .field.has-error select{ border-color:var(--accent) }
  .checkbox{
    display:flex; gap:10px; align-items:flex-start;
    margin-bottom:20px; cursor:pointer;
    font-size:13px; color:var(--ink-2); line-height:1.5;
  }
  .formkit-checkboxes input{
    width:18px; height:18px;
    border:1.5px solid var(--ink); background:#fff;
    cursor:pointer; position:relative;
  }
  .formkit-checkboxes input:checked{ background:var(--brand) }
  /*.formkit-checkboxes input:checked::after{
    content:"✓"; position:absolute; left:50%; top:50%;
    transform:translate(-50%,-55%);
    font-size:14px; font-weight:900; color:var(--ink);
  }*/
  .formkit-checkboxes.has-error input{ border-color:var(--accent) }
  .formkit-checkboxes a{ color:var(--ink); text-decoration:underline }

  /* ---------- Bonus card ---------- */
  .bonus-card{
    background:var(--ink); color:#fff;
    padding:22px 24px;
    display:flex; flex-direction:column; gap:14px;
    border:2px solid var(--ink);
  }
  .bonus-card-tag{
    font-family:'JetBrains Mono',monospace; font-size:11px;
    letter-spacing:.16em; text-transform:uppercase; font-weight:700;
    color:var(--brand); padding-bottom:12px;
    border-bottom:1px solid rgba(255,255,255,.15);
  }
  .bonus-card-title{
    font-family:var(--display-font); font-weight:var(--display-weight);
    font-size:clamp(18px,1.8vw,24px); line-height:1.1;
    text-transform:var(--display-case); letter-spacing:var(--display-tracking);
    color:#fff;
  }
  .bonus-card-meta{ display:flex; flex-direction:column; gap:6px }
  .bonus-card-meta span{ font-size:13px; color:rgba(255,255,255,.65); line-height:1.4 }
  .bonus-card-meta .bonus-price{
    font-family:'JetBrains Mono',monospace; font-size:12px;
    font-weight:700; letter-spacing:.08em; color:var(--brand);
  }
  .openday-eyebrow.bonus-eyebrow::before{ content:"↓ " }

  /* ---------- FAQ ---------- */
  .faq-head{
    display:grid; grid-template-columns:auto 1fr; gap:32px;
    align-items:end; margin-bottom:48px;
    padding-bottom:24px; border-bottom:1px solid var(--rule);
  }
  .faq-num{
    font-family:var(--display-font); font-weight:900;
    font-size:clamp(56px,7vw,108px); line-height:.85;
    letter-spacing:-.04em; color:var(--ink);
  }
  .faq-num em{ color:var(--accent); font-style:normal }
  .faq-list{
    display:grid; grid-template-columns:1fr; gap:0;
    border-top:1.5px solid var(--ink);
  }
  .faq-item{
    border-bottom:1.5px solid var(--ink);
    padding:0;
    background:#fff;
  }
  .faq-q{
    width:100%; text-align:left; cursor:pointer;
    background:transparent; border:none;
    padding:22px 24px; display:grid;
    grid-template-columns:1fr auto; gap:16px; align-items:center;
    font-family:var(--display-font); font-weight:800;
    font-size:clamp(18px,1.7vw,22px); line-height:1.2;
    letter-spacing:-.01em; color:var(--ink);
    text-transform:none;
  }
  .faq-q:hover{ background:rgba(255,212,0,.08) }
  .faq-q .faq-icon{
    width:28px; height:28px; border:1.5px solid var(--ink);
    display:grid; place-items:center; flex-shrink:0;
    font-family:'JetBrains Mono',monospace; font-size:14px;
    font-weight:700; transition:background .15s, transform .2s;
  }
  .faq-item[open] .faq-q .faq-icon{ background:var(--brand); transform:rotate(45deg) }
  .faq-q::-webkit-details-marker{ display:none }
  .faq-a{
    padding:0 24px 24px; font-size:15px;
    color:var(--ink-2); line-height:1.55; max-width:70ch;
  }
  .faq-a a{ color:var(--ink); text-decoration:underline; font-weight:600 }

  /* ---------- Final CTA ---------- */
  .final-cta{
    background:var(--ink); color:#fff; text-align:center;
    padding:clamp(64px,9vw,120px) 0;
    position:relative; overflow:hidden;
  }
  .final-cta::before{
    content:""; position:absolute; left:-10vw; top:-10vw;
    width:50vw; height:50vw;
    background:radial-gradient(circle, rgba(255,212,0,.15) 0%, transparent 60%);
    pointer-events:none;
  }
  .final-cta::after{
    content:""; position:absolute; right:-10vw; bottom:-10vw;
    width:40vw; height:40vw;
    background:radial-gradient(circle, rgba(255,74,28,.10) 0%, transparent 60%);
    pointer-events:none;
  }
  .final-cta-eyebrow{
    display:inline-flex; align-items:center; gap:10px;
    background:var(--brand); color:var(--ink);
    padding:8px 14px; margin-bottom:28px;
    font-family:'JetBrains Mono',monospace; font-size:11px;
    letter-spacing:.16em; text-transform:uppercase; font-weight:700;
    position:relative; z-index:1;
  }
  .final-cta-eyebrow::before{ content:"●"; }
  .final-cta h2{
    color:#fff; margin:0 auto 24px;
    position:relative; z-index:1;
    max-width:18ch;
  }
  .final-cta h2 mark{
    background:var(--brand); color:var(--ink); padding:0 .12em;
    box-decoration-break:clone; -webkit-box-decoration-break:clone;
  }
  .final-cta-sub{
    color:#C9C9C2; font-size:clamp(17px,1.4vw,21px);
    line-height:1.55; max-width:50ch; margin:0 auto 36px;
    position:relative; z-index:1;
  }
  .final-cta-button{
    display:inline-flex; align-items:center; gap:12px;
    padding:20px 36px; background:var(--brand); color:var(--ink);
    border:2px solid var(--brand); text-decoration:none;
    font-family:'Barlow Condensed',sans-serif; font-weight:800;
    text-transform:uppercase; letter-spacing:.04em; font-size:20px;
    position:relative; z-index:1;
    transition:background .15s, color .15s, transform .15s;
  }
  .final-cta-button:hover{ background:#fff; transform:translateY(-2px) }
  .final-cta-button .arrow{ transition:transform .2s }
  .final-cta-button:hover .arrow{ transform:translateX(4px) }

  /* ---------- Sticky mobile CTA ---------- */
  .sticky-mcta{
    display:none;
    position:fixed; left:0; right:0; bottom:0; z-index:60;
    padding:10px 16px;
    background:var(--ink); color:#fff;
    border-top:2px solid var(--brand);
    align-items:center; gap:14px;
    box-shadow:0 -8px 24px rgba(0,0,0,.18);
  }
  .sticky-mcta-info{ display:flex; flex-direction:column; gap:2px; flex:1 }
  .sticky-mcta-info .lab{
    font-family:'JetBrains Mono',monospace; font-size:10px;
    letter-spacing:.14em; text-transform:uppercase; color:var(--brand); font-weight:700;
  }
  .sticky-mcta-info .val{
    font-family:var(--display-font); font-weight:800;
    font-size:16px; line-height:1; letter-spacing:-.01em;
  }
  .sticky-mcta a{
    background:var(--brand); color:var(--ink);
    padding:12px 18px; text-decoration:none;
    font-family:'Barlow Condensed',sans-serif; font-weight:800;
    text-transform:uppercase; letter-spacing:.04em; font-size:14px;
    display:inline-flex; align-items:center; gap:8px; flex-shrink:0;
  }
  .sticky-mcta a:hover{ background:#fff }
  @media (max-width:880px){
    .sticky-mcta{ display:flex }
    body{ padding-bottom:64px }
  }

  /* ---------- Footer ---------- */
  footer{
    background:var(--ink); color:#fff; padding:72px 0 48px;
  }
  .foot-grid{
    display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:48px;
    align-items:start;
  }
  .foot-brand{
    font-family:var(--display-font); font-weight:900;
    font-size:42px; line-height:.95; letter-spacing:.02em;
    text-transform:uppercase; margin-bottom:14px;
  }
  .foot-brand small{
    display:block; margin-top:6px;
    font-family:'JetBrains Mono',monospace; font-size:11px;
    letter-spacing:.16em; font-weight:600; color:var(--brand);
  }
  .foot-tag{
    color:#C9C9C2; font-size:14px; max-width:32ch; line-height:1.5;
  }
  .foot-col h5{
    font-family:'JetBrains Mono',monospace; font-size:11px;
    letter-spacing:.16em; text-transform:uppercase; font-weight:700;
    color:var(--brand); margin:0 0 14px;
  }
  .foot-col a{
    display:block; padding:6px 0; font-size:14px; color:#C9C9C2;
    text-decoration:none; border-bottom:1px solid rgba(255,255,255,.06);
  }
  .foot-col a:hover{ color:#fff }
  .foot-base{
    margin-top:48px; padding-top:24px; border-top:1px solid rgba(255,255,255,.12);
    display:flex; justify-content:space-between; gap:24px;
    font-family:'JetBrains Mono',monospace; font-size:11px;
    letter-spacing:.12em; text-transform:uppercase; color:#6E6E66;
    flex-wrap:wrap;
  }

  /* ---------- Media queries ---------- */
  @media (max-width:920px){
    nav.main{ display:none }
    .hero-grid{ grid-template-columns:1fr; }
    .hero-side{ position:static }
    .kde-grid{ grid-template-columns:1fr }
    .openday-grid{ grid-template-columns:1fr }
    .reasons-grid{ grid-template-columns:1fr }
    .reasons-head{ grid-template-columns:1fr; gap:8px }
    .we-strip{ grid-template-columns:repeat(2,1fr) }
    .we-strip > div:nth-child(2){ border-right:none }
    .we-strip > div:nth-child(1), .we-strip > div:nth-child(2){ border-bottom:1px solid var(--rule) }
    .foot-grid{ grid-template-columns:1fr 1fr; gap:32px }
    .foot-base{ flex-direction:column; align-items:flex-start }
    .topcount{ display:none }
  }