/* Projekt A – logo 6: plama z gradientem fiolet → róż → pomarańcz. Kolorowo, miękko, zaokrąglenia. */
:root{
  --nagl:"Bricolage Grotesque",Manrope,system-ui,sans-serif;--nagl-waga:800;--nagl-odstep:-.045em;
  --tresc:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;
  --tlo-strony:#14112A;--tekst:#14112A;--tekst-ciemny:#14112A;
  --akcent:#5420FF;--akcent-tekst:#FFC93C;
  --grad:linear-gradient(110deg,#3B2BFF 0%,#E23AB5 55%,#FF8A4C 100%);
  --k-mieta:#3FDDB0;--k-koral:#FF6A4D;--k-kobalt:#2F5BFF;--k-zolta:#FFC93C;
  --promo-tlo:var(--grad);--promo-tekst:#fff;--promo-znak:#FFE14B;
  --nav-tlo:rgba(250,246,255,.96);--nav-obrys:1px solid #fff;--nav-r:999px;--nav-cien:0 14px 38px rgba(48,32,95,.16);
  --nav-link:#56566a;--nav-link-hover:#14112A;--nav-link-slaby:#E4DEF5;--logo-h:44px;
  --mega-tlo:#fff;--mega-hover:#F5F2FF;--hamb-tlo:#17121F;--szuflada-tlo:#EFE8FF;
  --guzik-r:999px;--guzik-tlo:#FFC93C;--guzik-tekst:#14112A;--guzik-cien:0 6px 0 rgba(0,0,0,.18);--guzik-obrys:0;
  --karta-r:30px;--karta-obrys:0;--karta-cien:0 20px 50px -24px rgba(20,10,60,.35);
  --naklejka-r:20px;--naklejka-cien:0 24px 60px -20px rgba(20,10,60,.45);
  --plyta-r:48px;--plyta-tlo:#FFC93C;--waz-kolor:#FF8AD6;--fala-kolor:#FF8AD6;--podkr-kolor:#FFC93C;
  --znaczek-tlo:rgba(255,255,255,.16);
  --chip-r:999px;--chip-tlo:rgba(255,255,255,.22);--chip-obrys:0;
  --flow-linia:rgba(20,17,42,.35);--flow-puls:#5420FF;--wezel-ik:#EEE9FF;
  --slupek:#D9D1FF;--slupek-max:var(--grad);
  --pasek-tlo:#14112A;--pasek-tekst:#fff;--pasek-kropka:#FFC93C;
  --krok-tlo:#fff;--krok-tekst:#14112A;--krok-nr-tlo:var(--grad);--krok-nr-tekst:#fff;--postep-tlo:rgba(255,255,255,.18);--postep-kolor:#FFC93C;
  --bento-tlo:#fff;--bento-tekst:#14112A;--bento-glowny:var(--grad);--bento-glowny-tekst:#fff;--bento-ik:#F1ECFF;
  --komsy-tlo:#14112A;--komsy-tekst:#fff;
  --faq-tlo:#fff;--faq-plus:#F1ECFF;--faq-plus-kolor:#5420FF;
  --stopka-tlo:#170B3B;--manifest-tlo:#170B3B;
}
.sek-hero{--s-tlo:#5420FF;--s-tekst:#fff}
.sek-wstep{--s-tlo:#F4F0FF;--s-tekst:#14112A}
.sek-mieta{--s-tlo:#3FDDB0;--s-tekst:#14112A}
.sek-koral{--s-tlo:#FF6A4D;--s-tekst:#14112A}
.sek-koral{--chip-tlo:rgba(20,17,42,.1)}
.sek-mieta{--chip-tlo:rgba(255,255,255,.45)}
.sek-kobalt{--s-tlo:#2F5BFF;--s-tekst:#fff}
.sek-zolta{--s-tlo:#FFC93C;--s-tekst:#14112A;--chip-tlo:rgba(255,255,255,.5)}
.sek-kroki{--s-tlo:#170B3B;--s-tekst:#fff}
.sek-dlaczego{--s-tlo:#FFF4EC;--s-tekst:#14112A}
.sek-faq{--s-tlo:#F4F0FF;--s-tekst:#14112A}
.sek-final{--s-tlo:#5420FF;--s-tekst:#fff;background:var(--grad)}
.sek-tekst{--s-tlo:#F4F0FF;--s-tekst:#14112A}
.kafel.ik-mieta{background:#3FDDB0}.kafel.ik-koral{background:#FF6A4D}.kafel.ik-kobalt{background:#2F5BFF}.kafel.ik-zolta{background:#FFC93C}
.sek-hero::after{content:"";position:absolute;right:-220px;top:-160px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(255,138,214,.45),rgba(255,138,214,0) 68%);pointer-events:none}
.sek-final::before{content:"";position:absolute;inset:-20% -10% auto;height:70%;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.22),rgba(255,255,255,0) 60%);pointer-events:none}
.sek-final .guzik-glowny{background:#fff}
.krok-nr{background:var(--grad)}
.slupki i:last-child{background:var(--grad)}
.kroki-nagl .etyk{color:#FFC93C;opacity:1}