/* Warstwa „premium” — kierunek edytorski, wydawniczy.
   Szeryf (Newsreader) w nagłówkach, ciepły papier zamiast chłodnej szarości, cienkie linie zamiast kafli,
   prawie proste narożniki, przyciski bez ikon. Ładowana jako ostatnia, nadpisuje wcześniejsze arkusze. */
:root{
  --display:'Newsreader',Georgia,'Times New Roman',serif;
  --body:'Aeonik','Helvetica Neue',Arial,sans-serif;
  --paper:#f5f2ec;--paper-deep:#efeae1;--line:#e3ddd2;--rule:#cfc5b5;
  --gold-text:#8a6532;--gold-line:#b8996a;--radius:3px;
}
body{background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3{font-family:var(--display);font-weight:450;letter-spacing:-.012em;font-optical-sizing:auto}
::selection{background:#ecdcbd;color:var(--navy)}

/* Nadtytuły: kapitaliki z rozstrzeleniem i cienką linią, jak paginacja w książce */
.newsletter-v2 .nl-eyebrow,.newsletter-page .exits-eyebrow,.nl-kicker{
  display:flex;align-items:center;gap:14px;margin:0 0 26px;
  font:600 11.5px/1.3 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-text)}
.newsletter-v2 .nl-eyebrow::before,.newsletter-page .exits-eyebrow::before,.nl-kicker::before{
  content:'';flex:none;width:34px;height:1px;background:currentColor;opacity:.55}
.nl-final .nl-eyebrow{color:#dcc08f}

/* Przyciski: jeden główny, bez ikon; drugorzędne akcje jako linki */
.button{gap:0;border-radius:2px;background:var(--navy);color:#fff;font-weight:600;font-size:15px;letter-spacing:.015em;
  box-shadow:none;transition:background .25s,box-shadow .25s}
.button:hover{background:#0b1826;color:#fff;box-shadow:inset 0 -2px 0 var(--gold)}
.button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.header .button-small{min-height:44px;padding:11px 20px;font-size:14px}
.nl-final .button{background:var(--gold);color:var(--navy-deep)}
.nl-final .button:hover{background:var(--gold-hover);box-shadow:inset 0 -2px 0 #fff6}
.button.button-outline{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
.button.button-outline:hover{background:var(--navy);color:#fff;box-shadow:inset 0 -2px 0 var(--gold)}

/* Nagłówek strony */
.header{background:rgba(255,255,255,.9);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom-color:var(--line)}
.header-inner{height:78px}
.header nav a{color:#3b4b58}
.header nav a:hover{color:var(--gold-text)}

/* Hero */
.nl-hero{background:radial-gradient(ellipse 60% 70% at 88% 38%,#f7eedf 0,transparent 70%),linear-gradient(180deg,#fdfcfa,#f7f4ef);overflow:hidden}
.nl-hero-grid{grid-template-columns:1.12fr .88fr;gap:6%;padding-block:84px 100px}
.nl-hero h1{font-weight:400;font-size:clamp(58px,6.6vw,98px);line-height:.96;letter-spacing:-.028em}
.nl-hero h1 span{font-style:italic;font-weight:400;color:var(--gold-text);letter-spacing:-.02em}
.nl-lead{font-size:19px;line-height:1.62;color:#4a5864;margin-top:30px;max-width:32em}

/* Formularz: pole i przycisk jako jedna całość; informacje prawne ciszej, oddzielone linią */
.nl-form{margin-top:38px;max-width:540px}
.nl-form-row{gap:0}
.nl-form .field input{min-height:60px;border-radius:2px 0 0 2px;border-color:var(--rule);border-right:0;background:#fff;font-size:16px;transition:border-color .2s,box-shadow .2s}
.nl-form .field input:focus{outline:none;border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}
.nl-form-row .button{min-height:60px;border-radius:0 2px 2px 0;padding-inline:30px}
.nl-form .field-error{min-height:0}
.nl-form .field-error:not(:empty){min-height:18px;margin-top:6px}
.nl-form-meta{margin-top:12px;font-size:13px;color:#6b7782;letter-spacing:.01em}
.nl-form .newsletter-consent{margin-top:18px;font-size:13px;color:#4a5864}
.nl-privacy{font-size:11.5px;line-height:1.6;color:#7c8792;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);max-width:62ch}
.newsletter-v2 .nl-demo{font-size:11.5px;color:#9a8f7e;margin-top:8px}
.nl-final .nl-privacy{border-top-color:#ffffff1f}
.nl-final .nl-form .field input{border-color:#ffffff38}
.nl-final .nl-form .field input:focus{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.nl-final .nl-form-meta,.nl-final .nl-form .newsletter-consent{color:#c4d0dc}

/* Oś czasu w hero, na tle rysunku uchylonych drzwi */
.nl-timeline{position:relative;isolation:isolate;padding:10px 0}
.nl-doorway{position:absolute;z-index:-1;left:190px;top:50%;height:480px;opacity:.7;width:auto;transform:translateY(-50%);pointer-events:none;overflow:visible}
.nl-doorway .dw-echo rect{fill:none;stroke:#ddd3c3;stroke-width:1}
.nl-doorway .dw-lines *{fill:none;stroke:#c4a877;stroke-width:1;vector-effect:non-scaling-stroke}
.nl-doorway .dw-glow{opacity:.2;animation:dw-breathe 7s ease-in-out infinite}
.nl-doorway .dw-spill{opacity:.45}
@keyframes dw-breathe{50%{opacity:.3}}
.nl-kicker{margin-bottom:30px}
.nl-kicker::before{display:none}
.nl-timeline-list{list-style:none;margin:0;padding:0;position:relative;max-width:450px}
.nl-timeline-list::before{content:'';position:absolute;left:120px;top:21px;bottom:30px;width:1px;background:var(--rule)}
.nl-timeline-list li{position:relative;display:grid;grid-template-columns:96px 1fr;gap:0 48px;padding:10px 0;align-items:start}
.nl-timeline-list li::before{content:'';position:absolute;left:116px;top:19px;width:9px;height:9px;border-radius:50%;background:#fbf9f5;box-shadow:0 0 0 1px var(--gold-line);transition:background .3s,box-shadow .3s}
.nl-timeline-list time{text-align:right;display:flex;flex-direction:column;align-items:flex-end}
.nl-timeline-list time strong{font:400 36px/.9 var(--display);color:var(--ink);font-variant-numeric:lining-nums;letter-spacing:-.02em}
.nl-timeline-list time span{margin-top:7px;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#8b96a0}
.nl-tl-meta{display:flex;align-items:center;gap:10px;font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#8b96a0}
.nl-tl-state:empty{display:none}
.nl-tl-state{padding:3px 8px 2px;letter-spacing:.14em;color:var(--gold-text);box-shadow:inset 0 0 0 1px #d9c29b;border-radius:1px}
.nl-tl-body strong{display:block;margin-top:5px;font:450 23px/1.2 var(--display);color:var(--ink);letter-spacing:-.01em}
.nl-tl-body small{display:block;margin-top:2px;white-space:nowrap;font-size:13.5px;color:#6b7782;font-style:italic;font-family:var(--display)}
.nl-timeline-list li[data-state=next]::before{background:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 0 7px #d7b57b33}
.nl-timeline-list li[data-state=sent]::before{background:var(--navy);box-shadow:0 0 0 1px var(--navy)}
.nl-timeline-list li[data-state=sent] .nl-tl-state{color:#fff;background:var(--navy);box-shadow:none}
.nl-timeline-list li[data-state=upcoming] .nl-tl-body strong,.nl-timeline-list li[data-state=upcoming] time strong{color:#43525f}
.nl-timeline-note{margin:18px 0 0;font-size:13px;line-height:1.5;color:#6b7782}

/* Wejście hero */
@media (prefers-reduced-motion:no-preference){
  .nl-hero-copy>*,.nl-kicker,.nl-timeline-list li,.nl-timeline-note{animation:lf-rise .9s cubic-bezier(.2,.7,.2,1) both}
  .nl-hero-copy>:nth-child(2){animation-delay:.08s}
  .nl-hero-copy>:nth-child(3){animation-delay:.16s}
  .nl-hero-copy>:nth-child(n+4){animation-delay:.24s}
  .nl-kicker{animation-delay:.3s}
  .nl-timeline-list li:nth-child(1){animation-delay:.38s}
  .nl-timeline-list li:nth-child(2){animation-delay:.46s}
  .nl-timeline-list li:nth-child(3){animation-delay:.54s}
  .nl-timeline-list li:nth-child(4){animation-delay:.62s}
  .nl-timeline-list li:nth-child(5){animation-delay:.7s}
  .nl-timeline-note{animation-delay:.8s}
  .nl-doorway{animation:lf-fade 1.6s .2s ease-out both}
}
@media (prefers-reduced-motion:reduce){.nl-doorway .dw-glow{animation:none}}
@keyframes lf-rise{from{opacity:0;transform:translateY(14px)}}
@keyframes lf-fade{from{opacity:0}}

/* Nagłówki sekcji */
.nl-section-head{margin-bottom:56px}
.nl-section-head h2,.exits-top h2,.nl-faq h2{font-weight:400;font-size:clamp(38px,4.2vw,58px);line-height:1.04;letter-spacing:-.022em}
.nl-section-head p{font-size:16.5px;color:#56636e}

/* Co dostaniesz: kolumny edytorskie zamiast kafli */
.nl-what-grid{gap:0 56px}
.nl-what-grid li{background:none;border-radius:0;padding:26px 0 0;border-top:1px solid var(--ink)}
.nl-what-num{position:static;order:-1;margin-bottom:26px;font:italic 400 17px/1 var(--display);color:var(--gold-text)}
.nl-what-grid h3{font-size:30px;font-weight:450;line-height:1.1}
.nl-what-grid p{font-size:16px;line-height:1.65;color:#56636e;margin-top:14px}
.nl-what-grid p.nl-what-example{font:italic 400 19px/1.45 var(--display);color:var(--ink);margin-top:18px}
.nl-what-grid li{display:flex;flex-direction:column}
.nl-what-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:auto;padding-top:24px;font-size:13px;font-weight:500;color:#5c6873}
.nl-what-grid p.nl-what-meta{flex:0;font-size:13px;color:#5c6873}
.nl-what-meta span{display:inline-flex;align-items:center;gap:8px}
.meta-icon,.kit-icon{flex:none;width:15px;height:15px;fill:none;stroke:var(--gold-line);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Harmonogram z drzwiami */
.newsletter-v2 .exits-section{background:linear-gradient(180deg,var(--paper),#f8f6f2 45%,var(--paper))}
.newsletter-page .exits-top>p{color:#56636e}
.network-toolbar p,.network-bottom p{color:#6b7782}
.door-frame{background:#16232f;border-radius:1px}
.door-leaf{background:linear-gradient(115deg,#fdfcf9,#f1ece3);box-shadow:inset 0 0 0 1px #d6ccbc}
.door-leaf::before,.door-leaf::after{content:'';position:absolute;left:17%;right:17%;border:1px solid #ddd3c4;pointer-events:none}
.door-leaf::before{top:24%;height:28%}
.door-leaf::after{top:58%;bottom:9%}
.door-number{top:16px;left:17%;font:400 26px/1 var(--display);color:#8d7c63}
.door-handle{background:#a88a5c}
.door-handle::before{background:inherit}
.door-caption{font-family:var(--display);font-weight:450;font-size:21px}

.door-choice[aria-pressed=true] .door-leaf{background:linear-gradient(110deg,#e3c38e,#bb8f55);box-shadow:inset 0 0 0 1px #d4b17c}
.door-choice[aria-pressed=true] .door-leaf::before,.door-choice[aria-pressed=true] .door-leaf::after{border-color:#9d7440}
.door-choice[aria-pressed=true] .door-number{color:#4a3419}
.door-choice[aria-pressed=true] .door-caption{color:var(--gold-text)}
.newsletter-page .door-choice:disabled .door-frame{filter:none;opacity:1;background:transparent}
.newsletter-page .door-choice:disabled .door-leaf{background:transparent;box-shadow:inset 0 0 0 1px var(--rule)}
.newsletter-page .door-choice:disabled .door-leaf::before,.newsletter-page .door-choice:disabled .door-leaf::after{border-color:var(--line)}
.newsletter-page .door-choice:disabled .door-number{color:#b3a791}
.newsletter-page .door-choice:disabled .door-handle{background:#c9bca6}
.newsletter-page .door-choice:disabled .door-caption{opacity:1;color:#6f7b85}
.newsletter-page .door-lock{top:12px;right:12px;bottom:auto;width:auto;height:auto;background:none;color:#b3a791}
.exit-network .exit-panel{border-radius:var(--radius);box-shadow:0 1px 0 var(--line),0 24px 60px #3a2c1512}
.exit-network .exit-panel h3{font-weight:400;letter-spacing:-.02em}
.exit-question p{font:italic 400 22px/1.4 var(--display);color:var(--ink)}
.door-sub{display:block;margin-top:6px;font:italic 400 14px/1.35 var(--display);color:#6f7b85}
.door-choice[aria-pressed=true] .door-sub{color:#8a6f4b}

/* Pakiet wybranego odcinka: status, zawartość, zapis — bez grafiki, działa dla każdego tygodnia */
.episode-kit{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr) auto;gap:40px;align-items:center;margin-top:16px;padding:32px 36px;border-radius:var(--radius);
  background:radial-gradient(ellipse 60% 120% at 0 0,#1f3346 0,#142536 60%,#0f1d2b);color:#fff;box-shadow:0 24px 60px #0e1c2926}
.episode-kit-label{display:block;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#dcc08f}
.episode-kit-date{display:block;margin-top:8px;font:400 28px/1.15 var(--display);letter-spacing:-.01em;color:#fff}
.episode-kit-date::first-letter{text-transform:uppercase}
.episode-kit-note{margin-top:8px;font-size:14px;line-height:1.5;color:#b9c6d2}
.episode-kit-items{list-style:none;margin:0;padding:0 0 0 40px;border-left:1px solid #ffffff1f;display:grid;gap:18px}
.episode-kit-items li{display:flex;gap:14px;align-items:flex-start}
.episode-kit-items .kit-icon{width:18px;height:18px;margin-top:2px;stroke:#d7b57b}
.episode-kit-items span{font-size:13.5px;line-height:1.45;color:#b9c6d2}
.episode-kit-items strong{display:block;font:450 19px/1.25 var(--display);color:#fff;margin-bottom:2px}
.episode-kit .button{background:var(--gold);color:var(--navy-deep);white-space:nowrap}
.episode-kit .button:hover{background:var(--gold-hover);box-shadow:inset 0 -2px 0 #fff6}
.exits-footer p{font:400 26px/1.35 var(--display);letter-spacing:-.01em}
.exits-footer p strong{font-weight:500;font-style:italic}

/* Autor */
.nl-author-photo{border-radius:2px}
.nl-author-copy h2{font-weight:400;font-size:clamp(34px,3.6vw,50px);line-height:1.08;letter-spacing:-.02em}
.nl-author-copy blockquote{border-left:1px solid var(--gold-line);padding-left:26px;font:italic 400 25px/1.45 var(--display);color:var(--ink)}
.nl-author-facts{border-top-color:var(--line)}
.nl-author-facts strong{font:450 24px/1.2 var(--display)}

/* Książka */
.nl-book{background:linear-gradient(120deg,#efe8dc,#f5f1ea 55%,#ebe4d8)}
.nl-book-grid h2{font-weight:400;font-size:clamp(34px,3.6vw,50px);line-height:1.08;letter-spacing:-.02em}

/* FAQ */
.nl-faq .faq-list summary h3{font:450 22px/1.3 var(--display);letter-spacing:-.005em}
.nl-faq .faq-list details,.nl-faq .faq-list>details:first-child{border-color:var(--line)}
.nl-faq .details-content p{font-size:16px;line-height:1.65}

/* Zapis końcowy */
.nl-final{background:radial-gradient(ellipse 70% 90% at 12% 0,#1f3346 0,#142536 55%,#0e1c29)}
.nl-final h2{font-weight:400;font-size:clamp(42px,4.8vw,66px);line-height:1.02;letter-spacing:-.025em}
.brand{display:inline-flex;align-items:center}
.brand-logo{display:block;width:126px;height:auto}
.footer .brand-logo{width:104px}
@media(max-width:600px){.header .brand-logo{width:106px}}

@media(max-width:1000px){
  .episode-kit{grid-template-columns:1fr 1.4fr;gap:28px 36px}
  .episode-kit .button{grid-column:1/-1;justify-self:start}
  .nl-hero-grid{grid-template-columns:1fr;gap:64px;padding-block:56px 72px}
  .nl-timeline{max-width:560px}
  .nl-doorway{left:190px;height:480px}
  .nl-what-grid{gap:0}
  .nl-what-grid li{display:flex;padding:24px 0 30px}
  .nl-what-grid li+li{margin-top:6px}
}
@media(max-width:600px){
  .nl-hero h1{font-size:clamp(48px,14vw,64px)}
  .nl-form-row{grid-template-columns:1fr}
  .nl-form .field input{border-right:1px solid var(--rule);border-radius:2px}
  .nl-form-row .button{border-radius:2px;width:100%;margin-top:10px}
  .nl-doorway{left:auto;right:-90px;height:440px;opacity:.5}
  .nl-timeline-list li{grid-template-columns:82px 1fr;gap:0 34px}
  .nl-timeline-list::before{left:99px}
  .nl-timeline-list li::before{left:95px}
  .nl-timeline-list time strong{font-size:30px}
  .nl-timeline-list time span{font-size:9.5px;letter-spacing:.12em}
  .nl-timeline-note{margin-left:0}

  .nl-tl-body strong{font-size:20px}
  .nl-tl-body small{white-space:normal}
  .exits-footer p{font-size:21px}
  .episode-kit{grid-template-columns:1fr;padding:26px 22px}
  .door-sub{display:none}
  .episode-kit-items{padding:22px 0 0;border-left:0;border-top:1px solid #ffffff1f}
  .episode-kit .button{width:100%}
  .nl-author-copy blockquote{font-size:20px}
  .nl-faq .faq-list summary h3{font-size:19px}
}

/* Autor: zdjęcie na pełną wysokość kolumny tekstu */
@media(min-width:801px){
  .nl-author{align-items:stretch}
  .nl-author-photo{aspect-ratio:auto;height:100%;min-height:440px}
}

/* Książka: mockup prawdziwej okładki, pochylony i ucięty dolną krawędzią sekcji */
.nl-book-grid img.book-mockup{width:min(100%,370px);margin:44px auto -130px;transform:rotate(-6deg);transform-origin:50% 60%;filter:none}
@media(max-width:800px){.nl-book-grid img.book-mockup{width:210px;margin:40px auto -40px}}

/* Autor: dane z biogramu pod faktami */
.nl-author-cv{margin:26px 0 0;padding:0;display:grid;gap:14px}
.nl-author-cv>div{display:grid;grid-template-columns:128px 1fr;gap:20px;align-items:baseline}
.nl-author-cv dt{font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-text)}
.nl-author-cv dd{margin:0;font-size:15px;line-height:1.55;color:#4a5864}
@media(min-width:801px){.nl-author{grid-template-columns:.72fr 1fr;gap:7%}}
@media(max-width:600px){.nl-author-cv>div{grid-template-columns:1fr;gap:4px}}

/* Po zapisie: zwarty panel potwierdzenia w miejscu formularza — nie wyższy niż formularz, więc hero się nie rozpycha */
.nl-success{position:relative;display:grid;grid-template-columns:44px 1fr;gap:0 20px;margin-top:38px;max-width:540px;padding:22px 26px 18px;background:#fff;color:var(--ink);border:1px solid #e6d6b8;border-top:2px solid var(--gold);border-radius:3px;box-shadow:0 20px 50px #3a2c1514}
.nl-final .nl-success{margin-top:0;box-shadow:0 20px 50px #0006}
@media (prefers-reduced-motion:no-preference){.nl-success:not([hidden]){animation:lf-rise .6s cubic-bezier(.2,.7,.2,1) both}}
.nl-success-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f8f0e1;box-shadow:inset 0 0 0 1px #ead9b8}
.nl-success-icon svg{width:20px;height:20px;fill:none;stroke:var(--gold-text);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.nl-success-kicker{font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-text)}
.nl-success h3{margin-top:5px;font:450 25px/1.15 var(--display);letter-spacing:-.015em;color:var(--ink)}
.nl-success h3:focus{outline:none}
.nl-success-lead{margin-top:8px;font-size:14.5px;line-height:1.55;color:#4a5864}
.nl-success-lead strong{color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.nl-success-next{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:14.5px;font-weight:500;color:var(--ink)}
.nl-success-next::before{content:'';flex:none;width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #d7b57b33}
.nl-success-note{margin-top:8px;font-size:12.5px;line-height:1.5;color:#6b7782}
.nl-success-retry{padding:0;background:none;border:0;font:inherit;color:var(--gold-text);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.nl-success-retry:hover{color:var(--ink)}
.nl-success-retry:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:600px){.nl-success{grid-template-columns:1fr;padding:20px 20px 18px}.nl-success-icon{display:none}.nl-success h3{font-size:22px}}
@media(min-width:601px) and (max-width:1000px){.nl-final .nl-success{grid-template-columns:1fr}.nl-final .nl-success-icon{display:none}}

/* Stopka: dyskretny podpis wykonawcy (Esumo) */
.footer-credit{font-size:13px;color:#8796a4}
.footer>.container>.footer-credit{margin-left:auto}
.footer-credit a{color:#b4c0ca;text-decoration:underline;text-decoration-color:rgba(255,255,255,.2);text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}
.footer-credit a:hover,.footer-credit a:focus-visible{color:#fff;text-decoration-color:var(--gold)}
@media(max-width:600px){.footer>.container>.footer-credit{grid-column:1;grid-row:3}}
