/* 3PG – style strony „jak-pracujemy” (inline z Jak-pracujemy.html, 1:1). Ładowane po slugu. */

/* ============ PROCES 5 ETAPÓW ============ */
  .process .intro{font-size:18px;color:var(--muted);max-width:54ch;margin-bottom:52px;line-height:1.6}
  .steps5{position:relative;display:flex;flex-direction:column}
  .steps5::before{content:"";position:absolute;left:33px;top:30px;bottom:130px;width:2px;background:linear-gradient(180deg,var(--blue-2),var(--blue),var(--orange));z-index:0}
  .step5{position:relative;display:grid;grid-template-columns:68px 1fr;gap:28px;padding-bottom:24px;z-index:1}
  .step5 .node{width:68px;height:68px;border-radius:18px;background:#fff;border:2px solid var(--line);display:grid;place-items:center;font-size:26px;font-weight:800;color:var(--blue);letter-spacing:-.03em;box-shadow:var(--shadow-sm);transition:background .3s,color .3s,border-color .3s}
  .step5:hover .node{background:var(--blue);color:#fff;border-color:transparent}
  .step5 .card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 30px;transition:transform .25s,box-shadow .25s}
  .step5:hover .card{transform:translateY(-3px);box-shadow:var(--shadow)}
  .step5 .top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}
  .step5 h3{font-size:21px;font-weight:800;color:var(--navy);letter-spacing:-.02em}
  .step5 .time{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--blue-deep);background:var(--paper-3);border-radius:100px;padding:6px 13px}
  .step5 .time svg{width:14px;height:14px}
  .step5 p{font-size:15.5px;color:var(--muted);line-height:1.6;max-width:64ch}
  .tactics{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
  .tactic{flex:1;min-width:200px;border-radius:13px;padding:16px 18px;border:1px solid var(--line)}
  .tactic .tn{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}
  .tactic .tn::before{content:"";width:10px;height:10px;border-radius:3px}
  .tactic p{font-size:14px;color:var(--muted);margin-top:8px;line-height:1.5}
  .tactic.defend{background:rgba(21,155,214,.06)} .tactic.defend .tn{color:var(--blue-deep)} .tactic.defend .tn::before{background:var(--blue)}
  .tactic.attack{background:var(--orange-soft)} .tactic.attack .tn{color:var(--orange-deep)} .tactic.attack .tn::before{background:var(--orange)}
  .tactic.fix{background:rgba(22,50,63,.06)} .tactic.fix .tn{color:var(--navy)} .tactic.fix .tn::before{background:var(--navy)}
  .process-exit{margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:linear-gradient(135deg,#1c4254,var(--navy));color:#fff;border-radius:18px;padding:26px 32px}
  .process-exit .pe-txt{font-size:16.5px;font-weight:600;line-height:1.5;max-width:62ch}
  .process-exit .pe-txt b{color:#fff;font-weight:800}
  .process-exit .pe-txt span{color:rgba(255,255,255,.72)}

  /* TEAM PHOTO */
  .team-band{padding-top:8px}
  .team-shot{position:relative;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-sm)}
  .team-shot img{width:100%;height:clamp(280px,44vw,520px);object-fit:cover;object-position:center 12%;display:block;filter:saturate(.9)}
  .team-shot::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(11,30,52,.8) 0%,rgba(12,111,166,.42) 50%,rgba(245,166,35,.18) 100%);mix-blend-mode:multiply}
  .team-cap{position:absolute;left:0;bottom:0;z-index:2;padding:38px 40px;max-width:700px;color:#fff}
  .team-cap .eyebrow{color:#9BDAF7}
  .team-cap h2{font-size:clamp(22px,2.6vw,32px);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-top:10px}
  .team-cap p{color:rgba(255,255,255,.85);font-size:15.5px;margin-top:10px;max-width:52ch;line-height:1.55}
  @media(max-width:600px){.team-cap{padding:22px 20px}}

  /* CTA */
  .cta-band{text-align:center}
  .cta-band .box{background:var(--paper-2);border:1px solid var(--line);border-radius:28px;padding:60px;box-shadow:var(--shadow-sm)}
  .cta-band h2{font-size:clamp(28px,3.6vw,44px);font-weight:800;color:var(--navy);letter-spacing:-.03em;line-height:1.1;max-width:22ch;margin:0 auto}
  .cta-band p{font-size:18px;color:var(--muted);max-width:54ch;margin:18px auto 30px}
  .cta-band .acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

  @media(max-width:980px){
    .steps5::before{left:27px}
    .step5{grid-template-columns:56px 1fr;gap:18px}
    .step5 .node{width:56px;height:56px;font-size:22px}
    .cta-band .box{padding:36px 24px}
  }
  @media(max-width:600px){
    .step5 .card{padding:22px 22px}
    .tactic{min-width:100%}
    .process-exit,.process-exit .btn{width:100%}
    .process-exit .btn{justify-content:center}
  }