/* Strona główna — dodatkowe style dwóch sekcji: „Marketing i IT w jednym zespole” i „Dwie branże z gotową ścieżką”. Reszta w site.css. */

/* jeden zespół: nagłówek + akapit w dwóch kolumnach, schemat „pięć obszarów → jedna osoba → Twoja firma”, trzy fakty */
.team{display:grid;gap:clamp(1.25rem,3vw,3rem);grid-template-columns:1fr;align-items:end}
@media (min-width:900px){.team{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}.team>p{max-width:46ch;padding-bottom:.35rem}}
.one{margin:clamp(2.5rem,4vw,3.5rem) 0 0;display:grid;gap:1rem;grid-template-columns:1fr;align-items:stretch;padding:clamp(1.25rem,2.4vw,2rem);border:1px solid var(--hairline);border-radius:var(--r-lg);background:#0E0F12;box-shadow:inset 0 1px 0 rgb(255 255 255 / .06)}
@media (min-width:768px){.one{grid-template-columns:minmax(0,1.35fr) clamp(3rem,7vw,7rem) auto clamp(2.5rem,5vw,5rem) auto;gap:0}}
.one__in{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.one__in li{display:flex;align-items:center;min-height:2.75rem;padding:.5rem .95rem;border:1px solid var(--hairline);border-radius:var(--r-sm);font-size:.9375rem;color:var(--fg-muted);background:var(--bg);transition:color var(--d-hover) var(--ease-soft),border-color var(--d-hover) var(--ease-soft)}
.one:hover .one__in li{color:var(--fg);border-color:rgb(255 255 255 / .18)}
.one__lines{display:none;width:100%;height:100%;overflow:visible}
@media (min-width:768px){.one__lines{display:block}}
.one__lines path{fill:none;stroke:rgb(250 250 250 / .28);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1100ms var(--ease-out)}
.one__lines path:nth-child(2){transition-delay:80ms}.one__lines path:nth-child(3){transition-delay:160ms}.one__lines path:nth-child(4){transition-delay:240ms}.one__lines path:nth-child(5){transition-delay:320ms}
.one__lines--out path{transition-delay:900ms;stroke:rgb(115 96 223 / .9)}
.one.is-in .one__lines path{stroke-dashoffset:0}
.one__node,.one__you{align-self:center;display:grid;gap:.15rem;text-align:center;padding:1.1rem 1.25rem;border-radius:var(--r-md)}
.one__node{border:1px solid rgb(115 96 223 / .6);background:rgb(115 96 223 / .12);box-shadow:0 0 0 6px rgb(115 96 223 / .08)}
.one__node b,.one__you b{font-weight:500;font-size:1.0625rem;letter-spacing:-.014em;line-height:1.2}
.one__node span,.one__you span{font-size:.8125rem;color:var(--fg-muted)}
.one__you{border:1px solid var(--hairline);background:var(--bg)}
@media (max-width:767px){
  .one__node,.one__you{position:relative;margin-top:1.75rem;justify-self:stretch}
  .one__node::before,.one__you::before{content:"";position:absolute;left:50%;top:-1.75rem;height:1.75rem;width:1px;background:rgb(250 250 250 / .28)}
  .one__you::before{background:rgb(115 96 223 / .9)}
}
.team__facts{list-style:none;margin:clamp(2rem,3vw,2.5rem) 0 0;padding:0;display:grid;gap:0;grid-template-columns:1fr}
@media (min-width:768px){.team__facts{grid-template-columns:repeat(3,1fr);gap:0 clamp(1.5rem,3vw,3rem)}}
.team__facts li{padding:1.15rem 0;border-top:1px solid var(--hairline)}
.team__facts b{display:block;font-weight:500;font-size:1.125rem;letter-spacing:-.016em;line-height:1.25}
.team__facts p{margin-top:.35rem;font-size:.9375rem;max-width:none}

/* dwie branże: dwie karty bez zdjęć; w każdej ścieżka z czterema przystankami, które zapalają się po kolei */
#specjalizacje{padding-top:clamp(3rem,6vw,5rem)}
.doors{display:grid;gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(2.5rem,4vw,3.5rem);grid-template-columns:1fr}
@media (min-width:768px){.doors{grid-template-columns:repeat(2,1fr)}}
.door{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:1.5rem;padding:clamp(1.5rem,2.6vw,2.25rem);border:1px solid var(--hairline);border-radius:var(--r-lg);overflow:hidden;background:#0E0F12;box-shadow:inset 0 1px 0 rgb(255 255 255 / .06);transition:border-color var(--d-hover) var(--ease-soft),translate var(--d-hover) var(--ease-soft)}
.door::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--hairline) 1px,transparent 1px),linear-gradient(90deg,var(--hairline) 1px,transparent 1px);background-size:28px 28px;opacity:.55;mask-image:radial-gradient(70% 60% at 100% 0%,#000 0%,transparent 70%);-webkit-mask-image:radial-gradient(70% 60% at 100% 0%,#000 0%,transparent 70%)}
.door::after{content:"";position:absolute;right:-20%;top:-30%;width:60%;aspect-ratio:1;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgb(115 96 223 / .22),transparent 65%);filter:blur(30px);opacity:0;transition:opacity 600ms var(--ease-soft)}
.door:hover{border-color:rgb(255 255 255 / .22);translate:0 -2px}
.door:hover::after{opacity:1}
.door__head{display:grid;gap:.75rem}
.door__eyebrow{font-size:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--fg-faint)}
.door__head b{font-weight:500;font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.024em;line-height:1.1;text-wrap:balance;max-width:18ch}
.door__head p{font-size:.9375rem;max-width:44ch}
.path{position:relative;list-style:none;margin:.25rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}
.path::before,.path__line{content:"";position:absolute;left:4px;right:4px;top:4px;height:1px}
.path::before{background:var(--hairline)}
.path__line{background:var(--accent);transform-origin:left;scale:0 1;transition:scale 1100ms var(--ease-out) 150ms}
.door.is-in .path__line{scale:1 1}
.path li{position:relative;padding-top:1.25rem;min-width:0}
.path li i{position:absolute;left:0;top:0;width:9px;height:9px;border-radius:50%;background:var(--bg);border:1px solid rgb(250 250 250 / .38);transition:background 400ms var(--ease-soft),border-color 400ms var(--ease-soft),box-shadow 600ms var(--ease-out)}
.door.is-in .path li i{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px rgb(115 96 223 / .18)}
.path li:nth-child(3) i{transition-delay:250ms}.path li:nth-child(4) i{transition-delay:500ms}.path li:nth-child(5) i{transition-delay:750ms}.path li:nth-child(6) i{transition-delay:1000ms}
.path small{display:block;font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-faint)}
.path span{display:block;margin-top:.2rem;font-size:.875rem;font-weight:500;letter-spacing:-.01em;line-height:1.25;color:var(--fg);text-wrap:balance}
.path small,.path span{opacity:.45;transition:opacity 500ms var(--ease-out)}
.door.is-in .path small,.door.is-in .path span{opacity:1}
.path li:nth-child(3) :is(small,span){transition-delay:250ms}.path li:nth-child(4) :is(small,span){transition-delay:500ms}.path li:nth-child(5) :is(small,span){transition-delay:750ms}.path li:nth-child(6) :is(small,span){transition-delay:1000ms}
@media (max-width:479px){
  .path{grid-template-columns:1fr;gap:.9rem;padding-left:1.5rem}
  .path::before,.path__line{left:4px;right:auto;top:4px;bottom:4px;width:1px;height:auto}
  .path__line{transform-origin:top;scale:1 0}
  .door.is-in .path__line{scale:1 1}
  .path li{padding-top:0}
  .path li i{left:-1.5rem;top:.35rem}
}
.door__go{margin-top:auto;padding-top:.5rem;font-size:.9375rem;font-weight:500;color:var(--fg);align-self:flex-start;background-image:linear-gradient(currentColor,currentColor);background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size var(--d-hover) var(--ease-soft)}
.door:hover .door__go{background-size:100% 1px}
.doors__more{margin-top:1.25rem;font-size:.9375rem;color:var(--fg-faint);max-width:none}
.doors__more a{color:var(--fg-muted);border-bottom:1px solid var(--hairline)}
.doors__more a:hover{color:var(--fg)}

@media (prefers-reduced-motion:reduce){
  .one__lines path{transition:none;stroke-dashoffset:0}
  .path__line{transition:none;scale:1 1}
  .path li i,.path small,.path span{transition:none}
  .door::after{transition:none}
}