/* ==========================================================================
   2Click Revenue · Revenue Pulse · sekcje własne podstrony (prefiks .p-)
   Wspólne bloki podstron modułów (hero, panel Rynek dziś, stos kart, oś dnia,
   blok zwijany, rejestr ekosystemu) są w css/b2b.css (scope body.page-module).
   Sekcje Problem / Agent używają komponentów Home (styles.css + mobile.css).
   Ekrany = eksporty PNG 2× z prototypu produktu (img/pulse/), dane demonstracyjne.
   ========================================================================== */

/* ---------- tekstury kart: sekwencja odcieni jak w stosie B2B ---------- */
#p01{--card-grad:url(../img/grad/cards/m01.webp)}
#p02{--card-grad:url(../img/grad/cards/m04.webp)}
#p03{--card-grad:url(../img/grad/cards/m07.webp)}
#p04{--card-grad:url(../img/grad/cards/m12.webp)}
#p05{--card-grad:url(../img/grad/cards/m11.webp)}
#p06{--card-grad:url(../img/grad/cards/m08.webp)}

/* ---------- 00 hero: ekran Dziś + telefon obok, karta decyzji po lewej ---------- */
.page-pulse .hero--module .eyebrow .ai{vertical-align:middle;margin:0 4px 0 2px!important}
.page-pulse .hero--module .hero__card{left:28px;right:auto;bottom:12%;width:420px;max-width:40%}
.p-hero__phone{position:absolute!important;right:4%;bottom:-8px;width:220px!important;height:auto!important;z-index:3;border-radius:30px 30px 0 0;box-shadow:0 0 0 7px var(--ink),0 24px 48px rgba(0,0,0,.18)}
.p-demo{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:rgba(30,38,46,.72);color:#fff;font-size:11px;line-height:1;font-weight:500;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;backdrop-filter:blur(6px)}
.p-demo--bar{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:var(--paper-3);color:var(--muted);backdrop-filter:none}
.b-card__screen .p-demo{position:absolute;left:16px;bottom:14px;z-index:3}

/* ---------- 02 problem: komponenty Home ---------- */
.page-pulse .problem__row{margin-top:0}
.page-pulse .ledger .tag{background:#fff}

/* ---------- 03 jak działa: łańcuch sześciu kroków + trzy filary ---------- */
.p-chain{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;padding:8px 0 36px}
.p-chain::before{content:"";position:absolute;left:calc(100% / 12);right:calc(100% / 12);top:15px;height:2px;background:var(--grad-brand)}
.p-chain__n{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;min-width:0}
.p-chain__n .dot{position:relative;z-index:1;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-sizing:border-box;margin-bottom:10px}
.p-chain__n.is-human .dot{background:var(--ink);border-color:var(--ink);box-shadow:0 0 0 5px rgba(30,38,46,.12)}
.p-chain__n .heading-xs{font-weight:500}
.p-chain__n .body-xs{max-width:200px}
.p-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.p-pillars .card{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:16px}
.p-pillars .card p{margin:0}

/* ---------- 04 moduły: zdanie-obietnica pod tytułem karty ---------- */
.b-card__lead{margin:-4px 0 4px}
.page-pulse .b-card__list li{align-items:flex-start}

/* ---------- 07 wiarygodność liczb: trzy etykiety ---------- */
.p-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:48px}
.p-label{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:20px}
.p-label .b-pill{align-self:flex-start}
.p-label .heading-s{margin-top:4px}
.p-label__ex{display:inline-flex;align-items:flex-start;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:13px;line-height:18px;color:var(--ink-2)}
.p-label__ex .lucide{width:16px;height:16px;flex:none;color:var(--accent-text);margin-top:1px}

/* ---------- 09 model współpracy: trzy kroki ---------- */
.p-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.p-step{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:20px}
.p-step__n{font-size:12px;line-height:16px;font-weight:500;letter-spacing:.08em;color:var(--accent-text)}
.p-step__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px}
.p-steps__cta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}

/* ---------- responsywność ---------- */
@media (max-width:1100px){
  .page-pulse .hero--module .hero__card{position:static;width:auto;max-width:none;margin:16px 0 0}
  .page-pulse .hero__window .p-hero__phone{display:none!important}
  .p-chain{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}
  .p-chain::before{display:none}
  .p-chain__n{align-items:flex-start;text-align:left}
  .p-chain__n .body-xs{max-width:none}
  .p-pillars,.p-labels,.p-steps{grid-template-columns:1fr}
}
@media (max-width:700px){
  .p-chain{grid-template-columns:1fr;row-gap:20px;padding-bottom:20px}
  .p-chain__n{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:12px;row-gap:2px}
  .p-chain__n .dot{grid-row:1 / span 3;margin:3px 0 0}
  .p-pillars .card,.p-label,.p-step{padding:20px;border-radius:16px}
  .p-labels{margin-bottom:28px}
  .b-card__screen .p-demo{left:12px;bottom:12px}
  .p-demo--bar{display:none}
}