.jak-pracujemy-page{--p: #6c5ce7;--p-dark: #5a4cd4;--ink: #0f172a;--muted: #64748b;--ease: cubic-bezier(.4, 0, .2, 1);font-family:var(--font-sans, "Montserrat", sans-serif);color:var(--ink);position:relative;isolation:isolate;overflow-x:clip;background:linear-gradient(180deg,#fff,#f4f6fa 38%,#eef2f7)}.jak-pracujemy-page *{box-sizing:border-box}.jak-pracujemy-page .wrap{max-width:var(--layout-max-width, 1440px);margin:0 auto;width:100%;padding:0;position:relative;z-index:1}.jak-pracujemy-page .jp-hero{position:relative;min-height:min(92vh,760px);display:flex;align-items:center;padding:clamp(7rem,14vw,9rem) var(--page-padding-x) clamp(3.5rem,7vw,5rem);overflow:hidden;color:#fff;isolation:isolate}.jak-pracujemy-page .jp-hero-media{position:absolute;inset:0;z-index:0}.jak-pracujemy-page .jp-hero-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 42%;object-position:center 42%;display:block;transform:scale(1.04);animation:jp-hero- ken 18s ease-out forwards}.jak-pracujemy-page .jp-hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(105deg,#0c0e1cd1,#0c0e1c8c 42%,#0c0e1c47 68%,#0c0e1c73),linear-gradient(180deg,rgba(12,14,28,.35) 0%,transparent 28%,rgba(12,14,28,.55) 100%);pointer-events:none}.jak-pracujemy-page .jp-hero-inner{position:relative;z-index:2;max-width:36rem;animation:jp-rise .85s var(--ease) both}.jak-pracujemy-page .jp-brand{display:block;font-size:clamp(1.35rem,2.8vw,1.85rem);font-weight:800;letter-spacing:-.04em;line-height:1;margin:0 0 1.1rem;color:#fff}.jak-pracujemy-page .jp-brand span{color:#c4b5fd}.jak-pracujemy-page .jp-hero h1{font-size:clamp(2.15rem,5vw,3.5rem);font-weight:800;line-height:1.05;letter-spacing:-.035em;margin:0 0 1rem;text-wrap:balance;color:#fff}.jak-pracujemy-page .jp-hero-lead{margin:0;font-size:clamp(1.02rem,1.8vw,1.125rem);line-height:1.55;color:#f1f5f9e6;max-width:32rem;text-wrap:pretty}.jak-pracujemy-page .jp-hero-actions{margin-top:1.75rem}.jak-pracujemy-page .jp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:13px 24px;border-radius:14px;text-decoration:none;font-weight:700;font-size:.9375rem;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}.jak-pracujemy-page .jp-btn-main{background:#fff;color:#4c3fc7;box-shadow:0 10px 28px #080a1847}.jak-pracujemy-page .jp-btn-main:hover{transform:translateY(-2px);background:#f8fafc;box-shadow:0 14px 34px #080a185c}.jak-pracujemy-page .jp-btn-main:focus-visible{outline:2px solid #ffffff;outline-offset:3px}.jak-pracujemy-page .jp-pillars{padding:clamp(4rem,9vw,6.5rem) var(--page-padding-x) clamp(3.5rem,7vw,5rem)}.jak-pracujemy-page .jp-section-head{max-width:40rem;margin:0 0 clamp(2.5rem,5vw,3.75rem);animation:jp-rise .7s var(--ease) both;animation-delay:.08s}.jak-pracujemy-page .jp-section-head h2{font-size:clamp(1.55rem,3.2vw,2.15rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 .75rem;color:var(--ink);text-wrap:balance}.jak-pracujemy-page .jp-section-head p{margin:0;font-size:clamp(.975rem,1.6vw,1.0625rem);line-height:1.65;color:#475569;text-wrap:pretty}.jak-pracujemy-page .jp-list{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid rgba(15,23,42,.1)}.jak-pracujemy-page .jp-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1rem,2.5vw,1.75rem);padding:clamp(1.5rem,3vw,2rem) 0;border-bottom:1px solid rgba(15,23,42,.1);opacity:0;animation:jp-rise .65s var(--ease) both}.jak-pracujemy-page .jp-item:nth-child(1){animation-delay:.12s}.jak-pracujemy-page .jp-item:nth-child(2){animation-delay:.2s}.jak-pracujemy-page .jp-item:nth-child(3){animation-delay:.28s}.jak-pracujemy-page .jp-item:nth-child(4){animation-delay:.36s}.jak-pracujemy-page .jp-item:nth-child(5){animation-delay:.44s}.jak-pracujemy-page .jp-num{font-size:.8125rem;font-weight:800;letter-spacing:.08em;color:var(--p);padding-top:.35rem;font-variant-numeric:tabular-nums}.jak-pracujemy-page .jp-item h3{font-size:clamp(1.125rem,2.2vw,1.375rem);font-weight:700;margin:0 0 .55rem;line-height:1.25;color:var(--ink)}.jak-pracujemy-page .jp-item>div>p{margin:0 0 .9rem;font-size:clamp(.975rem,1.5vw,1.05rem);line-height:1.65;color:#334155;max-width:46rem}.jak-pracujemy-page .jp-points{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem 1.25rem}.jak-pracujemy-page .jp-points li{position:relative;font-size:.875rem;font-weight:600;color:#475569;padding-left:.9rem}.jak-pracujemy-page .jp-points li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--p)}.jak-pracujemy-page .jp-process{padding:clamp(2.5rem,6vw,4rem) var(--page-padding-x) clamp(4rem,9vw,6rem)}.jak-pracujemy-page .jp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.75rem);position:relative}.jak-pracujemy-page .jp-steps:before{content:"";position:absolute;left:8%;right:8%;top:.7rem;height:1px;background:linear-gradient(90deg,transparent,rgba(108,92,231,.35),transparent);pointer-events:none}.jak-pracujemy-page .jp-step{position:relative;opacity:0;animation:jp-rise .7s var(--ease) both}.jak-pracujemy-page .jp-step:nth-child(1){animation-delay:.15s}.jak-pracujemy-page .jp-step:nth-child(2){animation-delay:.28s}.jak-pracujemy-page .jp-step:nth-child(3){animation-delay:.4s}.jak-pracujemy-page .jp-step-label{display:block;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--p);margin-bottom:.85rem}.jak-pracujemy-page .jp-step h3{font-size:clamp(1.1rem,2vw,1.25rem);font-weight:700;margin:0 0 .55rem;color:var(--ink)}.jak-pracujemy-page .jp-step p{margin:0;font-size:.975rem;line-height:1.65;color:#475569}.jak-pracujemy-page .jp-cta{padding:0 var(--page-padding-x) clamp(3rem,8vw,5rem)}.jak-pracujemy-page .jp-cta-band{position:relative;overflow:hidden;text-align:center;padding:clamp(2.5rem,5.5vw,3.5rem) clamp(1.35rem,4vw,2.25rem);border-radius:20px;background:linear-gradient(145deg,#5f51dc,#5648d3);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 56px #4c3cbe57,0 1px #ffffff2e inset}.jak-pracujemy-page .jp-cta-decor{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.1}.jak-pracujemy-page .jp-cta-decor-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22) 0%,transparent 70%)}.jak-pracujemy-page .jp-cta-decor-circle--tl{top:-180px;left:-180px;width:520px;height:520px}.jak-pracujemy-page .jp-cta-decor-circle--br{bottom:-140px;right:-140px;width:440px;height:440px;background:radial-gradient(circle,rgba(255,255,255,.16) 0%,transparent 72%)}.jak-pracujemy-page .jp-cta-inner{position:relative;z-index:1}.jak-pracujemy-page .jp-cta-band h2{font-size:clamp(1.55rem,3.2vw,2.05rem);font-weight:800;color:#fff;margin:0 0 12px;letter-spacing:-.02em;line-height:1.2;text-wrap:balance}.jak-pracujemy-page .jp-cta-band>.jp-cta-inner>p{font-size:clamp(1rem,1.8vw,1.15rem);color:#f3f4fff5;margin:0 auto 1.65rem;line-height:1.55;max-width:36rem;font-weight:500}.jak-pracujemy-page .jp-cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}.jak-pracujemy-page .jp-cta-btn-main,.jak-pracujemy-page .jp-cta-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:14px 26px;border-radius:14px;font-weight:700;font-size:clamp(.95rem,1.5vw,1rem);text-decoration:none;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}.jak-pracujemy-page .jp-cta-btn-main{background:#fff;color:#5141cc;border:none;box-shadow:0 8px 24px #18105838}.jak-pracujemy-page .jp-cta-btn-main:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1810584d;background:#f8fafc}.jak-pracujemy-page .jp-cta-btn-outline{background:#ffffff08;color:#fff;border:1px solid rgba(255,255,255,.55)}.jak-pracujemy-page .jp-cta-btn-outline:hover{transform:translateY(-2px);background:#ffffff1f;border-color:#ffffffd9}.jak-pracujemy-page .jp-cta-btn-main:focus-visible,.jak-pracujemy-page .jp-cta-btn-outline:focus-visible{outline:2px solid #ffffff;outline-offset:3px}.jak-pracujemy-page .jp-cta-btn-icon{flex-shrink:0}.jak-pracujemy-page .jp-cta-info-row{margin-top:clamp(1.75rem,4vw,2.25rem);padding-top:clamp(1.25rem,3vw,1.5rem);border-top:1px solid rgba(255,255,255,.18);display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(1rem,3vw,2rem)}.jak-pracujemy-page .jp-cta-info-item{display:inline-flex;align-items:center;gap:8px;color:#ffffffe0;font-size:.8125rem;font-weight:600;text-align:left}.jak-pracujemy-page .jp-cta-info-item svg{flex-shrink:0;width:20px;height:20px;stroke:#ffffffe6;fill:none}@keyframes jp-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes jp-hero-ken{0%{transform:scale(1.06)}to{transform:scale(1)}}@media(max-width:800px){.jak-pracujemy-page .jp-steps{grid-template-columns:1fr;gap:1.75rem}.jak-pracujemy-page .jp-steps:before{display:none}.jak-pracujemy-page .jp-hero{min-height:min(78vh,640px);align-items:center;padding-top:clamp(6.5rem,16vw,8rem);padding-bottom:clamp(2.75rem,8vw,4rem)}}@media(max-width:480px){.jak-pracujemy-page .jp-cta-actions{flex-direction:column;align-items:stretch}.jak-pracujemy-page .jp-cta-btn-main,.jak-pracujemy-page .jp-cta-btn-outline{width:100%}}@media(prefers-reduced-motion:reduce){.jak-pracujemy-page .jp-hero-media img,.jak-pracujemy-page .jp-hero-inner,.jak-pracujemy-page .jp-section-head,.jak-pracujemy-page .jp-item,.jak-pracujemy-page .jp-step{animation:none;opacity:1;transform:none}.jak-pracujemy-page .jp-btn-main:hover,.jak-pracujemy-page .jp-cta-btn-main:hover,.jak-pracujemy-page .jp-cta-btn-outline:hover{transform:none}}