@charset "UTF-8";
/*! MKM Labs frontend 2026-10-04 - /szkolenia-ai-dla-firm/ (port of "Szkolenia AI.dc.html").
 * Uses the shared fe- layer (mkm-fe.20261004.css); page-only classes are prefixed "szk-". */

/* ---------- Hero ---------- */
.szk-hero__main{flex:1.5 1 560px;min-width:0;display:flex;flex-direction:column;gap:28px}
.szk-badges{display:flex;flex-wrap:wrap;gap:8px}
.szk-badge{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:600;color:#e5e8ee}
.szk-badge--blue{background:rgba(0,87,255,.18);border-color:rgba(153,186,255,.3);color:#e6eeff;transition:background-color 150ms ease}
a.szk-badge--blue:hover{background:rgba(0,87,255,.3);color:#fff}
.szk-lede{max-width:660px;color:#c3c8d3;font-size:clamp(17px,1.5vw,21px);line-height:1.55;text-wrap:pretty}
.szk-hero .fe-btn-ghost{transition:background-color 150ms ease,transform 140ms var(--fe-ease-out)}
.szk-hero .fe-btn-ghost:active{transform:scale(0.96)}
.szk-pricecard{flex:1 1 320px;min-width:0;padding:clamp(26px,3vw,40px);border-radius:32px;background:rgba(18,22,31,.85);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:14px}
.szk-pricecard__l{color:#aeb4c2;font-size:14px}
.szk-pricecard__v{font-size:clamp(48px,5vw,80px);font-weight:600;letter-spacing:-0.05em;line-height:.9;font-variant-numeric:tabular-nums}
.szk-pricecard__v span{font-size:.38em;color:#aeb4c2;letter-spacing:-0.01em}
.szk-pricecard__per{color:#99baff;font-size:15px;font-weight:600}

/* ---------- Shared bits ---------- */
.szk-head--narrow{max-width:1000px}
.szk-head--gap{margin-bottom:clamp(36px,5vw,64px)}
.szk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--szk-min,280px)),1fr));gap:12px}
.szk-grid--250{--szk-min:250px;gap:14px}
.szk-grid--280{--szk-min:280px}
.szk-grid--340{--szk-min:340px}
.szk-card{display:flex;flex-direction:column;gap:14px;padding:var(--fe-card-pad,clamp(26px,3vw,36px));border-radius:28px;background:#12161f;border:1px solid rgba(255,255,255,.07)}
.szk-grid--250 .szk-card{gap:12px}
.szk-kicker{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6699ff}
.szk-card__d{font-size:16px;color:#c3c8d3;line-height:1.6;text-wrap:pretty}
.szk-module__t{font-size:clamp(22px,2vw,28px);font-weight:600;letter-spacing:-0.025em;line-height:1.15}

/* ---------- Outcomes (spotlight cards) ---------- */
.szk-outcome{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:28px;padding:28px;border-radius:26px;background:#12161f;border:1px solid rgba(255,255,255,.07)}
.szk-outcome__n{position:relative;font-size:14px;font-weight:600;color:#6699ff;font-variant-numeric:tabular-nums}
.szk-outcome__t{position:relative;font-size:18px;line-height:1.45;color:#e5e8ee;text-wrap:pretty}

/* ---------- Trainer ---------- */
.szk-trainer-sec{padding:0 clamp(12px,3vw,40px) var(--fe-pad-b,clamp(80px,10vw,140px))}
.szk-trainer{max-width:1400px;margin:0 auto;display:flex;flex-wrap:wrap;border-radius:36px;overflow:hidden;background:#12161f;border:1px solid rgba(255,255,255,.08)}
.szk-trainer__media{flex:1 1 360px;min-height:360px;position:relative;margin:clamp(10px,1vw,14px);border-radius:26px;overflow:hidden;background:#07101d}
.szk-trainer__media img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.szk-trainer__body{flex:1.3 1 420px;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:clamp(28px,4vw,56px)}
.szk-trainer__name{font-size:clamp(36px,4.4vw,72px);font-weight:600;line-height:.95;letter-spacing:-0.045em}
.szk-trainer__name a{color:#fff}
.szk-trainer__name a:hover{color:#99baff}
.szk-trainer__bio{color:#c3c8d3;font-size:17px;line-height:1.65;text-wrap:pretty}
.szk-more{display:inline-flex;align-items:center;min-height:44px;align-self:flex-start;font-size:15px;font-weight:700;color:#99baff}

/* ---------- Program head row ---------- */
.szk-head-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px}
.szk-head-row__p{max-width:420px;color:#c3c8d3;font-size:17px;line-height:1.55}

/* ---------- Pricing ---------- */
.szk-price{display:flex;flex-direction:column;gap:18px;padding:var(--fe-card-pad,clamp(26px,3vw,36px));border-radius:28px;background:#12161f;border:1px solid rgba(255,255,255,.07)}
.szk-price--blue{background:linear-gradient(160deg,#002bb5,#0057FF);border-color:rgba(153,186,255,.3)}
.szk-price__t{font-size:20px;font-weight:600;letter-spacing:-0.02em}
.szk-price__v{font-size:clamp(36px,3.4vw,52px);font-weight:600;letter-spacing:-0.045em;line-height:.95;font-variant-numeric:tabular-nums}
.szk-price__u{display:block;margin-top:6px;font-size:14px;font-weight:500;letter-spacing:0;color:#aeb4c2}
.szk-price__d{font-size:15px;line-height:1.6;color:#c3c8d3;text-wrap:pretty}
.szk-price--blue .szk-price__u{color:#e6eeff}
.szk-price--blue .szk-price__d{color:#fff}
.szk-note{color:#aeb4c2;font-size:15px;max-width:820px;line-height:1.6}
.szk-note a{color:#99baff}
.szk-note a:hover{color:#fff}

/* ---------- Cities ---------- */
.szk-cities{display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,80px)}
.szk-cities__head{flex:1 1 360px;display:flex;flex-direction:column;gap:18px}
.szk-cities__p{color:#c3c8d3;font-size:17px;line-height:1.6;max-width:460px}
.szk-cities__list{flex:1.4 1 520px;min-width:0;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;margin:0;padding:0;list-style:none}
.szk-city{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;background:#12161f;border:1px solid rgba(255,255,255,.08);color:#e5e8ee;font-size:15px;font-weight:600}
.szk-city__dot{width:6px;height:6px;border-radius:50%;background:#0057FF}
.szk-city--link{transition:border-color 200ms ease,background-color 200ms ease,transform 140ms var(--fe-ease-out)}
.szk-city--link:hover{color:#fff;border-color:rgba(153,186,255,.3);background:#161b26}
.szk-city--link:active{transform:scale(0.96)}

/* ---------- FAQ (shared fe-faq, page tweaks) ---------- */
.szk-h2--faq{font-size:clamp(38px,5vw,80px)}
.szk-faq__lede{color:#c3c8d3;font-size:17px;line-height:1.6;max-width:420px}
.fe-faq__a a{color:#99baff}
.fe-faq__a a:hover{color:#fff}

/* ---------- Lead form ---------- */
.szk-lead{display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,80px);align-items:flex-start}
.szk-lead__head{flex:1 1 320px;display:flex;flex-direction:column;gap:18px}
.szk-lead__p{color:#c3c8d3;font-size:17px;line-height:1.6;max-width:460px}
.szk-lead__box{flex:1.4 1 520px;min-width:0;padding:clamp(22px,3vw,40px);border-radius:32px;background:#12161f;border:1px solid rgba(255,255,255,.08)}
.szk-form{display:flex;flex-direction:column;gap:16px}
.szk-form__row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}
.szk-form label{display:block;margin-bottom:8px;color:#d7dbe4;font-size:14px;font-weight:600}
.szk-form__opt{font-weight:400;color:#8a92a3}
.szk-form input[type="text"],.szk-form input[type="email"],.szk-form input[type="tel"],.szk-form input[type="number"]{width:100%;height:52px;padding:0 16px;border-radius:var(--fe-r-input,16px);background:#0a0c10;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:16px;transition:border-color 150ms ease}
.szk-form input::placeholder{color:#8a92a3}
.szk-form input:focus{outline:none;border-color:rgba(153,186,255,.6)}
.szk-form input:focus-visible{outline:2px solid #99baff;outline-offset:2px}
.szk-form__consent{display:flex;align-items:flex-start;gap:12px}
.szk-form__consent input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:#0057FF}
.szk-form__consent label{margin:0;font-weight:400;color:#aeb4c2;font-size:14px;line-height:1.55}
.szk-form__consent a{color:#99baff}
.szk-form__status{font-size:15px;line-height:1.5;padding:12px 16px;border-radius:14px}
.szk-form__status[hidden]{display:none}
.szk-form__status--err{color:#ff8a8a;border:1px solid rgba(255,120,120,.6);background:rgba(255,120,120,.06)}
.szk-form__status--ok{color:#4dff9f;border:1px solid rgba(77,255,159,.4);background:rgba(77,255,159,.06)}
.szk-form__submit{align-self:flex-start;padding:0 24px;transition:transform 140ms var(--fe-ease-out),opacity 150ms ease}
.szk-form__submit:active{transform:scale(0.96)}
.szk-form__submit:disabled{opacity:.6;cursor:progress}

@media (prefers-reduced-motion:reduce){
  .szk-city--link,.szk-form__submit,.szk-hero .fe-btn-ghost{transition:none}
  .szk-city--link:active,.szk-form__submit:active,.szk-hero .fe-btn-ghost:active{transform:none}
}

/* ---------- Restored SEO sections (ISO, stats, longform, po warsztacie, szkolenie a wdrożenie, most) ---------- */
.szk-iso{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:clamp(22px,3vw,32px) clamp(22px,3vw,36px);border-radius:28px;background:#12161f;border:1px solid rgba(255,255,255,.07)}
.szk-iso img{flex:0 0 auto;width:73px;height:auto}
.szk-iso__body{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:10px}
.szk-iso__t{font-size:clamp(20px,1.8vw,24px);font-weight:600;letter-spacing:-0.02em;line-height:1.2}
.szk-iso__p{max-width:820px;color:#c3c8d3;font-size:15px;line-height:1.65;text-wrap:pretty}
.szk-iso__p a,.szk-prose a,.szk-bridge__p a,.szk-card__d a{color:#99baff}
.szk-iso__p a:hover,.szk-prose a:hover,.szk-bridge__p a:hover{color:#fff}
.szk-grid--220{--szk-min:220px}
.szk-stat{display:flex;flex-direction:column;gap:10px;padding:28px;border-radius:26px;background:#12161f;border:1px solid rgba(255,255,255,.07)}
.szk-stat__v{font-size:clamp(30px,3vw,44px);font-weight:600;letter-spacing:-0.04em;line-height:1}
.szk-stat__l{color:#aeb4c2;font-size:15px}
.szk-long .szk-card__d+.szk-card__d{margin-top:-2px}
.szk-split__head{flex:1 1 360px}
.szk-checks{flex:1.4 1 520px;min-width:0;display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.szk-check{display:flex;gap:18px;align-items:flex-start;padding:22px 24px;border-radius:22px;background:#12161f;border:1px solid rgba(255,255,255,.07)}
.szk-check__i{flex:none;width:32px;height:32px;border-radius:50%;background:rgba(0,87,255,.18);border:1px solid rgba(153,186,255,.3);color:#99baff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}
.szk-check p{color:#e5e8ee;font-size:16px;line-height:1.6;text-wrap:pretty}
.szk-prose{max-width:860px;display:flex;flex-direction:column;gap:16px}
.szk-prose p{color:#c3c8d3;font-size:17px;line-height:1.7;text-wrap:pretty}
.szk-bridge{display:flex;flex-direction:column;gap:18px;padding:clamp(28px,4vw,56px);border-radius:36px;background:radial-gradient(ellipse 60% 80% at 90% 0%,rgba(0,87,255,.22),transparent 65%),#12161f;border:1px solid rgba(153,186,255,.18)}
.szk-bridge__p{max-width:820px;color:#c3c8d3;font-size:17px;line-height:1.65;text-wrap:pretty}
.szk-section--tight{padding-bottom:12px}