/* Tokeny (kolory, fonty, wymiary) są w tokens.css - wspólne dla całego serwisu. */
*{margin:0;padding:0;box-sizing:border-box}

html{scroll-behavior:smooth}

body{font-family:var(--body);color:var(--ink);background:var(--paper);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased}

img{max-width:100%;display:block}

a{color:inherit}

:focus-visible{outline:3px solid var(--rec);outline-offset:3px;border-radius:4px}

.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}

h1,h2,h3{font-family:var(--display);font-stretch:112%;line-height:1.12;letter-spacing:-.01em}

h1{font-size:clamp(1.875rem,5.2vw,3.5rem);font-weight:800}

h2{font-size:clamp(1.5rem,3.4vw,2.5rem);font-weight:750;margin-bottom:.6em}

h3{font-size:1.0625rem;font-weight:700}

p{max-width:68ch}


/* --- timecode section labels (sygnatura: konwencja reżyserki) --- */
.tc{font-family:var(--body);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:.7rem;margin-bottom:1.1rem}

.tc::before{content:"";width:34px;height:1px;background:currentColor;opacity:.5}

.tc b{color:var(--rec-text);font-weight:500}


/* --- nagłówek i stopka: wygląd w site-chrome.css (wspólny dla całego serwisu) --- */
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}

.logo{font-family:var(--display);font-weight:800;font-stretch:115%;font-size:1.0625rem;text-decoration:none;letter-spacing:-.01em}

.logo span{color:var(--rec)}

.nav-links{display:flex;gap:1.6rem;list-style:none;align-items:center}

.nav-links a{text-decoration:none;font-size:.95rem;font-weight:500;color:#EDEEF0}

.nav-links a:hover{color:#4FA0FF}

.btn{display:inline-block;padding:.8rem 1.5rem;border-radius:999px;font-weight:600;font-size:.95rem;text-decoration:none;transition:transform .15s ease,background .15s ease;border:1px solid transparent}

.btn:hover{transform:translateY(-1px)}

.btn-rec{background:#0468C9;color:#fff}  /* ciemniejszy wariant --rec: bialy tekst ma kontrast AA */

.btn-rec:hover{background:#035AA6}

.btn-ghost{border-color:var(--line-dark);color:#fff}

.btn-ghost:hover{background:rgba(255,255,255,.08)}

/* wariant na jasnym tle (np. sekcja pakietów na białym) - ciemna czcionka, żeby był widoczny */
.btn-ghost.on-light{border-color:var(--line);color:var(--ink)}

.btn-ghost.on-light:hover{background:rgba(20,22,26,.06)}

.btn-dark{background:var(--ink);color:#fff}

/* menu mobilne: hamburger - reguły w site-chrome.css (nie chowamy tu pozycji) */

/* --- hero (reżyserka: ciemna sekcja) --- */
.hero{background:var(--ink);color:#fff;padding:4rem 0 4.5rem;position:relative;overflow:hidden}

.hero::after{content:"";position:absolute;inset:0;background:
  radial-gradient(900px 420px at 82% -10%,rgba(5,134,254,.22),transparent 60%),radial-gradient(600px 320px at 30% 115%,rgba(128,88,253,.18),transparent 55%),
  radial-gradient(700px 380px at -8% 108%,rgba(255,255,255,.05),transparent 55%);pointer-events:none}

.hero .wrap{position:relative;z-index:1}

/* v15: usunięto martwe .onair/.dot/@keyframes pulse - pierwszy header strony głównej
   to teraz breadcrumb „Storymakers Space / Strona główna" (spójnie z podstronami). */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero h1 em,.hero .hero-title em{font-style:normal;color:var(--rec)}

.hero .hero-kicker{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#4D9FE6;line-height:1.4;margin:0 0 1rem}

.hero .hero-title{font-size:clamp(1.875rem,5.2vw,3.5rem);font-weight:800;margin:0}

.lead{font-size:1.0625rem;color:var(--ink-2);margin:1.4rem 0 2rem;max-width:62ch}

.hero .lead,.page-hero .lead{color:#C9CCD2}

.hero-cta{display:flex;gap:.9rem;flex-wrap:wrap;margin-bottom:3rem}

.facts-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-dark);border:1px solid var(--line-dark);border-radius:var(--r);overflow:hidden}

.facts-strip div{background:var(--ink-2);padding:1.05rem 1.2rem}

.facts-strip strong{display:block;font-family:var(--display);font-stretch:110%;font-size:1.25rem;font-weight:750}

.facts-strip span{font-size:.8rem;color:var(--muted-light)}
@media(max-width:820px) {.facts-strip{grid-template-columns:1fr 1fr}}


/* --- sections --- */
section{padding:4.5rem 0}

/* Rytm modulow: sasiadujace sekcje o TYM SAMYM tle nie dubluja pionowego
   odstepu (4.5 + 4.5 rem dawalo 144 px pustki w srodku strony) - druga
   z pary traci padding-top, wiec laczny odstep to 4.5 rem. Przy zmianie
   tla (jasne-ciemne, paper-alt) zostaje pelne przejscie 9 rem. */
section:not(.sec-dark):not(.sec-alt):not(.hero) + section:not(.sec-dark):not(.sec-alt):not(.hero),
.sec-alt + .sec-alt,
.sec-dark + .sec-dark{padding-top:0;display:flow-root}  /* flow-root: bez padding-top margines pierwszego dziecka wyplywalby nad sekcje */
.hero + .sec-dark{padding-top:.5rem}

.sec-alt{background:var(--paper-2)}

.sec-dark{background:var(--ink);color:#fff}
.sec-dark .tc b{color:#4D9FE6}  /* --rec-text na ciemnym spada do 3:1 */
#founders .svc p{color:#C9CCD2}  /* --muted na karcie --ink-2 dawal 3:1 */

.sec-dark .tc{color:var(--muted-light)}

.sec-dark p{color:#C9CCD2}


/* --- answer box (cytowalny blok AEO) --- */
.answer{border-left:4px solid transparent;border-image:linear-gradient(180deg,#0586FE,#8058FD) 1;background:#fff;border-radius:0 var(--r) var(--r) 0;padding:1.6rem 1.9rem;box-shadow:0 1px 2px rgba(20,22,26,.05);font-size:1.0625rem;max-width:74ch}

.answer strong{font-weight:600}


/* --- studios grid --- */
.grid{display:grid;gap:1.4rem}

.grid-4{grid-template-columns:repeat(4,1fr)}

.grid-3{grid-template-columns:repeat(3,1fr)}

.grid-2{grid-template-columns:1fr 1fr}
@media(max-width:980px) {.grid-4{grid-template-columns:1fr 1fr}
.grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:640px) {.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}

.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}

.card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(20,22,26,.09)}

.ph{aspect-ratio:16/9;background:linear-gradient(135deg,#24272E,#3A3E48);display:flex;align-items:flex-end;padding:.9rem;position:relative}

.ph::before{content:"LIVE";position:absolute;top:.8rem;left:.9rem;font-family:var(--body);font-size:.68rem;letter-spacing:.15em;color:#fff;opacity:.85;padding-left:1rem;background:radial-gradient(circle at .32rem 52%,#FF2E2E .26rem,transparent .3rem)}

.ph span{font-family:var(--body);font-size:.72rem;color:rgba(255,255,255,.7);letter-spacing:.1em}

.card-body{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:.5rem;flex:1}

.chip{align-self:flex-start;font-family:var(--body);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;background:var(--rec-soft);color:var(--rec-text);border-radius:999px;padding:.28rem .7rem}

.card-body p{font-size:.95rem;color:var(--muted)}

.cap{font-family:var(--body);font-size:.8rem;color:var(--ink-2);margin-top:auto}


/* --- facts table --- */
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:.95rem}

caption{caption-side:bottom;font-size:.8rem;color:var(--muted);text-align:left;padding:.7rem .2rem;font-family:var(--body)}

th,td{padding:.85rem 1.1rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}

tr:last-child th,tr:last-child td{border-bottom:none}

th{width:34%;font-weight:600;background:var(--paper-2);font-family:var(--body);font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2)}

.table-scroll{overflow-x:auto;border-radius:var(--r)}


/* --- services --- */
.svc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.5rem 1.5rem 1.6rem}

.svc h3{margin-bottom:.45rem}

.svc p{font-size:.95rem;color:var(--muted)}


/* --- process --- */
.steps{list-style:none;display:grid;gap:0;counter-reset:step;border-left:1px solid var(--line-dark);margin-left:.4rem}

.steps li{position:relative;padding:0 0 2rem 2rem}

.steps li:last-child{padding-bottom:0}

.steps li::before{counter-increment:step;content:"0" counter(step);position:absolute;left:-1.35rem;top:-.15rem;background:var(--ink);border:1px solid var(--line-dark);color:#fff;font-family:var(--body);font-size:.72rem;width:2.6rem;height:2.6rem;border-radius:50%;display:flex;align-items:center;justify-content:center}

.steps h3{color:#fff;margin-bottom:.25rem}

.steps p{font-size:.95rem}


/* --- honest section --- */
.honest{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
@media(max-width:820px) {.honest{grid-template-columns:1fr}}

.honest .col{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.6rem}

.honest ul{list-style:none;display:grid;gap:.75rem;margin-top:1rem}

.honest li{padding-left:1.7rem;position:relative;font-size:.95rem}

.honest .yes li::before{content:"";position:absolute;left:0;top:.42em;width:.85rem;height:.85rem;border-radius:50%;background:var(--green)}

.honest .no li::before{content:"";position:absolute;left:.1rem;top:.5em;width:.7rem;height:.7rem;border-radius:50%;border:2px solid var(--muted-light)}


/* --- FAQ --- */
.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin-bottom:.8rem}

.faq summary{cursor:pointer;padding:1.15rem 1.4rem;font-weight:600;font-family:var(--display);font-stretch:106%;font-size:1.0625rem;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center}

.faq summary::-webkit-details-marker{display:none}

.faq summary::after{content:"+";font-family:var(--body);font-size:1.25rem;color:var(--rec);flex-shrink:0;transition:transform .2s}

.faq details[open] summary::after{transform:rotate(45deg)}

.faq .a{padding:0 1.4rem 1.25rem;color:var(--muted);font-size:.95rem;max-width:75ch}


/* --- contact / dojazd --- */
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:stretch}
@media(max-width:900px) {.contact-grid{grid-template-columns:1fr}}

.contact-map-col{display:flex;flex-direction:column;gap:1rem;min-height:100%}

.map-embed{flex:1;min-height:380px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line-dark);background:#1b1e23}

.map-embed iframe{width:100%;height:100%;min-height:380px;border:0;display:block}

.map-btn{align-self:flex-start}

.map-hint{font-size:.95rem;color:var(--muted-light)}
@media(max-width:900px) {.map-embed{min-height:300px}}

.contact-card{background:var(--ink-2);border:1px solid var(--line-dark);border-radius:var(--r);padding:1.8rem}

.contact-card dl{display:grid;gap:1rem}

.contact-card dt{font-family:var(--body);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-light)}

.contact-card dd{font-size:1.0625rem}

.contact-card a{color:#fff;text-decoration-color:var(--rec);text-underline-offset:4px}


/* --- footer: wygląd w site-chrome.css (wspólny dla całego serwisu) --- */

/* --- v2: oś czasu marki --- */
.timeline{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:1.8rem}
@media(max-width:820px) {.timeline{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:460px) {.timeline{grid-template-columns:minmax(0,1fr)}}

.timeline li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1.3rem}

.timeline .yr{font-family:var(--body);color:var(--purple);font-size:.95rem;letter-spacing:.08em;display:block;margin-bottom:.3rem}

.timeline p{font-size:.95rem;color:var(--muted)}

/* --- v2: cennik --- */
.price-note{font-family:var(--body);font-size:.8rem;color:var(--muted);margin-top:.8rem}

td.pr{font-family:var(--body);white-space:nowrap;font-weight:500}

/* --- v2: klienci --- */
/* v15: pasek klientów jako automatyczny marquee (przewija się w kółko, pauza na hover) */
.clients{margin-top:1.4rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}

.clients-track{display:flex;align-items:center;gap:.6rem 2rem;width:max-content;animation:clients-scroll 55s linear infinite;font-family:var(--body);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

.clients:hover .clients-track{animation-play-state:paused}

.clients-track span{white-space:nowrap;border-bottom:2px solid var(--line);padding-bottom:2px}

@keyframes clients-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce) {.clients-track{animation:none;flex-wrap:wrap}}

/* --- v2: tagline --- */
.tagline{font-family:var(--body);font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-light);margin-top:1.6rem}


/* --- podstrony: hero mini --- */
.page-hero{background:var(--ink);color:#fff;padding:4rem 0 3rem;position:relative}

.page-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--grad)}

.crumbs{font-family:var(--body);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-light);margin-bottom:1rem}

.crumbs a{color:var(--muted-light);text-decoration:none}

.crumbs a:hover{color:#fff}

/* --- prose (poradnik) --- */
.prose{max-width:76ch}

.prose h2{margin-top:2.6em}

.prose h3{margin-top:1.8em;margin-bottom:.5em}

.prose p{margin-bottom:1em}

.prose ul,.prose ol{margin:0 0 1.2em 1.3em}

.prose li{margin-bottom:.45em}

.callout{border:1px solid var(--line);border-left:4px solid var(--green);background:#fff;border-radius:0 var(--r) var(--r) 0;padding:1.2rem 1.5rem;margin:1.6rem 0;font-size:.95rem}

.callout.blue{border-left-color:var(--blue)}

.callout.purple{border-left-color:var(--purple)}

.callout b.k{font-family:var(--body);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;display:block;margin-bottom:.5rem;color:var(--muted)}

.toc{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.4rem 1.6rem;margin:2rem 0}

.toc ol{margin:0;padding-left:1.2rem;columns:2;gap:2.5rem;font-size:.95rem}
@media(max-width:700px) {.toc ol{columns:1}}

.toc a{text-decoration:none;color:var(--ink-2)}

.toc a:hover{color:var(--blue)}

.num-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;border-radius:50%;background:var(--purple-soft);color:var(--purple);font-family:var(--body);font-size:.8rem;margin-right:.6rem}

.pill-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}
@media(max-width:700px) {.pill-grid{grid-template-columns:1fr}}

.pill-grid .p{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.3rem;font-size:.95rem}

.pill-grid .p b{display:block;margin-bottom:.3rem}


/* --- v3: hero photo --- */
.hero-photo{margin-top:3rem;border-radius:var(--r);overflow:hidden;border:1px solid var(--line-dark);box-shadow:0 20px 60px rgba(0,0,0,.4)}

.hero-photo img{width:100%;height:auto;display:block}

.hero-photo figcaption{font-family:var(--body);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-light);padding:.7rem 1rem;background:var(--ink-2)}

/* --- v3: galeria --- */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2.2rem}
@media(max-width:900px) {.gallery{grid-template-columns:1fr 1fr}}

.gallery figure{margin:0;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#fff}

.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .25s ease}

.gallery figure:hover img{transform:scale(1.03)}

.gallery figcaption{font-family:var(--body);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:.55rem .8rem}

/* --- v3: kalkulator ceny --- */
.calc{background:var(--ink);color:#fff;border-radius:var(--r);padding:1.8rem;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:1.2rem;align-items:end}
@media(max-width:820px) {.calc{grid-template-columns:1fr}}

.calc label{display:block;font-family:var(--body);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-light);margin-bottom:.5rem}

.calc select,.calc input{width:100%;padding:.8rem 1rem;border-radius:10px;border:1px solid var(--line-dark);background:var(--ink-2);color:#fff;font-family:var(--body);font-size:.95rem}

.calc-result{background:var(--ink-2);border:1px solid var(--line-dark);border-radius:10px;padding:1rem 1.2rem;min-height:4.6rem}

.calc-result small{display:block;font-family:var(--body);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-light)}

.calc-result strong{font-family:var(--display);font-stretch:110%;font-size:1.5rem;font-weight:750;display:block;margin:.15rem 0}

.calc-result span{font-size:.8rem;color:var(--muted-light)}

/* --- v3: quiz --- */
.quiz{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.8rem;margin:1.8rem 0}

.quiz-progress{height:4px;background:var(--paper-2);border-radius:99px;overflow:hidden;margin-bottom:1.2rem}

.quiz-progress i{display:block;height:100%;background:var(--grad);width:0;transition:width .25s ease}

.quiz-count{font-family:var(--body);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem}

.quiz-q{font-family:var(--display);font-stretch:108%;font-weight:700;font-size:1.0625rem;margin-bottom:1.2rem;min-height:3.2em}

.quiz-answers{display:flex;gap:.8rem}

.quiz-answers button{flex:1;padding:.9rem;border-radius:999px;border:1px solid var(--line);background:var(--paper);font-family:var(--body);font-weight:600;font-size:.95rem;cursor:pointer;transition:background .15s}

.quiz-answers button:hover{background:var(--rec-soft);border-color:var(--rec)}

.quiz-result{display:none;text-align:center}

.quiz-result.is-visible{display:block}

.quiz-score{font-family:var(--display);font-stretch:115%;font-size:2.5rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* --- v3: formularz kontaktowy --- */
.cform{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:700px) {.cform{grid-template-columns:1fr}}

.cform label{display:block;font-family:var(--body);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-light);margin-bottom:.4rem}

.cform input,.cform select,.cform textarea{width:100%;padding:.8rem 1rem;border-radius:10px;border:1px solid var(--line-dark);background:var(--ink);color:#fff;font-family:var(--body);font-size:.95rem}
/* checkbox w .cform nie jest polem tekstowym - bez width:100% i paddingu */
.cform input[type="checkbox"]{width:1.05rem;height:1.05rem;min-width:1.05rem;padding:0;margin:0;flex:0 0 auto;accent-color:#4D9FE6;border-radius:4px}

.cform textarea{min-height:6.5rem;resize:vertical}

.cform .full{grid-column:1/-1}

.cform-status{font-family:var(--body);font-size:.8rem;color:#1E7A3D;min-height:1.2em}

/* --- v3: wiedza --- */
.art-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.5rem;display:flex;flex-direction:column;gap:.55rem;transition:transform .18s ease,box-shadow .18s ease}

.art-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(20,22,26,.09)}

.art-card .cat{font-family:var(--body);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rec-text)}

.art-card h3{font-size:1.0625rem}

.art-card p{font-size:.95rem;color:var(--muted);flex:1}

.art-card a.cover{position:absolute;inset:0;border-radius:var(--r)}

.art-card .rt{font-family:var(--body);font-size:.72rem;color:var(--muted)}

.article-checklist{counter-reset:n;list-style:none;margin:0 0 1.2em 0 !important;padding:0}

.article-checklist li{padding-left:2.4rem;position:relative;margin-bottom:.55em}

.article-checklist li::before{counter-increment:n;content:counter(n,decimal-leading-zero);position:absolute;left:0;top:.1em;font-family:var(--body);font-size:.8rem;color:var(--rec-text)}

.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.2rem 0}
@media(max-width:700px) {.score-grid{grid-template-columns:1fr}}

.score-grid>div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.2rem}

.score-grid strong{display:block;font-family:var(--body);color:var(--purple);margin-bottom:.4rem}

.score-grid p{font-size:.95rem;color:var(--muted);margin:0}

.article-table{overflow-x:auto;border-radius:var(--r);margin:1.2rem 0}

.article-table th{width:auto}

blockquote{border-left:4px solid var(--purple);padding:.6rem 0 .6rem 1.3rem;margin:1.4rem 0;font-family:var(--display);font-stretch:106%;font-weight:600;font-size:1.0625rem}


/* --- v4: mini-nav wyboru ścieżki --- */
.buy-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.8rem}
@media(max-width:820px) {.buy-nav{grid-template-columns:1fr}}

.buy-nav a{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1.4rem;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}

.buy-nav a:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(20,22,26,.08)}

.buy-nav b{display:block;font-family:var(--display);font-stretch:108%;font-size:1.0625rem;margin-bottom:.25rem}

.buy-nav span{font-size:.95rem;color:var(--muted)}

.buy-nav .k{font-family:var(--body);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--rec-text);display:block;margin-bottom:.5rem}

/* --- v4: pakiety kompleksowe --- */
.pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:2rem;align-items:stretch}
@media(max-width:900px) {.pkg-grid{grid-template-columns:1fr}}

.pkg{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.7rem 1.6rem;display:flex;flex-direction:column}

.pkg.featured{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;box-shadow:0 14px 40px rgba(20,22,26,.10)}

.pkg .badge{position:absolute;top:-0.85rem;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;font-family:var(--body);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;padding:.4rem .9rem;border-radius:999px;white-space:nowrap}

.pkg h3{font-size:1.25rem;margin-bottom:.2rem}

.pkg .sub{font-family:var(--body);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}

.pkg .hero-line{font-family:var(--display);font-stretch:110%;font-weight:750;font-size:1.5rem;margin-bottom:1rem}

.pkg .hero-line small{display:block;font-family:var(--body);font-weight:400;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:.2rem}

.pkg ul{list-style:none;display:grid;gap:.55rem;margin:0 0 1.3rem;flex:1}

.pkg li{padding-left:1.6rem;position:relative;font-size:.95rem}

.pkg li::before{content:"";position:absolute;left:0;top:.42em;width:.8rem;height:.8rem;border-radius:50%;background:var(--green)}

.pkg li.no{color:var(--muted)}

.pkg li.no::before{background:transparent;border:2px solid var(--line);width:.65rem;height:.65rem}

.pkg .cta{text-align:center}

.pilot-card{background:var(--ink);color:#fff;border-radius:var(--r);padding:1.8rem;display:grid;grid-template-columns:1.4fr .8fr;gap:1.6rem;align-items:center;margin-top:1.8rem}
@media(max-width:820px) {.pilot-card{grid-template-columns:1fr}}

.pilot-card h3{color:#fff;font-size:1.25rem;margin-bottom:.5rem}

.pilot-card p{color:#C9CCD2;font-size:.95rem}

.pilot-card .list{font-size:.95rem;color:#C9CCD2;margin-top:.8rem}

/* --- v4: zwijane tabele --- */
details.collap{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin-top:1.2rem;overflow:hidden}

details.collap>summary{cursor:pointer;padding:1.1rem 1.4rem;font-weight:600;font-family:var(--display);font-stretch:106%;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}

details.collap>summary::-webkit-details-marker{display:none}

details.collap>summary::after{content:"+";font-family:var(--body);font-size:1.25rem;color:var(--rec)}

details.collap[open]>summary::after{content:"−"}

details.collap .inner{padding:0 1.4rem 1.4rem}

details.collap table{border:none;border-top:1px solid var(--line);border-radius:0}

/* --- v4: poradnik - części i rozdziały --- */
.part-head{display:flex;align-items:center;gap:1rem;margin:3.4rem 0 .4rem;padding:1.1rem 1.4rem;background:var(--ink);color:#fff;border-radius:var(--r)}

.part-head .no{font-family:var(--body);font-size:.8rem;letter-spacing:.16em;color:var(--green)}

.part-head h2{margin:0 !important;font-size:1.25rem}

/* .toc-groups (stary, 2-kolumnowy kafelkowy spis) - zastąpiony sticky sidebarem niżej (v4) */

.value-num{font-family:var(--display);font-stretch:115%;font-weight:800;font-size:1.875rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;display:block;margin-bottom:.3rem}


/* --- logo: wektorowy lockup (play-circle + STORYMAKERS + create your story) --- */
.logo{display:inline-flex;align-items:center;line-height:0}

.logo .brand-logo{height:30px;width:auto;display:block}
@media(max-width:520px) {.logo .brand-logo{height:26px}}




/* --- hero: zdjęcie jako klikalny odtwarzacz wideo --- */
.hero-photo{margin:0}

.hero-media{position:relative;display:block;border-radius:var(--r);overflow:hidden}

.hero-video-btn{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;margin:0;cursor:pointer;background:transparent;display:grid;place-items:center}

.hero-video-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,16,.05),rgba(10,12,16,.42));transition:background .2s ease}

.hero-video-btn:hover::before{background:linear-gradient(180deg,rgba(10,12,16,.12),rgba(10,12,16,.55))}

/* v31: ikona play = firmowy sygnet (assets/ikona-play.png) */
.play-mark{display:block;width:64px;height:auto;opacity:.95;filter:drop-shadow(0 10px 26px rgba(0,0,0,.5));transition:transform .2s ease,opacity .2s ease;pointer-events:none}

.hero-play{position:relative;z-index:1;display:grid;place-items:center;transition:transform .2s ease}

.hero-play .play-mark{width:clamp(72px,9vw,104px)}

.hero-video-btn:hover .hero-play{transform:scale(1.07)}

.hero-video-btn:hover .play-mark{opacity:1}

.hero-video-tag{position:absolute;left:16px;bottom:16px;z-index:1;font-family:var(--body);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:rgba(12,12,16,.62);border:1px solid rgba(255,255,255,.28);padding:.4rem .8rem;border-radius:999px;display:inline-flex;gap:.5rem;align-items:center}

.hero-video-tag::before{content:"";width:8px;height:8px;border-radius:50%;background:#FF2E2E;box-shadow:0 0 8px rgba(255,46,46,.8)}


/* --- galeria: klikalne kafelki + ikona powiększenia --- */
.gallery-item{position:relative;display:block;width:100%;margin:0;padding:0;border:1px solid var(--line);background:#fff;border-radius:var(--r);overflow:hidden;cursor:pointer;text-align:left}

.gallery-item img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .3s ease}

.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.05)}

.gallery-item .gallery-cap{display:block;font-family:var(--body);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:.55rem .8rem}

.gallery-item::after{content:"";position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;background:rgba(12,12,16,.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3M11 8v6M8 11h6'/%3E%3C/svg%3E") center/18px no-repeat;opacity:0;transform:scale(.8);transition:.2s ease}

.gallery-item:hover::after,.gallery-item:focus-visible::after{opacity:1;transform:scale(1)}



.lightbox{position:fixed;inset:0;z-index:200;display:none;flex-direction:column;align-items:center;justify-content:center;background:rgba(8,9,12,.94);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:clamp(58px,9vh,84px) clamp(62px,8vw,116px)}

.lightbox.open{display:flex}

.lightbox .lb-stage{position:relative;width:100%;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:.9rem}

.lightbox .lb-media{position:relative;display:inline-flex;max-width:100%;min-width:0}

.lightbox img.lb-img{max-width:100%;max-height:76vh;width:auto;height:auto;border-radius:14px;box-shadow:0 30px 90px rgba(0,0,0,.55);display:none}

.lightbox .lb-frame{position:relative;width:min(100%,calc((84vh - 2rem) * 16 / 9));aspect-ratio:16/9;border-radius:14px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.55);display:none;background:#000}

.lightbox .lb-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.lightbox.mode-image img.lb-img{display:block}

.lightbox.mode-video .lb-frame{display:block}

.lightbox.mode-video .lb-media{width:min(1720px,100%)}

.lightbox .lb-caption{color:#e7e8ea;font-family:var(--body);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;text-align:center;min-height:1em;max-width:70ch}


/* aktywne strefy na zdjęciu */
.lightbox .lb-zone{position:absolute;top:0;bottom:0;width:38%;z-index:2;border:0;background:transparent;padding:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent}

.lightbox .lb-zone-prev{left:0;cursor:w-resize}

.lightbox .lb-zone-next{right:0;cursor:e-resize}

.lightbox .lb-zone:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:14px}

.lightbox.mode-video .lb-zone{display:none}


/* strzałki przy krawędziach ekranu - nie nachodzą na kadr */
.lightbox .lb-btn{position:fixed;top:50%;transform:translateY(-50%);z-index:4;width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.38);background:rgba(20,22,26,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 26px rgba(0,0,0,.45);color:#fff;font-size:30px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .15s ease,transform .15s ease,border-color .15s ease}

.lightbox .lb-btn:hover{background:rgba(20,22,26,.9);border-color:rgba(255,255,255,.75);transform:translateY(-50%) scale(1.07)}

.lightbox .lb-prev{left:clamp(8px,2vw,26px)}

.lightbox .lb-next{right:clamp(8px,2vw,26px)}

.lightbox.mode-video .lb-btn{display:none}

.lightbox .lb-close{position:fixed;top:clamp(10px,2.4vw,26px);right:clamp(10px,2.4vw,26px);z-index:5;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;font-size:24px;cursor:pointer;display:grid;place-items:center}

.lightbox .lb-close:hover{background:rgba(255,255,255,.24)}

/* pełny ekran - tylko dla wideo */
.lightbox .lb-full{position:fixed;top:clamp(10px,2.4vw,26px);right:calc(clamp(10px,2.4vw,26px) + 56px);z-index:5;height:46px;padding:0 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;font-family:var(--body);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;display:none;align-items:center;gap:.5rem}

.lightbox .lb-full:hover{background:rgba(255,255,255,.24)}

.lightbox.mode-video .lb-full{display:inline-flex}

.lightbox .lb-full svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}

.lb-frame:fullscreen{width:100vw;height:100vh;max-height:none;aspect-ratio:auto;border-radius:0}
@media(max-width:860px) {
  .lightbox{padding:clamp(56px,8vh,72px) 10px calc(clamp(56px,8vh,72px) + 28px)}

  /* na telefonie strzalki ladują pod kadrem - nigdy nie nachodzą na zdjęcie */
  .lightbox .lb-btn{width:44px;height:44px;font-size:24px;top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);transform:none}

  .lightbox .lb-btn:hover{transform:scale(1.07)}

  .lightbox .lb-prev{left:calc(50% - 66px);right:auto}

  .lightbox .lb-next{right:calc(50% - 66px);left:auto}

  .lightbox img.lb-img{max-height:70vh}

  .lightbox .lb-full{font-size:.62rem;padding:0 .7rem;height:42px}

  .lightbox .lb-close{width:42px;height:42px}}


/* --- cennik: pakiety abonamentowe jako karty --- */
.pkg{position:relative;display:flex;flex-direction:column}

.pkg-tag{align-self:flex-start;font-family:var(--body);font-size:.72rem;font-weight:500;letter-spacing:.08em;color:var(--rec-text);background:var(--rec-soft);border-radius:999px;padding:.28rem .7rem;margin-bottom:.7rem}

.pkg h3{font-size:1.0625rem;margin-bottom:.4rem}


/* --- karty 8 studiów: realne zdjęcia zamiast placeholderów --- */
.card .ph{padding:0;background:#14161A;overflow:hidden}

.card .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .3s ease}

.card:hover .ph img{transform:scale(1.04)}

.card .ph::before{z-index:2;text-shadow:0 1px 6px rgba(0,0,0,.7)}



.mosaic{display:flex;flex-direction:column;gap:6px;margin-top:1.6rem}

.mosaic-row{display:flex;gap:6px}

.mosaic .gallery-item{border:0;border-radius:14px;background:#14161A;overflow:hidden;padding:0;flex:0 0 auto;cursor:pointer}

.mosaic .gallery-item img{width:100%;height:100%;object-fit:cover;display:block}

/* placeholder do czasu obliczenia ukladu */
.mosaic:not([data-justified]) .gallery-item{width:calc((100% - 18px)/4);aspect-ratio:16/9}

.mosaic:not([data-justified]){flex-direction:row;flex-wrap:wrap}
@media(max-width:520px) {
  .mosaic{grid-template-columns:1fr;grid-auto-rows:220px}

  .mosaic .gallery-item,.mosaic .gallery-item:nth-child(1){grid-column:span 1!important;grid-row:span 1!important}}



.toc-groups{font-size:.95rem;margin:0 0 2.4rem}

.toc-groups .g{margin-bottom:1.1rem}

.toc-groups .g b{display:block;font-family:var(--body);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.45rem}

.toc-groups a{display:block;padding:.34rem .7rem;border-left:2px solid var(--line);color:var(--ink-2);text-decoration:none;font-size:.8rem;line-height:1.3;transition:color .15s,background .15s,border-color .15s}

.toc-groups a:hover{background:var(--rec-soft);color:var(--rec)}

.toc-groups a.active{border-left-color:var(--rec);color:var(--rec);background:var(--rec-soft);font-weight:600}
@media(min-width:981px) {
  /* Dwie kolumny TYLKO gdy w srodku jest spis tresci - poradniki bez spisu
     (glos-i-dykcja, ai-producent, przygotowanie) maja jedna kolumne. Wczesniej
     grid wlaczal sie zawsze i pierwszy blok strony wpadal w kolumne 264 px. */
  .guide-wrap:has(.toc-groups){max-width:none;display:grid;grid-template-columns:264px minmax(0,1fr);gap:56px;align-items:start}

  .guide-wrap .toc-groups{position:sticky;top:88px;align-self:start;max-height:calc(100vh - 120px);overflow-y:auto;margin:0;padding-right:6px}

  .guide-body{min-width:0;max-width:78ch}

  .guide-body .prose{max-width:none}}
@media(max-width:980px) {
  .toc-groups{border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1.3rem;background:#fff}}



.seg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:1.8rem}
@media(max-width:980px) {.seg-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px) {.seg-grid{grid-template-columns:1fr}}

.seg{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.5rem;display:flex;flex-direction:column;gap:.55rem;transition:transform .18s,box-shadow .18s}

.seg:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(20,22,26,.09)}

.seg .chip{margin-bottom:.2rem}

.seg h3{font-size:1.0625rem}

.seg p{font-size:.95rem;color:var(--muted);margin:0}

.seg .seg-win{font-size:.95rem;color:var(--ink-2);margin-top:auto;padding-top:.6rem;border-top:1px solid var(--line)}

.seg .seg-win b{color:var(--rec)}

.ladder{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:1.8rem;align-items:stretch}
@media(max-width:820px) {.ladder{grid-template-columns:1fr}}

.ladder .rung{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.4rem 1.5rem;position:relative}

.ladder .rung .step-tag{font-family:var(--body);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--rec)}

.ladder .rung h3{margin:.5rem 0 .7rem;font-size:1.0625rem}

.ladder .rung ul{list-style:none;display:grid;gap:.45rem}

.ladder .rung li{font-size:.95rem;color:var(--ink-2);padding-left:1.1rem;position:relative}

.ladder .rung li::before{content:"→";position:absolute;left:0;color:var(--rec)}

.safe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem;margin-top:1.8rem}
@media(max-width:720px) {.safe-grid{grid-template-columns:1fr}}

.safe{display:flex;gap:.9rem;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1.4rem}

.safe .safe-ic{flex:none;width:2.4rem;height:2.4rem;border-radius:10px;background:var(--rec-soft);color:var(--rec);display:grid;place-items:center;font-weight:800}

.safe h3{font-size:.95rem;margin-bottom:.2rem}

.safe p{font-size:.95rem;color:var(--muted);margin:0}

.pkg-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin:1.6rem 0 0}
@media(max-width:720px) {.pkg-list{grid-template-columns:1fr}}

.pkg-list li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1rem 1.2rem;font-size:.95rem}

.pkg-list li strong{display:block;margin-bottom:.15rem}



.trailers{position:relative;margin-top:1.8rem}

.trailers-track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.4rem .2rem 1.1rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}

.trailers-track::-webkit-scrollbar{display:none}

/* kafel trailera: 16:9, czyli ten sam kadr, w jakim film trafia na YouTube */
.trailer{position:relative;flex:0 0 auto;width:clamp(280px,84vw,440px);aspect-ratio:16/9;border:0;border-radius:22px;overflow:hidden;background:#14161A;cursor:pointer;scroll-snap-align:start;padding:0}

.trailer img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}

.trailer:hover img,.trailer:focus-visible img{transform:scale(1.05)}

.trailer::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 45%,rgba(0,0,0,.62))}

.trailer-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;transition:transform .2s ease}

.trailer-play .play-mark{width:54px}

.trailer:hover .trailer-play{transform:translate(-50%,-50%) scale(1.09)}

.trailer-tag{position:absolute;left:12px;bottom:12px;z-index:2;font-family:var(--body);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:#fff}

.trailers-arrow{position:absolute;top:calc(50% - .35rem);transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 6px 18px rgba(20,22,26,.14);transition:background .18s ease,color .18s ease,border-color .18s ease}

.trailers-prev{left:-60px}

.trailers-next{right:-60px}

.trailers-arrow:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
@media(max-width:1319px){.trailers-prev{left:6px}.trailers-next{right:6px}}
@media(max-width:700px){.trailers-arrow{display:none}}
/* Wideoopinie: kafel 16:9 z podpisem (osoba, firma); „Wkrótce", gdy nie ma jeszcze nagrań */
.trailer-item{flex:0 0 auto;width:clamp(280px,84vw,440px);margin:0;scroll-snap-align:start}
.trailer-item .trailer{width:100%}
.trailer-cap{display:flex;flex-direction:column;gap:.1rem;padding:.6rem .2rem 0;font-size:.85rem;color:var(--muted);line-height:1.35}
.trailer-cap b{color:var(--ink);font-weight:700}
.trailer-soon{display:grid;place-items:center;align-content:center;gap:.5rem;cursor:default;background:#14161A}
.trailer-soon .trailer-play{position:static;transform:none}
.trailer-soon:hover .trailer-play{transform:none}
.trailer-soon .soon-label{position:relative;z-index:2;color:#fff;font-weight:800;font-size:1.35rem;letter-spacing:.06em;text-transform:uppercase}



.contact-map-col .map-embed{min-height:240px}

.parking-photo{margin:0;border-radius:var(--r);overflow:hidden;border:1px solid var(--line-dark);background:#0f1114}

.parking-photo img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}

.parking-photo figcaption{font-family:var(--body);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-light);padding:.6rem .9rem}



.prompt-list{margin:1.6rem 0 2.4rem;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}

.prompt{border-bottom:1px solid var(--line)}

.prompt:last-child{border-bottom:0}

.prompt>summary{list-style:none;cursor:pointer;padding:1rem 1.2rem 1rem 2.6rem;position:relative;font-size:.95rem;line-height:1.45;transition:background .15s}

.prompt>summary::-webkit-details-marker{display:none}

.prompt>summary:hover{background:var(--rec-soft)}

.prompt>summary:focus-visible{outline:2px solid var(--rec);outline-offset:-2px}

.prompt>summary b{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--purple);font-weight:700}

.prompt>summary::before{content:"+";position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);font-family:var(--mono);font-size:1.0625rem;line-height:1;color:var(--muted);transition:transform .18s}

.prompt[open]>summary{background:var(--paper-2)}

.prompt[open]>summary::before{content:"-"}

.prompt-body{padding:0 1.2rem 1.4rem}

.prompt-when{font-size:.95rem;color:var(--muted);margin:0 0 .9rem;max-width:none}

.prompt-body pre{margin:0;background:var(--ink);color:#E9EDF2;border-radius:var(--r);padding:1.1rem 1.2rem;font-family:var(--mono);font-size:.8rem;line-height:1.65;white-space:pre-wrap;word-break:break-word;overflow-x:auto;-webkit-user-select:all;user-select:all}

.prompt-copy{margin-top:.8rem;padding:.55rem 1.1rem;border-radius:999px;border:1px solid var(--line);background:var(--paper);font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}

.prompt-copy:hover{background:var(--rec-soft);border-color:var(--rec);color:var(--rec)}

.prompt-copy.is-done{background:var(--green);border-color:var(--green);color:var(--ink)}























/* ============================================================
   v31: wydruk / eksport PDF poradnika
   ============================================================ */
@media print{
  header[data-header],footer[data-footer],.toc-groups,.quiz,.crumbs,.btn,.kopiuj{display:none !important}
  /* ciemna sekcja tytułowa ma się wydrukować jako zwykły tytuł, nie jako czarna plama */
  .sec-dark{background:none !important;color:#000 !important;padding:0 0 1.2rem !important;border-bottom:2px solid #000;margin-bottom:1.6rem}
  .sec-dark h1{color:#000 !important;max-width:none !important}
  .sec-dark p,.sec-dark span,.sec-dark strong,.sec-dark div{color:#222 !important}
  .sec-dark [role="list"]{display:none !important}
  body{background:#fff;color:#000}
  .guide-wrap{display:block !important;max-width:none !important}
  .prompt-list{border:0}
  .prompt>summary{padding-left:0}
  .prompt>summary::before{display:none}
  .prompt-body{padding:0 0 1rem}
  .prompt-body pre{background:#f4f5f7;color:#111;border:1px solid #ddd;font-size:9pt;white-space:pre-wrap}
  .part-head{break-before:page;page-break-before:always}
  .part-head:first-of-type{break-before:auto;page-break-before:auto}
  h2,h3{break-after:avoid;page-break-after:avoid}
  tr,.callout,.pill-grid .p,.prompt{break-inside:avoid;page-break-inside:avoid}
  thead{display:table-header-group}
  .wrap{max-width:none;padding:0}
  .page-hero{padding:0 0 1.2rem;background:none;color:#000;border-radius:0}
  .page-hero h1{color:#000}
  .page-hero .lead{color:#222}
  .part-head{background:none;color:#000;border-bottom:2px solid #000;border-radius:0;padding:0 0 .4rem;margin-top:0}
  .part-head h2{color:#000}
  .part-head .no{color:#555}
  .prose p,.prose li{orphans:3;widows:3}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:8pt;color:#555}
}


/* v31: centrum wiedzy - filtry poradników */
.kb-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.6rem 0 .5rem}

.kb-chip{font-family:var(--body);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;background:#fff;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.52rem .95rem;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}

.kb-chip:hover{border-color:var(--line-dark);color:var(--ink)}

.kb-chip.is-on{background:var(--ink);border-color:var(--ink);color:#fff}

.kb-chip span{opacity:.55;margin-left:.35rem}

.kb-count{font-family:var(--body);font-size:.8rem;color:var(--muted);min-height:1.1em;margin:0}

.art-card[hidden]{display:none}


/* wiersz CTA na pelna szerokosc modulu (sekcja "Ile to kosztuje", TC 00:08) */
.cta-span{margin-top:1.8rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}

.cta-span .btn{display:flex;align-items:center;justify-content:center;text-align:center}
@media(max-width:640px) {.cta-span{grid-template-columns:1fr}}

/* --- Jedna szerokość treści w całym serwisie (v74) ---
   Akapity, listy i wyróżnienia sięgają tych samych marginesów co kafelki
   i siatki, zamiast mieć własne, węższe ograniczenia. Reguła zdejmuje
   ograniczenia ustawione wyżej (m.in. p 68ch, .lead 62ch, .answer 74ch,
   .prose 76ch, .faq .a 75ch, .guide-body 78ch). Obejmuje tylko treść
   stron (main) - stopka i nagłówek zachowują własne szerokości kolumn. */
main .lead,
main .answer,
main .prose,
main .price-note,
main .faq .a,
main .guide-body,
main p,
main ul,
main ol,
main dl{max-width:none}
.cta-druk{border:1px solid var(--line);border-left:4px solid var(--purple);border-radius:0 var(--r) var(--r) 0;background:#fff;padding:1.4rem 1.6rem;margin:1.8rem 0 2.4rem}
.cta-druk p{margin:0;max-width:none}
.cta-druk .cta-lead{font-size:1.0625rem;margin-bottom:1rem}
@media(max-width:600px){.cta-druk{padding:1.2rem}}
.svc h3 .czas{display:block;font-family:var(--body);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--rec-text);margin-bottom:.35rem}

/* ============================================================
   v98: ukryte strony z dokumentami prawnymi (/rodo/, /regulamin-studia/)
   ============================================================ */
.dok h2{margin-top:2.4rem}
.dok .dok-lista{margin:.6rem 0 1.2rem;padding-left:1.25rem;list-style:disc}
.dok .dok-lista li{margin:.4rem 0}
.dok-uwaga{border:1px solid var(--line);border-left:4px solid var(--purple);background:#fff;border-radius:0 var(--r) var(--r) 0;padding:1.1rem 1.3rem;margin:0 0 2rem}
.dok-uwaga strong{display:block;margin-bottom:.25rem}
.dok-hr{border:0;border-top:1px solid var(--line);margin:3rem 0}
.dok-nota{color:var(--muted)}
.dok-powrot{margin-top:2.6rem;font-size:.95rem}
.dok-decyzja{background:var(--rec-soft);color:var(--rec-text);padding:0 .25em;border-radius:3px;font-weight:600}
.dok-tabela td{vertical-align:top}
.dok-cytat{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1.4rem;margin:1rem 0 0}
.dok-cytat p:last-child{margin-bottom:0}
.dok-spis{list-style:none;padding:0;margin:1.2rem 0 0}
.dok-spis li{border-top:1px solid var(--line);padding:1.05rem 0}
.dok-spis li:last-child{border-bottom:1px solid var(--line)}
.dok-spis span{display:block;color:var(--muted);font-size:.95rem;margin-top:.35rem}
@media print{.dok-powrot,.dok-uwaga{display:none}}