/* SŁOWIK DIGITAL — DOŚWIADCZENIE / TRUST v1 */
.sd-exp-v1{
  --exp-ink:#08264d;
  --exp-cyan:#00b9ed;
  --exp-copy:#667b91;
  --exp-line:rgba(8,38,77,.16);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#f7fbfe;
  color:var(--exp-ink);
  font-family:"Manrope","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
.sd-exp-v1__bg{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(112deg,rgba(255,255,255,.97) 0%,rgba(249,252,255,.92) 42%,rgba(232,245,253,.80) 100%),
    url('/assets/img/doswiadczenie/experience-bg.webp') center/cover no-repeat;
}
.sd-exp-v1__bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(165deg,transparent 15%,rgba(255,255,255,.72) 15.2%,transparent 15.8%),
    linear-gradient(18deg,transparent 68%,rgba(255,255,255,.76) 68.2%,transparent 68.8%),
    radial-gradient(ellipse at 84% 13%,rgba(0,185,237,.10),transparent 31%),
    radial-gradient(ellipse at 17% 77%,rgba(8,38,77,.05),transparent 32%);
  pointer-events:none;
}
.sd-exp-v1__container{
  width:min(1380px,calc(100% - 64px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(390px,.92fr) minmax(600px,1.38fr);
  grid-template-areas:
    "intro cards"
    "footer footer";
  gap:54px 48px;
  align-items:center;
  padding:88px 0 42px;
}
.sd-exp-v1__intro{grid-area:intro;align-self:center;max-width:560px}
.sd-exp-v1__eyebrow{
  margin:0 0 30px;
  color:#5273a0;
  font-size:12px;
  font-weight:600;
  line-height:1;
  letter-spacing:.29em;
  text-transform:uppercase;
}
.sd-exp-v1__eyebrow::after{
  content:"";
  display:block;
  width:58px;
  height:2px;
  margin-top:18px;
  background:var(--exp-cyan);
}
.sd-exp-v1__title{
  margin:0;
  color:var(--exp-ink);
  font-family:"Manrope","Inter",sans-serif;
  font-size:clamp(33px,2.55vw,45px);
  font-weight:700;
  line-height:1.06;
  letter-spacing:-.052em;
}
.sd-exp-v1__title>span{display:block}
.sd-exp-v1__title em{font-style:normal;color:var(--exp-cyan)}
.sd-exp-v1__lead{
  max-width:590px;
  margin:22px 0 0;
  color:var(--exp-copy);
  font-size:17px;
  font-weight:400;
  line-height:1.52;
  letter-spacing:-.018em;
}
.sd-exp-v1__actions{display:flex;gap:14px;margin-top:32px}
.sd-exp-v1__btn{
  min-height:52px;
  padding:10px 23px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  border:1px solid rgba(8,38,77,.44);
  border-radius:2px;
  color:var(--exp-ink);
  background:rgba(255,255,255,.58);
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  line-height:1;
  transition:background .25s ease,border-color .25s ease,color .25s ease;
}
.sd-exp-v1__btn i{font-size:22px;font-style:normal;line-height:.8;transition:transform .25s ease}
.sd-exp-v1__btn:hover i,.sd-exp-v1__btn:focus-visible i{transform:translateX(4px)}
.sd-exp-v1__btn--primary{background:var(--exp-ink);border-color:var(--exp-ink);color:#fff}
.sd-exp-v1__btn--primary:hover,.sd-exp-v1__btn--primary:focus-visible{background:#0a315f;border-color:#0a315f}
.sd-exp-v1__btn--secondary:hover,.sd-exp-v1__btn--secondary:focus-visible{background:#fff;border-color:rgba(8,38,77,.65)}
.sd-exp-v1__trust-note{
  display:flex;
  flex-direction:column;
  gap:5px;
  width:max-content;
  margin:54px 0 0 auto;
  color:#6883aa;
  font-size:10px;
  font-weight:600;
  line-height:1;
  letter-spacing:.24em;
}
.sd-exp-v1__trust-note::after{content:"";width:40px;height:2px;margin-top:10px;background:var(--exp-cyan)}

.sd-exp-v1__cards{
  grid-area:cards;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.sd-exp-v1__card{
  min-width:0;
  overflow:hidden;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.9);
  border-radius:3px;
  box-shadow:0 18px 48px rgba(45,87,126,.08);
  transition:box-shadow .32s ease,border-color .32s ease;
}
.sd-exp-v1__visual{position:relative;aspect-ratio:2.08/1;overflow:hidden;background:#e8f3f9}
.sd-exp-v1__visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,rgba(255,255,255,.10),transparent 35%,rgba(255,255,255,.18) 68%,transparent 69%);
  transform:translateX(-28%);
  transition:transform .55s cubic-bezier(.2,.7,.2,1);
  pointer-events:none;
}
.sd-exp-v1__visual img{
  width:100%;height:100%;display:block;object-fit:cover;
  transform:scale(1.001);
  transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s ease;
}
.sd-exp-v1__card:hover{box-shadow:0 20px 54px rgba(45,87,126,.11);border-color:rgba(0,185,237,.18)}
.sd-exp-v1__card:hover .sd-exp-v1__visual img{transform:scale(1.035)}
.sd-exp-v1__card:hover .sd-exp-v1__visual::after{transform:translateX(18%)}
.sd-exp-v1__body{min-height:132px;padding:20px 26px 19px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,252,255,.86))}
.sd-exp-v1__heading{display:flex;align-items:center;gap:17px}
.sd-exp-v1__heading h3{margin:0;font-size:20px;font-weight:700;line-height:1.12;letter-spacing:-.03em;color:var(--exp-ink)}
.sd-exp-v1__icon{width:38px;flex:0 0 38px;color:#082d65;font-size:31px;font-weight:400;line-height:1;text-align:center}
.sd-exp-v1__icon--code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:22px;letter-spacing:-.12em}
.sd-exp-v1__accent{display:block;width:38px;height:2px;margin:10px 0 12px 55px;background:var(--exp-cyan)}
.sd-exp-v1__body p{margin:0 0 0 55px;color:#60799c;font-size:14px;line-height:1.35;letter-spacing:-.012em}

.sd-exp-v1__footer{
  grid-area:footer;
  display:grid;
  grid-template-columns:minmax(90px,1fr) auto minmax(90px,1fr) auto 38px;
  align-items:center;
  gap:28px;
  color:#6a83aa;
  font-size:9px;
  font-weight:600;
  line-height:1;
  letter-spacing:.27em;
  text-transform:uppercase;
}
.sd-exp-v1__footer p{margin:0;white-space:nowrap}
.sd-exp-v1__footer b{font-weight:700;margin:0 9px}
.sd-exp-v1__footer-line{height:1px;background:rgba(42,82,130,.45)}
.sd-exp-v1__footer-cyan{height:2px;background:var(--exp-cyan)}
.sd-exp-v1__footer-value{text-align:right}

/* subtle entrance only; the layout itself never jumps */
.sd-exp-v1 [data-sd-exp-reveal]{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.sd-exp-v1 [data-sd-exp-reveal].is-visible{opacity:1;transform:none}
.sd-exp-v1__card:nth-child(2){transition-delay:.06s}
.sd-exp-v1__card:nth-child(3){transition-delay:.12s}
.sd-exp-v1__card:nth-child(4){transition-delay:.18s}

@media (max-width:1080px){
  .sd-exp-v1__container{grid-template-columns:minmax(330px,.9fr) minmax(500px,1.25fr);gap:40px 34px;width:min(100%,calc(100% - 44px));padding-top:70px}
  .sd-exp-v1__lead{font-size:15.5px}
  .sd-exp-v1__body{padding-left:20px;padding-right:20px}
  .sd-exp-v1__heading h3{font-size:17px}
  .sd-exp-v1__body p{font-size:12.5px}
}

@media (max-width:760px){
  .sd-exp-v1__bg{background:linear-gradient(180deg,#f7fbfe 0%,#eef7fc 52%,#f9fcfe 100%)}
  .sd-exp-v1__bg::after{
    background:
      linear-gradient(162deg,transparent 8%,rgba(255,255,255,.72) 8.2%,transparent 8.8%),
      radial-gradient(ellipse at 76% 18%,rgba(0,185,237,.10),transparent 37%);
  }
  .sd-exp-v1__container{
    width:min(100%,calc(100% - 32px));
    display:block;
    padding:48px 0 34px;
  }
  .sd-exp-v1__intro{max-width:none}
  .sd-exp-v1__eyebrow{margin-bottom:30px;font-size:10px;letter-spacing:.27em}
  .sd-exp-v1__eyebrow::after{width:58px;margin-top:17px}
  .sd-exp-v1__title{
    font-size:clamp(25px,7.05vw,31px);
    line-height:1.14;
    letter-spacing:-.047em;
  }
  .sd-exp-v1__title>span{display:block}
  .sd-exp-v1__lead{margin-top:20px;font-size:14px;line-height:1.52}
  .sd-exp-v1__actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:28px}
  .sd-exp-v1__btn{width:100%;min-height:54px;font-size:14.5px;position:relative}
  .sd-exp-v1__btn i{position:absolute;right:22px}
  .sd-exp-v1__trust-note{display:none}

  .sd-exp-v1__cards{
    margin-top:36px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .sd-exp-v1__card{border-radius:2px;box-shadow:0 10px 28px rgba(45,87,126,.07)}
  .sd-exp-v1__visual{aspect-ratio:1.65/1}
  .sd-exp-v1__body{min-height:126px;padding:14px 12px 14px}
  .sd-exp-v1__heading{gap:8px;align-items:flex-start}
  .sd-exp-v1__heading h3{font-size:14.4px;line-height:1.12}
  .sd-exp-v1__icon{width:28px;flex-basis:28px;font-size:23px}
  .sd-exp-v1__icon--code{font-size:16px}
  .sd-exp-v1__accent{width:30px;margin:9px 0 11px 36px}
  .sd-exp-v1__body p{margin-left:36px;font-size:11.2px;line-height:1.38}
  .sd-exp-v1__footer{
    margin-top:32px;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    gap:14px;
    font-size:8.5px;
  }
  .sd-exp-v1__footer p{grid-column:2;grid-row:1;text-align:center}
  .sd-exp-v1__footer-line:first-child{grid-column:1;grid-row:1}
  .sd-exp-v1__footer-line:nth-of-type(2){grid-column:3;grid-row:1}
  .sd-exp-v1__footer-value,.sd-exp-v1__footer-cyan{display:none}
}

@media (max-width:410px){
  .sd-exp-v1__container{width:min(100%,calc(100% - 28px))}
  .sd-exp-v1__cards{gap:10px}
  .sd-exp-v1__body{min-height:120px;padding:13px 10px}
  .sd-exp-v1__heading h3{font-size:13.3px}
  .sd-exp-v1__body p{font-size:10.5px}
}

@media (prefers-reduced-motion:reduce){
  .sd-exp-v1 [data-sd-exp-reveal]{opacity:1;transform:none;transition:none}
  .sd-exp-v1__visual img,.sd-exp-v1__visual::after{transition:none!important}
}