/* Animacja wejścia: ciemna scena, słowo wypełniane limonką, licznik, rozsuwana kurtyna (raz na sesję) */
.intro-skip .intro { display:none !important; }
.intro { position:fixed; inset:0; z-index:10000; display:grid; place-items:center; overflow:hidden; color:#fff; font-family:"Poppins", system-ui, sans-serif; }
.intro-half { position:absolute; left:0; right:0; background:#12041e; transition: transform .95s cubic-bezier(.76,0,.24,1) .12s; will-change:transform; }
.intro-half.top { top:0; height:50.2%; }
.intro-half.bot { bottom:0; height:50.2%; }
.intro::before { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; transition: opacity .5s ease;
  background: radial-gradient(900px 560px at 88% 0, rgba(228,0,124,.28), transparent 62%), radial-gradient(800px 560px at 0 100%, rgba(138,24,176,.36), transparent 62%),
              radial-gradient(rgba(255,255,255,.14) 1px, transparent 1.4px) 0 0 / 30px 30px; }
.intro-content { position:relative; z-index:2; width:min(92vw, 1500px); display:flex; flex-direction:column; gap:clamp(18px,3vw,40px); transition: opacity .35s ease, transform .6s cubic-bezier(.7,0,.3,1); }
.intro-word { position:relative; font-weight:800; line-height:.9; letter-spacing:-.04em; font-size: clamp(2.6rem, 14.5vw, 14rem); text-align:center; white-space:nowrap; }
.intro-word .o { display:block; color:transparent; -webkit-text-stroke:1.5px rgba(255,255,255,.55); }
.intro-word .f { position:absolute; inset:0; display:block; color:#cbe800; clip-path: inset(0 100% 0 0); animation: introFill 1.5s cubic-bezier(.65,0,.25,1) .1s forwards; }
.intro-foot { display:flex; justify-content:space-between; align-items:baseline; gap:20px; font-weight:700; text-transform:uppercase; letter-spacing:.2em; font-size:clamp(.62rem, 1.1vw, .85rem); opacity:0; animation: introFoot .5s ease .35s forwards; }
.intro-foot .cap { display:flex; flex-wrap:wrap; gap:.5em 1em; align-items:center; }
.intro-foot .cap i { font-style:normal; color:#cbe800; }
.intro-foot .cnt { font-variant-numeric: tabular-nums; font-size: clamp(1.2rem, 3vw, 2.4rem); letter-spacing:.04em; color:#cbe800; }
.intro.go .intro-content { opacity:0; transform: scale(1.04); }
.intro.go::before { opacity:0; }
.intro.go .intro-half.top { transform: translateY(-101%); }
.intro.go .intro-half.bot { transform: translateY(101%); }
@keyframes introFill { to { clip-path: inset(0 0 0 0); } }
@keyframes introFoot { to { opacity:1; } }
@media (prefers-reduced-motion: reduce) { .intro { display:none !important; } }

/* treść hero wjeżdża dopiero, gdy kurtyna się otwiera */
.intro-run .hero .eyebrow { animation-delay: 1.6s; }
.intro-run .hero h1 { animation-delay: 1.72s; }
.intro-run .hero .hero-lead { animation-delay: 1.86s; }
.intro-run .hero .hero-cta { animation-delay: 2s; }
.intro-run .hero .hp-cols { animation: introCols 1.2s cubic-bezier(.2,.7,.2,1) 1.7s both; }
@keyframes introCols { from { opacity:0; transform: translateX(60px); } to { opacity:1; transform:none; } }

/* prawdziwe logo m4people (różowa czwórka i kolorowe kreski) zamiast napisu */
.intro-word { width: min(86vw, 1100px); margin-inline:auto; font-size:inherit; }
.intro-word img { display:block; width:100%; height:auto; clip-path: inset(0 100% 0 0); animation: introFill 1.5s cubic-bezier(.65,0,.25,1) .1s forwards; filter: drop-shadow(0 0 40px rgba(233,71,147,.35)); }
.intro-bar { display:block; height:3px; background: rgba(255,255,255,.2); border-radius:3px; overflow:hidden; margin-top: clamp(-40px,-4vw,-14px); position:relative; }
.intro-bar i { display:block; height:100%; width:0; background: linear-gradient(90deg, #F49600, #E94793, #1DB6B7); animation: introBarGrow 1.5s cubic-bezier(.65,0,.25,1) .1s forwards; }
@keyframes introBarGrow { to { width:100%; } }