.sn-p-o-nas{margin:0;background:#FFFFFF;color:#111111;font-family:"Plus Jakarta Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.sn-p-o-nas a{color:#111111}
.sn-p-o-nas h1, .sn-p-o-nas h2, .sn-p-o-nas h3{text-wrap:balance}
.sn-p-o-nas .wrap{max-width:1200px;margin:0 auto;padding-left:32px;padding-right:32px;box-sizing:border-box}
.sn-p-o-nas .eb{margin:0;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6E6E76}
.sn-p-o-nas .h1{margin:0;font-size:80px;line-height:.98;font-weight:800;letter-spacing:-0.045em}
.sn-p-o-nas .h2{margin:0;font-size:48px;line-height:1.05;font-weight:700;letter-spacing:-0.035em}
.sn-p-o-nas .h3{margin:0;font-size:22px;line-height:1.2;font-weight:700;letter-spacing:-0.02em}
.sn-p-o-nas .lead{margin:0;font-size:20px;line-height:1.55;color:#55555C}
.sn-p-o-nas .p{margin:0;font-size:17px;line-height:1.65;color:#55555C}
.sn-p-o-nas .sec{padding-top:128px;padding-bottom:128px}
.sn-p-o-nas .alab{background:#F9F9FB}
.sn-p-o-nas .card{background:#FFFFFF;border:1px solid #E8E8EC;border-radius:24px;padding:32px;box-sizing:border-box}
.sn-p-o-nas .cta{height:56px;padding:0 32px;border-radius:999px;background:#FF6B00;color:#111111;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:background-color .15s ease,transform .15s ease}
.sn-p-o-nas .cta:hover{background:#F25F00;transform:translateY(-1px)}
.sn-p-o-nas .btn2{height:56px;padding:0 28px;border-radius:999px;border:1px solid #111111;color:#111111;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center}
.sn-p-o-nas .g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.sn-p-o-nas .g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.sn-p-o-nas .split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.sn-p-o-nas .crumb{font-size:13px;color:#6E6E76}
.sn-p-o-nas .crumb a{color:#6E6E76;text-decoration:none}
.sn-p-o-nas .trow{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:28px 0;border-bottom:1px solid #E8E8EC;align-items:baseline}
.sn-p-o-nas .tyear{font-size:32px;font-weight:800;letter-spacing:-0.03em;font-variant-numeric:tabular-nums}
.sn-p-o-nas .trow:last-child .tyear{color:#FF6B00}
.sn-p-o-nas .ph{border:1px dashed #C9C9CF;border-radius:24px;background:#F4F4F6;aspect-ratio:4 / 5;max-width:100%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#6E6E76;text-align:center;padding:16px;box-sizing:border-box}
.sn-p-o-nas .logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:48px 72px}
.sn-p-o-nas .logos img{filter:grayscale(1);opacity:.6;mix-blend-mode:multiply}
.sn-p-o-nas .collage{position:relative;aspect-ratio:1;max-width:560px;width:100%;justify-self:end}
.sn-p-o-nas .ring{position:absolute;inset:0;width:100%;height:100%;animation:spin-o-nas 150s linear infinite}
.sn-p-o-nas .fl{position:absolute;height:auto;filter:drop-shadow(0 18px 22px rgba(17,17,17,.15));animation:flo-o-nas 7s ease-in-out infinite}
@keyframes flo-o-nas{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}
@keyframes spin-o-nas{to{transform:rotate(360deg)}}
.sn-p-o-nas .years{position:relative;margin-top:64px}
.sn-p-o-nas .years ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;position:relative}
.sn-p-o-nas .yaxis{position:absolute;left:0;right:0;top:9px;height:2px;background-image:linear-gradient(90deg,#D6D6DC 50%,transparent 50%);background-size:10px 2px}
.sn-p-o-nas .yaxis span{position:absolute;inset:0;background:#FF6B00;transform-origin:left;animation:ax-o-nas 2.4s cubic-bezier(.65,0,.35,1) .3s both}
@keyframes ax-o-nas{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.sn-p-o-nas .yr{display:flex;flex-direction:column;gap:8px}
.sn-p-o-nas .ydot{width:20px;height:20px;border-radius:50%;background:#FFFFFF;border:2px solid #FF6B00;box-sizing:border-box;margin-bottom:12px;animation:pop-o-nas .5s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(.4s + var(--i) * .55s)}
.sn-p-o-nas .yr:last-child .ydot{background:#FF6B00}
@keyframes pop-o-nas{from{transform:scale(0)}to{transform:scale(1)}}
.sn-p-o-nas .yy{font-size:44px;line-height:1;font-weight:800;letter-spacing:-0.04em}
.sn-p-o-nas .yr:last-child .yy{color:#FF6B00}
.sn-p-o-nas .yt{font-size:18px;font-weight:700}
.sn-p-o-nas .yd{font-size:15px;line-height:1.55;color:#55555C}
.sn-p-o-nas .vals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sn-p-o-nas .val{background:#FFFFFF;border:1px solid #E8E8EC;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:6px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.sn-p-o-nas .val:hover{transform:translateY(-4px);border-color:#FF6B00;box-shadow:0 18px 30px -22px rgba(255,107,0,.6)}
.sn-p-o-nas .val span:last-child{font-size:14px;line-height:1.5;color:#55555C}
.sn-p-o-nas .vic{width:44px;height:44px;border-radius:50%;background:#FFF1E6;display:flex;align-items:center;justify-content:center;margin-bottom:6px;transition:transform .25s ease}
.sn-p-o-nas .val:hover .vic{transform:rotate(-8deg) scale(1.08)}
.sn-p-o-nas .ph{transition:transform .35s ease}
.sn-p-o-nas .ph:hover{transform:translateY(-6px)}
.sn-p-o-nas .lmask{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.sn-p-o-nas .ltrack{display:flex;align-items:center;gap:96px;width:max-content;animation:marq-o-nas 40s linear infinite}
.sn-p-o-nas .ltrack img{filter:grayscale(1);opacity:.6;mix-blend-mode:multiply}
@keyframes marq-o-nas{to{transform:translateX(-50%)}}
.sn-p-o-nas .reveal{animation:rv-o-nas .8s cubic-bezier(.19,1,.22,1) both;animation-delay:calc(.2s + var(--i,0) * .15s)}
@keyframes rv-o-nas{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media (max-width:960px){.sn-p-o-nas .years ol{grid-template-columns:repeat(2,minmax(0,1fr))}
.sn-p-o-nas .yaxis{display:none}
.sn-p-o-nas .collage{justify-self:center}}
@media (max-width:960px){.sn-p-o-nas .g2, .sn-p-o-nas .split{grid-template-columns:minmax(0,1fr)}
.sn-p-o-nas .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
.sn-p-o-nas .h1{font-size:56px}
.sn-p-o-nas .h2{font-size:36px}
.sn-p-o-nas .sec{padding-top:88px;padding-bottom:88px}}
@media (max-width:600px){.sn-p-o-nas .wrap{padding-left:20px;padding-right:20px}
.sn-p-o-nas .h1{font-size:44px}
.sn-p-o-nas .g4{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.sn-p-o-nas *{transition:none !important;animation:none !important}}
.sn-p-o-nas .wrap{position:relative;z-index:1}
.sn-p-o-nas .flowline{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:0}
.sn-p-o-nas .flowline path{animation:fl-o-nas 6s linear infinite}
@keyframes fl-o-nas{to{stroke-dashoffset:-44}}
@media (max-width:600px){.sn-p-o-nas .flowline{opacity:.6}}

/* media ponownie na końcu – nadpisują reguły bazowe zapisane później */
@media (max-width:960px){.sn-p-o-nas .years ol{grid-template-columns:repeat(2,minmax(0,1fr))}
.sn-p-o-nas .yaxis{display:none}
.sn-p-o-nas .collage{justify-self:center}}
@media (max-width:960px){.sn-p-o-nas .g2, .sn-p-o-nas .split{grid-template-columns:minmax(0,1fr)}
.sn-p-o-nas .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
.sn-p-o-nas .h1{font-size:56px}
.sn-p-o-nas .h2{font-size:36px}
.sn-p-o-nas .sec{padding-top:88px;padding-bottom:88px}}
@media (max-width:600px){.sn-p-o-nas .wrap{padding-left:20px;padding-right:20px}
.sn-p-o-nas .h1{font-size:44px}
.sn-p-o-nas .g4{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.sn-p-o-nas .flowline{opacity:.6}}