/* Zawodowe Ja. Tokeny: style-guide.html. Kolory z księgi znaku HRqube (09.2026). */
@font-face{font-family:"Supreme";src:url(/assets/fonts/supreme.woff2) format("woff2");font-weight:100 800;font-style:normal;font-display:swap}
@font-face{font-family:"Supreme";src:url(/assets/fonts/supreme-italic.woff2) format("woff2");font-weight:100 800;font-style:italic;font-display:swap}

:root{
  --tlo:#f5f6fb;
  --papier:#ffffff;
  --atrament:#15164a;
  --granat:#191970;
  --tekst-2:#4a4c66;
  --kobalt:#2f49f7;
  --kobalt-ciemny:#1f35d1;
  --kobalt-mgla:#e8ebfe;
  --mieta:#00eca3;
  --mieta-mgla:#dafbef;
  --linia:#dcdee8;
  --szary:#808285;
  --cien:0 1px 2px rgba(21,22,74,.06),0 12px 32px -12px rgba(21,22,74,.18);
  --r:14px;
  --r-maly:8px;
  --szer:1180px;
  --waska:720px;
  --gutter:clamp(16px,4vw,40px);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--tlo);color:var(--atrament);font:400 1.0625rem/1.65 "Supreme",system-ui,sans-serif;font-feature-settings:"ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:var(--kobalt);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{color:var(--kobalt-ciemny)}
::selection{background:var(--mieta);color:var(--atrament)}
:focus-visible{outline:2px solid var(--kobalt);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.08;letter-spacing:-.028em;text-wrap:balance}
h1{font-size:clamp(2.5rem,1.6rem + 4vw,4.5rem)}
h2{font-size:clamp(1.9rem,1.3rem + 2.4vw,3rem)}
h3{font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem);letter-spacing:-.018em;line-height:1.2}
p{margin:0 0 1em;text-wrap:pretty}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ik{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wrap{width:min(100% - 2*var(--gutter),var(--szer));margin-inline:auto}
.waska{max-width:var(--waska)}
.lead{font-size:clamp(1.125rem,1rem + .4vw,1.3rem);color:var(--tekst-2);max-width:60ch}
.sekcja{padding-block:clamp(72px,9vw,128px)}
.sekcja-glowa{max-width:46rem;margin-bottom:clamp(36px,5vw,56px)}
.sekcja-glowa h2{margin-bottom:.45em}
.sekcja-glowa p{color:var(--tekst-2);font-size:1.125rem;margin:0}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:16px;z-index:100;background:var(--papier);padding:8px 14px;border-radius:var(--r-maly)}

/* Przyciski */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:52px;padding:.85em 1.5em;border-radius:999px;border:1.5px solid transparent;font:600 1rem/1.2 inherit;text-decoration:none;cursor:pointer;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out,transform .2s ease-out;text-align:center}
.btn:active{transform:translateY(1px)}
.btn-glowny{background:var(--kobalt);color:#fff}
.btn-glowny:hover{background:var(--kobalt-ciemny);color:#fff}
.btn-glowny .ik{transition:transform .25s cubic-bezier(.16,1,.3,1)}
.btn-glowny:hover .ik{transform:translateX(3px)}
.btn-obrys{border-color:currentColor;color:var(--atrament);background:transparent}
.btn-obrys:hover{background:var(--atrament);color:#fff;border-color:var(--atrament)}
.btn-mieta{background:var(--mieta);color:var(--atrament)}
.btn-mieta:hover{background:#00d692;color:var(--atrament)}
.link-strzalka{display:inline-flex;align-items:center;gap:.4em;font-weight:600;text-decoration:none}
.link-strzalka:hover .ik{transform:translateX(3px)}
.link-strzalka .ik{transition:transform .25s cubic-bezier(.16,1,.3,1)}

/* Nagłówek */
.naglowek{position:sticky;top:0;z-index:50;background:rgba(245,246,251,.92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .2s}
.naglowek.przewiniety{border-bottom-color:var(--linia)}
.naglowek .wrap{display:flex;align-items:center;gap:24px;min-height:72px}
.marka{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--atrament);margin-right:auto}
.marka img{width:17px;height:32px}
.marka b{font-size:1.3rem;font-weight:700;letter-spacing:-.03em}
.marka b i{font-style:normal;color:var(--kobalt)}
.menu{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.menu a{display:block;padding:8px 12px;border-radius:999px;color:var(--atrament);text-decoration:none;font-weight:500;font-size:.98rem}
.menu a:hover{background:var(--kobalt-mgla);color:var(--atrament)}
.menu a[aria-current=page]{color:var(--kobalt)}
.naglowek .btn{min-height:44px;padding:.6em 1.15em;font-size:.95rem}
.burger{display:none;background:none;border:0;padding:10px;margin-right:-10px;color:var(--atrament);cursor:pointer}
.burger .ik{width:26px;height:26px}
@media (max-width:1060px){
  .burger{display:block}
  .naglowek .btn-cta{display:none}
  .menu{position:fixed;inset:72px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;padding:12px var(--gutter) 24px;background:var(--tlo);border-bottom:1px solid var(--linia);box-shadow:var(--cien);display:none}
  .menu.otwarte{display:flex}
  .menu a{padding:14px 4px;border-radius:0;border-bottom:1px solid var(--linia);font-size:1.1rem}
  .menu .menu-cta{display:block;margin-top:16px}
  .menu .menu-cta a{border:0;background:var(--kobalt);color:#fff;text-align:center;border-radius:999px;padding:15px}
}
@media (min-width:1061px){.menu .menu-cta{display:none}}

/* Hero */
.hero{padding-block:clamp(40px,6vw,88px) clamp(64px,8vw,112px)}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}
.hero h1{margin-bottom:.4em}
.hero h1 em{font-style:italic;font-weight:700;color:var(--kobalt)}
.triada{display:flex;flex-wrap:wrap;gap:.35em .9em;margin:0 0 1.4rem;padding:0;list-style:none;font-size:clamp(1.05rem,.95rem + .45vw,1.3rem);font-weight:500;color:var(--tekst-2)}
.triada b{color:var(--atrament);font-weight:700;letter-spacing:.02em}
.hero .lead{margin-bottom:2rem}
.hero-akcje{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.hero-dopisek{margin:14px 0 0;font-size:.95rem;color:var(--tekst-2);max-width:46ch}
.hero-foto{position:relative}
.hero-foto img{width:100%;aspect-ratio:4/4.3;object-fit:cover;object-position:50% 30%;border-radius:var(--r)}
.hero-foto figcaption{position:absolute;left:18px;bottom:18px;right:18px;display:flex;flex-wrap:wrap;gap:8px}
.hero-foto figcaption span{background:rgba(255,255,255,.94);color:var(--atrament);border-radius:999px;padding:6px 14px;font-size:.88rem;font-weight:600;box-shadow:0 4px 14px -6px rgba(21,22,74,.3)}
@media (max-width:860px){
  .hero .wrap{grid-template-columns:1fr}
  .hero-foto{order:-1}
  .hero-foto img{aspect-ratio:4/3.4}
  .hero-foto figcaption{display:none}
}

/* Bezpłatne spotkanie: ciemne pasmo z formularzem */
.spotkanie{background:var(--granat);color:#eef0ff}
.spotkanie h2{color:#fff}
.spotkanie .wrap{display:grid;grid-template-columns:1fr minmax(320px,440px);gap:clamp(36px,6vw,88px);align-items:start}
.spotkanie .lead{color:#c9cdf5}
.punkty{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:22px}
.punkty li{display:grid;grid-template-columns:28px 1fr;gap:14px}
.punkty .ik{color:var(--mieta);width:24px;height:24px;margin-top:3px}
.punkty b{display:block;color:#fff;font-size:1.1rem;margin-bottom:2px}
.punkty p{margin:0;color:#c9cdf5}
.formularz{background:var(--papier);color:var(--atrament);border-radius:var(--r);padding:clamp(24px,3vw,36px);box-shadow:0 24px 60px -24px rgba(0,0,0,.45)}
.formularz h3{margin-bottom:.35em}
.formularz>p{color:var(--tekst-2);font-size:.98rem}
.pole{display:grid;gap:6px;margin-bottom:14px}
.pole label{font-weight:600;font-size:.92rem}
.pole input{width:100%;min-width:0;font:inherit;font-size:1rem;min-height:50px;padding:.7em .95em;border:1.5px solid var(--linia);border-radius:var(--r-maly);background:#fff;color:var(--atrament);transition:border-color .15s}
.pole input:hover{border-color:#b9bdd3}
.pole input:focus{outline:none;border-color:var(--kobalt);box-shadow:0 0 0 3px var(--kobalt-mgla)}
.pole input::placeholder{color:#7b7e95}
.pole-dwa{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.zgoda{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:.86rem;color:var(--tekst-2);margin:6px 0 18px;line-height:1.5}
.zgoda input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--kobalt)}
.formularz .btn{width:100%}
.formularz .btn[disabled]{opacity:.6;cursor:progress}
.komunikat{margin:14px 0 0;font-size:.95rem;padding:12px 14px;border-radius:var(--r-maly)}
.komunikat[hidden]{display:none}
.komunikat.ok{background:var(--mieta-mgla);color:#06513a}
.komunikat.blad{background:#fdecec;color:#8a1c1c}
.formularz .drobne{font-size:.84rem;color:var(--tekst-2);margin:14px 0 0}
@media (max-width:900px){.spotkanie .wrap{grid-template-columns:1fr}}
@media (max-width:420px){.pole-dwa{grid-template-columns:1fr;gap:0}}

/* Metoda: trzy czasowniki */
.metoda-lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--linia)}
.metoda-lista li{display:grid;grid-template-columns:minmax(200px,.8fr) 1.2fr;gap:clamp(16px,4vw,64px);padding:clamp(28px,4vw,44px) 0;border-bottom:1px solid var(--linia);align-items:baseline}
.czasownik{font-size:clamp(2.3rem,1.5rem + 3.4vw,4.2rem);font-weight:800;letter-spacing:-.035em;line-height:1;color:var(--atrament)}
.czasownik span{display:block;font-size:max(.3em,1rem);font-weight:500;letter-spacing:0;color:var(--kobalt);margin-top:.5em}
.metoda-lista p{margin:0;font-size:1.1rem;color:var(--tekst-2);max-width:56ch}
.metoda-lista li:hover .czasownik{color:var(--kobalt)}
.czasownik{transition:color .3s ease-out}
@media (max-width:760px){.metoda-lista li{grid-template-columns:1fr}}

/* Pakiety */
.pakiety{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.pakiet{background:var(--papier);border:1px solid var(--linia);border-radius:var(--r);padding:clamp(24px,2.6vw,34px);display:flex;flex-direction:column}
.pakiet h3{font-size:1.6rem;margin-bottom:.3em}
.pakiet .dla{color:var(--tekst-2);font-size:.98rem;min-height:4.9em}
.pakiet .cena{font-size:2.1rem;font-weight:700;letter-spacing:-.03em;margin:.4em 0 .1em;font-variant-numeric:tabular-nums}
.pakiet .cena small{font-size:.95rem;font-weight:500;color:var(--tekst-2);letter-spacing:0}
.pakiet .netto{font-size:.88rem;color:var(--tekst-2);margin:0 0 1.2em}
.pakiet .fakty{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 1.2em;padding:0;list-style:none}
.pakiet .fakty li{background:var(--tlo);border-radius:999px;padding:5px 12px;font-size:.88rem;font-weight:600}
.pakiet ul.co{list-style:none;margin:0 0 1.6em;padding:0;display:grid;gap:10px;font-size:.98rem}
.pakiet ul.co li{display:grid;grid-template-columns:20px 1fr;gap:10px}
.pakiet ul.co .ik{color:var(--kobalt);width:18px;height:18px;margin-top:4px}
.pakiet .rezultat{font-weight:600;margin-top:auto;padding-top:1em;border-top:1px solid var(--linia);font-size:.98rem}
.pakiet .btn{margin-top:18px}
.pakiet.wyrozniony{background:var(--atrament);color:#eef0ff;border-color:var(--atrament)}
.pakiet.wyrozniony .dla,.pakiet.wyrozniony .netto,.pakiet.wyrozniony .cena small{color:#c4c8ef}
.pakiet.wyrozniony .fakty li{background:rgba(255,255,255,.1)}
.pakiet.wyrozniony ul.co .ik{color:var(--mieta)}
.pakiet.wyrozniony .rezultat{border-top-color:rgba(255,255,255,.18)}
.pakiet .znaczek{align-self:flex-start;background:var(--mieta);color:var(--atrament);font-size:.8rem;font-weight:700;border-radius:999px;padding:4px 12px;margin-bottom:14px}
.pakiety-stopka{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;color:var(--tekst-2)}
@media (max-width:980px){.pakiety{grid-template-columns:1fr;max-width:560px}.pakiet .dla{min-height:0}}

/* Narzędzia + certyfikaty */
.narzedzia{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(32px,5vw,72px);align-items:start}
.narz-lista{display:grid;gap:0;border-top:1px solid var(--linia)}
.narz{display:grid;grid-template-columns:1fr auto;gap:6px 20px;padding:22px 0;border-bottom:1px solid var(--linia);text-decoration:none;color:var(--atrament)}
.narz h3{font-size:1.25rem}
.narz p{grid-column:1;margin:0;color:var(--tekst-2);font-size:.98rem}
.narz .cena-n{grid-column:2;grid-row:1;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.narz .ik{grid-column:2;grid-row:2;justify-self:end;color:var(--kobalt);transition:transform .25s cubic-bezier(.16,1,.3,1)}
.narz:hover{color:var(--atrament)}
.narz:hover h3{color:var(--kobalt)}
.narz:hover .ik{transform:translateX(4px)}
.certy{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.certy img{height:58px;width:auto;background:#fff;border-radius:var(--r-maly);padding:6px 10px;border:1px solid var(--linia)}
@media (max-width:860px){.narzedzia{grid-template-columns:1fr}}

/* Opinie: przewijany pas */
.opinie-tlo{background:var(--papier)}
.pas{display:grid;grid-auto-flow:column;grid-auto-columns:min(420px,86vw);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px var(--gutter) 24px;margin-inline:calc(-1*var(--gutter));scrollbar-width:thin;scrollbar-color:var(--linia) transparent}
.pas::-webkit-scrollbar{height:6px}
.pas::-webkit-scrollbar-thumb{background:var(--linia);border-radius:6px}
.opinia{scroll-snap-align:start;background:var(--tlo);border-radius:var(--r);padding:28px;margin:0;display:flex;flex-direction:column}
.opinia blockquote{margin:0 0 20px;font-size:1.02rem;line-height:1.6}
.opinia blockquote p{margin:0}
.opinia figcaption{margin-top:auto;font-size:.92rem;color:var(--tekst-2)}
.opinia figcaption b{display:block;color:var(--atrament);font-size:1rem}
.opinia .z-kim{display:block;margin-top:8px;font-size:.8rem;font-weight:600;color:var(--kobalt)}
.pas-ster{display:flex;gap:10px;justify-content:flex-end;margin-top:-8px}
.pas-ster button{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--linia);background:var(--papier);color:var(--atrament);cursor:pointer;display:grid;place-items:center;transition:border-color .2s,background .2s}
.pas-ster button:hover{border-color:var(--atrament)}
.sekcja-glowa-rzad{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(28px,4vw,44px)}
.sekcja-glowa-rzad .sekcja-glowa{margin:0}

.opinie-siatka{columns:2 380px;column-gap:20px}
.opinie-siatka .opinia{break-inside:avoid;margin-bottom:20px;background:var(--papier);border:1px solid var(--linia)}

/* Duet: dwa portrety */
.duet{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px)}
.osoba img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:62% 20%;border-radius:var(--r);margin-bottom:20px}
.osoba h3{font-size:1.5rem}
.osoba .rola{color:var(--kobalt);font-weight:600;margin:.3em 0 .7em}
.osoba p{color:var(--tekst-2)}
@media (max-width:700px){.duet{grid-template-columns:1fr}.osoba img{aspect-ratio:4/4.2}}

/* Wiedza */
.artykuly{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.4vw,32px)}
.art{text-decoration:none;color:var(--atrament);display:flex;flex-direction:column}
.art img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r-maly);margin-bottom:16px;background:var(--linia);transition:transform .4s cubic-bezier(.16,1,.3,1)}
.art .kat{font-size:.85rem;font-weight:600;color:var(--kobalt);margin-bottom:6px}
.art h3{font-size:1.2rem;line-height:1.3;transition:color .2s}
.art:hover{color:var(--atrament)}
.art:hover h3{color:var(--kobalt)}
.art .zajawka{color:var(--tekst-2);font-size:.96rem;margin:.6em 0 0}
@media (max-width:900px){.artykuly{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.artykuly{grid-template-columns:1fr}}

/* Newsletter */
.newsletter{background:var(--mieta-mgla)}
.newsletter .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,72px);align-items:center}
.newsletter img{border-radius:var(--r);aspect-ratio:1;object-fit:cover;object-position:50% 25%}
.newsletter p{color:#2d3a46;font-size:1.1rem;max-width:52ch}
.newsletter h2{margin-bottom:.45em}
@media (max-width:780px){.newsletter .wrap{grid-template-columns:1fr}.newsletter img{aspect-ratio:16/10;max-height:320px;width:100%}}

/* Strony wewnętrzne */
.strona-glowa{padding-block:clamp(48px,7vw,96px) clamp(32px,4vw,56px)}
.strona-glowa h1{margin-bottom:.35em;max-width:18ch}
.okruchy{font-size:.9rem;color:var(--tekst-2);margin-bottom:18px}
.okruchy a{color:var(--tekst-2)}
.tresc{font-size:1.1rem;line-height:1.75}
.tresc h2{font-size:clamp(1.5rem,1.25rem + 1vw,2rem);margin:2em 0 .6em}
.tresc h3{margin:1.8em 0 .5em}
.tresc ul,.tresc ol{padding-left:1.25em;margin:0 0 1.2em}
.tresc li{margin-bottom:.5em}
.tresc li::marker{color:var(--kobalt)}
.tresc img{border-radius:var(--r-maly);margin:1.6em 0}
.tresc blockquote{margin:1.6em 0;padding:4px 0 4px 24px;border-left:1px solid var(--kobalt);font-size:1.15rem;color:var(--atrament)}
.tresc a{word-break:break-word}
.tresc figure{margin:1.6em 0}

/* Tabela porównania pakietów */
.porownanie{overflow-x:auto;margin-inline:calc(-1*var(--gutter));padding-inline:var(--gutter)}
.porownanie table{width:100%;min-width:760px;border-collapse:collapse;font-size:.96rem;background:var(--papier);border-radius:var(--r);overflow:hidden}
.porownanie th,.porownanie td{padding:14px 16px;text-align:left;vertical-align:top}
.porownanie thead th{background:var(--atrament);color:#fff;font-size:1.05rem;position:sticky;top:0}
.porownanie thead th:first-child{width:34%}
.porownanie tbody tr:nth-child(even){background:#f9fafd}
.porownanie tbody th{font-weight:600}
.porownanie .tak{color:var(--kobalt)}
.porownanie .nie{color:var(--tekst-2)}
.porownanie tfoot td,.porownanie tfoot th{font-weight:700;font-size:1.1rem;border-top:1px solid var(--linia);font-variant-numeric:tabular-nums}

/* Karta produktu */
.produkt{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(32px,5vw,72px);align-items:start}
.kup{position:sticky;top:96px;background:var(--papier);border:1px solid var(--linia);border-radius:var(--r);padding:28px}
.kup .cena{font-size:2.2rem;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.kup .netto{color:var(--tekst-2);font-size:.92rem;margin-bottom:18px}
.kup ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px;font-size:.98rem}
.kup ul li{display:grid;grid-template-columns:20px 1fr;gap:10px}
.kup ul .ik{color:var(--kobalt);width:18px;height:18px;margin-top:4px}
.kup .btn{width:100%}
.kup .drobne{font-size:.86rem;color:var(--tekst-2);margin:14px 0 0}
@media (max-width:900px){.produkt{grid-template-columns:1fr}.kup{position:static}}

/* Sklep: siatka produktów */
.grupa{margin-bottom:clamp(48px,6vw,80px)}
.grupa>h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem);margin-bottom:24px}
.produkty{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.prod{background:var(--papier);border:1px solid var(--linia);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;text-decoration:none;color:var(--atrament);transition:border-color .2s}
.prod:hover{border-color:var(--atrament);color:var(--atrament)}
.prod img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-maly);margin-bottom:16px;background:var(--tlo)}
.prod h3{font-size:1.15rem;line-height:1.3}
.prod p{color:var(--tekst-2);font-size:.95rem;margin:.5em 0 1em}
.prod .cena{margin-top:auto;font-weight:700;font-size:1.2rem;font-variant-numeric:tabular-nums}
.prod .cena small{font-weight:500;font-size:.85rem;color:var(--tekst-2)}

/* Film */
.film{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:var(--atrament)}
.film button{position:absolute;inset:0;border:0;padding:0;cursor:pointer;background:none}
.film img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .2s}
.film button:hover img{opacity:1}
.film .graj{position:absolute;left:50%;top:50%;translate:-50% -50%;width:72px;height:72px;border-radius:50%;background:var(--kobalt);color:#fff;display:grid;place-items:center}
.film iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Historia (O nas) */
.historia{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,5vw,72px);align-items:start}
.historia img{border-radius:var(--r);width:100%;aspect-ratio:4/4.6;object-fit:cover;object-position:50% 20%;position:sticky;top:96px}
@media (max-width:860px){.historia{grid-template-columns:1fr}.historia img{position:static;aspect-ratio:4/3.4}}
.filary{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px}
.filar{background:var(--papier);border:1px solid var(--linia);border-radius:var(--r);padding:28px}
.filar h3{margin-bottom:.5em}
.filar p{color:var(--tekst-2);margin:0 0 1em}
@media (max-width:760px){.filary{grid-template-columns:1fr}}

/* Kroki konsultacji */
.kroki-k{counter-reset:k;list-style:none;margin:0;padding:0;display:grid;gap:18px}
.kroki-k li{counter-increment:k;display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start}
.kroki-k li::before{content:counter(k);width:44px;height:44px;border-radius:50%;background:var(--kobalt-mgla);color:var(--kobalt);display:grid;place-items:center;font-weight:700}
.kroki-k b{display:block;font-size:1.08rem}
.kroki-k p{margin:2px 0 0;color:var(--tekst-2)}

/* Stopka */
.stopka{background:var(--atrament);color:#c4c8ef;padding-block:64px 32px;font-size:.96rem}
.stopka a{color:#fff;text-decoration:none}
.stopka a:hover{text-decoration:underline}
.stopka-siatka{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.stopka h2{font-size:.95rem;color:#fff;letter-spacing:0;margin-bottom:14px}
.stopka ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.stopka .marka{color:#fff;margin-bottom:14px}
.stopka .marka b i{color:var(--mieta)}
.stopka-dol{margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-size:.88rem}
.wykonanie{display:inline-flex;align-items:center;gap:8px}
.wykonanie img{height:18px;width:auto}
@media (max-width:860px){.stopka-siatka{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.stopka-siatka{grid-template-columns:1fr}}

/* Wejście sekcji: widoczne bez JS, ruch tylko gdy JS i brak redukcji ruchu */
@media (prefers-reduced-motion:no-preference){
  .js .wejscie{opacity:0;translate:0 18px;transition:opacity .7s cubic-bezier(.16,1,.3,1),translate .7s cubic-bezier(.16,1,.3,1)}
  .js .wejscie.widoczne{opacity:1;translate:0 0}
}

/* ===== Wersja 2: panele marki, kostki, ikony duotone ===== */
.dik{width:1.5em;height:1.5em;fill:currentColor;flex:none}
.btn-duzy{min-height:58px;padding:1em 1.8em;font-size:1.06rem}
.link-jasny{color:#fff;font-weight:600;text-decoration:underline;text-decoration-color:rgba(255,255,255,.45)}
.link-jasny:hover{color:var(--mieta)}
.kostka{position:absolute;display:block;pointer-events:none}
.kostka.k1{width:64px;height:64px;background:var(--mieta);border-radius:6px}
.kostka.k2{width:38px;height:38px;border:3px solid var(--mieta);border-radius:4px}
.kostka.k3{width:18px;height:18px;background:#fff;border-radius:3px}

/* Hero na kobalcie */
.hero2{background:var(--kobalt);color:#fff;padding-block:clamp(48px,6vw,96px) clamp(72px,8vw,120px);overflow:hidden}
.hero2 .wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(36px,5vw,80px);align-items:center}
.hero2 h1{font-size:clamp(2.7rem,1.6rem + 4.6vw,5.2rem);line-height:1;letter-spacing:-.04em;margin-bottom:.45em}
.hero2 h1 em{font-style:normal;color:var(--mieta);display:inline-block}
.hero2-lead{font-size:clamp(1.1rem,1rem + .4vw,1.3rem);line-height:1.6;color:#e3e7ff;max-width:56ch;margin-bottom:2rem}
.hero2-akcje{display:flex;flex-wrap:wrap;align-items:center;gap:16px 26px}
.bez-ryzyka{list-style:none;margin:30px 0 0;padding:22px 0 0;border-top:1px solid rgba(255,255,255,.22);display:flex;flex-wrap:wrap;gap:12px 28px;font-weight:600;font-size:.98rem}
.bez-ryzyka li{display:flex;align-items:center;gap:10px}
.bez-ryzyka .dik{color:var(--mieta);width:26px;height:26px}
.hero2-foto{position:relative;padding:22px 22px 0 0}
.ramka{position:relative}
.ramka::before{content:"";position:absolute;inset:-22px -22px 22px 22px;border:3px solid var(--mieta);border-radius:6px;z-index:0}
.ramka img{position:relative;z-index:1;width:100%;aspect-ratio:4/4.4;object-fit:cover;object-position:50% 30%;border-radius:6px;box-shadow:0 30px 60px -30px rgba(10,14,80,.6)}
.hero2-foto .k1{right:-28px;bottom:120px;z-index:2}
.hero2-foto .k2{left:-34px;top:40px}
.hero2-foto .k3{right:40px;top:-6px}
.plywajacy-cytat{position:absolute;z-index:3;left:-48px;bottom:-34px;max-width:330px;margin:0;background:#fff;color:var(--atrament);border-radius:12px;padding:20px 22px;box-shadow:0 22px 50px -20px rgba(10,14,80,.55)}
.plywajacy-cytat .dik{color:var(--kobalt);width:30px;height:30px;margin-bottom:6px}
.plywajacy-cytat blockquote{margin:0 0 8px;font-weight:700;font-size:1.08rem;line-height:1.35;letter-spacing:-.01em}
.plywajacy-cytat figcaption{font-size:.88rem;color:var(--tekst-2)}
.plywajaca-odznaka{position:absolute;z-index:3;right:-10px;top:56px;background:#fff;border-radius:10px;padding:8px 12px;box-shadow:0 14px 30px -14px rgba(10,14,80,.5)}
.plywajaca-odznaka img{height:46px;width:auto}
@media (max-width:900px){
  .hero2 .wrap{grid-template-columns:1fr}
  .hero2-foto{margin:20px 18px 40px 0}
  .hero2-foto .k3{display:none}
  .ramka img{aspect-ratio:4/3.4}
  .plywajacy-cytat{left:12px;right:-6px;bottom:-40px;max-width:none;padding:14px 16px}
  .plywajacy-cytat .dik{display:none}
  .plywajacy-cytat blockquote{font-size:.98rem}
  .plywajaca-odznaka{top:12px;right:-6px}
  .plywajaca-odznaka img{height:34px}
  .hero2-foto .k1{width:40px;height:40px;right:-18px;bottom:auto;top:44%}
  .hero2-foto .k2{display:none}
}

/* Pas haseł (marquee) */
.pas-hasel{background:var(--mieta);color:var(--atrament);overflow:hidden;padding:18px 0;border-block:1px solid #00c98b}
.pas-hasel-tor{display:flex;align-items:center;gap:34px;width:max-content;white-space:nowrap;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.4rem);letter-spacing:-.02em;font-weight:500}
.pas-hasel-tor b{font-weight:800}
.pas-hasel-tor img{height:.95em;width:auto;filter:brightness(0) saturate(100%) invert(9%) sepia(43%) saturate(4500%) hue-rotate(236deg)}
@media (prefers-reduced-motion:no-preference){
  .pas-hasel-tor{animation:przesun 38s linear infinite}
  .pas-hasel:hover .pas-hasel-tor{animation-play-state:paused}
}
@keyframes przesun{to{transform:translateX(-50%)}}

/* Czy to o Tobie */
.bolaczki{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bolaczki li{background:var(--papier);border-radius:var(--r);padding:26px 24px;display:grid;gap:14px;align-content:start;transition:background-color .25s ease-out,color .25s ease-out}
.bolaczki .dik{width:44px;height:44px;color:var(--kobalt);background:var(--kobalt-mgla);border-radius:12px;padding:9px}
.bolaczki p{margin:0;font-size:1.08rem;line-height:1.5}
.bolaczki b{font-weight:700}
.bolaczki li:hover{background:var(--atrament);color:#fff}
.bolaczki li:hover .dik{background:var(--mieta);color:var(--atrament)}
.pasek-cta{margin-top:24px;background:var(--atrament);color:#dfe2ff;border-radius:var(--r);padding:24px 28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px}
.pasek-cta p{margin:0;max-width:60ch;font-size:1.06rem}
.pasek-cta b{color:#fff}
@media (max-width:900px){.bolaczki{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.bolaczki{grid-template-columns:1fr}.bolaczki li{grid-template-columns:44px 1fr;align-items:center}}

/* Przed / po */
.przed-po{display:grid;grid-template-columns:1fr 64px 1fr;align-items:stretch}
.przed,.po{border-radius:var(--r);padding:clamp(26px,3vw,40px)}
.przed{background:#e9eaf1;color:#3b3d55}
.przed h3,.po h3{font-size:1.35rem;margin-bottom:18px}
.przed ul,.po ul{list-style:none;margin:0;padding:0;display:grid;gap:14px;font-size:1.06rem}
.przed li{padding-left:22px;position:relative;text-decoration:line-through;text-decoration-color:rgba(59,61,85,.35);text-decoration-thickness:1px}
.przed li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:2px;background:#9a9cb0}
.po{background:var(--kobalt);color:#fff}
.po li{display:grid;grid-template-columns:24px 1fr;gap:10px}
.po .ik{color:var(--mieta);width:22px;height:22px;margin-top:2px;stroke-width:2.4}
.strzalka-przejscia{display:grid;place-items:center}
.strzalka-przejscia .ik{width:34px;height:34px;color:var(--kobalt);stroke-width:2.2}
@media (max-width:760px){.przed-po{grid-template-columns:1fr;gap:0}.strzalka-przejscia{height:56px}.strzalka-przejscia .ik{transform:rotate(90deg)}}

/* Opinie z wynikiem */
.opinia .wynik{font-size:1.3rem;font-weight:700;line-height:1.25;letter-spacing:-.015em;margin:0 0 14px;color:var(--atrament)}
.opinia blockquote{color:var(--tekst-2);font-size:.98rem}
.opinia figcaption{display:flex;gap:12px;align-items:center}
.opinia figcaption>span:last-child{display:grid;gap:1px;font-size:.9rem;color:var(--tekst-2)}
.opinia figcaption small{font-size:.86rem}
.opinia figcaption em{font-style:normal;font-weight:600;color:var(--kobalt);font-size:.82rem;margin-top:3px}
.awatar{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-weight:700;font-size:1rem;letter-spacing:.02em}
.awatar.z-agnieszka{background:var(--kobalt);color:#fff}
.awatar.z-patrycja{background:var(--mieta);color:var(--atrament)}
.pas .opinia:first-child{background:var(--atrament);color:#fff}
.pas .opinia:first-child .wynik{color:var(--mieta)}
.pas .opinia:first-child blockquote,.pas .opinia:first-child figcaption>span:last-child{color:#c9cdf5}
.pas .opinia:first-child b{color:#fff}
.pas .opinia:first-child em{color:var(--mieta)}

/* Metoda na granacie, czasowniki wypełniają się przy przewijaniu */
.metoda2{background:var(--granat);color:#dfe2ff;padding-block:clamp(80px,10vw,140px);position:relative;overflow:hidden}
.metoda2-glowa{max-width:44rem;margin-bottom:clamp(40px,5vw,64px)}
.metoda2 h2{color:#fff;margin-bottom:.45em}
.metoda2-glowa p{font-size:1.15rem;color:#c3c8f3;margin:0}
.kroki2{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.4vw,32px);counter-reset:none}
.krok2{position:relative;padding:30px 28px 32px;border-radius:var(--r);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);transition:background-color .5s ease-out,border-color .5s ease-out}
.krok2-nr{position:absolute;right:24px;top:18px;font-size:4.5rem;font-weight:800;line-height:1;color:rgba(255,255,255,.08);letter-spacing:-.05em}
.krok2 .dik{width:48px;height:48px;color:var(--mieta);margin-bottom:22px}
.czasownik2{font-size:clamp(2rem,1.4rem + 1.8vw,3rem);font-weight:800;letter-spacing:-.035em;line-height:1;color:transparent;-webkit-text-stroke:1.5px #fff;margin-bottom:16px;transition:color .6s cubic-bezier(.16,1,.3,1)}
.czasownik2 span{display:block;-webkit-text-stroke:0;color:var(--mieta);font-size:max(.42em,1.05rem);font-weight:600;letter-spacing:0;margin-top:.35em}
.krok2 p{margin:0;font-size:1.02rem;line-height:1.6;color:#c9cdf5}
.krok2.aktywny,.krok2:hover{background:rgba(0,236,163,.1);border-color:rgba(0,236,163,.45)}
.krok2.aktywny .czasownik2,.krok2:hover .czasownik2{color:#fff}
.no-js .czasownik2,.krok2:not(.wejscie-obserwowany) .czasownik2{color:#fff}
@media (max-width:900px){.kroki2{grid-template-columns:1fr}}

/* Panel spotkania */
.panel-spotkanie{background:var(--kobalt-mgla);border-radius:24px;padding:clamp(24px,4vw,56px);display:grid;grid-template-columns:1fr minmax(320px,440px);gap:clamp(28px,4vw,64px);align-items:start}
.panel-spotkanie h2{margin-bottom:.4em}
.panel-spotkanie .lead{color:var(--tekst-2)}
.punkty2{list-style:none;margin:26px 0 30px;padding:0;display:grid;gap:18px}
.punkty2 li{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start}
.ik-kafel{width:52px;height:52px;border-radius:14px;background:var(--kobalt);color:#fff;display:grid;place-items:center}
.ik-kafel .dik{width:28px;height:28px}
.punkty2 b{display:block;font-size:1.1rem}
.punkty2 p{margin:2px 0 0;color:var(--tekst-2)}
.panel-spotkanie-foto{border-radius:var(--r);aspect-ratio:16/10;object-fit:cover;width:100%}
.panel-spotkanie .formularz{box-shadow:0 30px 60px -30px rgba(21,22,74,.35);position:sticky;top:96px}
@media (max-width:960px){.panel-spotkanie{grid-template-columns:1fr}.panel-spotkanie .formularz{position:static}}

/* Pakiety: ikona w nagłówku */
.pakiet-glowa{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.pakiet-glowa .dik{width:42px;height:42px;padding:8px;border-radius:12px;background:var(--kobalt-mgla);color:var(--kobalt)}
.pakiet-glowa h3{margin:0}
.pakiet.wyrozniony .pakiet-glowa .dik{background:var(--mieta);color:var(--atrament)}
.pakiet{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}
.pakiet:hover{transform:translateY(-6px)}
.pakiet:not(.wyrozniony):hover{box-shadow:var(--cien)}

/* Panel mięta: badania */
.panel-mieta{background:var(--mieta-mgla)}
.panel-mieta .narz-lista{border-top-color:#a8e9d2}
.panel-mieta .narz{border-bottom-color:#a8e9d2}
.narz h3{display:flex;align-items:center;gap:10px}
.narz h3 .dik{width:30px;height:30px;color:var(--kobalt)}

/* Panel założycielek */
.panel-zalozycielki{background:var(--atrament);color:#d6daf8;border-radius:24px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}
.panel-zalozycielki-tekst{padding:clamp(28px,5vw,72px)}
.panel-zalozycielki h2{color:#fff;margin-bottom:.45em}
.panel-zalozycielki .lead{color:#c3c8f3}
.panel-zalozycielki-foto{width:100%;height:100%;object-fit:cover;object-position:50% 25%;min-height:420px}
.dwie-osoby{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0 32px}
.dwie-osoby>div{display:grid;grid-template-columns:64px 1fr;gap:4px 14px;align-items:center}
.dwie-osoby img{grid-row:span 2;width:64px;height:64px;border-radius:12px;object-fit:cover;object-position:50% 15%;border:2px solid var(--mieta)}
.dwie-osoby b{color:#fff;align-self:end}
.dwie-osoby span{font-size:.9rem;line-height:1.45;align-self:start}
@media (max-width:900px){.panel-zalozycielki{grid-template-columns:1fr}.panel-zalozycielki-foto{min-height:0;aspect-ratio:4/3;order:-1}.dwie-osoby{grid-template-columns:1fr}}

/* FAQ */
.faq-uklad{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,72px);align-items:start}
.faq details{background:var(--papier);border-radius:var(--r);margin-bottom:10px;transition:background-color .2s}
.faq summary{cursor:pointer;list-style:none;padding:20px 56px 20px 24px;font-weight:700;font-size:1.08rem;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:22px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:7px;background:var(--kobalt-mgla) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232f49f7' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0;padding:0 24px 22px;color:var(--tekst-2)}
@media (max-width:860px){.faq-uklad{grid-template-columns:1fr}}

/* Newsletter na kobalcie */
.panel-newsletter{background:var(--kobalt);color:#e3e7ff;border-radius:24px;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(28px,5vw,64px);overflow:hidden}
.panel-newsletter h2{color:#fff;margin-bottom:.45em}
.panel-newsletter p{font-size:1.12rem;max-width:52ch;margin-bottom:1.6em}
.panel-newsletter b{color:#fff}
.panel-newsletter-foto{position:relative;padding:14px 14px 0 0}
.panel-newsletter-foto img{position:relative;z-index:1;border-radius:6px;aspect-ratio:1;object-fit:cover;object-position:50% 20%;width:100%}
.panel-newsletter-foto .k1{right:-6px;top:-4px;z-index:0}
.panel-newsletter-foto .k2{left:-22px;bottom:30px;z-index:2}
@media (max-width:780px){.panel-newsletter{grid-template-columns:1fr}.panel-newsletter-foto{max-width:360px}}

/* ===== Wersja 3: głębia, wyśrodkowanie, sznyt ===== */
:root{
  --granat-gleboki:#10104a;
  --cien-1:0 1px 2px rgba(16,16,74,.06),0 4px 10px -2px rgba(16,16,74,.06),0 22px 44px -18px rgba(16,16,74,.18);
  --cien-2:0 2px 4px rgba(16,16,74,.08),0 18px 40px -12px rgba(16,16,74,.28),0 50px 90px -40px rgba(16,16,74,.35);
  --ziarno:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
}
h2{letter-spacing:-.032em}

/* Nagłówki sekcji zawsze na środku */
.sekcja-glowa,.metoda2-glowa{margin-inline:auto;text-align:center;max-width:46rem}
.sekcja-glowa p,.metoda2-glowa p{margin-inline:auto;max-width:40rem}
.sekcja-glowa h2::after,.metoda2-glowa h2::after{content:"";display:block;width:56px;height:3px;border-radius:3px;background:var(--mieta);margin:22px auto 0}
.sekcja-glowa-rzad{flex-direction:column;align-items:center;text-align:center;gap:18px}
.sekcja-glowa-rzad .pas-ster{margin:0}
.strona-glowa{text-align:center}
.strona-glowa h1{margin-inline:auto}
.strona-glowa .lead{margin-inline:auto}
.pakiety-stopka{justify-content:center;text-align:center}
.sekcja>.wrap>.link-strzalka,.opinie-tlo .wrap>.link-strzalka{display:flex;justify-content:center;margin-top:8px}
.sekcja .wrap>p:has(>.link-strzalka){text-align:center}

/* Przyciski z głębią */
.btn-glowny{background:linear-gradient(180deg,#4760ff 0%,var(--kobalt) 100%);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 10px 24px -10px rgba(47,73,247,.75)}
.btn-glowny:hover{background:linear-gradient(180deg,#3d55f5 0%,var(--kobalt-ciemny) 100%)}
.btn-jasny{background:#fff;color:var(--granat-gleboki);box-shadow:0 14px 30px -12px rgba(0,0,0,.5)}
.btn-jasny:hover{background:var(--mieta);color:var(--granat-gleboki)}
.btn-szklo{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.28);backdrop-filter:blur(6px)}
.btn-szklo:hover{background:rgba(255,255,255,.16);color:#fff}

/* Hero: granat ze światłem, ziarno, duch napisu, scena ze zdjęciem */
.hero3{position:relative;overflow:hidden;color:#fff;padding-top:clamp(56px,7vw,104px);
  background:radial-gradient(900px 520px at 50% -8%,rgba(71,96,255,.75),transparent 70%),radial-gradient(700px 480px at 92% 78%,rgba(0,236,163,.14),transparent 70%),radial-gradient(700px 480px at 4% 70%,rgba(71,96,255,.35),transparent 70%),var(--granat-gleboki)}
.hero3::before{content:"";position:absolute;inset:0;background:var(--ziarno);opacity:.18;mix-blend-mode:overlay;pointer-events:none}
.hero3::after{content:"";position:absolute;left:0;right:0;bottom:0;height:min(22vw,230px);background:var(--tlo);pointer-events:none}
.hero3-duch{position:absolute;left:0;right:0;top:55%;overflow:hidden;pointer-events:none;z-index:0}
.hero3-duch-tor{display:flex;gap:6vw;width:max-content;white-space:nowrap;font-size:clamp(5rem,11vw,10rem);font-weight:800;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.14);line-height:1}
@media (prefers-reduced-motion:no-preference){.hero3-duch-tor{animation:przesun 70s linear infinite}}
.hero3-tekst{position:relative;z-index:1;text-align:center;max-width:62rem}
.hero3 h1{font-size:clamp(2.8rem,1.6rem + 5vw,5.6rem);line-height:.98;letter-spacing:-.045em;margin:0 auto .32em}
.hero3 h1 em{font-style:normal;color:#fff;background:linear-gradient(transparent 62%,rgba(0,236,163,.55) 62%,rgba(0,236,163,.55) 88%,transparent 88%);padding:0 .06em}
.hero3-triada{font-size:clamp(1rem,.9rem + .4vw,1.2rem);letter-spacing:.14em;text-transform:uppercase;color:#b9c0ff;margin:0 0 1.4rem;font-weight:500}
.hero3-triada b{color:#fff;font-weight:700}
.hero3-triada i{display:inline-block;width:7px;height:7px;background:var(--mieta);border-radius:2px;vertical-align:middle;margin:0 .7em;transform:translateY(-2px) rotate(45deg)}
.hero3-lead{font-size:clamp(1.08rem,1rem + .35vw,1.25rem);line-height:1.65;color:#d5daff;max-width:44rem;margin:0 auto 2.2rem}
.hero3-akcje{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.hero3 .bez-ryzyka{justify-content:center;border-top:0;padding-top:0;margin-top:26px;color:#e3e7ff}
.hero3-scena{position:relative;z-index:2;margin-top:clamp(48px,6vw,80px);max-width:980px}
.hero3-foto{position:relative;border-radius:22px;padding:10px;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.04));box-shadow:var(--cien-2)}
.hero3-foto img{width:100%;aspect-ratio:16/8.6;object-fit:cover;object-position:50% 34%;border-radius:14px}
.karta-plywajaca{position:absolute;z-index:3;margin:0;background:rgba(255,255,255,.96);color:var(--atrament);border-radius:16px;padding:18px 20px;box-shadow:var(--cien-2);text-align:center;backdrop-filter:blur(10px)}
.karta-plywajaca .dik{width:30px;height:30px;color:var(--kobalt);margin:0 auto 8px;display:block}
.karta-plywajaca p{margin:0;font-size:.92rem;line-height:1.45;color:var(--tekst-2)}
.karta-plywajaca b{color:var(--atrament)}
.karta-cytat{left:-70px;bottom:46px;max-width:270px}
.karta-cytat blockquote{margin:0 0 8px;font-weight:700;font-size:1.05rem;line-height:1.35;letter-spacing:-.01em}
.karta-cytat figcaption{font-size:.86rem;color:var(--tekst-2)}
.karta-cert{right:-70px;top:44px;max-width:230px}
.karta-cert img{height:44px;width:auto;margin:0 auto 10px}
.karta-lata{right:-56px;bottom:70px;max-width:220px}
@media (max-width:1180px){.karta-cytat{left:-16px}.karta-cert{right:-16px}.karta-lata{right:24px}}
@media (max-width:760px){
  .hero3-foto img{aspect-ratio:4/3.6}
  .karta-cert,.karta-lata{display:none}
  .karta-cytat{position:relative;left:auto;bottom:auto;max-width:none;margin:-48px 14px 0}
  .hero3::after{height:120px}
}

/* Pas zaufania */
.pas-zaufania{padding:clamp(40px,5vw,64px) 0 0;text-align:center}
.pas-zaufania p{margin:0 0 18px;font-size:.95rem;font-weight:600;color:var(--tekst-2)}
.pas-zaufania .certy{justify-content:center;margin:0}
.certy img{box-shadow:var(--cien-1);border:0}
.certy{justify-content:center}

/* Boksy: zawartość na środku */
.bolaczki li{text-align:center;justify-items:center;box-shadow:var(--cien-1);padding:32px 26px}
.bolaczki .dik{width:56px;height:56px;padding:12px;border-radius:16px}
@media (max-width:560px){.bolaczki li{grid-template-columns:1fr}}
.pasek-cta{flex-direction:column;text-align:center;justify-content:center;background:radial-gradient(600px 220px at 50% 0%,rgba(71,96,255,.45),transparent 70%),var(--granat-gleboki);padding:34px 28px;box-shadow:var(--cien-2)}
.pasek-cta p{margin-inline:auto}

.przed,.po{text-align:center}
.przed ul,.po ul{display:inline-grid;text-align:left}
.po{background:radial-gradient(500px 260px at 50% 0%,rgba(255,255,255,.18),transparent 70%),var(--kobalt);box-shadow:var(--cien-2)}

.opinia{text-align:center;align-items:center;box-shadow:var(--cien-1);background:var(--papier)}
.opinie-tlo .opinia{background:var(--tlo);box-shadow:none}
.opinia figcaption{flex-direction:column;text-align:center;gap:8px}
.opinia figcaption>span:last-child{justify-items:center}
.pas .opinia:first-child{background:radial-gradient(400px 220px at 50% 0%,rgba(71,96,255,.5),transparent 70%),var(--granat-gleboki)}
.opinie-siatka .opinia{text-align:center}

.metoda2{background:radial-gradient(900px 500px at 50% 0%,rgba(71,96,255,.45),transparent 70%),var(--granat-gleboki)}
.metoda2::before{content:"";position:absolute;inset:0;background:var(--ziarno);opacity:.14;mix-blend-mode:overlay;pointer-events:none}
.metoda2-glowa h2{color:#fff}
.krok2{text-align:center;padding:40px 30px 36px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02))}
.krok2 .dik{margin:0 auto 22px;display:block;width:60px;height:60px;padding:12px;border-radius:18px;background:rgba(0,236,163,.12)}
.krok2-nr{left:50%;right:auto;transform:translateX(-50%);top:10px;font-size:6rem}
.krok2 p{margin-inline:auto;max-width:34ch}

.panel-spotkanie{grid-template-columns:1fr minmax(320px,440px);background:linear-gradient(180deg,#eef0ff,#e3e7fe);box-shadow:var(--cien-1)}
.panel-spotkanie-glowa{grid-column:1/-1;margin-bottom:0}
@media (max-width:960px){.panel-spotkanie{grid-template-columns:1fr}}
.formularz{text-align:center}
.formularz .pole,.formularz .zgoda{text-align:left}
.formularz{box-shadow:var(--cien-2)}

.pakiet{text-align:center;align-items:center;box-shadow:var(--cien-1);border-color:transparent}
.pakiet-glowa{flex-direction:column;gap:12px}
.pakiet-glowa .dik{width:56px;height:56px;padding:12px;border-radius:16px}
.pakiet .fakty{justify-content:center}
.pakiet ul.co{text-align:left;display:inline-grid}
.pakiet .znaczek{align-self:center}
.pakiet .btn{align-self:stretch}
.pakiet.wyrozniony{background:radial-gradient(420px 260px at 50% 0%,rgba(71,96,255,.55),transparent 70%),var(--granat-gleboki);box-shadow:var(--cien-2);transform:translateY(-12px)}
.pakiet.wyrozniony:hover{transform:translateY(-18px)}
.pakiet .btn-mieta{background:#fff;color:var(--granat-gleboki)}
.pakiet .btn-mieta:hover{background:var(--mieta)}

.badania{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px}
.badanie{background:var(--papier);border-radius:var(--r);padding:34px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:var(--atrament);box-shadow:var(--cien-1);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}
.badanie:hover{transform:translateY(-6px);box-shadow:var(--cien-2);color:var(--atrament)}
.ik-krag{width:64px;height:64px;border-radius:18px;background:var(--kobalt-mgla);color:var(--kobalt);display:grid;place-items:center;margin-bottom:6px}
.ik-krag .dik{width:34px;height:34px}
.badanie h3{font-size:1.25rem}
.badanie p{margin:0;color:var(--tekst-2);font-size:.98rem}
.badanie-cena{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-top:auto;padding-top:8px;font-variant-numeric:tabular-nums}
.badanie-cena small{font-size:.85rem;font-weight:500;color:var(--tekst-2)}
@media (max-width:900px){.badania{grid-template-columns:1fr;max-width:480px;margin-inline:auto}}
.panel-mieta{background:linear-gradient(180deg,var(--mieta-mgla),#eafdf6)}

.panel-zalozycielki{background:radial-gradient(600px 400px at 0% 0%,rgba(71,96,255,.45),transparent 70%),var(--granat-gleboki);box-shadow:var(--cien-2)}
.panel-zalozycielki-tekst{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.panel-zalozycielki .lead{margin-inline:auto}
.dwie-osoby>div{grid-template-columns:1fr;justify-items:center;text-align:center}
.dwie-osoby img{grid-row:auto;width:84px;height:84px;border-radius:50%}
.panel-zalozycielki .btn-mieta{background:#fff;color:var(--granat-gleboki)}
.panel-zalozycielki .btn-mieta:hover{background:var(--mieta)}

.faq{max-width:820px;margin-inline:auto}
.faq details{box-shadow:var(--cien-1)}

.panel-newsletter{background:radial-gradient(600px 400px at 100% 0%,rgba(0,236,163,.22),transparent 70%),radial-gradient(700px 500px at 0% 100%,rgba(16,16,74,.45),transparent 70%),var(--kobalt);box-shadow:var(--cien-2)}
.panel-newsletter-tekst{text-align:center}
.panel-newsletter p{margin-inline:auto}
.panel-newsletter .btn-mieta{background:#fff;color:var(--granat-gleboki)}
.panel-newsletter .btn-mieta:hover{background:var(--mieta)}

.art{text-align:center;background:var(--papier);border-radius:var(--r);padding:12px 12px 24px;box-shadow:var(--cien-1);transition:transform .35s cubic-bezier(.16,1,.3,1)}
.art:hover{transform:translateY(-5px)}
.art img{margin-bottom:18px}
.art h3,.art .kat{padding-inline:10px}
.prod{text-align:center;align-items:center;box-shadow:var(--cien-1);border-color:transparent}
.osoba{text-align:center}
.filar{text-align:center;box-shadow:var(--cien-1);border-color:transparent}
.film-ramka{max-width:900px;margin-inline:auto;border-radius:20px;padding:10px;background:var(--papier);box-shadow:var(--cien-2)}

/* Stopka v2: ostatnie zaproszenie do rozmowy */
.stopka2{position:relative;overflow:hidden;color:#c9cdf5;text-align:center;padding-top:clamp(72px,9vw,120px);
  background:radial-gradient(900px 520px at 50% 0%,rgba(71,96,255,.6),transparent 70%),radial-gradient(600px 400px at 100% 100%,rgba(0,236,163,.12),transparent 70%),var(--granat-gleboki)}
.stopka2::before{content:"";position:absolute;inset:0;background:var(--ziarno);opacity:.16;mix-blend-mode:overlay;pointer-events:none}
.stopka2 a{color:#fff;text-decoration:none}
.stopka2-cta{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
.stopka2-twarze{display:flex;margin-bottom:26px}
.stopka2-twarze img{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:50% 18%;border:3px solid var(--granat-gleboki);box-shadow:0 0 0 2px var(--mieta)}
.stopka2-twarze img+img{margin-left:-18px}
.stopka2-tytul{font-size:clamp(2.2rem,1.4rem + 3.4vw,4rem);font-weight:700;letter-spacing:-.04em;line-height:1.02;color:#fff;margin:0 0 .4em;max-width:16ch;text-wrap:balance}
.stopka2-lead{font-size:1.15rem;max-width:40rem;margin:0 auto 2rem;color:#c9cdf5}
.stopka2-akcje{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.stopka2-kontakt{list-style:none;margin:40px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.stopka2-kontakt a{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-weight:600;transition:background-color .2s,border-color .2s}
.stopka2-kontakt a:hover{background:rgba(0,236,163,.12);border-color:rgba(0,236,163,.5)}
.stopka2-kontakt .dik,.stopka2-kontakt .ik{width:22px;height:22px;color:var(--mieta)}
.stopka2-nav{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 30px;margin-top:clamp(56px,7vw,88px);padding-top:28px;border-top:1px solid rgba(255,255,255,.12);font-weight:500}
.stopka2-nav a{color:#dfe2ff}
.stopka2-nav a:hover{color:var(--mieta)}
.stopka2-znak{position:relative;z-index:0;font-size:clamp(4.5rem,17vw,16rem);font-weight:800;letter-spacing:-.06em;line-height:.85;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.16);margin:clamp(28px,4vw,48px) 0 -.12em;user-select:none}
.stopka2-dol{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 32px;padding-block:22px 28px;font-size:.88rem;border-top:1px solid rgba(255,255,255,.12)}
.stopka2-dol a:hover{color:var(--mieta)}
.stopka2 .btn-jasny{color:var(--granat-gleboki)}
.stopka2-twarze img{width:104px;height:104px}

/* Szerokość, logo, menu (uwagi 12.10) */
:root{--szer:1250px}
.naglowek .wrap{min-height:86px}
.marka img{width:25px;height:46px}
.marka b{font-size:1.7rem;letter-spacing:-.035em}
.menu a{font-size:calc(.98rem + 2px)}
.naglowek .btn{font-size:1.02rem;min-height:48px}
@media (max-width:1060px){.menu{inset:86px 0 auto 0}}
html{scroll-padding-top:100px}

/* Przyciski wypukłe: światło od góry, cień pod spodem, wciśnięcie przy kliknięciu */
.btn{position:relative;font-weight:700;letter-spacing:-.005em;transition:transform .18s ease-out,box-shadow .18s ease-out,background .2s ease-out,color .2s}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(1px)}
.btn-glowny{background:linear-gradient(180deg,#6a80ff 0%,#3d57fb 45%,#2a42e6 100%);color:#fff;border:1px solid #1f35c9;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -3px 0 rgba(10,20,120,.35),0 2px 0 #1a2db0,0 14px 28px -10px rgba(47,73,247,.75)}
.btn-glowny:hover{background:linear-gradient(180deg,#7488ff 0%,#4560ff 45%,#2f49f7 100%);color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -3px 0 rgba(10,20,120,.35),0 3px 0 #1a2db0,0 20px 36px -12px rgba(47,73,247,.85)}
.btn-glowny:active{box-shadow:inset 0 2px 4px rgba(10,20,120,.45),0 0 0 #1a2db0,0 6px 14px -8px rgba(47,73,247,.6)}
.btn-jasny{background:linear-gradient(180deg,#ffffff 0%,#eef0fb 100%);color:var(--granat-gleboki);border:1px solid #d4d8ee;
  box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 rgba(16,16,74,.1),0 2px 0 #c3c8e4,0 16px 32px -12px rgba(0,0,0,.55)}
.btn-jasny:hover{background:linear-gradient(180deg,#ffffff 0%,#e6fdf5 100%);color:var(--granat-gleboki)}
.btn-jasny:active{box-shadow:inset 0 2px 4px rgba(16,16,74,.2),0 6px 14px -8px rgba(0,0,0,.4)}
.btn-szklo,.btn-mieta{background:linear-gradient(180deg,#5cf7c6 0%,#00eca3 50%,#00cf8e 100%);color:var(--granat-gleboki);border:1px solid #00b67d;backdrop-filter:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -3px 0 rgba(0,90,60,.25),0 2px 0 #00a874,0 16px 32px -12px rgba(0,236,163,.55)}
.btn-szklo:hover,.btn-mieta:hover{background:linear-gradient(180deg,#78f9d1 0%,#14f0ad 50%,#00d996 100%);color:var(--granat-gleboki)}
.btn-szklo:active,.btn-mieta:active{box-shadow:inset 0 2px 4px rgba(0,90,60,.35),0 6px 14px -8px rgba(0,236,163,.4)}
.btn-obrys{background:linear-gradient(180deg,#ffffff 0%,#f0f2fb 100%);color:var(--granat-gleboki);border:1px solid #cfd3ea;
  box-shadow:inset 0 1px 0 #fff,inset 0 -3px 0 rgba(16,16,74,.08),0 2px 0 #c8cce6,0 12px 24px -12px rgba(16,16,74,.35)}
.btn-obrys:hover{background:linear-gradient(180deg,#ffffff 0%,#e8ebfe 100%);color:var(--kobalt);border-color:#b9c0f2}
.btn-obrys:active{box-shadow:inset 0 2px 4px rgba(16,16,74,.18)}
.pakiet .btn-mieta,.panel-zalozycielki .btn-mieta,.panel-newsletter .btn-mieta{background:linear-gradient(180deg,#5cf7c6 0%,#00eca3 50%,#00cf8e 100%);color:var(--granat-gleboki)}
@media (prefers-reduced-motion:reduce){.btn:hover,.btn:active{transform:none}}

/* Menu na środku między logo a przyciskiem */
.marka{margin-right:0}
.naglowek nav{flex:1;display:flex;justify-content:center}
@media (max-width:1060px){.naglowek nav{flex:0}.marka{margin-right:auto}}

/* Hero: warstwa dekoracji */
.hero3-deko{position:absolute;inset:0;pointer-events:none;z-index:0}
.hero3-deko span{position:absolute;display:block}
.d-siatka{inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1.2px,transparent 1.3px);background-size:26px 26px;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 10%,transparent 75%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 10%,transparent 75%)}
.d-krag{border-radius:50%;border:1px solid rgba(255,255,255,.12)}
.d-krag1{width:560px;height:560px;left:-220px;top:-160px}
.d-krag1::after{content:"";position:absolute;inset:70px;border-radius:50%;border:1px dashed rgba(0,236,163,.25)}
.d-krag2{width:420px;height:420px;right:-160px;top:120px;border-color:rgba(0,236,163,.18)}
.d-ramka{border:2px solid rgba(0,236,163,.55);border-radius:4px}
.d-ramka1{width:70px;height:132px;left:9%;top:150px;transform:rotate(-8deg)}
.d-ramka2{width:46px;height:86px;right:11%;top:96px;border-color:rgba(255,255,255,.35);transform:rotate(10deg)}
.d-kostka{border-radius:5px}
.d-k1{width:26px;height:26px;background:var(--mieta);left:16%;top:330px}
.d-k2{width:14px;height:14px;background:#fff;right:20%;top:250px;opacity:.8}
.d-k3{width:40px;height:40px;background:linear-gradient(135deg,#6a80ff,#2f49f7);right:7%;top:390px;box-shadow:0 10px 24px -8px rgba(0,0,0,.5)}
.d-k4{width:18px;height:18px;border:2px solid var(--mieta);left:24%;top:96px}
.d-k5{width:56px;height:56px;border:1px solid rgba(255,255,255,.25);left:5%;top:420px;transform:rotate(18deg)}
.d-plus{width:18px;height:18px}
.d-plus::before,.d-plus::after{content:"";position:absolute;background:rgba(255,255,255,.55);border-radius:2px}
.d-plus::before{left:8px;top:0;width:2px;height:18px}
.d-plus::after{top:8px;left:0;height:2px;width:18px}
.d-p1{left:32%;top:210px}.d-p2{right:28%;top:150px}.d-p3{right:15%;top:470px}
.d-p2::before,.d-p2::after{background:var(--mieta)}
.d-linia{height:1px;background:linear-gradient(90deg,transparent,rgba(0,236,163,.6),transparent)}
.d-l1{width:220px;left:3%;top:260px;transform:rotate(-24deg)}
.d-l2{width:260px;right:2%;top:330px;transform:rotate(18deg)}
@media (prefers-reduced-motion:no-preference){
  .d-kostka,.d-ramka,.d-plus{animation:unos 9s ease-in-out infinite}
  .d-k2,.d-ramka2,.d-p2{animation-duration:11s;animation-delay:-3s}
  .d-k3,.d-p3{animation-duration:13s;animation-delay:-6s}
  .d-k5,.d-ramka1{animation-duration:15s;animation-delay:-2s}
  .d-krag1{animation:obrot 90s linear infinite}
}
@keyframes unos{0%,100%{translate:0 0}50%{translate:0 -14px}}
@keyframes obrot{to{rotate:360deg}}
@media (max-width:760px){.d-krag1,.d-ramka1,.d-k5,.d-l1,.d-l2,.d-p1{display:none}.d-krag2{width:260px;height:260px}}

/* Przed / po v2 */
.przed-po{grid-template-columns:1fr 120px 1fr;align-items:center}
.przed,.po{position:relative;text-align:left;padding:clamp(30px,3.4vw,46px)}
.przed{background:#fff;color:#3b3d55;box-shadow:var(--cien-1)}
.przed h3,.po h3{font-size:1.6rem;letter-spacing:-.025em;margin-bottom:22px}
.pp-etykieta{display:inline-block;font-size:.8rem;font-weight:700;padding:5px 12px;border-radius:999px;margin-bottom:14px}
.przed .pp-etykieta{background:#f1f1f5;color:#6b6d82}
.po .pp-etykieta{background:rgba(255,255,255,.16);color:#fff}
.przed ul,.po ul{display:grid;gap:16px}
.przed li,.po li{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:center;padding:0;text-decoration:none}
.przed li::before{content:none}
.pp-ik{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}
.pp-ik .ik{width:18px;height:18px;stroke-width:2.6}
.pp-x{background:#fdecec;color:#c0392b}
.pp-v{background:var(--mieta);color:var(--granat-gleboki)}
.po .pp-v .ik{color:var(--granat-gleboki);margin:0}
.pp-tekst{background:linear-gradient(#9a9cb0,#9a9cb0) no-repeat 0 55%/0% 1.5px}
.po{background:radial-gradient(500px 280px at 50% 0%,rgba(255,255,255,.22),transparent 70%),linear-gradient(160deg,#4d66ff,#2f49f7 55%,#2238d6);box-shadow:var(--cien-2);transform:scale(1.03)}
.pp-most{position:relative;height:100%;display:grid;place-items:center}
.pp-tor{position:absolute;left:8px;right:8px;top:50%;height:2px;background:repeating-linear-gradient(90deg,var(--kobalt) 0 8px,transparent 8px 16px);opacity:.5}
.pp-kula{position:relative;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,#6a80ff,#2f49f7);box-shadow:0 0 0 8px rgba(47,73,247,.12),0 14px 30px -10px rgba(47,73,247,.8)}
.pp-kula .ik{width:28px;height:28px;stroke-width:2.4}
/* Animacja: problemy skreślają się po kolei, kula przelatuje, zyski wskakują z ptaszkami */
@media (prefers-reduced-motion:no-preference){
  .animuj.czeka .pp-tekst{transition:background-size .5s cubic-bezier(.65,0,.35,1),color .5s}
  .animuj.czeka .po li{opacity:0;translate:16px 0;transition:opacity .5s cubic-bezier(.16,1,.3,1),translate .5s cubic-bezier(.16,1,.3,1)}
  .animuj.czeka .po li .pp-v{scale:.3;transition:scale .45s cubic-bezier(.34,1.56,.64,1)}
  .animuj.czeka .pp-kula{transition:translate 1s cubic-bezier(.65,0,.35,1),box-shadow .6s;translate:-40px 0}
  .animuj.czeka .po{opacity:.0;transition:opacity .6s ease-out .9s,transform .6s cubic-bezier(.16,1,.3,1) .9s;transform:scale(.97)}
  .animuj.gra .pp-tekst{background-size:100% 1.5px;color:#8f91a6}
  .animuj.gra .przed li:nth-child(2) .pp-tekst{transition-delay:.2s}
  .animuj.gra .przed li:nth-child(3) .pp-tekst{transition-delay:.4s}
  .animuj.gra .przed li:nth-child(4) .pp-tekst{transition-delay:.6s}
  .animuj.gra .pp-kula{translate:40px 0;box-shadow:0 0 0 14px rgba(47,73,247,.1),0 14px 30px -10px rgba(47,73,247,.8);transition-delay:.5s}
  .animuj.gra .po{opacity:1;transform:scale(1.03)}
  .animuj.gra .po li{opacity:1;translate:0 0}
  .animuj.gra .po li .pp-v{scale:1}
  .animuj.gra .po li:nth-child(1),.animuj.gra .po li:nth-child(1) .pp-v{transition-delay:1.2s}
  .animuj.gra .po li:nth-child(2),.animuj.gra .po li:nth-child(2) .pp-v{transition-delay:1.4s}
  .animuj.gra .po li:nth-child(3),.animuj.gra .po li:nth-child(3) .pp-v{transition-delay:1.6s}
  .animuj.gra .po li:nth-child(4),.animuj.gra .po li:nth-child(4) .pp-v{transition-delay:1.8s}
}
.animuj:not(.czeka) .pp-tekst,.animuj.gra .pp-tekst{background-size:100% 1.5px}
@media (max-width:760px){.przed-po{grid-template-columns:1fr}.pp-most{height:96px}.pp-tor{left:50%;right:auto;top:8px;bottom:8px;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--kobalt) 0 8px,transparent 8px 16px)}.pp-kula .ik{transform:rotate(90deg)}.animuj.czeka .pp-kula{translate:0 -20px}.animuj.gra .pp-kula{translate:0 20px}.po{transform:none}.animuj.gra .po{transform:none}}

/* Przycisk pod sekcją */
.pod-sekcja{display:flex;justify-content:center;margin-top:clamp(28px,4vw,44px)}

/* Opinie v3 */
.opinie-tlo{background:linear-gradient(180deg,#fff 0%,#eef0fd 100%)}
.pas{grid-auto-columns:min(400px,86vw);gap:24px;padding:24px var(--gutter) 34px;scroll-padding-inline:var(--gutter)}
.opinia,.opinie-tlo .opinia{position:relative;background:#fff;border-radius:20px;padding:40px 30px 30px;text-align:center;align-items:center;box-shadow:var(--cien-1);border:1px solid #e6e8f5;overflow:hidden;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}
.opinia:hover{transform:translateY(-6px);box-shadow:var(--cien-2)}
.opinia::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--kobalt),var(--mieta))}
.opinia-cudzyslow{width:54px;height:54px;color:var(--kobalt);margin:0 auto 14px;display:block;fill:currentColor}
.opinia .wynik{font-size:1.45rem;line-height:1.2;letter-spacing:-.025em;margin-bottom:16px;color:var(--atrament)}
.opinia blockquote{font-size:1rem;line-height:1.65;color:var(--tekst-2);margin-bottom:24px}
.opinia figcaption{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:auto;width:100%;padding-top:20px;border-top:1px solid #eceef7}
.opinia .awatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#6a80ff,#2f49f7);color:#fff;font-size:1.05rem;box-shadow:0 8px 18px -8px rgba(47,73,247,.8)}
.opinia .kto{display:grid;gap:1px;font-size:.92rem;color:var(--tekst-2)}
.opinia .kto b{color:var(--atrament);font-size:1.05rem}
.opinia .z-kim{display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:5px 12px 5px 5px;border-radius:999px;background:var(--kobalt-mgla);color:var(--kobalt);font-size:.82rem;font-weight:600}
.opinia .z-kim img{width:26px;height:26px;border-radius:50%;object-fit:cover;object-position:50% 15%}
.pas .opinia:first-child{background:radial-gradient(420px 260px at 50% 0%,rgba(71,96,255,.55),transparent 70%),var(--granat-gleboki);border-color:transparent}
.pas .opinia:first-child .opinia-cudzyslow{color:var(--mieta)}
.pas .opinia:first-child .wynik{color:#fff}
.pas .opinia:first-child blockquote,.pas .opinia:first-child .kto{color:#c9cdf5}
.pas .opinia:first-child .kto b{color:#fff}
.pas .opinia:first-child figcaption{border-top-color:rgba(255,255,255,.12)}
.pas .opinia:first-child .z-kim{background:rgba(0,236,163,.14);color:var(--mieta)}
.pas .opinia:first-child .awatar{background:linear-gradient(135deg,#5cf7c6,#00cf8e);color:var(--granat-gleboki)}

/* Metoda: numer w prawym dolnym rogu boksu */
.krok2{overflow:hidden;padding-bottom:56px}
.krok2-nr{left:auto;right:-6px;top:auto;bottom:-34px;transform:none;font-size:11rem;line-height:1;color:rgba(255,255,255,.07);-webkit-text-stroke:1.5px rgba(0,236,163,.45);letter-spacing:-.06em;pointer-events:none;transition:color .5s,-webkit-text-stroke-color .5s}
.krok2.aktywny .krok2-nr,.krok2:hover .krok2-nr{color:rgba(0,236,163,.16);-webkit-text-stroke-color:rgba(0,236,163,.8)}
.krok2>*:not(.krok2-nr){position:relative;z-index:1}

/* Formularz na ciemnym panelu: ma kusić */
.panel-spotkanie.ciemny{background:radial-gradient(700px 420px at 15% 0%,rgba(71,96,255,.55),transparent 70%),radial-gradient(600px 400px at 100% 100%,rgba(0,236,163,.16),transparent 70%),var(--granat-gleboki);color:#c9cdf5;position:relative;overflow:hidden;box-shadow:var(--cien-2)}
.panel-spotkanie.ciemny::before{content:"";position:absolute;inset:0;background:var(--ziarno);opacity:.14;mix-blend-mode:overlay;pointer-events:none}
.panel-spotkanie.ciemny>*{position:relative}
.panel-spotkanie.ciemny h2{color:#fff}
.panel-spotkanie.ciemny .sekcja-glowa p,.panel-spotkanie.ciemny .punkty2 p{color:#c9cdf5}
.panel-spotkanie.ciemny .punkty2 b{color:#fff}
.panel-spotkanie.ciemny .ik-kafel{background:rgba(0,236,163,.14);color:var(--mieta);box-shadow:inset 0 0 0 1px rgba(0,236,163,.35)}
.panel-spotkanie-foto{box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.formularz{position:relative;border-radius:22px;padding:clamp(28px,3vw,40px);padding-top:76px;margin-top:40px;box-shadow:0 0 0 1px rgba(0,236,163,.35),0 0 0 8px rgba(0,236,163,.08),0 40px 80px -30px rgba(0,0,0,.6)}
.formularz-wstazka{position:absolute;top:20px;right:-34px;transform:rotate(35deg);background:var(--mieta);color:var(--granat-gleboki);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:6px 40px}
.formularz{overflow:visible}
.formularz-twarze{position:absolute;top:-40px;left:50%;translate:-50% 0;display:flex}
.formularz-twarze img{width:80px;height:80px;border-radius:50%;object-fit:cover;object-position:50% 15%;border:4px solid #fff;box-shadow:0 10px 24px -10px rgba(16,16,74,.5)}
.formularz-twarze img+img{margin-left:-16px}
.formularz h3{font-size:1.6rem;letter-spacing:-.03em;margin-bottom:.3em}
.formularz>p{font-weight:600;color:var(--kobalt);margin-bottom:22px}
.pole label{font-size:.88rem}
.pole-ik{position:relative;display:block}
.pole-ik .dik{position:absolute;left:14px;top:50%;translate:0 -50%;width:22px;height:22px;color:#9aa1c9;pointer-events:none;transition:color .2s}
.pole-ik input{padding-left:46px;min-height:56px;border-radius:12px;background:#f6f7fc;border:1.5px solid #e1e4f2}
.pole-ik input:focus{background:#fff;border-color:var(--mieta);box-shadow:0 0 0 4px rgba(0,236,163,.18)}
.pole-ik:focus-within .dik{color:var(--kobalt)}
.formularz .btn{width:100%;font-size:1.1rem;min-height:62px}
.formularz-zaufanie{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:.84rem;font-weight:600;color:var(--tekst-2)}
.formularz-zaufanie li{display:flex;align-items:center;gap:6px}
.formularz-zaufanie .dik{width:18px;height:18px;color:var(--mieta)}
.panel-spotkanie:not(.ciemny) .formularz{margin-top:40px}
.spotkanie .formularz{margin-top:44px}
@media (max-width:420px){.formularz-wstazka{display:none}}

/* Badania: karty produktowe */
.badanie{padding:0 0 30px;overflow:hidden;gap:12px}
.badanie-logo{display:flex;align-items:center;justify-content:center;width:100%;height:132px;background:#fff;border-bottom:1px solid #eceef7;margin-bottom:10px}
.badanie-logo img{height:64px;width:auto;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.badanie:hover .badanie-logo img{transform:scale(1.06)}
.badanie h3{padding-inline:24px}
.badanie h3 a{color:var(--atrament);text-decoration:none}
.badanie>p{padding-inline:26px}
.badanie-co{list-style:none;margin:6px 0 4px;padding:16px 22px;display:grid;gap:10px;text-align:left;background:var(--tlo);border-radius:14px;width:calc(100% - 44px)}
.badanie-co li{display:flex;align-items:center;gap:10px;font-size:.92rem;font-weight:600}
.badanie-co .dik{width:22px;height:22px;color:var(--kobalt)}
.badanie-cena{font-size:2rem;margin-top:8px}
.badanie-cena small{display:block;font-size:.82rem}
.badanie .btn{width:calc(100% - 52px)}
.badanie .link-strzalka{font-size:.92rem}
.badanie:hover{transform:translateY(-6px)}
.pp-tekst{justify-self:start;display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.przed li{align-items:start}.przed li .pp-ik{margin-top:-4px}

/* Hero: spotkanie jest najważniejsze, materiał schodzi na drugi plan */
.btn-hero{font-size:1.15rem;min-height:64px;padding-inline:2.1em}
@media (prefers-reduced-motion:no-preference){.btn-hero{animation:puls 2.8s ease-out infinite}}
@keyframes puls{0%{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -3px 0 rgba(0,90,60,.25),0 2px 0 #00a874,0 16px 32px -12px rgba(0,236,163,.55),0 0 0 0 rgba(0,236,163,.45)}70%{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -3px 0 rgba(0,90,60,.25),0 2px 0 #00a874,0 16px 32px -12px rgba(0,236,163,.55),0 0 0 16px rgba(0,236,163,0)}100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -3px 0 rgba(0,90,60,.25),0 2px 0 #00a874,0 16px 32px -12px rgba(0,236,163,.55),0 0 0 0 rgba(0,236,163,0)}}
.btn-cichy{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);box-shadow:none;font-weight:600}
.btn-cichy:hover{background:rgba(255,255,255,.1);color:#fff;border-color:#fff}

/* Dekoracje jasnych sekcji: ten sam język co hero, ciszej */
.z-deko{position:relative;overflow:hidden;isolation:isolate}
.z-deko>.wrap{position:relative;z-index:1}
.tlo-deko{position:absolute;inset:0;pointer-events:none;z-index:0}
.tlo-deko span{position:absolute;display:block}
.td-siatka{inset:0;background-image:radial-gradient(rgba(47,73,247,.18) 1.2px,transparent 1.3px);background-size:24px 24px;-webkit-mask-image:radial-gradient(60% 55% at 50% 50%,#000 0%,transparent 72%);mask-image:radial-gradient(60% 55% at 50% 50%,#000 0%,transparent 72%)}
.td-plama{border-radius:50%;filter:blur(60px)}
.td-pl1{width:460px;height:460px;left:-160px;top:10%;background:rgba(47,73,247,.16)}
.td-pl2{width:420px;height:420px;right:-140px;bottom:-60px;background:rgba(0,236,163,.18)}
.td-ramka{border:2px solid rgba(47,73,247,.28);border-radius:4px}
.td-r1{width:54px;height:100px;left:6%;top:120px;transform:rotate(-10deg)}
.td-r2{width:40px;height:74px;right:7%;top:42%;border-color:rgba(0,236,163,.6);transform:rotate(12deg)}
.td-kostka{border-radius:5px}
.td-k1{width:22px;height:22px;background:var(--mieta);right:15%;top:90px}
.td-k2{width:16px;height:16px;background:var(--kobalt);left:12%;bottom:120px;opacity:.7}
.td-k3{width:44px;height:44px;border:1.5px solid rgba(47,73,247,.25);right:4%;bottom:90px;transform:rotate(20deg)}
.td-plus{width:16px;height:16px}
.td-plus::before,.td-plus::after{content:"";position:absolute;background:rgba(47,73,247,.4);border-radius:2px}
.td-plus::before{left:7px;top:0;width:2px;height:16px}
.td-plus::after{top:7px;left:0;height:2px;width:16px}
.td-p1{left:20%;top:60px}.td-p2{right:24%;bottom:70px}
.td-p2::before,.td-p2::after{background:rgba(0,200,140,.6)}
@media (prefers-reduced-motion:no-preference){
  .td-kostka,.td-ramka,.td-plus{animation:unos 10s ease-in-out infinite}
  .td-k2,.td-r2{animation-duration:13s;animation-delay:-4s}
  .td-k3,.td-p2{animation-duration:15s;animation-delay:-7s}
}
/* Kolejne sekcje z dekoracją dostają lustrzane ułożenie, żeby się nie powtarzały */
.z-deko:nth-of-type(even) .tlo-deko{transform:scaleX(-1)}
@media (max-width:760px){.td-r1,.td-k3,.td-p1{display:none}}

/* Przed/po: kula nie wjeżdża na kartę */
.po{z-index:2}
@media (prefers-reduced-motion:no-preference) and (min-width:761px){
  .animuj.czeka .pp-kula{translate:-22px 0}
  .animuj.gra .pp-kula{translate:22px 0}
}
.pp-most{z-index:1}

/* Panel spotkania: kolumny wyśrodkowane w pionie */
.panel-spotkanie{align-items:center}
.panel-spotkanie .formularz{position:relative;top:auto}

/* Odstępy między sekcjami: ciaśniej */
.sekcja{padding-block:clamp(60px,7vw,100px)}
.opinie-tlo+#newsletter .sekcja,#newsletter .sekcja{padding-top:clamp(40px,5vw,64px)}
.opinie-tlo:has(+#newsletter){padding-bottom:clamp(56px,6vw,84px)}
#newsletter .sekcja{padding-bottom:clamp(56px,7vw,96px)}

/* Stopka: dolna część */
.stopka2 .hero3-deko{z-index:0}
.stopka2-nav-wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;margin-top:clamp(56px,7vw,88px)}
.stopka2-sygnet{width:25px;height:46px;margin-bottom:22px;filter:brightness(0) invert(1) sepia(1) hue-rotate(110deg) saturate(6) brightness(1.1)}
.stopka2-nav{margin:0;padding:10px 14px;border-top:0;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);gap:4px;backdrop-filter:blur(8px)}
.stopka2-nav a{padding:9px 16px;border-radius:999px;transition:background-color .2s,color .2s}
.stopka2-nav a:hover{background:rgba(0,236,163,.14);color:#fff}
.stopka2-znak{margin:clamp(36px,5vw,64px) 0 0;color:rgba(255,255,255,.035);-webkit-text-stroke:1px rgba(255,255,255,.18);-webkit-mask-image:linear-gradient(180deg,#000 35%,transparent 100%);mask-image:linear-gradient(180deg,#000 35%,transparent 100%);line-height:.78}
.stopka2-dol{border-top:0;margin-top:-1.2rem;padding-block:0 30px}
.stopka2-dol>*{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 16px}
.stopka2-dol .wykonanie{display:inline-flex}
@media (max-width:760px){.stopka2-nav{border-radius:20px}.stopka2-dol{margin-top:0;padding-top:20px}}
.stopka2 .btn-mieta{color:var(--granat-gleboki)}
.stopka2-twarze img,.formularz-twarze img,.dwie-osoby img,.opinia .z-kim img{object-position:50% 50%}

/* Formularz: nagłówek jako h2 (kolejność nagłówków), wygląd bez zmian */
.formularz-tytul{font-size:1.6rem;letter-spacing:-.03em;margin-bottom:.3em}

/* Telefon */
p,li,blockquote,h1,h2,h3,a{overflow-wrap:break-word}
.tresc a,.stopka2-kontakt a{overflow-wrap:anywhere}
.pasek-mobilny{display:none}
@media (max-width:760px){
  .hero3-akcje{flex-direction:column;align-items:stretch;max-width:420px;margin-inline:auto}
  .hero3-akcje .btn{width:100%}
  .hero3 .bez-ryzyka{flex-direction:column;align-items:center;gap:10px}
  .stopka2-akcje{flex-direction:column;align-items:stretch;width:100%;max-width:420px}
  .pasek-cta .btn,.pod-sekcja .btn{width:100%;max-width:420px}
  .pasek-mobilny{display:flex;position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:60;justify-content:center;align-items:center;gap:10px;min-height:56px;border-radius:999px;font-weight:700;font-size:1.02rem;text-decoration:none;color:var(--granat-gleboki);
    background:linear-gradient(180deg,#5cf7c6 0%,#00eca3 50%,#00cf8e 100%);border:1px solid #00b67d;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 2px 0 #00a874,0 18px 36px -12px rgba(16,16,74,.55);
    transform:translateY(140%);transition:transform .35s cubic-bezier(.16,1,.3,1)}
  .pasek-mobilny.widoczny{transform:none}
  .pasek-mobilny:hover{color:var(--granat-gleboki)}
  .stopka2-dol{padding-bottom:96px}
  .sekcja-glowa h2::after{margin-top:16px}
  .pakiet.wyrozniony,.pakiet.wyrozniony:hover{transform:none}
  .krok2-nr{font-size:8rem;bottom:-26px}
  .formularz{padding-inline:20px}
  .faq summary{padding:18px 52px 18px 18px;font-size:1rem}
}
@media (max-width:380px){.hero3 h1{font-size:2.5rem}.formularz-twarze img{width:68px;height:68px}}
.link-strzalka{min-height:44px}

/* 360-390 px: poprawki po przeglądzie */
@media (max-width:760px){
  .d-ramka,.d-k1,.d-k4,.d-k5,.d-p1,.d-p3,.d-l1,.d-l2,.d-krag1{display:none}
  .d-k3{right:4%;top:auto;bottom:38%;width:26px;height:26px}
  .d-k2{right:8%;top:90px}
  .hero3-triada{letter-spacing:.06em;font-size:.95rem;line-height:1.9}
  .hero3-triada i{margin:0 .45em}
  .btn-hero,.btn-duzy{font-size:1.02rem;padding-inline:1.2em;min-height:58px}
  .pakiet .btn{font-size:.98rem;padding-inline:1em}
}
@media (max-width:400px){.hero3-triada i:nth-of-type(2){display:block;height:0;width:0;margin:0;visibility:hidden}}
/* Skreślenie: zwykłe przekreślenie, animowany tylko jego kolor (działa przy tekście na kilka linii) */
.pp-tekst{display:block;background:none;text-decoration:line-through;text-decoration-thickness:1.5px;text-decoration-color:#9a9cb0}
@media (prefers-reduced-motion:no-preference){
  .animuj.czeka .pp-tekst{text-decoration-color:transparent;transition:text-decoration-color .5s ease-out,color .5s}
  .animuj.gra .pp-tekst{text-decoration-color:#9a9cb0}
}
@media (max-width:760px){
  .hero3-deko .d-ramka,.hero3-deko .d-k1,.hero3-deko .d-k4,.hero3-deko .d-k5,.hero3-deko .d-p1,.hero3-deko .d-p3,.hero3-deko .d-l1,.hero3-deko .d-l2,.hero3-deko .d-krag1{display:none}
  .tlo-deko .td-r1,.tlo-deko .td-k3,.tlo-deko .td-p1{display:none}
}
@media (max-width:760px){.hero3-deko .d-p2{display:none}}