/* WOJ-BRUK — Kompleksowo v1.1 | light premium / aligned with Technology */
.wojbruk-system{
  --system-red:#e20b17;
  --system-ink:#101114;
  --system-muted:#666a70;
  --system-line:#dedfdd;
  --system-paper:#f7f7f5;
  --system-card:#fbfbfa;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:var(--system-ink);
  background:var(--system-paper);
  padding:clamp(24px,2.8vw,42px) 0 clamp(28px,3.2vw,48px);
  font-family:"Manrope","Helvetica Neue",Arial,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.wojbruk-system *{box-sizing:border-box}
.wojbruk-system button{font:inherit}
.wojbruk-system__shell{
  width:min(1480px,calc(100% - clamp(28px,5vw,90px)));
  margin-inline:auto;
  position:relative;
  z-index:1;
}
.wojbruk-system::before{
  content:"";
  position:absolute;
  pointer-events:none;
  width:min(48vw,720px);
  height:min(30vw,430px);
  right:-4vw;
  top:-7vw;
  opacity:.36;
  background:
    linear-gradient(90deg,transparent 49.7%,rgba(16,17,20,.10) 50%,transparent 50.3%) 0 0/82px 82px,
    linear-gradient(0deg,transparent 49.7%,rgba(16,17,20,.10) 50%,transparent 50.3%) 0 0/82px 82px;
  -webkit-mask-image:linear-gradient(135deg,rgba(0,0,0,.9),transparent 76%);
  mask-image:linear-gradient(135deg,rgba(0,0,0,.9),transparent 76%);
}
.wojbruk-system__panel{
  position:relative;
  background:transparent;
}
.wojbruk-system__blueprint{
  position:absolute;
  top:-30px;
  right:-4px;
  width:min(43%,610px);
  opacity:.12;
  pointer-events:none;
}
.wojbruk-system__blueprint svg{display:block;width:100%;height:auto}
.wojbruk-system__blueprint path{
  stroke:#101114;
  stroke-width:1;
  stroke-linecap:square;
}
.wojbruk-system__intro{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(330px,.72fr);
  align-items:end;
  gap:clamp(32px,4.7vw,72px);
  padding-bottom:clamp(16px,1.8vw,25px);
  border-bottom:1px solid var(--system-line);
}
.wojbruk-system__eyebrow{
  margin:0 0 10px;
  color:var(--system-red);
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.wojbruk-system__title{
  margin:0;
  font:510 clamp(39px,3.35vw,58px)/1.02 "Manrope","Helvetica Neue",Arial,sans-serif;
  letter-spacing:-.041em;
  text-wrap:balance;
}
.wojbruk-system__title span{display:block}
.wojbruk-system__title-primary{color:var(--system-ink)}
.wojbruk-system__title-secondary{color:#85878b}
.wojbruk-system__lead{
  margin:0 0 2px;
  max-width:520px;
  justify-self:end;
}
.wojbruk-system__lead p{
  margin:0;
  color:#55585d;
  font-size:clamp(14px,.98vw,17px);
  line-height:1.65;
}
.wojbruk-system__track{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  align-items:center;
  height:34px;
  margin-top:10px;
  padding-inline:clamp(80px,8vw,120px);
}
.wojbruk-system__track-line{
  position:absolute;
  left:clamp(80px,8vw,120px);
  right:clamp(80px,8vw,120px);
  top:16px;
  height:1px;
  background:linear-gradient(90deg,rgba(16,17,20,.24),rgba(226,11,23,.62),rgba(16,17,20,.24));
}
.wojbruk-system__track-node{
  position:relative;
  justify-self:center;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#fff;
  border:1px solid rgba(16,17,20,.28);
  box-shadow:inset 0 0 0 3px rgba(226,11,23,.92),0 0 0 4px var(--system-paper);
  z-index:1;
}
.wojbruk-system__grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-top:0;
}
.wojbruk-system-card{
  --border-speed:3.4s;
  position:relative;
  min-width:0;
  min-height:238px;
  padding:22px clamp(14px,1.1vw,20px) 24px;
  display:flex;
  flex-direction:column;
  gap:13px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(16,17,20,.10);
  box-shadow:0 9px 28px rgba(16,17,20,.035);
  outline:none;
  cursor:pointer;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),background-color .28s ease,box-shadow .28s ease;
}
.wojbruk-system-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  padding:1px;
  pointer-events:none;
  background:conic-gradient(from 0deg,
    rgba(16,17,20,.12) 0 15%,
    rgba(255,255,255,.92) 24%,
    rgba(226,11,23,.92) 31%,
    rgba(255,255,255,.96) 36%,
    rgba(16,17,20,.11) 49% 76%,
    rgba(226,11,23,.55) 84%,
    rgba(16,17,20,.12) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.68;
  filter:drop-shadow(0 0 3px rgba(226,11,23,.12));
  animation:wojbruk-system-border-spin var(--border-speed) linear infinite;
}
.wojbruk-system-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.72) 45%,transparent 67%);
  transform:translateX(-125%);
  opacity:.55;
  transition:transform .9s cubic-bezier(.25,.65,.25,1);
}
.wojbruk-system-card:hover,
.wojbruk-system-card:focus-visible,
.wojbruk-system-card.is-active{
  --border-speed:10.5s;
  transform:translateY(-3px);
  background:#fff;
  box-shadow:0 18px 44px rgba(16,17,20,.075);
}
.wojbruk-system-card:hover::before,
.wojbruk-system-card:focus-visible::before,
.wojbruk-system-card.is-active::before{opacity:.96}
.wojbruk-system-card:hover::after,
.wojbruk-system-card:focus-visible::after,
.wojbruk-system-card.is-active::after{transform:translateX(125%)}
.wojbruk-system-card__line{display:none}
.wojbruk-system-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}
.wojbruk-system-card__index{
  color:var(--system-red);
  font-size:17px;
  line-height:1;
  font-weight:650;
  letter-spacing:-.03em;
}
.wojbruk-system-card__node{display:none}
.wojbruk-system-card__icon{
  width:62px;
  height:62px;
  color:#181a1e;
  position:relative;
  z-index:1;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),color .3s ease;
}
.wojbruk-system-card__icon img{display:block;width:100%;height:100%;object-fit:contain}
.wojbruk-system__summary-icon path{
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.wojbruk-system-card:hover .wojbruk-system-card__icon,
.wojbruk-system-card:focus-visible .wojbruk-system-card__icon,
.wojbruk-system-card.is-active .wojbruk-system-card__icon{
  transform:translateY(-2px) scale(1.035);
  color:var(--system-red);
}
.wojbruk-system-card h3{
  position:relative;
  z-index:1;
  margin:2px 0 0;
  color:var(--system-ink);
  font-size:clamp(15px,1.02vw,18px);
  line-height:1.25;
  font-weight:650;
  letter-spacing:-.025em;
  white-space:nowrap;
}
.wojbruk-system-card p{
  position:relative;
  z-index:1;
  margin:0;
  color:#666a70;
  font-size:clamp(12px,.82vw,14px);
  line-height:1.55;
  max-width:24ch;
}
.wojbruk-system__summary{
  position:relative;
  margin-top:22px;
  min-height:74px;
  padding:15px 22px;
  display:flex;
  align-items:center;
  gap:18px;
  background:#fff;
  border:1px solid rgba(16,17,20,.12);
  box-shadow:0 10px 30px rgba(16,17,20,.035);
  overflow:hidden;
}
.wojbruk-system__summary::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:var(--system-red);
}
.wojbruk-system__summary::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:110px;
  left:-120px;
  background:linear-gradient(90deg,transparent,rgba(226,11,23,.055),transparent);
  animation:wojbruk-system-summary-sweep 7s ease-in-out infinite;
}
.wojbruk-system__summary-icon{width:46px;height:46px;flex:0 0 auto;color:var(--system-red)}
.wojbruk-system__summary-icon svg{display:block;width:100%;height:100%}
.wojbruk-system__summary-items{
  min-width:0;
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:13px;
  color:#222429;
  font-size:clamp(14px,.92vw,16px);
  line-height:1.35;
  letter-spacing:-.015em;
  white-space:nowrap;
}
.wojbruk-system__summary-items strong{font-weight:600}
.wojbruk-system__summary-items span{width:5px;height:5px;border-radius:50%;background:var(--system-red);flex:0 0 auto}
@keyframes wojbruk-system-border-spin{to{transform:rotate(360deg)}}
@keyframes wojbruk-system-summary-sweep{0%,18%{left:-120px}58%,100%{left:calc(100% + 20px)}}

@media(max-width:1180px){
  .wojbruk-system__intro{grid-template-columns:1fr;gap:14px}
  .wojbruk-system__lead{justify-self:start;max-width:720px}
  .wojbruk-system__blueprint{width:min(52%,480px);opacity:.09}
  .wojbruk-system__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .wojbruk-system-card:last-child{grid-column:1/-1}
  .wojbruk-system-card h3{font-size:17px}
  .wojbruk-system__track{display:none}
  .wojbruk-system__summary-items{white-space:normal;flex-wrap:wrap}
}
@media(max-width:720px){
  .wojbruk-system{padding:14px 0 24px}
  .wojbruk-system__shell{width:calc(100% - 28px)}
  .wojbruk-system__blueprint{display:none}
  .wojbruk-system__intro{padding-bottom:14px;gap:9px}
  .wojbruk-system__eyebrow{margin-bottom:7px;font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.14em}
  .wojbruk-system__title{font-size:clamp(30px,8.35vw,39px);line-height:1.025;font-weight:510;letter-spacing:-.038em}
  .wojbruk-system__lead p{font-size:13px;line-height:1.55;max-width:560px;color:#55585d}
  .wojbruk-system__grid{grid-template-columns:1fr;gap:9px;margin-top:14px}
  .wojbruk-system-card,.wojbruk-system-card:last-child{grid-column:auto}
  .wojbruk-system-card{
    min-height:0;
    padding:15px 15px 16px;
    gap:9px;
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    grid-template-areas:
      "top title"
      "icon desc";
    align-items:center;
  }
  .wojbruk-system-card__top{grid-area:top;align-self:start;padding-top:3px}
  .wojbruk-system-card__icon{grid-area:icon;width:46px;height:46px}
  .wojbruk-system-card h3{
    grid-area:title;
    margin:0;
    font-size:16px;
    line-height:1.25;
    white-space:nowrap;
    align-self:end;
  }
  .wojbruk-system-card p{
    grid-area:desc;
    font-size:12.5px;
    line-height:1.48;
    max-width:none;
    align-self:start;
  }
  .wojbruk-system-card__index{font-size:14px}
  .wojbruk-system-card:hover,.wojbruk-system-card:focus-visible,.wojbruk-system-card.is-active{transform:none}
  .wojbruk-system__summary{
    margin-top:12px;
    min-height:0;
    padding:14px 14px 14px 17px;
    gap:12px;
  }
  .wojbruk-system__summary-icon{width:38px;height:38px}
  .wojbruk-system__summary-items{font-size:13px;line-height:1.45;gap:8px;white-space:normal;flex-wrap:wrap}
  .wojbruk-system__summary-items strong{white-space:nowrap}
  .wojbruk-system__summary-items span{width:4px;height:4px}
  .wojbruk-system::before{display:none}
}
@media(max-width:390px){
  .wojbruk-system__shell{width:calc(100% - 24px)}
  .wojbruk-system-card{grid-template-columns:42px minmax(0,1fr);padding-inline:12px}
  .wojbruk-system-card__icon{width:40px;height:40px}
  .wojbruk-system-card h3{font-size:14.5px}
  .wojbruk-system-card p{font-size:12px}
  .wojbruk-system__summary-items strong{white-space:normal}
}
@media(prefers-reduced-motion:reduce){
  .wojbruk-system-card::before,.wojbruk-system__summary::after{animation:none}
  .wojbruk-system-card,.wojbruk-system-card__icon,.wojbruk-system-card::after{transition:none}
}