/* /dla-firm — nowy układ strony, wersja 1.0, 05.10.2026. Prefiks fm2-. Ładować TYLKO na tej stronie. */
/* =====================================================================
   /dla-firm — nowy układ strony. Prefiks fm2-.
   Korzysta z klas serwisu: .sec-white, .sec-light, .wrap, .sec-tag, .tag-blue, .tag-green, .btn, .btn-primary, .btn-lg, .js-demo-trigger.
   ===================================================================== */
.fm2 h2,.fm2 h3{font-family:"Bricolage Grotesque",sans-serif;color:#0F172A;letter-spacing:-.01em}
.fm2-head{max-width:760px;margin:0 auto 44px;text-align:center}
.fm2-head h2{margin:14px 0 12px;font-size:38px;line-height:1.15;font-weight:700}
.fm2-head p{margin:0;font-size:16.5px;line-height:1.6;color:#475569}
.fm2-ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex:none}
.fm2-ic svg{width:24px;height:24px}
.fm2-ic.b{background:#DBEAFE;color:#1D4ED8}.fm2-ic.g{background:#DCFCE7;color:#15803D}.fm2-ic.v{background:#EDE9FE;color:#6D28D9}
.fm2-ic.t{background:#CCFBF1;color:#0F766E}.fm2-ic.a{background:#FEF3C7;color:#B45309}.fm2-ic.s{background:#E2E8F0;color:#334155}

/* 1. korzyści */
.fm2-gains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.fm2-gain{padding:26px 24px;border-radius:20px;background:#fff;border:1px solid #E2E8F0;box-shadow:0 18px 40px -30px rgba(15,23,42,.35);transition:transform .2s,box-shadow .2s}
.fm2-gain:hover{transform:translateY(-2px);box-shadow:0 22px 44px -28px rgba(15,23,42,.4)}
.fm2-gain h3{margin:16px 0 8px;font-size:19px;font-weight:700;line-height:1.3}
.fm2-gain p{margin:0;font-size:14.5px;line-height:1.6;color:#475569}

/* 2. przed i po */
.fm2-vs{max-width:1040px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.fm2-vs-hd,.fm2-vs-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr) 40px minmax(0,1fr);gap:12px;align-items:stretch}
.fm2-vs-row{min-height:74px}
.fm2-vs-hd>*{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:0 18px}
.fm2-vs-hd .no{color:#94A3B8}.fm2-vs-hd .ok{color:#15803D}
.fm2-vs-row .lab{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid #E2E8F0;font-size:15px;font-weight:700;color:#0F172A;line-height:1.3}
.fm2-vs-row .li{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none;background:#EFF6FF;color:#2563EB}
.fm2-vs-row .li svg{width:19px;height:19px}
.fm2-vs-row .no,.fm2-vs-row .ok{position:relative;display:flex;align-items:center;padding:14px 18px 14px 50px;border-radius:14px;font-size:14.5px;line-height:1.45}
.fm2-vs-row .no{background:#F1F5F9;color:#64748B}
.fm2-vs-row .ok{background:#fff;color:#0F172A;font-weight:600;border:1px solid #BBF7D0;box-shadow:0 14px 30px -24px rgba(22,163,74,.55)}
.fm2-vs-row .no::before,.fm2-vs-row .ok::before{content:"";position:absolute;left:18px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%}
.fm2-vs-row .no::before{background:#E2E8F0}
.fm2-vs-row .no::after{content:"";position:absolute;left:23px;top:50%;width:10px;height:2px;margin-top:-1px;background:#94A3B8}
.fm2-vs-row .ok::before{background:#DCFCE7}
.fm2-vs-row .ok::after{content:"";position:absolute;left:25px;top:50%;width:5px;height:9px;margin-top:-6px;border:solid #16A34A;border-width:0 2px 2px 0;transform:rotate(45deg)}
.fm2-vs-row .arr{display:grid;place-items:center;color:#93C5FD}
.fm2-vs-row .arr svg{width:22px;height:22px}

/* 3. wdrożenie: tekst + podgląd, równa wysokość */
.fm2-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:stretch}
.fm2-split-txt h2{margin:14px 0 12px;font-size:36px;line-height:1.15;font-weight:700}
.fm2-split-txt>p{margin:0 0 20px;font-size:16px;line-height:1.65;color:#475569}
.fm2-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.fm2-steps li{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:#F8FAFC;border:1px solid #E2E8F0;font-size:14.5px;line-height:1.5;color:#475569}
.fm2-steps li>span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;background:#2563EB;color:#fff;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:15px}
.fm2-steps b{display:block;color:#0F172A;font-size:15px;margin-bottom:2px}
.fm2-mock{display:flex;flex-direction:column;border-radius:18px;background:#fff;border:1px solid #E2E8F0;box-shadow:0 30px 60px -30px rgba(15,23,42,.4);overflow:hidden}
.fm2-mock-bar{display:flex;align-items:center;gap:6px;height:40px;padding:0 14px;background:#F8FAFC;border-bottom:1px solid #E2E8F0}
.fm2-mock-bar i{width:9px;height:9px;border-radius:50%;background:#CBD5E1}
.fm2-mock-bar span{margin-left:10px;font-size:12.5px;font-weight:600;color:#64748B}
.fm2-mock-body{flex:1;display:flex;flex-direction:column;gap:12px;padding:16px}

/* 4. modele */
.fm2-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.fm2-model{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:20px;background:#fff;border:1px solid #E2E8F0;box-shadow:0 18px 40px -30px rgba(15,23,42,.35)}
.fm2-model-h{display:flex;gap:14px;align-items:flex-start;margin-bottom:4px}
.fm2-model-h .n{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;background:#0F172A;color:#fff;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:17px}
.fm2-model h3{margin:0;font-size:19px;font-weight:700;line-height:1.25}
.fm2-model-h small{display:block;margin-top:4px;font-size:13px;color:#64748B}


/* 6. bezpieczeństwo */
.fm2-sec4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.fm2-sec{padding:22px 20px;border-radius:18px;background:#fff;border:1px solid #E2E8F0}
.fm2-sec h3{margin:14px 0 6px;font-size:17px;font-weight:700}
.fm2-sec p{margin:0;font-size:14px;line-height:1.55;color:#475569}

/* 7. plan BIURO */
.fm2-plan{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;padding:40px 44px;border-radius:24px;background:linear-gradient(135deg,#0F172A,#1E293B 60%,#1E3A8A);color:#fff;box-shadow:0 40px 80px -40px rgba(15,23,42,.7)}
.fm2-plan-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#93C5FD;background:rgba(37,99,235,.18);border:1px solid rgba(96,165,250,.35);padding:5px 12px;border-radius:999px}
.fm2-plan h2{margin:14px 0 12px;font-size:36px;line-height:1.15;font-weight:800;color:#fff}
.fm2-plan-l p{margin:0;font-size:16px;line-height:1.6;color:#CBD5E1}
.fm2-plan-cta{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:26px}
.fm2-plan-link{font-size:15px;font-weight:600;color:#BFDBFE;text-decoration:none}
.fm2-plan-link:hover{color:#fff}
.fm2-plan-r{list-style:none;margin:0;padding:22px 24px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:10px}
.fm2-plan-r li{position:relative;padding-left:30px;font-size:15px;line-height:1.45;color:#E2E8F0}
.fm2-plan-r li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:rgba(34,197,94,.2)}
.fm2-plan-r li::after{content:"";position:absolute;left:7px;top:5px;width:5px;height:9px;border:solid #4ADE80;border-width:0 2px 2px 0;transform:rotate(45deg)}

/* responsywność */
@media (max-width:1080px){
    .fm2-sec4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .fm2-vs-hd{display:none}
  .fm2-vs-row{min-height:0}
  .fm2-vs{gap:14px}
  .fm2-vs-row{grid-template-columns:1fr;gap:6px;padding:12px;border-radius:16px;background:#fff;border:1px solid #E2E8F0}
  .fm2-vs-row .lab{border:0;padding:4px 4px 6px}
  .fm2-vs-row .arr{height:18px;transform:rotate(90deg)}
  .fm2-vs-row .arr svg{width:18px;height:18px}
  .fm2-head{margin-bottom:30px}
  .fm2-head h2,.fm2-split-txt h2,.fm2-plan h2{font-size:28px}
  .fm2-gains,.fm2-models{grid-template-columns:1fr}
  .fm2-split{grid-template-columns:1fr;gap:32px}
  .fm2-plan{grid-template-columns:1fr;gap:26px;padding:28px 22px}
}
@media (max-width:560px){
  }
.fm2-model-h{min-height:66px}
@media (max-width:900px){.fm2-model-h{min-height:0}}

/* /dla-firm — elementy własne */
.fm2-model>p{margin:0;font-size:14.5px;line-height:1.6;color:#475569}
.fm2-ul{list-style:none;margin:auto 0 0;padding:12px 14px;border-radius:14px;background:#EFF6FF;display:flex;flex-direction:column;gap:2px}
.fm2-ul li{position:relative;padding:3px 0 3px 24px;font-size:14px;line-height:1.45;color:#1E3A8A;font-weight:600}
.fm2-ul li::before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:#DBEAFE}
.fm2-ul li::after{content:"";position:absolute;left:5.5px;top:8px;width:4px;height:8px;border:solid #2563EB;border-width:0 2px 2px 0;transform:rotate(45deg)}
.fm2-acc{border-radius:12px;border:1px solid #E2E8F0;overflow:hidden}
.fm2-acc-h{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#F8FAFC;border-bottom:1px solid #EEF2F6}
.fm2-acc-h b{font-size:13.5px;color:#0F172A}
.fm2-acc-h span{min-width:22px;height:22px;border-radius:999px;display:grid;place-items:center;font-size:11.5px;font-weight:800;background:#F59E0B;color:#fff}
.fm2-acc-it{display:flex;align-items:center;gap:10px;padding:11px 14px;border-top:1px solid #F1F5F9}
.fm2-acc-it:nth-child(2){border-top:0}
.fm2-acc-it i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10.5px;font-weight:800;color:#fff;background:linear-gradient(135deg,#2563EB,#1E3A8A);flex:none}
.fm2-acc-it i.a{background:linear-gradient(135deg,#F59E0B,#B45309)}.fm2-acc-it i.v{background:linear-gradient(135deg,#7C3AED,#4C1D95)}
.fm2-acc-it div{flex:1;min-width:0}
.fm2-acc-it b{display:block;font-size:13px;color:#0F172A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fm2-acc-it small{display:block;font-size:11.5px;color:#64748B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fm2-acc-it em{font-style:normal;font-size:13px;font-weight:700;color:#0F172A;white-space:nowrap}
.fm2-acc-it .ok{font-size:11.5px;font-weight:700;padding:6px 10px;border-radius:8px;background:#16A34A;color:#fff;white-space:nowrap}
.fm2-acc-it.done{background:#F0FDF4}
.fm2-acc-it.done small{color:#15803D}
.fm2-acc-it .tk{width:24px;height:24px;border-radius:50%;background:#DCFCE7;position:relative;flex:none;margin:0 18px 0 12px}
.fm2-acc-it .tk::after{content:"";position:absolute;left:9px;top:5px;width:5px;height:10px;border:solid #16A34A;border-width:0 2px 2px 0;transform:rotate(45deg)}
.fm2-pay{border-radius:12px;border:1px solid #BFDBFE;background:#F8FBFF;overflow:hidden}
.fm2-pay-h{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #DBEAFE}
.fm2-pay-h .bx{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#DBEAFE;color:#1D4ED8;flex:none}
.fm2-pay-h .bx svg{width:17px;height:17px}
.fm2-pay-h div{flex:1;min-width:0}
.fm2-pay-h b{display:block;font-size:13.5px;color:#0F172A}
.fm2-pay-h small{display:block;font-size:11.5px;color:#64748B}
.fm2-pay-h strong{font-size:15px;color:#0F172A;white-space:nowrap}
.fm2-pay-rows div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 14px;font-size:12.5px;color:#334155;border-top:1px solid #EEF2F6}
.fm2-pay-rows div:first-child{border-top:0}
.fm2-pay-rows span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.fm2-pay-rows em{font-style:normal;font-weight:700;color:#0F172A;white-space:nowrap}
.fm2-pay-rows i{font-style:normal;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:#DCFCE7;color:#15803D;white-space:nowrap}
.fm2-plan-note{margin-top:22px!important;font-size:13.5px!important;color:#94A3B8!important}
@media (max-width:560px){.fm2-acc-it .ok{display:none}.fm2-acc-it .tk{margin:0}}
.fm2-mock-body{justify-content:space-between}
.fm2-push{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:#0F172A;color:#fff;box-shadow:0 14px 30px -18px rgba(15,23,42,.6)}
.fm2-push .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(96,165,250,.2);color:#93C5FD;flex:none}
.fm2-push .ic svg{width:16px;height:16px}
.fm2-push div{flex:1;min-width:0}
.fm2-push b{display:block;font-size:13px}
.fm2-push small{display:block;font-size:11.5px;color:#93C5FD;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fm2-push time{font-size:11px;font-weight:600;color:#94A3B8}
.fm2-fk{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;border:1px solid #E2E8F0;background:#fff}
.fm2-fk .bx{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#FEF3C7;color:#B45309;flex:none}
.fm2-fk .bx svg{width:17px;height:17px}
.fm2-fk div{flex:1;min-width:0}
.fm2-fk b{display:block;font-size:13px;color:#0F172A}
.fm2-fk small{display:block;font-size:11.5px;color:#64748B}
.fm2-fk .fk-chip{font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;background:#F1F5F9;color:#334155;white-space:nowrap}