/* Wygenerowane przez mockupy_z_landingu.py z site/index.html – nie edytować ręcznie. */
.mk{
  --paper:#F7F5F0;
  --ink:#1B2A44;
  --ink-soft:#3E4A61;
  --muted:#6b6a62;
  --seal:#7A1F2B;
  --seal-dark:#5C1620;
  --seal-light:#C97C86;
  --line:#DCD7C9;
  --white:#FFFFFF;
  --bridge:#33507C;
  --r:2px;
}
.mk .hero-mock-sticky{position:sticky;top:88px;width:100%;max-width:420px}
.mk .mock-clickable{cursor:zoom-in;transition:opacity .2s}
.mk .mock-clickable:hover{opacity:.9}
@media(max-width:900px){.mk .hero-mock-sticky{position:static;max-width:320px;margin:0 auto}}
.mk .mocks-row{max-width:1080px;margin:44px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
.mk .gallery-extra{display:none}
.mk .gallery-toggle{max-width:1080px;margin:22px auto 0;text-align:center;font-size:13px;font-weight:600;color:var(--seal);cursor:pointer;letter-spacing:.02em}
.mk .screen-card{background:var(--white);border-radius:6px;overflow:hidden;border:1px solid var(--line);box-shadow:0 8px 28px rgba(27,42,68,0.07);cursor:zoom-in;transition:box-shadow .2s,transform .2s}
.mk .screen-card:hover{box-shadow:0 14px 34px rgba(27,42,68,0.14);transform:translateY(-2px)}
.mk #screenshotLightbox{display:none;position:fixed;inset:0;z-index:2000000;background:rgba(20,30,48,0.97);align-items:center;justify-content:center;padding:32px 16px}
@media(max-width:480px){.mk #screenshotLightbox{padding:56px 10px 16px}}
.mk .lightbox-inner{position:relative;max-width:480px;width:100%;max-height:92vh;overflow-y:auto;padding-bottom:6px}
.mk .lightbox-close{position:fixed;top:20px;right:24px;font-size:34px;line-height:1;color:#fff;cursor:pointer;font-family:'IBM Plex Sans',sans-serif;z-index:2000001}
.mk .lightbox-label{text-align:center;color:#fff;margin-top:16px;font-size:15.5px;font-weight:500;font-family:'IBM Plex Sans',sans-serif}
.mk .lightbox-inner .mock-phone-frame{margin:0 auto 14px}
.mk .screen-label{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.02em;padding:14px 16px 8px}
.mk .mock-phone-frame{width:250px;height:540px;margin:0 auto;background:#161616;border-radius:34px;padding:8px;box-shadow:0 10px 30px rgba(0,0,0,0.18);position:relative}
.mk .mock-phone-screen{width:100%;height:100%;background:#f0f2f7;border-radius:26px;overflow:hidden;position:relative;display:flex;flex-direction:column}
.mk .mock-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:64px;height:18px;background:#161616;border-radius:10px;z-index:3}
.mk .mock-status-bar{display:flex;justify-content:space-between;align-items:center;padding:11px 20px 2px;font-size:10.5px;font-weight:600;color:#111;flex-shrink:0}
.mk .mock-phone-content{flex:1;overflow:hidden;padding:5px 8px 4px;position:relative}
.mk .mock-home-indicator{width:90px;height:4px;background:#111;border-radius:99px;margin:0 auto 8px;opacity:.22;flex-shrink:0}
.mk .mock-phone{font-family:'IBM Plex Sans',sans-serif}
.mk .m-pkg-free{padding:9px 10px;border-radius:8px;margin-bottom:6px;background:#f0fdf4;border:2px solid #86efac}
.mk .m-pkg-free-title{font-weight:700;font-size:10px;color:#166534}
.mk .m-pkg-free-sub{font-size:8px;color:#4ade80;margin-top:1px}
.mk .m-pkg-paid{padding:8px 10px;border-radius:8px;margin-bottom:6px;background:#eff6ff;border:2px solid #93c5fd;display:flex;justify-content:space-between;align-items:center}
.mk .m-pkg-paid-title{font-weight:700;font-size:10px;color:#1e3a8a}
.mk .m-pkg-paid-sub{font-size:7.5px;color:#60a5fa;margin-top:1px}
.mk .m-pkg-paid-price{font-weight:800;font-size:10.5px;color:#1d4ed8}
.mk .m-decision-badge{display:inline-block;padding:4px 11px;border-radius:99px;font-size:9px;font-weight:700;margin-top:5px}
.mk .m-dec-careful{background:#fef9c3;color:#92400e}
.mk .m-status-alert{display:flex;gap:7px;padding:9px 10px;border-radius:8px;font-size:8.5px;line-height:1.5;margin-bottom:7px}
.mk .m-status-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}
.mk .m-risk-tag{font-size:7.5px}
.mk .m-rank-row2{display:flex;align-items:center;gap:5px;padding:6px 0;border-bottom:1px solid #f3f4f6;font-size:9px}
.mk .m-rank-row2:last-child{border:none}
.mk .m-rank-medal{font-size:12px}
.mk .m-rank-ctrl-badge{font-size:6.5px;font-weight:600;padding:2px 6px;border-radius:99px;white-space:nowrap;margin-left:auto}
.mk .m-rank-ctrl-ok{background:#dcfce7;color:#166534}
.mk .m-rank-ctrl-przeszkoda{background:#fee2e2;color:#991b1b}
.mk .m-rank-ctrl-niesprawdzone{background:#f1f5f9;color:#64748b}
.mk .m-card{background:#fff;border-radius:9px;box-shadow:0 2px 8px rgba(0,0,0,0.07);padding:11px;margin-bottom:7px;border:1px solid #e5e7eb}
.mk .m-topbar{display:flex;justify-content:space-between;align-items:center}
.mk .m-topbar-title{font-weight:700;font-size:11px;color:#111}
.mk .m-badge-green{font-size:8px;background:#dcfce7;color:#16a34a;border-radius:5px;padding:2px 6px;font-weight:600}
.mk .m-card-title{font-size:12px;font-weight:700;color:#111;margin-bottom:2px}
.mk .m-card-sub{font-size:9px;color:#6b7280;margin-bottom:7px}
.mk .m-draft{display:flex;justify-content:space-between;align-items:center;padding:6px 7px;border-radius:6px;border:1px solid #e5e7eb;background:#fafafa;margin-bottom:4px}
.mk .m-draft-active{border-color:#1d4ed8;background:#dbeafe}
.mk .m-draft-name{font-size:10px;font-weight:600;color:#111}
.mk .m-draft-meta{font-size:8px;color:#6b7280;margin-top:1px}
.mk .m-draft-btn{font-size:9px;background:#1d4ed8;color:#fff;border:none;border-radius:5px;padding:3px 6px;font-weight:600}
.mk .m-rank-row{display:flex;align-items:center;gap:5px;padding:4px 0;border-bottom:1px solid #f3f4f6;font-size:9px}
.mk .m-rank-row:last-child{border:none}
.mk .m-rank-score{font-weight:700;color:#111;margin-left:auto}
.mk .m-crit-desc{font-size:8px;color:#9ca3af;margin-top:1px}
.mk .m-picker{display:flex;gap:2px;flex-shrink:0}
.mk .m-score-btn{width:19px;height:19px;border-radius:5px;border:1px solid #e5e7eb;background:#f9fafb;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#374151}
.mk .m-nav{display:flex;justify-content:space-between;align-items:center;margin-top:7px}
.mk .m-nav-btn{font-size:9px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:4px 8px;font-weight:600;color:#374151}
.mk .m-nav-btn-p{background:#1d4ed8;color:#fff;border-color:#1d4ed8}
.mk .m-score-big{font-size:28px;font-weight:400;color:#111;line-height:1}
.mk .m-score-sub{font-size:9px;color:#9ca3af;margin-top:2px}
.mk .m-bar-row{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:9px}
.mk .m-bar-label{width:62px;flex-shrink:0;font-weight:500;color:#374151}
.mk .m-bar-track{flex:1;height:5px;background:#e5e7eb;border-radius:99px;overflow:hidden}
.mk .m-bar-green{height:5px;border-radius:99px;background:#22c55e}
.mk .m-bar-yellow{height:5px;border-radius:99px;background:#f59e0b}
.mk .m-bar-red{height:5px;border-radius:99px;background:#ef4444}
.mk .m-bar-pct{width:22px;text-align:right;font-weight:600;color:#9ca3af;font-size:9px}
.mk .m-risk-item{display:flex;gap:4px;font-size:9px;align-items:flex-start;padding:4px 5px;background:#fafafa;border-radius:5px;border:1px solid #e5e7eb;margin-bottom:3px}
.mk .m-risk-dot{width:5px;height:5px;border-radius:50%;background:#dc2626;flex-shrink:0;margin-top:3px}
.mk .m-ctrl-q{font-size:10px;font-weight:600;margin-bottom:6px;line-height:1.4;color:#111}
.mk .m-ctrl-answer{display:block;width:100%;text-align:left;padding:6px 8px;border-radius:6px;border:1px solid #e5e7eb;background:#f9fafb;font-size:9px;line-height:1.4;color:#374151;margin-bottom:4px}
.mk .m-ctrl-answer.sel-zalatw{background:#fef9c3;border-color:#fde047;color:#854d0e;font-weight:600}
.mk .m-ctrl-answer.sel-przeszkoda{background:#fee2e2;border-color:#fca5a5;color:#b91c1c;font-weight:600}
.mk .m-ctrl-msg{font-size:8.5px;line-height:1.55;padding:7px 8px;border-radius:6px;margin-top:2px;margin-bottom:10px}
.mk .m-ctrl-msg.msg-zalatw{background:#fffbeb;color:#854d0e}
.mk .m-ctrl-msg.msg-przeszkoda{background:#fef2f2;color:#991b1b}
.mk .m-cat-pill{font-size:8.5px;font-weight:600;padding:3px 9px;border-radius:99px;letter-spacing:.02em;text-transform:uppercase}
.mk .m-cat-lokalizacja{background:#dbeafe;color:#1d4ed8}
.mk .m-cat-kontrola{background:#e2e8f0;color:#334155}
.mk .m-onb-item{display:flex;gap:7px;align-items:flex-start;font-size:9px;color:#374151;margin-bottom:8px;line-height:1.45}
.mk .m-onb-num{background:#dbeafe;color:#1d4ed8;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:8.5px}
@media(max-width:800px){.mk .mocks-row{grid-template-columns:1fr;max-width:400px}}
.mk .disc-item.open .disc-head::after{content:'Pokaż mniej ▴'}
.mk .disc-item.open .disc-body{display:block}
.mk komponenty 1:1 z pagify.app/index.html */
.device-frame{width:100%;max-width:390px;margin:0 auto;background:#161616;border-radius:46px;padding:13px;box-shadow:0 24px 54px rgba(27,42,68,.25);border-top:3px solid var(--bridge)}
.mk .screen-label-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--bridge);margin-right:2px}
.mk .device-screen{background:#eef1f6;border-radius:36px;overflow:hidden;position:relative;height:844px;display:flex;flex-direction:column}
.mk .device-notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:120px;height:28px;background:#161616;border-radius:16px;z-index:3}
.mk .device-status{display:flex;justify-content:space-between;padding:20px 32px 6px;font-size:15px;font-weight:600;color:#111;flex-shrink:0;font-family:-apple-system,'Segoe UI',sans-serif}
.mk .device-content{flex:1;overflow:hidden;padding:16px 16px 22px;font-family:-apple-system,'Segoe UI',Roboto,sans-serif}
.mk .device-home{width:130px;height:5px;background:#111;border-radius:99px;margin:6px auto 6px;opacity:.22;flex-shrink:0}
.mk .lightbox-inner .device-frame{margin:0 auto 14px}
.mk .app-real{--card:#fff;--danger-light:#fee2e2;--app-muted:#6b7280;--app-border:#e5e7eb;--app-radius:12px;--app-shadow:0 2px 12px rgba(0,0,0,0.07)}
.mk .app-real .card{background:var(--card);border-radius:var(--app-radius);box-shadow:var(--app-shadow);padding:20px;margin-bottom:16px;border:1px solid var(--app-border)}
.mk .app-real .cat-badge{display:inline-block;font-size:11px;font-weight:600;padding:3px 10px;border-radius:99px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px}
.mk .app-real .cat-koszty{background:#fce7f3;color:#9d174d}
.mk .app-real .criterion-row{display:grid;grid-template-columns:1fr;gap:6px;padding:14px 0;border-bottom:1px solid #f3f4f6}
.mk .app-real .criterion-row:first-of-type{padding-top:0}
.mk .app-real .criterion-row:last-child{border-bottom:none;padding-bottom:0}
.mk .app-real .criterion-left{display:flex;flex-direction:column;gap:2px}
.mk .app-real .criterion-name{font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mk .app-real .weight-badge{font-size:10px;padding:1px 6px;border-radius:99px;font-weight:700;letter-spacing:.03em;background:var(--danger-light);color:#b91c1c}
.mk .app-real .info-btn{width:22px;height:22px;border-radius:50%;border:1px solid var(--app-border);background:#f1f5f9;font-size:11px;color:var(--app-muted);font-weight:700;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0}
.mk .app-real .criterion-desc{font-size:12px;color:var(--app-muted)}
.mk .app-real .criterion-right{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:4px}
.mk .app-real .score-picker{display:flex;gap:3px;align-items:center;flex-wrap:wrap}
.mk .app-real .score-btn{width:29px;height:29px;border-radius:8px;border:1px solid var(--app-border);background:#f9fafb;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#374151}
.mk .app-real .score-btn.active-0{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}
.mk .app-real .score-btn.active-3{background:#fef9c3;border-color:#fde047;color:#854d0e}
.mk .app-real .alert{border-radius:10px;padding:12px 14px;font-size:13px;margin-bottom:10px;display:flex;gap:10px;align-items:flex-start;line-height:1.5}
.mk .app-real .alert-icon{font-size:17px;flex-shrink:0}
.mk .app-real .alert-danger{background:var(--danger-light);border:1px solid #fca5a5}