.hero .in{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;align-items:center}
.hero .kick{grid-column:1/-1;margin:0;letter-spacing:.12em}
.hero .hero-stan{margin-left:auto;color:var(--green);font-size:10px;letter-spacing:.04em}
.hero .hero-stan::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:7px}
.hero .in h1{font-size:clamp(22px,2vw,30px)}
.hero .in #heroP{margin:0;font-size:14px;grid-column:1;max-width:720px}
.hero .in .cta{grid-column:2;grid-row:2/4;margin:0;justify-content:flex-end;max-width:400px}
.hero-dol{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center}
.hero .hero-dol .stats{flex:1;margin-top:0;min-width:280px}
.hero .hero-dol .pulse{flex:1;min-width:260px}
#zywyEkran{position:relative;min-width:0;margin:12px 0 24px;z-index:2}
#zywyEkran[hidden]{display:none}
.zy-scena{--zy-ease:cubic-bezier(.22,1,.36,1);position:relative;color:var(--ink);background:radial-gradient(ellipse at 50% 40%,var(--mm-tlo-rgba-69-66-180-14),transparent 66%);border-radius:18px}
.zy-obszar{height:620px;position:relative;isolation:isolate}
/* Silnik ma nieprzezroczyste tlo, wiec screen zachowuje tlo sceny pod czastkami. */
.zy-czastki{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:screen}
.zy-z-czastkami .zy-linie,.zy-lista .zy-czastki{display:none}
.zy-poz{position:absolute;transition:left .6s var(--zy-ease),top .6s var(--zy-ease),opacity .6s var(--zy-ease),transform .6s var(--zy-ease),width .6s var(--zy-ease),height .6s var(--zy-ease)}
.zy-moduly .zy-poz{z-index:3}.zy-satelity .zy-poz{z-index:4}
.zy-wejscie,.zy-plyw,.zy-zawartosc{height:100%}
.zy-kafel{position:relative;isolation:isolate;box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--line2);border-radius:16px;background:linear-gradient(160deg,var(--mm-tlo-rgba-255-255-255-035),transparent),var(--card);color:var(--ink);font:inherit;text-align:left;box-shadow:var(--shadow);overflow:hidden;text-decoration:none;transition:transform .35s var(--zy-ease),box-shadow .35s var(--zy-ease),border-color .35s var(--zy-ease)}
button.zy-kafel,a.zy-kafel{cursor:pointer}
button.zy-kafel:hover,a.zy-kafel:hover,.zy-kafel:focus-visible{transform:translateY(-4px);border-color:var(--magenta);box-shadow:0 0 0 1px var(--mm-cien-rgba-232-139-188-25),0 16px 44px var(--mm-cien-rgba-193-71-138-28);outline:none}
.zy-kafel.zy-wybrany{border-color:var(--magenta);box-shadow:0 0 0 1px var(--mm-cien-rgba-232-139-188-45),0 18px 50px var(--mm-cien-rgba-193-71-138-38)}
.zy-kafel strong{font-size:16px;line-height:1.2;overflow-wrap:anywhere}
.zy-kafel .zy-opis{font-size:11.5px;line-height:1.3;color:var(--muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.zy-kafel small{margin-top:auto;font:500 9px/1.3 var(--mono);color:var(--muted)}
.zy-etap{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;padding:2px 7px;border-radius:999px;border:1px solid var(--line2);font:500 9px/1.45 var(--mono);color:var(--muted)}
.zy-etap i{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:currentColor}
.zy-produkcja{color:var(--green)}.zy-beta{color:var(--orange)}.zy-odlaczone{border-style:dashed}
.zy-szary{background:var(--bg2);border-style:dashed;color:var(--muted)}
.zy-narzedzie{padding:11px 13px;gap:4px}.zy-narzedzie strong{font-size:14px}.zy-narzedzie .zy-opis{font-size:11px}
.zy-narzedzie small{font-size:8px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.zy-narzedzie img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.10;z-index:-1;pointer-events:none}
.zy-fakt{justify-content:center;cursor:default}.zy-fakt strong{font-size:22px}.zy-fakt .zy-opis{text-transform:uppercase;font:500 10px/1.4 var(--mono);letter-spacing:.06em}
.zy-linie{pointer-events:none}.zy-linia{position:absolute;height:1px;transform-origin:0 50%;background:linear-gradient(90deg,transparent,var(--mm-tlo-rgba-232-139-188-6));transition:opacity .6s var(--zy-ease),width .6s var(--zy-ease),transform .6s var(--zy-ease)}
.zy-kula{position:absolute;z-index:2;transition:transform .6s var(--zy-ease),left .6s var(--zy-ease),top .6s var(--zy-ease);pointer-events:none}
.zy-poswiata{position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle,var(--mm-tlo-rgba-193-71-138-20),var(--mm-tlo-rgba-69-66-180-10) 55%,transparent 72%);box-shadow:0 0 90px var(--mm-cien-rgba-193-71-138-22),0 0 170px var(--mm-cien-rgba-69-66-180-18)}
.zy-pierscien{position:absolute;inset:-16px;border:1px dashed var(--line2);border-radius:50%}.zy-pierscien.zy-drugi{inset:-30px;border-color:var(--mm-ramka-rgba-232-139-188-16)}
.zy-srodek{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10px;text-shadow:0 2px 18px var(--bg)}
/* Podpis lezy na kuli z czastek; ciemna, miekka plama pod tekstem trzyma kontrast (przeglad 15.10). */
.zy-z-czastkami .zy-srodek::before{content:"";position:absolute;inset:26%;border-radius:50%;background:radial-gradient(circle,var(--mm-tlo-rgba-11-10-18-78),var(--mm-tlo-rgba-11-10-18-45) 55%,var(--mm-tlo-rgba-11-10-18-0) 75%);z-index:-1}
.zy-srodek{isolation:isolate}
/* Jasne punkty kuli leza pod drobnymi podpisami (10-11 px); sama miekka poswiata dawala 2:1. Ostry kontur 1 px (G18 WCAG) trzyma 4,5:1 przy kazdej pogodzie. */
html.mm-ui-nowe .zy-srodek{text-shadow:-1px 0 0 var(--mm-cien-07080f),1px 0 0 var(--mm-cien-07080f),0 -1px 0 var(--mm-cien-07080f),0 1px 0 var(--mm-cien-07080f),0 0 4px var(--mm-cien-rgba-7-8-15-9),0 2px 18px var(--bg)}
/* Liczba w jednej linii: czcionka maleje z dlugoscia napisu (--zy-znaki z ekran.js) i szerokoscia kuli (cqi). */
.zy-srodek{container-type:inline-size}
.zy-srodek b{font-size:min(clamp(20px,2vw,32px),calc(88cqi / (var(--zy-znaki,4) * .52)));line-height:1.1;white-space:nowrap;max-width:100%}.zy-srodek span{font-size:11px;line-height:1.3;margin-top:6px}.zy-srodek small{font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-top:7px;color:var(--muted)}
.zy-chip{font:500 12px/1.3 var(--sans);color:var(--ink);background:var(--card);border:1px solid var(--line2);border-radius:999px;padding:10px 14px;cursor:pointer;transition:border-color .25s var(--zy-ease),transform .25s var(--zy-ease)}
.zy-chip:hover,.zy-chip:focus-visible{border-color:var(--magenta);outline:none;transform:translateY(-2px)}
.zy-chip:disabled{opacity:.5;cursor:wait}.zy-powrot{position:absolute;left:0;top:0;z-index:5}.zy-powrot[hidden]{display:none}
.hero .zy-wynik{margin:0 auto 14px;min-height:24px;max-width:900px;text-align:center;font-size:14px;overflow-wrap:anywhere}
.hero .zy-wynik p{margin:0 0 14px}
.hero .zy-wynik>:last-child{margin-bottom:0}
.zy-wynik ul,.zy-wynik ol{width:fit-content;max-width:100%;box-sizing:border-box;margin:0 auto 14px;padding-left:24px;text-align:left}
.zy-wynik li+li{margin-top:4px}
.orion-tabela{max-width:100%;overflow-x:auto}
.orion-tabela table{border-collapse:collapse;margin:0 auto;text-align:left}
.orion-tabela th,.orion-tabela td{padding:4px 8px;border:1px solid var(--line)}
.zy-form{display:flex;align-items:flex-end;gap:10px;max-width:760px;margin:auto}.zy-form label{flex:1;color:var(--magenta);font:500 11px/1.4 var(--mono)}
.zy-form input{display:block;width:100%;margin-top:7px;height:44px;padding:0 14px;border:1px solid var(--line2);border-radius:14px;background:var(--card);color:var(--ink);font:14px var(--sans)}
.zy-form input:focus-visible{outline:2px solid var(--magenta);outline-offset:2px}.zy-form button{min-height:44px}
.zy-podpowiedzi{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.zy-lista .zy-obszar{height:auto;padding:42px 0 16px;display:flex;flex-direction:column;gap:20px}
.zy-lista .zy-kula{position:relative;left:auto;top:auto;width:160px;height:160px;align-self:center;margin:20px 0 30px}
.zy-lista .zy-moduly,.zy-lista .zy-satelity{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:14px}
.zy-lista .zy-poz{position:relative;min-height:140px}.zy-lista .zy-linie{display:none}.zy-lista .zy-wejscie,.zy-lista .zy-plyw,.zy-lista .zy-zawartosc{height:100%}
.zy-sprawy .zy-poz{z-index:4;transition:transform .6s var(--zy-ease),opacity .6s var(--zy-ease)}
.zy-sprawa{box-sizing:border-box;width:100%;height:100%;padding:4px 8px;border:1px solid var(--mm-ramka-rgba-255-255-255-14);border-radius:999px;background:linear-gradient(135deg,var(--mm-tlo-rgba-255-255-255-10),var(--mm-tlo-rgba-255-255-255-03));color:var(--ink);font:400 12px/1.3 var(--sans);cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:transform 140ms,opacity 140ms}
.zy-sprawa b{font-weight:700}.zy-sprawa-tytul{color:var(--muted)}
.zy-sprawa[data-uwaga="true"]{border-color:var(--orange)}
.zy-sprawa:hover{transform:translateY(-2px)}
.zy-sprawa:focus-visible,.zy-do-kolejki:focus-visible{outline:2px solid var(--magenta);outline-offset:3px}
.zy-zadania{font:500 10px/1.3 var(--mono);color:var(--muted);margin-top:4px;font-style:normal}
.zy-do-kolejki{position:absolute;inset:18%;border:0;border-radius:50%;background:transparent;cursor:pointer;pointer-events:auto}
.zy-do-kolejki[hidden],.zy-zadania[hidden],.zy-srodek b[hidden]{display:none}
.zy-lista .zy-sprawy{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.zy-lista .zy-sprawy:empty{display:none}
.zy-lista .zy-sprawy .zy-poz{min-height:0;height:30px;max-width:100%}
/* Ruch z Content Engine: wejscie klockow z canvas/src/styles.css, unoszenie i poswiata
   z studio/kampania.css, oddech kampania-oddech i puls znacznika spec-puls, jak w makiecie. */
@keyframes zy-wejscie{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}
@keyframes zy-plyw{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes zy-oddech{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes zy-obrot{to{transform:rotate(360deg)}}
@keyframes zy-puls{0%,100%{box-shadow:0 0 0 0 var(--mm-cien-rgba-91-199-126-55)}60%{box-shadow:0 0 0 6px var(--mm-cien-rgba-91-199-126-0)}}
.zy-wejscie{animation:zy-wejscie 320ms var(--zy-ease) both;animation-delay:var(--d,0ms)}
.zy-plyw{animation:zy-plyw 6.5s ease-in-out infinite;animation-delay:var(--p,0s)}
.zy-poswiata{animation:zy-oddech 5s ease-in-out infinite}.zy-pierscien{animation:zy-obrot 40s linear infinite}.zy-pierscien.zy-drugi{animation-duration:70s;animation-direction:reverse}
.zy-produkcja i{animation:zy-puls 1.6s ease-out infinite}
/* Pod otwartym oknem Docka scena jest niewidoczna; zatrzymane animacje nie zmuszaja do liczenia rozmycia. */
.dk-okno-otwarte :is(.zy-plyw,.zy-poswiata,.zy-pierscien,.zy-produkcja i){animation-play-state:paused}
@media(max-width:1000px){.hero .in{grid-template-columns:1fr}.hero .in .cta{grid-column:1;grid-row:auto;justify-content:flex-start;max-width:none}}
@media(prefers-reduced-motion:reduce){
  .zy-wejscie,.zy-plyw,.zy-oddech,.zy-obrot,.zy-puls{animation:none!important}
  .zy-scena *,.zy-scena *::before,.zy-scena *::after{animation:none!important;transition:none!important}
  .zy-kafel:hover,.zy-kafel:focus-visible,.zy-chip:hover,.zy-chip:focus-visible,.zy-sprawa:hover{transform:none!important}
}