/* ============================================================= TOKENY (style.css Radio Bielany) */
:root{
  --las:#124429; --las2:#195237; --mech:#2F6B4C;
  --krem:#FFFFFF; --krem2:#DBE9F4; --biel:#FFFFFF;
  --cegla:#FEAC32; --cegla2:#9A5800;
  --zloto:#FEAC32; --zloto-krem:#9A5800; --zloto-deep:#9A5800;
  --grafit:#1F2336;
  --maxw:1120px; --gut:24px;
  --r-card:16px; --r-deck:24px; --r-pill:999px;
  --shadow-card:0 2px 10px rgba(18,68,41,.08);
  --z-nav:40;
}
*{margin:0;padding:0;box-sizing:border-box}
html{overflow-x:clip}
@media (prefers-reduced-motion: no-preference){ html{scroll-behavior:smooth} }
body{font-family:'Lato',system-ui,sans-serif;font-size:17px;line-height:1.6;color:var(--grafit);background:var(--krem);-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3{line-height:1.15}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
:focus-visible{outline:3px solid var(--cegla2);outline-offset:3px;border-radius:4px}
.dark-zone :focus-visible{outline-color:var(--zloto)}
::selection{background:var(--zloto);color:var(--grafit)}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}

/* ============================================================= LOGO — 4 słupki */
.eq{width:40px;height:40px;flex:none}
.eq .b1{fill:var(--mech)} .eq .b2{fill:var(--krem)} .eq .b3{fill:var(--zloto)} .eq .b4{fill:var(--cegla)}
.eq .bar{transform-box:fill-box;transform-origin:center bottom}
.eq.live .bar{animation:eqbar 1.3s ease-in-out infinite}
.eq.live .b1{animation-delay:0s}.eq.live .b2{animation-delay:.16s}.eq.live .b3{animation-delay:.34s}.eq.live .b4{animation-delay:.1s}
@keyframes eqbar{0%,100%{transform:scaleY(.55)}45%{transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){ .eq.live .bar{animation:none} }

/* ============================================================= NAWIGACJA */
.topnav{position:fixed;inset:0 0 auto 0;z-index:var(--z-nav);padding:14px 0;transition:background .35s ease, box-shadow .35s ease}
.topnav.scrolled{background:rgba(18,68,41,.92);backdrop-filter:blur(8px);box-shadow:0 1px 0 rgba(255,255,255,.12)}
.topnav .wrap{display:flex;align-items:center;gap:14px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--krem);font-weight:900;font-size:1.05rem;letter-spacing:.05em}
.brand .eq{width:26px;height:26px}
.brand .brand-logo{height:26px;width:auto;flex:none}
.brand span{white-space:nowrap}
@media(max-width:720px){.brand span{display:none}.brand .brand-logo{height:30px}}
.nav-links{margin-left:auto;display:flex;gap:26px}
.nav-links a{color:var(--krem);text-decoration:none;font-weight:700;font-size:.92rem;opacity:.88;transition:opacity .2s,color .2s}
.nav-links a:hover{opacity:1;color:var(--zloto)}
.nav-cta{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:var(--cegla);color:var(--krem);text-decoration:none;font-weight:900;font-size:.95rem;padding:10px 20px;border-radius:var(--r-pill);transition:background .2s, transform .2s}
.nav-cta:hover{background:var(--cegla2);transform:translateY(-1px)}
.nav-burger{display:none;width:44px;height:44px;flex:none;padding:0;place-items:center;color:var(--krem);border-radius:10px;transition:background .2s}
.nav-burger:hover{background:rgba(255,255,255,.1)}
.nav-burger span{display:block;width:22px;height:2px;background:currentColor;border-radius:2px;margin:2.6px auto;transition:transform .28s ease,opacity .2s ease}
.topnav.menu-open .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.topnav.menu-open .nav-burger span:nth-child(2){opacity:0}
.topnav.menu-open .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1020px){ .nav-links a:nth-child(n+4){display:none} }
@media(max-width:720px){
  .topnav .wrap{gap:8px}
  .nav-burger{display:grid}
  .nav-cta{margin-left:auto;padding:8px 14px;font-size:.85rem;gap:5px}
  .nav-links{position:absolute;top:calc(100% + 6px);left:var(--gut);right:var(--gut);margin-left:0;flex-direction:column;gap:0;display:flex;background:var(--las2);border:1px solid rgba(255,255,255,.16);border-radius:14px;box-shadow:0 18px 40px rgba(6,16,10,.5);padding:6px;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}
  .topnav.menu-open .nav-links{opacity:1;transform:none;pointer-events:auto}
  .nav-links a{display:block;padding:13px 14px;border-radius:9px;font-size:1rem;opacity:1}
  .nav-links a:nth-child(n+4){display:block}
  .nav-links a:hover{background:rgba(255,255,255,.08);color:var(--krem)}
  .nav-links a+a{border-top:1px solid rgba(255,255,255,.08)}
}

/* ============================================================= HERO (home.css) */
.hero{min-height:auto;background:radial-gradient(1100px 600px at 50% -10%, rgba(254,172,50,.07), transparent 60%),linear-gradient(180deg, rgba(25,82,55,0) 72%, rgba(25,82,55,.95) 100%),radial-gradient(900px 700px at 50% 115%, rgba(25,82,55,.9), transparent 70%),var(--las);color:var(--krem);display:grid;place-items:center;text-align:center;position:relative;padding:136px 0 112px}
.hero-inner{display:grid;justify-items:center;gap:0}
.hero-mark{width:min(620px,88vw);margin-bottom:20px;overflow:visible}
@media(max-width:640px){ .hero-mark text{font-size:26px} }
.hero-mark text{font-family:'Caveat',cursive;font-weight:600;font-size:25px;fill:rgba(255,255,255,.85)}
.hero-mark .lead{stroke:rgba(255,255,255,.35);stroke-width:1.2;fill:none;stroke-dasharray:2 5;stroke-linecap:round}
.hero-mark .bar{transform-box:fill-box;transform-origin:center bottom}
.hero-mark.live .bar{animation:eqbar 1.3s ease-in-out infinite}
.hero-mark.live .hb1{animation-delay:0s}.hero-mark.live .hb2{animation-delay:.16s}
.hero-mark.live .hb3{animation-delay:.34s}.hero-mark.live .hb4{animation-delay:.1s}
@media (prefers-reduced-motion:reduce){ .hero-mark.live .bar{animation:none} }
.hero-over{display:block;font-weight:700;letter-spacing:.35em;text-indent:.35em;font-size:clamp(.85rem,2vw,1.05rem);line-height:1.3;color:var(--zloto);text-transform:uppercase;margin-bottom:14px}
.hero h1{font-weight:900}
.hero-name{display:block;font-weight:900;font-size:clamp(1.9rem,5.4vw,3.4rem);letter-spacing:-.01em;text-wrap:balance;line-height:1.1;max-width:18em}
.hero-name+.hero-name{margin-top:10px;color:rgba(255,255,255,.92)}
.hero-slogan{font-family:'Caveat',cursive;font-weight:600;font-size:clamp(1.9rem,4.8vw,2.9rem);color:var(--zloto);margin-top:12px;transform:rotate(-1.2deg)}
.hero-lead{font-size:clamp(1.05rem,2.2vw,1.35rem);max-width:34em;margin-top:22px;color:rgba(255,255,255,.92)}
.hero-cta{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:1rem;padding:15px 28px;border-radius:var(--r-pill);text-decoration:none;transition:background .2s,transform .2s,border-color .2s;min-height:48px}
.btn-primary{background:var(--cegla);color:var(--krem)}
.btn-primary:hover{background:var(--cegla2);transform:translateY(-2px)}
.btn-ghost{border:2px solid rgba(255,255,255,.55);color:var(--krem)}
.btn-ghost:hover{border-color:var(--krem);transform:translateY(-2px)}
.btn-las{background:var(--las);color:var(--krem)}
.btn-las:hover{background:var(--mech);transform:translateY(-2px)}
.hero-cue{margin-top:clamp(20px,3.5vh,44px);display:grid;justify-items:center;gap:6px;color:rgba(255,255,255,.66)}
.hero-cue .cue-note{font-family:'Caveat',cursive;font-weight:600;font-size:1.25rem}
.hero-cue .cue-arrow{width:18px;height:28px;border:2px solid rgba(255,255,255,.5);border-radius:12px;position:relative}
.hero-cue .cue-arrow::after{content:"";position:absolute;left:50%;top:5px;width:4px;height:7px;margin-left:-2px;border-radius:3px;background:var(--zloto);animation:cue 1.8s ease-in-out infinite}
@keyframes cue{0%,100%{transform:translateY(0);opacity:1}55%{transform:translateY(9px);opacity:.2}}
@media(max-height:960px){ .hero{padding:84px 0 93px} .hero-mark{width:min(455px,88vw);margin-bottom:8px} .hero-lead{margin-top:10px} .hero-cta{margin-top:14px} .hero-cue{margin-top:6px} }

/* ============================================================= SEKCJE — wspólne */
section{position:relative}
.band{padding-block:clamp(64px,10vh,104px)}
.kicker{display:inline-block;font-weight:700;font-size:.8rem;letter-spacing:.35em;text-indent:.35em;text-transform:uppercase;color:var(--cegla2);margin-bottom:14px}
.dark-zone .kicker{color:var(--zloto)}
h2.sec-title{font-weight:900;font-size:clamp(1.7rem,4vw,2.6rem);color:var(--las);text-wrap:balance}
.dark-zone h2.sec-title{color:var(--krem)}
.sec-lead{max-width:62ch;margin-top:18px}
.sec-lead+.sec-lead{margin-top:12px}

/* ============================================================= TRZY PYTANIA (dark, układ „posłuchaj”) */
.listen{background:linear-gradient(180deg, var(--las2) 0%, var(--las) 55%, var(--las) 100%);color:var(--krem)}
#pytania{padding-top:clamp(40px,6vh,60px)}
.listen .sec-lead{color:rgba(255,255,255,.88)}
.listen-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,5vw,64px);align-items:center;margin-top:14px}
@media(max-width:900px){ .listen-grid{grid-template-columns:minmax(0,1fr)} }
.deck{position:relative;background:linear-gradient(160deg, rgba(255,255,255,.11), rgba(255,255,255,.05));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.22);color:var(--krem);border-radius:var(--r-deck);box-shadow:0 24px 60px rgba(6,16,10,.5), 0 0 120px rgba(254,172,50,.14);padding:clamp(22px,3.4vw,34px)}
.deck-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.deck-head .eq{width:22px;height:22px}
.deck-brand{font-weight:900;font-size:.92rem;letter-spacing:.05em;color:var(--krem)}
.demo-stamp{margin-left:auto;font-weight:900;font-size:.72rem;letter-spacing:.18em;text-indent:.18em;color:var(--zloto);border:2px solid var(--zloto);border-radius:6px;padding:4px 9px;transform:rotate(-3deg);user-select:none}
.ep-kicker{font-weight:700;font-size:.8rem;letter-spacing:.25em;text-indent:.25em;text-transform:uppercase;color:var(--zloto)}
.ep-title{font-weight:900;font-size:clamp(1.45rem,3.4vw,1.9rem);color:var(--krem);margin-top:6px;min-height:2.32em}
.ep-desc{font-size:1.08rem;color:rgba(255,255,255,.82);margin-top:6px;min-height:3.2em}
.deck-info{transition:opacity .35s}
.deck-controls{display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,26px);margin-top:18px}
.ctl{display:grid;place-items:center;border-radius:50%;transition:transform .2s,background .2s,border-color .2s,color .2s}
.ctl:hover{transform:translateY(-2px)}
.ctl-prevnext{width:52px;height:52px;border:2px solid rgba(255,255,255,.55);color:var(--krem)}
.ctl-prevnext:hover{background:rgba(255,255,255,.12);border-color:var(--krem)}
.ctl-prevnext svg{width:20px;height:20px}
.ctl-play{width:78px;height:78px;background:var(--cegla);color:var(--krem);box-shadow:0 10px 24px rgba(254,172,50,.35);text-decoration:none}
.ctl-play:hover{background:var(--cegla2)}
.ctl-play svg{width:30px;height:30px}
.ep-dots{display:flex;gap:4px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:12px}
.ep-dot{width:34px;height:34px;border-radius:50%;background:none;padding:0;position:relative;display:grid;place-items:center}
.ep-dot::after{content:"";width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.55);transition:background .2s,transform .2s}
.ep-dot[aria-current="true"]::after{background:var(--cegla);border-color:var(--cegla);transform:scale(1.25)}
.ep-dot:hover::after{background:var(--zloto);border-color:var(--zloto)}
.ep-list{display:grid;gap:10px;margin-top:26px}
.ep-item{display:flex;align-items:center;gap:14px;text-align:left;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:13px 16px;color:var(--krem);transition:background .2s,border-color .2s,transform .2s;width:100%;text-decoration:none}
.ep-item:hover{background:rgba(255,255,255,.12);transform:translateX(4px)}
.ep-item[aria-current="true"]{border-color:var(--zloto);background:rgba(254,172,50,.12)}
.ep-item .no{font-weight:900;font-variant-numeric:tabular-nums;color:var(--zloto);font-size:1.05rem;flex:none;width:2.2em}
.ep-item .tt{font-weight:700;line-height:1.3}
.ep-item .mm{font-size:.85rem;color:rgba(255,255,255,.65);font-weight:700;letter-spacing:.04em;margin-top:2px}
.platforms{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.chip{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:var(--krem);text-decoration:none;font-weight:700;font-size:.9rem;padding:10px 18px;border-radius:var(--r-pill);transition:background .2s,transform .2s;min-height:44px}
.chip:hover{background:var(--mech);transform:translateY(-2px)}
.chip b{color:var(--zloto)}

/* ============================================================= KRAWĘDŹ „skala strojenia” */
.tuner-edge{position:relative;margin-top:-1px;margin-bottom:-1px;font-size:0;line-height:0;z-index:1;pointer-events:none}
.tuner-svg{display:block;width:100%;height:74px}
.tuner-needle{position:absolute;top:0;left:0;width:24px;height:74px;margin-left:-12px;overflow:visible;will-change:transform;transition:transform 2.2s ease-in-out}
.tuner-nums{position:absolute;inset:0}
.tuner-nums span{position:absolute;top:12px;transform:translateX(-50%);font-family:'Lato',sans-serif;font-weight:700;font-size:.72rem;line-height:1;color:rgba(255,255,255,.5);font-variant-numeric:tabular-nums}
@media(max-width:720px){ .tuner-nums{display:none} }

/* ============================================================= PAPIER: problem, dla kogo, trasa */
.formats{background:var(--krem)}
.formats-intro{max-width:66ch}
.formats-intro p{margin-top:18px}
.formats-note{font-family:'Caveat',cursive;font-weight:600;font-size:1.5rem;color:var(--zloto-deep);transform:rotate(-1.4deg);display:inline-block;margin-top:20px}
.cards3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:30px}
.partner{background:#fff;border-radius:var(--r-card);padding:22px;box-shadow:var(--shadow-card);display:block;text-decoration:none}
.partner .plogo{height:62px;display:grid;place-items:center;margin-bottom:14px}
.partner .plogo img{max-height:52px;max-width:100%;width:auto;object-fit:contain}
.partner .pname{font-weight:900;color:var(--las);font-size:1.1rem}
.partner p{font-size:.95rem;color:#2E3348;margin-top:6px}
.partner .picon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;margin-bottom:14px;background:color-mix(in srgb, var(--sa,var(--mech)) 14%, #fff);color:var(--sa,var(--mech))}
.partner .picon svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* trasa */
.trail{position:relative;margin-top:clamp(20px,3.4vh,34px)}
.trail-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
#trailPath{stroke:var(--mech);stroke-width:2.2;fill:none;stroke-dasharray:2 11;stroke-linecap:round;opacity:.38}
#trailDone{stroke:var(--mech);stroke-width:3.2;fill:none;stroke-linecap:round;opacity:.9}
#wanderer{fill:var(--cegla);stroke:var(--krem);stroke-width:2.5}
#wandererHalo{fill:none;stroke:var(--cegla);stroke-width:1.5;opacity:.35}
.stop-dot{fill:var(--sa,var(--mech));stroke:var(--krem);stroke-width:2;opacity:0;transition:opacity .4s ease;transform-box:fill-box;transform-origin:50% 50%}
.stop-dot.reached{opacity:1;animation:dotpop .6s cubic-bezier(.34,1.56,.64,1)}
@keyframes dotpop{0%{transform:scale(.2)}55%{transform:scale(1.18)}100%{transform:scale(1)}}
html.js-motion .stop .stop-label,html.js-motion .stop .fmt,html.js-motion .stop .stop-side{opacity:0;transform:translateY(26px) scale(.97);transition:opacity .6s cubic-bezier(.22,1,.36,1), transform .6s cubic-bezier(.22,1,.36,1)}
html.js-motion .stop .fmt{transition-delay:.08s}
html.js-motion .stop .stop-side{transition-delay:.22s}
html.js-motion .stop .tape{transform:rotate(-3deg) scale(1.6);opacity:0;transition:transform .5s cubic-bezier(.34,1.56,.64,1) .3s, opacity .3s .3s}
html.js-motion .stop:nth-child(even) .tape{transform:rotate(2.4deg) scale(1.6)}
html.js-motion .stop.reached .stop-label,html.js-motion .stop.reached .fmt,html.js-motion .stop.reached .stop-side{opacity:1;transform:none}
html.js-motion .stop.reached .tape{opacity:.85;transform:rotate(-3deg) scale(1)}
html.js-motion .stop:nth-child(even).reached .tape{transform:rotate(2.4deg) scale(1)}
.stop-photo{flex:none;width:min(170px,44vw);padding:10px 10px 14px;background:#fff;border-radius:6px;box-shadow:0 10px 26px rgba(18,68,41,.18);transform:rotate(2.4deg);margin-bottom:14px;position:relative}
.stop:nth-child(even) .stop-photo{transform:rotate(-2deg)}
.stop-photo img{width:100%;height:auto;border-radius:3px;display:block}
.stop-photo::before{content:"";position:absolute;top:-7px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--sa,var(--mech));box-shadow:0 2px 5px rgba(0,0,0,.3)}
.stop{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(40px,8vw,110px);margin-bottom:clamp(30px,5.2vh,60px);align-items:start}
.stop:last-child{margin-bottom:0}
.stop-card{grid-column:1;grid-row:1;justify-self:end;max-width:520px;width:100%}
.stop:nth-child(even) .stop-card{grid-column:2;justify-self:start}
.stop-side{grid-column:1;grid-row:2;justify-self:end;max-width:520px;width:100%;display:flex;gap:16px;align-items:center;margin-top:10px}
.stop:nth-child(even) .stop-side{grid-column:2;justify-self:start}
.stop-side .side-note{flex:1}
@media(max-width:900px){
  .stop{grid-template-columns:1fr;padding-left:52px;padding-right:40px;margin-bottom:clamp(34px,6vh,58px)}
  .stop-card,.stop:nth-child(even) .stop-card{grid-column:1;justify-self:stretch;max-width:none}
  .stop-side,.stop:nth-child(even) .stop-side{grid-column:1;grid-row:2;justify-self:start;text-align:left;margin-top:12px;max-width:none;flex-wrap:wrap}
}
.stop-label{font-family:'Caveat',cursive;font-weight:600;font-size:1.45rem;color:var(--las);display:flex;align-items:center;gap:8px;transform:rotate(-1deg);width:fit-content;max-width:calc(100% - 28px)}
@media(min-width:901px){
  .stop-card{position:relative}
  .stop-label{position:absolute;top:18px;left:26px;z-index:4;margin:0;font-size:1.2rem;transform:rotate(-1deg)}
  .stop:nth-child(even) .stop-label{left:auto;right:26px;transform:rotate(1deg)}
  .stop .fmt summary{padding-top:66px}
}
@media(max-width:900px){ .stop-label{margin:0 0 10px 16px} .stop-side .side-note{flex:1 1 200px} }
.fmt{background:#fff;border-radius:var(--r-card);box-shadow:var(--shadow-card);transition:transform .25s cubic-bezier(.22,1,.36,1), box-shadow .25s;position:relative}
.fmt::after{content:"";position:absolute;inset:0;border-radius:var(--r-card);box-shadow:0 18px 40px rgba(18,68,41,.16);opacity:0;transition:opacity .25s;pointer-events:none}
.fmt:hover{transform:translateY(-5px)}
.fmt:hover::after{opacity:1}
.fmt .tape{position:absolute;top:-11px;left:26px;width:86px;height:22px;transform:rotate(-3deg);background:color-mix(in srgb, var(--sa,var(--mech)) 26%, #f2e8ce);opacity:.85;border-radius:2px;pointer-events:none}
.stop:nth-child(even) .fmt .tape{left:auto;right:26px;transform:rotate(2.4deg)}
.fmt summary{list-style:none;display:flex;align-items:center;gap:18px;padding:22px 24px;cursor:pointer;border-radius:var(--r-card)}
.fmt summary::-webkit-details-marker{display:none}
.fmt-icon{width:58px;height:58px;flex:none;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb, var(--sa,var(--mech)) 14%, #fff);color:var(--sa,var(--mech))}
.fmt-icon svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.fmt h3{font-weight:900;font-size:1.25rem;color:var(--las)}
.fmt .fmt-sub{font-size:.9rem;color:#4a4a44;margin-top:3px}
.fmt .chev{margin-left:auto;flex:none;width:34px;height:34px;border-radius:50%;border:2px solid var(--sa,var(--mech));color:var(--sa,var(--mech));display:grid;place-items:center;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.fmt .chev svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round}
.fmt[open] .chev{transform:rotate(180deg)}
.fmt-body{padding:0 24px}
.fmt-body-inner{padding:2px 0 24px;color:#2E3348;border-top:1px dashed #C5D3E3;padding-top:16px}
.fmt-body-inner p+p{margin-top:12px}
.fmt .fmt-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1)}
.fmt[open] .fmt-body{grid-template-rows:1fr}
.fmt .fmt-body>div{overflow:hidden}
.stop-side .side-note{font-family:'Caveat',cursive;font-weight:600;font-size:1.4rem;line-height:1.35;color:var(--zloto-deep)}
.stop-side .side-note b{color:var(--las);font-weight:600}
.plan{display:flex;gap:18px;align-items:center;margin-top:clamp(28px,4vh,44px);background:#fff;border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:20px 24px;max-width:720px}
.plan svg{width:56px;height:56px;flex:none;stroke:var(--mech);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.plan p{color:#2E3348}

/* ============================================================= TABLICA (dla kogo) */
.join{background:var(--krem)}
.join-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
@media(max-width:900px){ .join-grid{grid-template-columns:1fr} }
.notice{position:relative;background:#fff;border-radius:8px;box-shadow:0 14px 34px rgba(18,68,41,.16);padding:30px 28px 26px;transform:rotate(1.6deg);max-width:440px;justify-self:center;width:100%}
.notice::before{content:"";position:absolute;top:-8px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--cegla);box-shadow:0 2px 5px rgba(0,0,0,.3)}
.notice-h{font-weight:900;font-size:1.05rem;letter-spacing:.14em;text-indent:.14em;text-transform:uppercase;color:var(--las);text-align:center}
.notice ul{list-style:none;margin-top:16px;display:grid;gap:10px}
.notice li{display:flex;align-items:flex-start;gap:12px;font-weight:700;color:var(--grafit);border-bottom:1px dashed #C5D3E3;padding-bottom:10px;line-height:1.4}
.notice li:last-child{border-bottom:0}
.notice li .dotmark{width:10px;height:10px;border-radius:50%;flex:none;background:var(--sa,var(--mech));margin-top:7px}
.notice .ncaveat{display:block;text-align:center;margin-top:14px;font-family:'Caveat',cursive;font-weight:600;font-size:1.4rem;color:var(--zloto-deep);transform:rotate(-1.4deg)}

/* ============================================================= KOREPETYCJE CZY KURS (krem2, układ blog) */
.blog{background:linear-gradient(180deg, var(--krem) 0%, var(--krem2) 220px, var(--krem2) 100%)}
.cnote{font-family:'Caveat',cursive;font-weight:600;font-size:1.5rem;color:var(--zloto-deep);transform:rotate(-1.2deg);display:inline-block}
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:26px;align-items:stretch}
@media(max-width:800px){ .calc{grid-template-columns:1fr} }
.calc-card{background:#fff;border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:26px 28px}
.calc-card label{display:block;font-weight:700;color:var(--las)}
.calc-card input[type=range]{width:100%;margin:18px 0 10px;accent-color:var(--cegla)}
.calc-big{font-weight:900;font-size:clamp(2rem,5vw,3rem);color:var(--las);line-height:1;font-variant-numeric:tabular-nums}
.calc-big small{font-size:.4em;color:var(--zloto-deep);letter-spacing:.08em;text-transform:uppercase;margin-left:6px}
.calc-sub{font-size:.9rem;color:#5c5548;margin-top:6px}
.calc-vs{display:grid;gap:14px}
.calc-vs .row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px dashed #C5D3E3;padding-bottom:10px}
.calc-vs .row:last-child{border-bottom:0}
.calc-vs .lbl{font-weight:700;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--zloto-deep)}
.calc-x{font-family:'Caveat',cursive;font-weight:600;font-size:2.4rem;color:var(--cegla2);line-height:1}
.calc-note{font-size:.95rem;color:#2E3348;margin-top:16px;max-width:62ch}

/* ============================================================= KRAWĘDZIE */
.eq-edge{position:relative;font-size:0;line-height:0;margin-top:-1px;margin-bottom:-1px;z-index:1;background:var(--krem2);pointer-events:none}
.eq-edge svg{display:block;width:100%}
.eq-bar{transform-box:fill-box;transform-origin:50% 100%;will-change:transform}
@keyframes eqbreath{0%,100%{transform:scaleY(var(--lo,.94))}50%{transform:scaleY(var(--hi,1.06))}}
.park-edge{position:relative;font-size:0;line-height:0;margin-top:-1px;margin-bottom:-1px;z-index:1;background:var(--krem2);overflow:hidden;pointer-events:none}
.park-obj{position:absolute;pointer-events:none}
.park-obj svg{display:block;width:100%;height:100%;overflow:visible}
.lamp-glow{position:absolute;transform:translate(-50%,-50%) scale(1);pointer-events:none;opacity:.68;background:radial-gradient(ellipse at center, rgba(254,172,50,.60) 0%, rgba(254,172,50,.34) 30%, rgba(254,172,50,.13) 55%, rgba(254,172,50,0) 76%);will-change:opacity,transform}
.lamp-glow--head{background:radial-gradient(circle at center, rgba(255,214,130,.85) 0%, rgba(254,172,50,.55) 26%, rgba(254,172,50,.18) 52%, rgba(254,172,50,0) 74%)}
@keyframes lampPulse{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(1)}50%{opacity:.82;transform:translate(-50%,-50%) scale(1.06)}}
.lamp-dot{position:absolute;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);background:#FFE7B0;box-shadow:0 0 9px 3px rgba(255,209,120,.9);pointer-events:none;opacity:.92}
@keyframes dotPulse{0%,100%{opacity:.78}50%{opacity:1}}
.kop-edge{position:relative;font-size:0;line-height:0;margin-top:-1px;margin-bottom:-1px;z-index:1;background:var(--krem);pointer-events:none}
.kop-ov{position:absolute;pointer-events:none;font-size:0;line-height:0}
.kop-ov svg{display:block;overflow:visible}
@media (prefers-reduced-motion:reduce){ .eq-bar{animation:none!important;transform:none!important} .lamp-glow{animation:none!important;opacity:.68!important;transform:translate(-50%,-50%) scale(1)!important} .lamp-dot{animation:none!important;opacity:.9!important} }

/* ============================================================= PAKIET I CENA (dark) */
.story-call{background:linear-gradient(180deg, var(--las) 0%, var(--las2) 100%);color:var(--krem)}
.story-call .sec-lead{color:rgba(255,255,255,.9)}
.pakiet-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center;margin-top:10px}
@media(max-width:900px){ .pakiet-grid{grid-template-columns:1fr} }
.mockup{border-radius:var(--r-card);box-shadow:0 24px 60px rgba(6,16,10,.5);overflow:hidden}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:32px}
.opt{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:var(--r-card);padding:24px;transition:transform .25s cubic-bezier(.22,1,.36,1),background .25s,border-color .25s}
.opt:hover{transform:translateY(-4px);background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.3)}
.opt .oicon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;margin-bottom:14px;background:rgba(254,172,50,.14);color:var(--zloto)}
.opt .oicon svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.opt h3{font-weight:900;font-size:1.12rem;color:var(--krem)}
.opt p{font-size:.98rem;color:rgba(255,255,255,.85);margin-top:6px}
.cena-deck{margin-top:clamp(32px,5vh,48px)}
.cena-big{font-weight:900;font-size:clamp(3.4rem,9vw,5.4rem);line-height:1;color:var(--krem);font-variant-numeric:tabular-nums}
.cena-big small{font-size:.32em;color:var(--zloto);vertical-align:top;margin-left:4px}
.cena-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:18px}
.cena-safe{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.9);font-size:.95rem;line-height:1.35}
.cena-safe svg{width:38px;height:38px;flex:none;stroke:var(--zloto);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gwar{margin-top:26px;border-top:1px dashed rgba(255,255,255,.25);padding-top:20px}
.gwar h3{font-weight:900;color:var(--krem);font-size:1.15rem}
.gwar p{color:rgba(255,255,255,.85);margin-top:6px}
.gwar .ncaveat{font-family:'Caveat',cursive;font-weight:600;font-size:1.4rem;color:var(--zloto);display:inline-block;margin-top:8px;transform:rotate(-1.4deg)}

/* ============================================================= OPINIE (szyna kart) */
.blog-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:26px 4px 20px;cursor:grab;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y}
.blog-rail::-webkit-scrollbar{display:none}
.blog-rail.dragging{cursor:grabbing;scroll-snap-type:none}
.post{flex:0 0 min(340px,82vw);scroll-snap-align:start;background:#fff;border-radius:var(--r-card);box-shadow:var(--shadow-card);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s}
.post:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(18,68,41,.16)}
.post .thumb{position:relative;aspect-ratio:16/10;background:var(--krem2);overflow:hidden}
.post .thumb img{width:100%;height:100%;object-fit:cover;object-position:top left}
.post .pdate{position:absolute;top:12px;left:12px;background:var(--krem);color:var(--grafit);font-weight:700;font-size:.85rem;letter-spacing:.04em;padding:4px 10px;border-radius:6px;transform:rotate(-2deg);box-shadow:0 2px 6px rgba(0,0,0,.18)}
.post .pbody{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.post h3{font-weight:900;font-size:1.1rem;color:var(--las);line-height:1.3}
.post p{font-size:.95rem;color:#2E3348}
.post .more{margin-top:auto;font-weight:900;color:var(--cegla2);text-decoration:none;padding-top:8px}
.post .stars{color:var(--zloto);letter-spacing:.1em;font-size:.9rem}
.blog-all{display:inline-block;margin-top:10px;font-family:'Caveat',cursive;font-weight:600;font-size:1.3rem;color:var(--zloto-deep);text-decoration:none;transform:rotate(-1.2deg);transition:color .2s}
.blog-all:hover{color:var(--cegla)}

/* ============================================================= O AUTORZE + partnerzy */
.partners{background:linear-gradient(180deg, var(--krem) 0%, var(--krem2) 220px, var(--krem2) 100%)}
.autor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(28px,5vw,64px);align-items:start}
@media(max-width:800px){ .autor-grid{grid-template-columns:1fr} }
.autor-photo{padding:12px 12px 16px;background:#fff;border-radius:6px;box-shadow:0 14px 34px rgba(18,68,41,.16);transform:rotate(-2deg);position:relative;max-width:420px}
.autor-photo::before{content:"";position:absolute;top:-8px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--cegla);box-shadow:0 2px 5px rgba(0,0,0,.3)}
.autor-photo img{border-radius:3px}
.autor-photo figcaption{font-family:'Caveat',cursive;font-weight:600;font-size:1.3rem;color:var(--zloto-deep);text-align:center;margin-top:10px}
.autor p+p{margin-top:12px}
.autor .sig{font-family:'Caveat',cursive;font-weight:600;font-size:1.6rem;color:var(--las);margin-top:16px}
.partner-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-top:22px}
.partner-row .partner{display:grid;place-items:center;padding:18px}
.partner-row .plogo{margin:0}
.logo-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.logo-row .partner{padding:14px 12px}
.logo-row .plogo{height:44px}
.logo-row .plogo img{max-height:36px}

/* ============================================================= PYTANIA (FAQ) */
.faq{background:var(--krem2)}
.faq-list{display:grid;gap:14px;margin-top:26px;max-width:820px}
.faq-list .fmt summary{padding:18px 22px}
.faq-list .fmt h3{font-size:1.08rem}

/* ============================================================= DOMKNIĘCIE (dark) */
.close-call{background:linear-gradient(180deg, var(--las) 0%, var(--las2) 100%);color:var(--krem);text-align:center}
.close-call .sec-lead{margin-inline:auto;color:rgba(255,255,255,.9)}
.close-call .hero-cta{margin-top:26px}
.close-call .cnote{color:var(--zloto)}

/* ============================================================= STOPKA */
footer{background:var(--grafit);color:#C5D3E3;padding:56px 0 56px}
footer .foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:clamp(24px,5vw,64px)}
@media(max-width:820px){ footer .foot-grid{grid-template-columns:1fr} }
footer .eq{width:26px;height:26px}
footer .fbrand{font-weight:900;color:var(--krem);letter-spacing:.04em;font-size:1.05rem}
footer .fslogan{font-family:'Caveat',cursive;font-weight:600;font-size:1.35rem;color:var(--zloto);margin-top:10px;display:block;transform:rotate(-1deg)}
footer .fmail{margin-top:14px;font-size:.95rem}
footer .fmail a{color:var(--zloto);text-decoration:none}
footer h4{color:var(--krem);font-size:.85rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;margin-bottom:14px}
footer .flist{list-style:none;display:grid;gap:9px}
footer .flist a,footer .flist button{color:#C5D3E3;text-decoration:none;font-size:.95rem;text-align:left}
footer .flist a:hover,footer .flist button:hover{color:var(--zloto)}
.foot-bottom{margin-top:44px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.9rem}

/* ============================================================= COOKIES */
.cookies{position:fixed;left:16px;right:16px;bottom:16px;z-index:100;max-width:560px;margin:0 auto;background:#fff;color:var(--grafit);border-radius:var(--r-card);box-shadow:0 8px 30px rgba(18,68,41,.25);padding:18px 20px;font-size:.95rem;line-height:1.45}
.cookies p{margin:0 0 14px}
.cookies .ck-h{font-weight:900;font-size:1.25rem;margin:0 0 6px}
.cookies .ck-h{font-weight:900;font-size:1.25rem;margin:0 0 6px}
.cookies a{color:var(--las);font-weight:700}
.cookies .btns{display:flex;gap:10px;flex-wrap:wrap}
.cookies button{flex:1 1 160px;font:700 .95rem 'Lato',system-ui,sans-serif;padding:11px 14px;border-radius:var(--r-pill);border:2px solid var(--las);background:#fff;color:var(--las)}
.cookies button.yes{background:var(--las);color:var(--krem)}
.cookies[hidden]{display:none}

@media(max-width:720px){
  .hero{min-height:auto;align-items:start;padding:84px 0 34px}
  .band{padding-block:clamp(36px,6vh,56px)}
  .sec-lead{margin-top:12px}
  #pytania{padding-top:14px}
}

/* ============================================================= DODATKI SC */
/* dodatki pod SC */
.hero-stos{width:min(760px,92vw);margin:18px auto 6px;padding:12px 12px 16px;background:#fff;border-radius:6px;box-shadow:0 24px 60px rgba(6,16,10,.5);transform:rotate(-1.2deg);position:relative}
.hero-stos::before{content:"";position:absolute;top:-8px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--cegla);box-shadow:0 2px 5px rgba(0,0,0,.3)}
.hero-stos img{border-radius:3px;width:100%;height:auto}
.hero-stos figcaption{font-family:'Caveat',cursive;font-weight:600;font-size:1.3rem;color:var(--zloto-deep);margin-top:8px}
.video-frame{position:relative;aspect-ratio:16/9;background:#000;border-radius:var(--r-card);overflow:hidden;box-shadow:0 18px 40px rgba(18,68,41,.2)}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.post--img{flex-basis:min(400px,86vw)}
.post--img .thumb{aspect-ratio:auto;background:#fff}
.post--img .thumb img{height:auto;object-fit:contain}
.cards6{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:30px}
.cena-stara{color:rgba(255,255,255,.75);font-size:1.1rem;margin-top:14px}
.cena-stara s{text-decoration-color:var(--cegla);text-decoration-thickness:3px}
.cena-pilne{color:var(--zloto);font-weight:700;margin-top:10px;max-width:46ch}
.cena-lista{list-style:none;display:grid;gap:8px;margin-top:14px}
.cena-lista li{display:flex;align-items:center;gap:10px}
.cena-lista .dotmark{width:10px;height:10px;border-radius:50%;flex:none;background:var(--zloto)}
.opt .x{color:var(--cegla);font-size:1.2em;margin-right:6px}
.opt .ok{color:var(--zloto);font-weight:900;margin-top:10px;display:block}
.opt p+p{margin-top:8px}

/* kafelek Sądu Najwyższego: godło + nazwa (sąd podpisuje się godłem, nie ma logotypu) */
.partner .plogo.plogo-sn{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap;white-space:nowrap;height:44px}
.partner .plogo.plogo-sn img{max-height:40px;height:40px;width:auto;flex:none}
.plogo-sn b{font-weight:900;font-size:.95rem;line-height:1.1;letter-spacing:.02em;color:#1F2336;text-align:left}

/* ==== trzy ciemne kolory z 8 klasy (zielony #124429, granat #073462, zostają dwa: zielony i granat) + żółty FEAC32 ==== */
.nav-cta,.btn-primary,.ctl-play{color:#1F2336}
.nav-cta:hover,.btn-primary:hover,.ctl-play:hover{background:#E89A1E;color:#1F2336}
#sceptyk{background:linear-gradient(180deg,#073462,#0E4379)}
#glupoty{background:linear-gradient(180deg,#073462,#0E4379)}
#cena{background:linear-gradient(180deg,#124429,#195237)}

.hero-play{position:relative;display:block;width:100%;padding:0;border:0;background:#000;border-radius:3px;overflow:hidden;cursor:pointer;aspect-ratio:1315/880}
.hero-play img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.hero-play:hover img{transform:scale(1.03)}
.hero-play .play-btn{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:#FEAC32;color:#1F2336;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.45);padding-left:5px;transition:transform .25s ease}
.hero-play:hover .play-btn{transform:scale(1.08)}
.hero-play .play-tag{position:absolute;left:12px;bottom:12px;background:rgba(31,35,54,.82);color:#fff;font-weight:700;font-size:.85rem;padding:6px 12px;border-radius:999px}
.hero-play:focus-visible{outline:3px solid #FEAC32;outline-offset:3px}
.hero-play.is-playing{aspect-ratio:16/9;cursor:default}
.hero-play.is-playing video{position:absolute;inset:0;width:100%;height:100%;background:#000}

/* zdjęcia z zajęć */
.foto{margin:clamp(24px,4vw,40px) 0 0}
.foto img{display:block;width:100%;height:auto;border-radius:var(--r-card);box-shadow:0 14px 34px rgba(18,68,41,.18)}
.foto figcaption{font-family:'Caveat',cursive;font-weight:600;font-size:1.3rem;color:var(--zloto-deep);margin-top:10px;text-align:center}
.foto-grid{display:grid;grid-template-columns:1fr;gap:clamp(20px,3vw,32px);margin-top:clamp(36px,5vh,56px)}
.foto-grid .foto{margin:0}
.foto-tall img{aspect-ratio:4/3;object-fit:cover;object-position:50% 12%}
@media(min-width:800px){.foto-grid{grid-template-columns:1fr 1fr}.foto-grid .foto-wide{grid-column:1/-1}}
@media(max-width:600px){.foto img{width:calc(100% + 48px);max-width:none;margin:0 -24px;border-radius:0}}

/* =====================================================================
   TURA 10.11.2026 — uwagi Piotra (tylko mobile). Pomarańcz #9A5800 wycięty:
   drobny tekst na jasnym = zieleń, na ciemnym = żółty.
   ===================================================================== */
:root{ --cegla2:#124429; --zloto-krem:#073462; --zloto-deep:#124429; --sliwka:#073462; --granat:#073462; }
.brand-biale{filter:brightness(0) invert(1)}
.nav-links a{white-space:nowrap}
@media(min-width:721px) and (max-width:1020px){ .nav-links a:nth-child(n+4){display:inline} }

/* hero */
.hero{padding:96px 0 48px}
.hero .hero-name{font-size:clamp(2rem,8.4vw,3.4rem);line-height:1.08;max-width:16em;margin:0 auto}
.hero-film{width:100%;max-width:560px;margin:22px auto 0}
.hero-film .hero-play{aspect-ratio:1/1;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.hero-film .hero-play.is-playing{aspect-ratio:1/1}
.hero-film figcaption{font-family:'Caveat',cursive;font-weight:700;font-size:clamp(1.9rem,7.6vw,2.6rem);line-height:1.1;color:var(--zloto);margin-top:14px;transform:rotate(-1.5deg)}
.hand-head{font-family:'Caveat',cursive;font-weight:700;font-size:clamp(2.1rem,9vw,3rem);line-height:1.05;color:var(--zloto);margin-top:30px;text-wrap:balance}
.hero .hero-lead{margin-top:14px;font-size:1.12rem}
.hero .hero-lead+.hero-lead{margin-top:10px}

/* przycisk zakupu — pełna szerokość, bez strzałek */
.btn-kup{display:block;width:100%;max-width:480px;margin:28px auto 0;text-align:center;background:var(--zloto);color:#1F2336;font-weight:900;font-size:1.15rem;line-height:1.25;padding:18px 20px;border-radius:14px;text-decoration:none;box-shadow:0 6px 0 #C47F14, 0 14px 30px rgba(0,0,0,.25);letter-spacing:.01em}
.btn-kup:active{transform:translateY(3px);box-shadow:0 3px 0 #C47F14}
.formats .btn-kup,.partners .btn-kup{box-shadow:0 6px 0 #C47F14, 0 14px 26px rgba(18,68,41,.18)}

/* napisy odręczne */
.hand-title{font-family:'Caveat',cursive;font-weight:700;font-size:clamp(2.3rem,10vw,3.4rem);line-height:1.02;color:var(--zloto);text-wrap:balance;margin-bottom:6px}
.hand-kicker{font-family:'Caveat',cursive;font-weight:700;font-size:1.75rem;line-height:1.1;color:var(--las);margin-bottom:6px;transform:rotate(-1deg);transform-origin:left}
.hand-kicker--pod{margin:8px 0 4px;font-size:1.6rem}
.hand-kicker--jasny{color:var(--zloto)}
.hand-big{font-family:'Caveat',cursive;font-weight:700;font-size:clamp(2rem,8.6vw,2.8rem);line-height:1.08;color:var(--las);margin-top:22px;text-wrap:balance}
.hand-cap{font-family:'Caveat',cursive!important;font-weight:700!important;font-size:clamp(1.9rem,8vw,2.6rem)!important;line-height:1.08;color:var(--las)!important;text-align:left!important;padding:0 2px;margin-top:12px!important}
.hand-cap--m{font-size:clamp(1.5rem,6.2vw,2rem)!important;line-height:1.15}
.hand-cap--jasny{color:var(--zloto)!important}

/* sekcja „wspólnie powalczymy” */
.listen .sec-lead{font-size:1.12rem;max-width:none}
.formula{font-weight:900;font-size:clamp(1.6rem,7vw,2.3rem);color:var(--zloto);margin-top:22px;letter-spacing:-.01em}
.naucz{display:grid;gap:26px;margin-top:34px}
.naucz-row{display:grid;grid-template-columns:84px 1fr;gap:16px;align-items:center}
.naucz-row img{width:84px;height:84px}
.naucz-row p{font-size:1.12rem;line-height:1.45;color:rgba(255,255,255,.92)}
.naucz-row b{color:#fff}
.big-line{font-weight:900;font-size:clamp(1.45rem,6.2vw,2rem);line-height:1.2;margin-top:30px;color:#fff;text-wrap:balance}
.big-line--zolta{color:var(--zloto);margin-top:12px}
.big-line--ciemna{color:var(--las)}

/* wskaźnik tempa: dwie podziałki */
.tuner-edge{height:auto}
.tuner-svg{height:74px}
.tuner-lbl{position:absolute;top:50px;font-family:'Lato',sans-serif;font-size:.8rem;font-weight:700;color:var(--las);line-height:1.1;z-index:2}
.tuner-lbl b{font-size:1.25rem;font-weight:900}
.tuner-lbl span{display:block;font-family:'Caveat',cursive;font-weight:700;font-size:1.25rem;color:var(--las);margin-top:2px}
.tuner-lbl--l{left:12px}
.tuner-lbl--p{right:12px;text-align:right}
.tuner-edge{padding-bottom:58px;background:#fff}

/* opinie-stopery */
.stoper-band{background:var(--krem2);padding:34px var(--gut)}
.stoper{max-width:560px;margin:0 auto;background:#fff;border-radius:6px;padding:26px 22px 18px;box-shadow:0 14px 34px rgba(18,68,41,.16);transform:rotate(-1.2deg);position:relative}
.stoper::before{content:"";position:absolute;top:-10px;left:50%;width:90px;height:22px;margin-left:-45px;background:rgba(254,172,50,.55);transform:rotate(2deg)}
.stoper blockquote{font-size:clamp(1.3rem,5.6vw,1.6rem);line-height:1.35;font-weight:700;color:#1F2336}
.stoper blockquote::before{content:"„"}
.stoper blockquote::after{content:"”"}
.stoper mark{background:linear-gradient(transparent 52%, rgba(254,172,50,.75) 52%);color:inherit;padding:0 2px;font-weight:900}
.stoper figcaption{margin-top:14px;font-size:.92rem;font-weight:700;color:#4a4f63}
.stoper .gw{color:#E8A013;letter-spacing:.08em;margin-right:6px}

/* zdjęcia na całą szerokość telefonu */
.foto-full{margin-top:clamp(24px,4vw,40px)}
.foto-full img{width:100%;border-radius:var(--r-card)}
@media(max-width:600px){ .foto-full img{width:calc(100% + 2*var(--gut));max-width:none;margin:0 calc(-1*var(--gut));border-radius:0} }
.ja-wrap{position:relative}
.ja-kolko{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
@media(max-width:600px){ .ja-kolko{width:calc(100% + 2*var(--gut));left:calc(-1*var(--gut))} }
.ja-kolko path{fill:none;stroke:#FEAC32;stroke-width:7;stroke-linecap:round;vector-effect:non-scaling-stroke}
.ja-napis{position:absolute;left:4%;top:4%;font-family:'Caveat',cursive;font-weight:700;font-size:clamp(1.6rem,7vw,2.4rem);color:#FEAC32;text-shadow:0 2px 6px rgba(0,0,0,.7);transform:rotate(-4deg)}

/* loga wyżej */
.loga-blok{margin-top:clamp(30px,5vh,48px)}
.loga-h{font-weight:900;font-size:1.25rem;line-height:1.25;color:var(--las);text-wrap:balance}
.loga-blok .logo-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.loga-blok .logo-row .partner{padding:12px 8px}
.loga-blok .plogo{height:40px}
.loga-blok .plogo img{max-height:30px}
.loga-blok .plogo-sn b{font-size:.78rem}
.loga-blok .partner .plogo.plogo-sn img{height:30px;max-height:30px}

/* tablica: co cię blokuje (kreda na zieleni) */
.tablica{background:linear-gradient(180deg,#124429,#0F3A23);color:#fff}
.powody{display:grid;gap:30px;margin-top:26px}
.powod img{width:112px;height:112px;margin-bottom:8px}
.powod h3{font-weight:900;font-size:1.4rem;line-height:1.2;color:var(--zloto)}
.powod p{font-size:1.1rem;margin-top:6px;color:rgba(255,255,255,.92)}
.tablica .big-line{font-size:clamp(1.25rem,5.4vw,1.7rem)}

/* test tempa */
#test .notice{margin-top:28px;transform:rotate(1deg)}
#test .notice::before,#droga .notice::before{background:var(--zloto)}
.stos-q{font-weight:900;font-size:clamp(1.25rem,5.6vw,1.6rem);line-height:1.08;color:var(--las);text-align:center;margin-top:14px;letter-spacing:-.01em}
.stos-q--mala{font-family:'Caveat',cursive;font-weight:700;font-size:1.45rem;line-height:1.1}

/* paragon obliczeń */
.paragon{background:#fff;border-radius:10px;box-shadow:0 14px 34px rgba(18,68,41,.14);padding:8px 18px;margin-top:24px}
.pr{display:grid;grid-template-columns:1fr auto;grid-template-areas:"l w" "m m";gap:2px 12px;padding:14px 0;border-bottom:1px dashed #C5D3E3;align-items:baseline}
.pr:last-child{border-bottom:0}
.pr-l{grid-area:l;font-weight:700;color:#1F2336;font-size:1.02rem}
.pr-m{grid-area:m;font-size:.95rem;color:#4a4f63;font-variant-numeric:tabular-nums}
.pr-w{grid-area:w;font-weight:900;font-size:1.25rem;color:var(--las);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.pr-suma{border-top:3px solid var(--las);margin-top:4px}
.pr-suma .pr-w{font-size:1.6rem;color:#073462}

/* droga krok po kroku */
.route{position:relative;margin-top:22px}
.route-line{position:absolute;left:19px;top:20px;bottom:0;width:3px;background:repeating-linear-gradient(to bottom,#C5D3E3 0 6px,transparent 6px 14px)}
.route-line span{position:absolute;left:0;top:0;width:3px;height:0;background:var(--las);border-radius:2px}
.krok{position:relative;padding-top:6px;margin-bottom:clamp(40px,7vh,64px)}
.krok:last-child{margin-bottom:0}
.krok-nr{position:relative;z-index:2;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;border:3px solid #C5D3E3;color:#9aa6b8;font-weight:900;font-size:1.15rem;transition:background .4s,border-color .4s,color .4s}
.krok.reached .krok-nr{background:var(--las);border-color:var(--las);color:#fff}
.krok h3{font-weight:900;font-size:1.5rem;line-height:1.15;color:var(--las);margin-top:12px;background:#fff;position:relative;z-index:2}
.krok-sub{font-family:'Caveat',cursive;font-weight:700;font-size:1.45rem;color:#073462;line-height:1.1;background:#fff;position:relative;z-index:2}
.krok .foto-full{position:relative;z-index:2;margin-top:14px}
.krok > p:last-child{font-size:1.06rem;margin-top:14px;background:#fff;position:relative;z-index:2;color:#2E3348}
.plan--pelny{display:block;max-width:none;padding:20px 22px}

/* głupoty */
#glupoty .opt .x{color:var(--zloto);font-weight:900}
.opt .ok{color:var(--zloto)}

/* cena */
.cena{background:linear-gradient(180deg,#124429,#195237);color:#fff}
.cena .sec-title{color:#fff}
.mockup-fig{margin:22px auto 0;max-width:520px}
.mockup-fig img{width:100%;border-radius:12px;background:#fff}
.w-pakiecie{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.w-pakiecie li{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 13px;font-size:.92rem;font-weight:700;color:#fff;line-height:1.25}
.bf-karta{background:#fff;color:#1F2336;border-radius:18px;padding:0 20px 22px;margin-top:26px;text-align:center;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.bf-pasek{margin:0 -20px;background:#1F2336;color:var(--zloto);font-weight:900;letter-spacing:.32em;text-indent:.32em;text-transform:uppercase;font-size:1.05rem;padding:12px 0}
.bf-koniec{font-weight:700;font-size:.95rem;margin-top:16px;color:#4a4f63}
.licznik{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}
.licznik div{background:#F1F5F9;border-radius:10px;padding:8px 0 6px}
.licznik b{display:block;font-weight:900;font-size:1.7rem;line-height:1;font-variant-numeric:tabular-nums;color:#1F2336}
.licznik span{font-size:.75rem;font-weight:700;color:#4a4f63}
.omnibus{margin-top:18px;font-size:1.08rem;font-weight:700;background:#FFF4E0;border:2px solid var(--zloto);border-radius:10px;padding:10px 12px}
.omnibus strong{font-weight:900;font-size:1.15em}
.ceny{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}
.cena-stara-red{font-weight:900;font-size:2rem;color:#C62828;text-decoration:line-through;text-decoration-thickness:3px}
.cena-rabat{background:#C62828;color:#fff;font-weight:900;font-size:1.2rem;border-radius:8px;padding:4px 10px;transform:rotate(-4deg)}
.cena-nowa{font-weight:900;font-size:clamp(4.6rem,24vw,6rem);line-height:.95;color:#1B7A3E;letter-spacing:-.03em;margin-top:6px;font-variant-numeric:tabular-nums}
.cena-nowa small{font-size:.4em;letter-spacing:0}
.bf-karta .btn-kup{margin-top:18px}
.bf-bezpiecznie{margin-top:18px;display:grid;gap:12px;text-align:left}
.gw-zwrot{display:flex;gap:12px;align-items:center;font-size:.98rem;line-height:1.35}
.gw-zwrot svg{width:40px;height:40px;flex:none;stroke:var(--las);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.platnosci{display:flex;gap:12px;align-items:center;font-size:.95rem;line-height:1.35}
.platnosci--srodek{justify-content:center;margin-top:18px;color:rgba(255,255,255,.85)}
.blik{flex:none;display:inline-grid;place-items:center;background:#000;color:#fff;font-weight:900;font-size:1.05rem;letter-spacing:.02em;border-radius:7px;padding:5px 9px 6px;line-height:1;font-family:'Lato',sans-serif}
.platnosci--srodek .blik{border:1px solid rgba(255,255,255,.4)}

/* opinie pod ceną */
.opinie-pod{background:var(--krem2)}
.opinie-pod .stoper+.stoper{margin-top:34px}
.opinie-pod .stoper:nth-child(even){transform:rotate(1.2deg)}
.opinie-pod .blog-all{display:block;text-align:center;margin-top:28px;font-size:1.5rem;color:var(--las)}

/* sceptyk, o mnie, faq, domknięcie */
#sceptyk{background:linear-gradient(180deg,#073462,#0E4379)}
#o-mnie .autor{margin-top:22px}
#o-mnie .autor p+p{margin-top:12px}
.close-call .btn-kup{margin-top:24px}

/* półka z książkami zamiast kopert i equalizera */
.ksiazki-edge{position:relative;font-size:0;line-height:0;margin:-1px 0;pointer-events:none}
.ksiazki-edge svg{display:block;width:100%}
/* poprawki po podglądzie 10.11 */
.tuner-lbl{top:80px}
.tuner-edge{padding-bottom:0;height:150px}
@media(max-width:600px){
  .foto-ja .ja-wrap{margin:0 calc(-1*var(--gut))}
  .foto-ja .ja-wrap img{width:100%;margin:0}
  .ja-kolko{width:100%;left:0}
}
#test .notice{padding:26px 16px 22px}
#test .stos-q{white-space:nowrap;font-size:clamp(.98rem,4.7vw,1.35rem);letter-spacing:-.015em}
#cena{background:linear-gradient(180deg,#124429,#195237)}

/* 12.11 — układ jak Leadpages 2025: „A jak znajdziesz na to czas?” przed drogą */
#droga .notice--czas{margin-top:clamp(30px,5vh,46px)}

/* ===== poprawki Piotra 13.11.2026 ===== */
/* przycisk w nawigacji: biała kropka co kilka sekund obiega obrys */
.nav-cta{position:relative}
.nav-cta .obrys{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.nav-cta .obrys rect{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;opacity:0} /* ruch kropki ustawia app-trzy.js */
/* wzór w jednej linii także na telefonie */
.formula{white-space:nowrap;font-size:min(5.9vw,2.3rem)}
/* sekcja „o mnie” */
.hand-cap--pod{margin-top:20px!important}
.hand-cap--pod + .hand-big{margin-top:4px}
.loga-pod{font-family:'Caveat',cursive;font-weight:700;font-size:clamp(1.6rem,6.8vw,2.1rem);line-height:1.1;color:var(--las);margin-top:14px;transform:rotate(-1deg);transform-origin:left;text-wrap:balance}
/* Slot: dwa niższe kadry, napis na zdjęciu */
.slot-duo{display:grid;gap:12px;margin-top:clamp(24px,4vw,40px)}
.slot-duo .ja-wrap{aspect-ratio:2/1;overflow:hidden;border-radius:var(--r-card);box-shadow:0 14px 34px rgba(18,68,41,.18)}
.slot-duo .ja-wrap img{width:100%;height:100%;object-fit:cover;object-position:50% 16.7%;display:block}
.slot-kor{position:relative;margin:0;aspect-ratio:3/2;overflow:hidden;border-radius:var(--r-card);box-shadow:0 14px 34px rgba(18,68,41,.18)}
.slot-kor img{width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block}
.slot-kor::before{content:"";position:absolute;inset:0 0 40% 0;background:linear-gradient(180deg,rgba(10,30,18,.82),rgba(10,30,18,0));z-index:1}
.slot-kor figcaption{position:absolute;z-index:2;left:5%;right:5%;top:5%;font-family:'Caveat',cursive;font-weight:700;font-size:clamp(1.45rem,6.2vw,2rem);line-height:1.08;color:#FEAC32;text-shadow:0 2px 6px rgba(0,0,0,.7);text-wrap:balance}
@media(min-width:760px){ .slot-duo{grid-template-columns:4fr 3fr} }
/* 60 książek: obliczenia zwinięte */
.obl{margin-top:10px}
.obl summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;font-family:'Caveat',cursive;font-weight:700;font-size:1.75rem;line-height:1.1;color:var(--las);border-bottom:3px solid var(--zloto);padding-bottom:2px}
.obl summary::-webkit-details-marker{display:none}
.obl summary::after{content:"";width:10px;height:10px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.obl[open] summary::after{transform:rotate(225deg) translate(-2px,-2px)}
.podkr{background:linear-gradient(transparent 62%, rgba(254,172,50,.95) 62%);padding:0 3px;white-space:nowrap}
/* droga: linia zawsze widoczna po lewej, kroki krótsze */
.route-line{width:4px;background:repeating-linear-gradient(to bottom,#9FB4CC 0 7px,transparent 7px 14px)}
.route-line span{width:4px;background:var(--zloto)}
.route-line span::after{content:"";position:absolute;left:50%;bottom:-7px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--zloto);box-shadow:0 0 0 4px rgba(254,172,50,.3)}
.krok{padding:0 0 0 58px;margin-bottom:clamp(22px,4vh,34px);min-height:46px}
.krok-nr{position:absolute;left:0;top:0}
.krok h3{margin-top:0;padding-top:6px;font-size:1.28rem;background:none}
.krok-sub{font-size:1.3rem;background:none}
.krok-foto{margin:10px 0 0;width:min(66%,240px);background:#fff;padding:5px 5px 6px;border-radius:6px;box-shadow:0 8px 20px rgba(18,68,41,.2);transform:rotate(-1.5deg)}
.krok:nth-child(odd) .krok-foto{transform:rotate(1.3deg)}
.krok-foto img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:3px}
.krok-wiecej{margin-top:12px}
.krok-wiecej summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;font-weight:900;font-size:.95rem;color:#073462;border-bottom:2px solid var(--zloto)}
.krok-wiecej summary::-webkit-details-marker{display:none}
.krok-wiecej summary::after{content:"+";font-weight:900}
.krok-wiecej[open] summary::after{content:"–"}
.krok-wiecej p{font-size:1rem;margin-top:8px;color:#2E3348}
/* pytania pod lekcją: schemat panelu kursu */
.pyt{margin-top:clamp(28px,4vh,44px);background:#fff;border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:20px 20px 22px;display:grid;gap:18px}
.pyt > p{color:#2E3348}
.pyt-panel{position:relative;border:2px solid #073462;border-radius:12px;background:#F4F8FC;padding-bottom:14px}
.pyt-bar{display:flex;align-items:center;gap:5px;background:#073462;color:#fff;border-radius:9px 9px 0 0;padding:8px 10px;font-size:.78rem;font-weight:700}
.pyt-bar i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.45);flex:none}
.pyt-bar span{margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pyt-wideo{margin:12px 12px 0;aspect-ratio:16/7;border-radius:8px;background:linear-gradient(135deg,#124429,#195237);display:grid;place-items:center}
.pyt-wideo svg{width:38px;height:38px;fill:rgba(255,255,255,.55)}
.pyt-pole{margin:12px 12px 0;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:3px solid var(--zloto);border-radius:10px;padding:9px 10px 9px 12px;font-size:.95rem;color:#4a4f63}
.pyt-pole b{background:#073462;color:#fff;border-radius:7px;padding:5px 10px;font-size:.82rem}
.pyt-strzalka{position:absolute;right:18px;bottom:54px;width:92px;height:54px;fill:none;stroke:#FEAC32;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.pyt-tu{position:absolute;right:14px;bottom:106px;font-family:'Caveat',cursive;font-weight:700;font-size:1.6rem;line-height:1;color:#FEAC32;transform:rotate(-5deg)}
@media(min-width:760px){ .pyt{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center} }
/* oferta: mockup w ramce, lista z rysowanymi ikonami */
.mockup-fig{margin:22px auto 0;max-width:420px;background:#fff;padding:7px 7px 8px;border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.35);transform:rotate(-2deg)}
.mockup-fig img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:62% 38%;border-radius:5px}
.pakiet-h{font-family:'Caveat',cursive;font-weight:700;font-size:1.9rem;line-height:1.1;color:var(--zloto);margin-top:28px;transform:rotate(-1deg);transform-origin:left}
.w-pakiecie{display:grid;gap:0;margin-top:6px}
.w-pakiecie li{display:grid;grid-template-columns:70px minmax(0,1fr);gap:16px;align-items:center;background:none;border:0;border-bottom:1px dashed rgba(255,255,255,.3);border-radius:0;padding:12px 0;font-weight:400}
.w-pakiecie li:last-child{border-bottom:0}
.w-pakiecie img{width:70px;height:70px;object-fit:contain;background:none;border-radius:0;padding:0} /* 14.11.2026: żółte odręczne ikony wprost na zielonym tle, bez białych kwadratów (uwaga Piotra) */
.w-pakiecie b{display:block;font-weight:900;font-size:1.08rem;line-height:1.25;color:#fff}
.w-pakiecie span{display:block;font-size:.95rem;line-height:1.35;color:rgba(255,255,255,.84);margin-top:2px}
/* głupoty: numer, mit odręcznie i przekreślony */
#glupoty .opts{grid-template-columns:1fr;gap:16px}
#glupoty .opt{padding:20px 20px 22px}
.gl-nr{font-weight:900;font-size:.78rem!important;letter-spacing:.16em;text-transform:uppercase;color:var(--zloto)!important;margin:0!important}
#glupoty .gl-mit{font-family:'Caveat',cursive;font-weight:700;font-size:clamp(1.7rem,7.4vw,2.2rem);line-height:1.08;color:#fff;margin-top:6px;text-decoration:line-through;text-decoration-color:var(--zloto);text-decoration-thickness:3px;text-wrap:balance}
#glupoty .opt p{font-size:1rem}
#glupoty .opt .ok{display:inline-flex;gap:8px;align-items:center;background:var(--zloto);color:#1F2336;border-radius:999px;padding:6px 12px;font-size:.95rem;margin-top:12px}
#glupoty .opt .ok::before{content:"\2713";font-weight:900}
@media(min-width:760px){ #glupoty .opts{grid-template-columns:1fr 1fr} }

/* ===== poprawki Piotra 13.11.2026, tura 2 ===== */
/* hero: nagłówek w dwóch liniach na telefonie, podpis mniejszy i biały, podtytuł żółty drukiem */
@media(max-width:720px){ .hero-name{font-size:clamp(1.3rem,6.1vw,1.9rem);line-height:1.15;max-width:none} }
.hero-film figcaption{color:#fff;font-size:clamp(1.55rem,6.4vw,2.1rem)}
.hero-sub{font-weight:900;font-size:clamp(1.3rem,5.6vw,1.9rem);line-height:1.2;color:var(--zloto);margin-top:26px;text-wrap:balance;text-align:center}
.hero-lead--linie{margin-top:14px;text-align:center}
.hero-lead--linie span{display:block}
.hero-lead--linie span+span{margin-top:6px}
/* 3 filary */
.co-moge{font-family:'Caveat',cursive;font-weight:700;font-size:clamp(2.1rem,9vw,3rem);line-height:1.05;color:#fff;margin-top:30px;transform:rotate(-1.5deg);transform-origin:left}
.filary-h{font-weight:900;font-size:clamp(1.5rem,6.6vw,2.1rem);line-height:1.15;color:var(--zloto);margin-top:6px}
.filary{display:grid;gap:34px;margin-top:22px}
.filar{display:grid;justify-items:center;text-align:center}
.filar-ik{width:auto;height:150px;max-width:100%;fill:none;stroke:#fff;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.filar-ik--oko{width:100%;height:auto;stroke-width:.9}
.filar h4{font-weight:900;font-size:clamp(1.35rem,5.8vw,1.75rem);line-height:1.2;color:#fff;margin-top:12px;text-wrap:balance}
.filar h4 span{color:var(--zloto)}
.filar p{font-size:1rem;line-height:1.45;color:rgba(255,255,255,.85);margin-top:6px;max-width:34ch}
@media(min-width:760px){ .filary{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start} .filar-ik--oko{width:auto;height:150px} }
/* bio: mniejsze napisy odręczne */
.hand-cap--pod{font-size:clamp(1.5rem,6.4vw,2rem)!important}
.hand-cap--pod + .hand-big{font-size:clamp(1.5rem,6.4vw,2rem)}
.loga-h--hand{font-family:'Caveat',cursive;font-weight:700;font-size:clamp(1.6rem,6.8vw,2.1rem);line-height:1.1;transform:rotate(-1deg);transform-origin:left}
.slot-gpw{margin:0;aspect-ratio:2/1;overflow:hidden;border-radius:var(--r-card);box-shadow:0 14px 34px rgba(18,68,41,.18)}
.slot-gpw img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;display:block}
/* droga: większe zdjęcia, falista linia rysowana skryptem */
.krok-foto{width:min(82%,300px)}
.route-line{left:0;width:44px;background:none}
.route-line span{display:none}
.route-line svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.route-line .fala{fill:none;stroke:#9FB4CC;stroke-width:3;stroke-linecap:round;stroke-dasharray:1 9}
.route-line .fala-postep{fill:none;stroke:var(--zloto);stroke-width:4;stroke-linecap:round}
.route-line .fala-kropka{fill:var(--zloto);stroke:rgba(254,172,50,.3);stroke-width:8}
/* pytania: kadr z prawdziwej lekcji */
.pyt-foto{margin:0}
.pyt-foto img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid #C5D3E3}
/* głupoty rozwijane */
#glupoty .opts{gap:12px}
#glupoty details.gl{padding:0;overflow:hidden}
#glupoty .gl summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:64px minmax(0,1fr) 22px;gap:14px;align-items:center;padding:14px 16px}
#glupoty .gl summary::-webkit-details-marker{display:none}
.gl-foto{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--zloto);display:block}
.gl-tyt{display:grid;gap:3px;min-width:0}
#glupoty .gl-nr{display:block;font-weight:900;font-size:.72rem!important;letter-spacing:.16em;text-transform:uppercase;color:var(--zloto)!important}
#glupoty .gl-mit{display:block;font-size:clamp(1.45rem,6.2vw,1.9rem);margin-top:0}
.gl-plus{position:relative;width:22px;height:22px}
.gl-plus::before,.gl-plus::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:3px;margin:-1.5px 0 0 -9px;background:var(--zloto);border-radius:2px;transition:transform .25s}
.gl-plus::after{transform:rotate(90deg)}
.gl[open] .gl-plus::after{transform:rotate(0)}
#glupoty .gl-body{padding:2px 18px 20px;border-top:1px dashed rgba(255,255,255,.25)}
#glupoty .gl-body p:first-child{margin-top:14px}
#glupoty .gl:not([open]) .gl-mit{text-decoration:line-through;text-decoration-color:var(--zloto);text-decoration-thickness:3px}
@media(max-width:720px){ .hero .hero-inner .hero-name{font-size:min(5.6vw,1.9rem);line-height:1.18;max-width:none} }
/* nawigacja na telefonie: logo bez ściskania, mniejszy hamburger (uwaga Piotra 13.11) */
.brand{flex:none}
.brand .brand-logo{max-width:none}
@media(max-width:720px){
  .nav-cta{padding:8px 13px}
  .nav-burger{width:32px;height:40px}
  .nav-burger span{width:18px}
}
@media(max-width:350px){ .brand .brand-logo{height:24px} .nav-cta{font-size:.78rem;padding:7px 10px} }
/* mockup produktu bez tła, na całą szerokość telefonu (plik Piotra z Canvy, 13.11) */
.mockup-duzy{background:none;padding:0;box-shadow:none;transform:none;border-radius:0;max-width:none;width:calc(100% + 2*var(--gut));margin:6px calc(-1*var(--gut)) -8px}
.mockup-duzy img{aspect-ratio:auto;object-fit:contain;border-radius:0;background:none;filter:drop-shadow(0 18px 28px rgba(0,0,0,.4))}
@media(min-width:640px){ .mockup-duzy{width:100%;max-width:600px;margin:10px auto 0} }
/* czytanie bioniczne w hero: pogrubione początki słów (pomysł Piotra 13.11) */
.bion{font-weight:400;color:#fff;-webkit-text-stroke:.12px #fff}
.bion b{font-weight:900;color:#fff;-webkit-text-stroke:.3px #fff}
.bion span{text-wrap:balance}
/* telefon: węższe marginesy boczne, nagłówek hero na całą szerokość (uwaga Piotra 13.11) */
@media(max-width:720px){
  :root{--gut:14px}
  .hero .hero-inner .hero-name{font-size:min(7.9vw,2.6rem);line-height:1.12;letter-spacing:-.015em}
}

/* ===== poprawki Piotra 13.11.2026, tura 3 ===== */
/* czytanie bioniczne w białym tekście podstawowym (nakłada skrypt) */
.bion-auto{font-weight:400;color:#fff!important;-webkit-text-stroke:.4px #fff}
.bion-auto b,.bion-auto strong{font-weight:900;color:#fff;-webkit-text-stroke:0}
/* 3 filary: równe ikony w stylu z rolek */
img.filar-ik{width:124px;height:124px;object-fit:contain}
.filary{gap:26px}
/* kwadrans */
.kwadrans-rzad{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:14px;align-items:center;margin-top:30px}
.kwadrans-rzad .big-line{margin-top:0}
.kwadrans{width:92px;height:92px;fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-4deg)}
.kwadrans .kw-pole{fill:#FEAC32;stroke:none}
/* dopisek pod logotypami: wyrównany do lewej, cały blok dosunięty w prawo */
.loga-pod{width:fit-content;max-width:100%;margin-left:auto;text-align:left;transform-origin:right}
/* Giełda: napis zasłania grupę, kółko na Piotrze */
.slot-gpw{position:relative}
.gpw-zaslona{position:absolute;inset:0 14% 0 0;background:linear-gradient(90deg,rgba(9,28,17,.93) 0%,rgba(9,28,17,.9) 86%,rgba(9,28,17,0) 100%)}
.gpw-kolko{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.gpw-kolko path{fill:none;stroke:#FEAC32;stroke-width:6;stroke-linecap:round;vector-effect:non-scaling-stroke}
.gpw-napis{position:absolute;left:5%;top:50%;width:70%;transform:translateY(-50%) rotate(-2deg);font-family:'Caveat',cursive;font-weight:700;font-size:clamp(1.5rem,6.8vw,2.3rem);line-height:1.02;color:#FEAC32;text-shadow:0 2px 6px rgba(0,0,0,.6);text-wrap:balance;margin:0}
/* mniejsze odstępy między sekcjami */
#dlaczego{padding-bottom:20px}
#test{padding-top:26px;padding-bottom:18px}
#rachunek{padding-top:22px}
/* obliczenia: napis w jednej linii */
.obl summary{font-size:min(5.7vw,1.7rem);white-space:nowrap}
/* ramka podsumowania */
.krotko{margin-top:26px;background:linear-gradient(180deg,#124429,#195237);border-radius:16px;padding:18px 18px 20px;box-shadow:0 14px 34px rgba(18,68,41,.22)}
.krotko-h{font-family:'Caveat',cursive;font-weight:700;font-size:1.9rem;line-height:1;color:var(--zloto);transform:rotate(-1.5deg);transform-origin:left}
.krotko-t{font-weight:900;font-size:clamp(1.2rem,5.2vw,1.55rem);line-height:1.25;color:#fff;margin-top:8px;text-wrap:balance}
/* głupoty: nagłówek */
.kicker-biala{display:block;color:#fff}
#glupoty .sec-title{white-space:nowrap;font-size:min(7.1vw,2.6rem);letter-spacing:-.01em}
/* fajerwerki na końcu drogi */
.iskra{position:absolute;width:8px;height:8px;margin:-4px;border-radius:50%;pointer-events:none;z-index:4;animation:iskra 1s cubic-bezier(.15,.7,.3,1) forwards}
@keyframes iskra{0%{transform:translate(0,0) scale(1);opacity:1}70%{opacity:1}100%{transform:translate(var(--dx),var(--dy)) scale(.15);opacity:0}}
/* przypis o czytaniu bionicznym pod hero */
.przypis{position:relative;margin:18px auto 0;padding-top:10px;max-width:30em;font-size:.86rem;line-height:1.4;font-weight:700;color:#fff;text-align:center}
.przypis::before{content:"";position:absolute;left:50%;top:0;width:56px;height:2px;margin-left:-28px;background:var(--zloto);border-radius:2px}
.loga-pod{width:max-content;max-width:76%;margin-left:auto;margin-right:0}
/* zamyślony Piotr (naklejka z rolek) nad ramką „Krótko mówiąc” */
.obl-piotr{position:relative;z-index:1;width:min(56%,230px);margin:16px auto -14px}
.obl-piotr img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 14px rgba(18,68,41,.25))}
.obl-piotr + .krotko{position:relative;z-index:2;margin-top:0}
/* dopisek pod logotypami: wyśrodkowany, w dwóch liniach */
.loga-pod{width:auto;max-width:none;margin:16px auto 0;text-align:center;transform:rotate(-1deg);transform-origin:center;text-wrap:balance}
/* pytania: napis na kadrze i strzałka od tekstu do zdjęcia (uwaga Piotra 13.11) */
.pyt-foto{position:relative}
.pyt-napis{position:absolute;left:4%;top:5%;max-width:46%;font-family:'Caveat',cursive;font-weight:700;font-size:clamp(1.5rem,6.6vw,2.1rem);line-height:.98;color:#FEAC32;text-shadow:0 1px 0 rgba(0,0,0,.55),0 2px 8px rgba(0,0,0,.45);transform:rotate(-5deg);transform-origin:left top;margin:0;text-align:left}
.pyt-tekst{position:relative;padding-right:46px}
.pyt-tekst .pyt-strzalka{position:absolute;right:0;top:-44px;bottom:6px;left:auto;width:40px;height:auto;fill:none;stroke:#FEAC32;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.pyt-tekst .pyt-strzalka path{vector-effect:non-scaling-stroke}
@media(min-width:760px){ .pyt-tekst .pyt-strzalka{display:none} .pyt-tekst{padding-right:0} }
/* głupoty: bez przekreślenia, twarze z naklejek w pomarańczowej obwódce (uwaga Piotra 13.11) */
#glupoty .gl-mit,#glupoty .gl:not([open]) .gl-mit{text-decoration:none}
#glupoty .gl summary{grid-template-columns:76px minmax(0,1fr) 22px}
.gl-foto{width:76px;height:76px;border:4px solid #F29100;background:#DBE9F4}
/* biały tekst podstawowy na ciemnym tle: pełna biel i lekkie wzmocnienie kreski, bez czytania bionicznego (Piotr 13.11) */
#czytanie .sec-lead,.filar p,#sceptyk .sec-lead,#glupoty .gl-body p,.w-pakiecie span{color:#fff;-webkit-text-stroke:.25px #fff}