.ps-zakres{
  --navy-deep:#161f37;
  --ink:#29333A;
  --bordeaux:#6C303C;
  --rose:#e9b8bf;
  --cream:#F4EEE2; --paper:#DFDCD3;
  --text:#29333a; --muted:#6f6a60;
  --line:rgba(48,72,84,.13);
  --f:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ease:cubic-bezier(.5,.05,.05,1); --spring:cubic-bezier(.16,1,.3,1);
  --wrap:1480px; --pad:clamp(20px,5vw,80px);
  font-family:var(--f);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
}
.ps-zakres *{box-sizing:border-box;}
.ps-zakres .band{padding-block:clamp(64px,9vw,138px); position:relative; background:var(--paper);}
.ps-zakres .wrap{max-width:var(--wrap); margin:0 auto; padding-inline:var(--pad);}

@keyframes psVIn{from{opacity:0; transform:translateY(12px);} to{opacity:1; transform:none;}}

.ps-zakres .hscroll-head{display:flex; justify-content:flex-start; align-items:center; gap:20px; flex-wrap:wrap; margin-bottom:clamp(28px,3vw,44px);}

/* ——— przełącznik ——— */
.ps-zakres .scope-tabs{display:inline-flex; gap:8px; padding:7px; border-radius:100px; background:rgba(35,55,64,.07); border:1px solid var(--line);}
.ps-zakres .scope-tab{display:inline-flex; align-items:center; gap:10px; font-family:var(--f); font-weight:700; font-size:14px; letter-spacing:.12em; text-transform:uppercase; padding:15px 34px; border-radius:100px; border:0; background:transparent; color:var(--navy-deep); opacity:.5; cursor:pointer; transition:.4s var(--ease);}
.ps-zakres .scope-tab::before{content:""; width:7px; height:7px; border-radius:50%; background:currentColor; opacity:.35; transition:.4s var(--ease);}
.ps-zakres .scope-tab:hover{opacity:.85; background:rgba(35,55,64,.06);}
.ps-zakres .scope-tab.active{background:var(--navy-deep); color:var(--cream); opacity:1; box-shadow:0 16px 30px -16px rgba(22,31,55,.85);}
.ps-zakres .scope-tab.active::before{background:var(--rose); opacity:1; box-shadow:0 0 0 4px rgba(233,184,191,.18);}

/* ——— strzałki ——— */
.ps-zakres .hscroll-nav{display:flex; gap:12px; justify-self:end;}
.ps-zakres .hscroll-btn{width:56px; height:56px; border-radius:50%; border:1px solid var(--navy-deep); background:var(--navy-deep); color:var(--cream); cursor:pointer; display:grid; place-items:center; box-shadow:0 16px 30px -18px rgba(22,31,55,.9); transition:.35s var(--ease);}
.ps-zakres .hscroll-btn:hover{background:var(--bordeaux); border-color:var(--bordeaux); transform:translateY(-3px);}
.ps-zakres .hscroll-btn:active{transform:translateY(0);}
.ps-zakres .hscroll-btn svg{width:23px; height:13px; fill:currentColor;}

.ps-zakres .scope-panel{display:none;}
.ps-zakres .scope-panel.active{display:block; animation:psVIn .5s var(--ease);}
.ps-zakres .scope-intro{display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,4vw,64px); align-items:end; margin-bottom:clamp(24px,3vw,40px);}
.ps-zakres .scope-intro .big{font-weight:700; font-size:clamp(2.1rem,5.6vw,4.7rem); letter-spacing:-.03em; line-height:.95; color:var(--navy-deep);}
.ps-zakres .scope-intro .big small{display:block; font-size:clamp(.68rem,1.05vw,.84rem); line-height:1.75; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:var(--navy-deep); opacity:.7; margin-bottom:16px; max-width:34ch;}
.ps-zakres .scope-intro .big small i{font-style:normal; color:var(--bordeaux); opacity:.95; margin:0 .3em;}

.ps-zakres .hscroll{display:flex; gap:clamp(18px,2vw,28px); overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:12px; scrollbar-width:none;}
.ps-zakres .hscroll::-webkit-scrollbar{display:none;}

.ps-zakres .scard{flex:0 0 auto; width:min(420px,82vw); scroll-snap-align:start; border:1px solid rgba(244,238,226,.14); border-radius:24px; padding:clamp(28px,2.6vw,40px); min-height:clamp(320px,32vw,420px); display:flex; flex-direction:column; position:relative; overflow:hidden; color:var(--cream);
  background:linear-gradient(158deg,#2b4450 0%, var(--navy-deep) 46%, #1c2c34 100%);
  transition:transform .5s var(--spring), box-shadow .5s var(--spring), border-color .5s var(--ease);}
.ps-zakres .scard::before{content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.9;
  background:radial-gradient(120% 80% at 88% 6%, rgba(108,48,60,.34) 0%, rgba(108,48,60,0) 52%);}
.ps-zakres .scard:hover{transform:translateY(-6px); box-shadow:0 30px 60px -34px rgba(35,55,64,.75); border-color:rgba(233,184,191,.34);}
.ps-zakres .scard .rmark{position:absolute; top:20px; right:20px; width:26px; height:26px; z-index:1; opacity:.55;
  background:linear-gradient(#e9b8bf 0 0) top right/13px 1.4px no-repeat, linear-gradient(#e9b8bf 0 0) top right/1.4px 13px no-repeat;}
.ps-zakres .scard .sl{font-weight:700; font-size:clamp(4.6rem,7vw,7rem); position:absolute; top:8px; left:14px; opacity:.09; letter-spacing:-.04em; z-index:0; line-height:.8; color:var(--cream);}
.ps-zakres .scard h3,.ps-zakres .scard ul,.ps-zakres .scard .note{position:relative; z-index:1;}
.ps-zakres .scard h3{font-family:var(--f); font-size:clamp(1.35rem,1.9vw,1.75rem); margin:clamp(52px,6vw,86px) 0 18px; letter-spacing:-.02em; color:var(--cream);}
.ps-zakres .scard ul{list-style:none; padding:0; margin:0; padding-bottom:22px;}
.ps-zakres .scard ul li{padding:8px 0 8px 20px; position:relative; color:rgba(244,238,226,.85); font-size:.98rem; line-height:1.45;}
.ps-zakres .scard ul li::before{content:""; position:absolute; left:0; top:15px; width:9px; height:1.5px; background:var(--cream); opacity:.65;}
.ps-zakres .scard .note{color:rgba(244,238,226,.78); font-size:1rem; line-height:1.6; padding-bottom:22px; margin:0;}
.ps-zakres .scard::after{content:attr(data-dim); position:absolute; left:clamp(28px,2.6vw,40px); right:clamp(28px,2.6vw,40px); bottom:clamp(20px,2vw,28px); height:16px; z-index:1;
  border-top:1px solid rgba(244,238,226,.22); font-size:9.5px; letter-spacing:.24em; text-transform:uppercase; color:rgba(244,238,226,.42); padding-top:6px;}

@media(max-width:700px){
  .ps-zakres .scope-intro{grid-template-columns:1fr;}
  .ps-zakres .scope-tab{padding:13px 22px; font-size:12.5px; letter-spacing:.1em;}
}