/* SŁOWIK DIGITAL — OFERTA / 6 PODSTRON v2.3
   One system, six services. Less is more, sharp geometry, desktop + mobile. */

.sd-offer-service{
  --so-ink:#061f4f;
  --so-ink2:#153d6d;
  --so-copy:#58718f;
  --so-muted:#8193a8;
  --so-cyan:#14bdf0;
  --so-blue:#0d67b8;
  --so-line:#d9e5ee;
  --so-soft:#f4f9fc;
  --so-soft2:#edf6fb;
  --so-green:#59bd34;
  color:var(--so-ink);
  background:#fff;
  font-family:"Manrope","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
.sd-offer-service *{box-sizing:border-box}
.sd-offer-service h1,
.sd-offer-service h2,
.sd-offer-service h3{ text-wrap:balance; }
.sd-offer-service p{ text-wrap:pretty; }
.sd-offer-shell{
  width:min(var(--sd-home-max,1380px),calc(100% - var(--sd-home-gutter,48px)));
  margin-inline:auto;
}
.sd-offer-eyebrow{
  margin:0;
  color:#597494;
  font-size:11.2px;
  font-weight:800;
  line-height:1;
  letter-spacing:.25em;
  text-transform:uppercase;
}
.sd-offer-eyebrow::after{
  content:"";
  display:block;
  width:42px;
  height:2px;
  margin-top:11px;
  background:var(--so-cyan);
}

.sd-offer-breadcrumbs{
  position:relative;
  z-index:4;
  display:flex;
  align-items:center;
  gap:10px;
  padding-top:22px;
  color:#7a8da2;
  font-size:12.4px;
  line-height:1.2;
}
.sd-offer-breadcrumbs a{
  color:#6f849b;
  text-decoration:none;
  transition:color .2s ease;
}
.sd-offer-breadcrumbs a:hover{color:#1687c5}
.sd-offer-breadcrumbs>span{color:#b0bdc9}
.sd-offer-breadcrumbs strong{
  color:#355575;
  font-weight:680;
}

/* HERO */
.sd-offer-hero{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid #ebf1f5;
  background:#f5f9fc;
}
.sd-offer-hero::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(38% 70% at 92% 6%,rgba(71,181,235,.10),transparent 72%);
}
.sd-offer-hero__grid{
  position:relative;
  z-index:1;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(430px,.94fr) minmax(560px,1.06fr);
  gap:clamp(48px,4.8vw,78px);
  align-items:center;
  min-height:650px;
  margin-top:18px;
  padding:50px clamp(34px,3.3vw,54px) 58px;
  overflow:hidden;
  border:1px solid rgba(198,216,229,.82);
  background:#eaf4fa;
}
.sd-offer-hero__grid::before{
  content:"";
  position:absolute;
  z-index:-3;
  inset:0;
  background-image:var(--sd-service-bg-image);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:var(--sd-service-image-position,center);
  transform:scale(1.005);
}
.sd-offer-hero__grid::after{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      rgba(250,253,255,.99) 0%,
      rgba(250,253,255,.985) 24%,
      rgba(250,253,255,.955) 39%,
      rgba(250,253,255,.80) 51%,
      rgba(250,253,255,.40) 62%,
      rgba(250,253,255,.08) 76%,
      rgba(250,253,255,.02) 100%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,.08) 0%,
      transparent 48%,
      rgba(5,31,64,.08) 100%
    );
}
.sd-offer-hero__copy{
  position:relative;
  z-index:3;
  max-width:690px;
}
.sd-offer-hero h1{
  max-width:760px;
  margin:20px 0 0;
  color:var(--so-ink);
  font-size:clamp(40px,3.25vw,56px);
  font-weight:770;
  line-height:1.02;
  letter-spacing:-.055em;
}
.sd-offer-hero h1 span{color:#10a9e8}
.sd-offer-hero__lead{
  max-width:650px;
  margin:22px 0 0;
  color:#234e78;
  font-size:16px;
  font-weight:560;
  line-height:1.55;
  letter-spacing:-.016em;
}
.sd-offer-hero__intro{
  max-width:645px;
  margin:12px 0 0;
  color:#5d7590;
  font-size:14.2px;
  line-height:1.57;
}
.sd-offer-actions{
  display:flex;
  gap:12px;
  margin-top:24px;
}
.sd-offer-button{
  display:inline-flex;
  min-height:49px;
  align-items:center;
  justify-content:center;
  gap:28px;
  padding:0 20px;
  border-radius:0;
  font-size:11.6px;
  font-weight:780;
  text-decoration:none;
  transition:border-color .2s ease,background .2s ease,color .2s ease;
}
.sd-offer-button i{
  font-style:normal;
  font-size:19px;
  transition:transform .2s ease;
}
.sd-offer-button:hover i{transform:translateX(4px)}
.sd-offer-button--primary{
  min-width:178px;
  border:1px solid #07295a;
  background:#07295a;
  color:#fff!important;
}
.sd-offer-button--primary:hover{background:#0b3c78}
.sd-offer-button--secondary{
  min-width:178px;
  border:1px solid #9eb4c9;
  background:rgba(255,255,255,.72);
  color:#173c69!important;
}
.sd-offer-button--secondary i{color:#0e84bd}

.sd-offer-proof{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  max-width:670px;
  margin-top:28px;
}
.sd-offer-proof>div{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  min-height:54px;
  padding-right:16px;
}
.sd-offer-proof>div+div{
  padding-left:17px;
  border-left:1px solid rgba(85,119,151,.18);
}
.sd-offer-proof>div>span{
  display:grid;
  width:30px;
  height:30px;
  place-items:center;
  color:#08aee1;
}
.sd-offer-proof svg{
  width:27px;
  height:27px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sd-offer-proof p{
  margin:0;
  color:#6a7f96;
  font-size:8.9px;
  line-height:1.35;
}
.sd-offer-proof strong{
  display:block;
  margin-bottom:3px;
  color:#173b65;
  font-size:11.6px;
  font-weight:770;
}

/* hero photo */
.sd-offer-hero__visual{
  position:relative;
  min-height:560px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

/* quote form overlay */
.sd-offer-quote{
  position:relative;
  z-index:4;
  width:min(520px,92%);
  margin:0;
  border:1px solid rgba(202,218,229,.96);
  background:rgba(255,255,255,.985);
  box-shadow:
    0 28px 68px rgba(27,65,96,.19),
    0 2px 8px rgba(27,65,96,.06);
}
.sd-offer-form{
  padding:30px 32px 27px;
}
.sd-offer-form__head{
  margin-bottom:20px;
}
.sd-offer-form__head>p{
  margin:0;
  color:#6b839d;
  font-size:9px;
  font-weight:800;
  letter-spacing:.2em;
}
.sd-offer-form__head h2{
  margin:6px 0 0;
  color:var(--so-ink);
  font-size:28px;
  font-weight:770;
  line-height:1.08;
  letter-spacing:-.036em;
}
.sd-offer-form__head>span{
  display:block;
  margin-top:6px;
  color:#657c94;
  font-size:11.6px;
  line-height:1.42;
}
.sd-offer-form__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px 12px;
}
.sd-offer-field{
  position:relative;
  display:block;
  min-width:0;
}
.sd-offer-field>span{
  position:absolute;
  z-index:2;
  left:12px;
  top:23px;
  max-width:calc(100% - 24px);
  overflow:hidden;
  color:#75879c;
  font-size:14px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
  text-overflow:ellipsis;
  pointer-events:none;
  transform:translateY(-50%);
  transition:top .17s ease,font-size .17s ease,color .17s ease,transform .17s ease;
}
.sd-offer-field>span em{
  color:#98a6b6;
  font-style:normal;
  font-weight:500;
}
.sd-offer-field:focus-within>span,
.sd-offer-field.has-value>span{
  top:5px;
  color:#4c6984;
  font-size:8px;
  font-weight:750;
  transform:none;
}
.sd-offer-field input,
.sd-offer-field textarea{
  width:100%;
  border:1px solid #cfdae4;
  border-radius:0;
  outline:0;
  background:#fff;
  color:#102d55;
  font:inherit;
  font-size:12px;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.sd-offer-field input{
  height:46px;
  padding:12px 13px 0;
}
.sd-offer-field textarea{
  min-height:98px;
  padding:14px 13px 25px;
  resize:vertical;
  line-height:1.4;
}
.sd-offer-field textarea::placeholder{
  color:#8d9db0;
  opacity:1;
}
.sd-offer-field input:focus,
.sd-offer-field textarea:focus{
  border-color:#6dc9e7;
  box-shadow:0 0 0 3px rgba(20,189,240,.055);
}
.sd-offer-field.is-error input,
.sd-offer-field.is-error textarea{border-color:#c77b7b}
.sd-offer-field small{
  display:block;
  margin-top:2px;
  color:#b25252;
  font-size:8.6px;
  line-height:1.2;
}
.sd-offer-field--message{grid-column:1/-1}
.sd-offer-form__consent{
  display:flex;
  align-items:flex-start;
  gap:7px;
  margin-top:9px;
  color:#74869b;
  font-size:8.8px;
  line-height:1.38;
}
.sd-offer-form__consent input{
  appearance:none;
  display:grid;
  flex:0 0 15px;
  width:15px;
  height:15px;
  margin:1px 0 0;
  place-items:center;
  border:1px solid #92a5b7;
  border-radius:0;
  background:#fff;
}
.sd-offer-form__consent input::after{
  content:"";
  width:7px;
  height:3px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(-45deg) scale(0);
}
.sd-offer-form__consent input:checked{
  border-color:#0da8d5;
  background:#0da8d5;
}
.sd-offer-form__consent input:checked::after{transform:rotate(-45deg) scale(1)}
.sd-offer-form__consent a{color:#078dbf;text-underline-offset:2px}
.sd-offer-form__consent-error{
  display:block;
  margin:2px 0 0 22px;
  color:#b25252;
  font-size:8.6px;
}
.sd-offer-form__submit{
  position:relative;
  display:flex;
  width:100%;
  min-height:53px;
  align-items:center;
  justify-content:center;
  margin-top:10px;
  padding:0 45px;
  border:1px solid #082c61;
  border-radius:0;
  background:linear-gradient(90deg,#072756,#075aa1);
  color:#fff;
  font:inherit;
  font-size:13px;
  font-weight:780;
  cursor:pointer;
  transition:background .2s ease,box-shadow .2s ease;
}
.sd-offer-form__submit:hover,
.sd-offer-form__submit:focus-visible{
  background:linear-gradient(90deg,#0a326a,#0868b7);
  box-shadow:0 9px 22px rgba(12,89,150,.15);
}
.sd-offer-form__submit i{
  position:absolute;
  right:16px;
  font-style:normal;
  font-size:24px;
}
.sd-offer-form__submit[disabled]{opacity:.65;cursor:wait}
.sd-offer-form__meta{
  margin:7px 0 0;
  color:#8b9aab;
  font-size:8.4px;
  text-align:center;
}
.sd-offer-form__meta i{padding:0 4px;color:#1dadd8;font-style:normal}
.sd-offer-form__status{
  margin:5px 0 0;
  color:#b25252;
  font-size:8px;
  text-align:center;
}
.sd-offer-hp{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}
.sd-offer-success{
  display:flex;
  min-height:380px;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:30px;
  background:#fff;
}
.sd-offer-success[hidden]{display:none}
.sd-offer-success>span{
  display:grid;
  width:40px;
  height:40px;
  place-items:center;
  border:1px solid #6bc8e7;
  color:#0da7d4;
}
.sd-offer-success h2{
  margin:15px 0 0;
  color:var(--so-ink);
  font-size:25px;
}
.sd-offer-success p{
  margin:7px 0 0;
  color:#637b95;
  font-size:12.2px;
}

/* section heading */
.sd-offer-section-heading{
  display:grid;
  grid-template-columns:minmax(400px,.9fr) minmax(360px,1.1fr);
  gap:62px;
  align-items:end;
  margin-bottom:27px;
}
.sd-offer-section-heading h2{
  margin:16px 0 0;
  color:var(--so-ink);
  font-size:clamp(36px,2.7vw,48px);
  font-weight:770;
  line-height:1.05;
  letter-spacing:-.045em;
}
.sd-offer-section-heading>p{
  max-width:520px;
  margin:0;
  color:#627a94;
  font-size:14px;
  line-height:1.60;
}
.sd-offer-section-heading--compact{
  display:block;
  margin-bottom:25px;
}

/* scope */
.sd-offer-scope{
  padding:62px 0 54px;
  background:#fff;
}
.sd-offer-scope__grid{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  border-top:1px solid var(--so-line);
  border-left:1px solid var(--so-line);
}
.sd-offer-scope__item{
  min-width:0;
  min-height:212px;
  padding:26px 19px 24px;
  border-right:1px solid var(--so-line);
  border-bottom:1px solid var(--so-line);
  background:#fff;
}
.sd-offer-scope__icon{
  display:grid;
  width:38px;
  height:43px;
  place-items:center;
  color:#08a9e1;
}
.sd-offer-scope__icon svg{
  width:34px;
  height:34px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sd-offer-scope__item h3{
  margin:13px 0 0;
  color:var(--so-ink);
  font-size:11.5px;
  font-weight:770;
  line-height:1.28;
}
.sd-offer-scope__item p{
  margin:7px 0 0;
  color:#687e96;
  font-size:11.4px;
  line-height:1.47;
}

/* why */
.sd-offer-why{
  padding:48px 0 52px;
  border-top:1px solid #edf2f6;
  border-bottom:1px solid #e7eef3;
  background:linear-gradient(105deg,#fbfdfe,#f3f9fc);
}
.sd-offer-why__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}
.sd-offer-why__grid article{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:14px;
  min-height:118px;
  align-items:start;
  padding-right:24px;
}
.sd-offer-why__grid article+article{
  padding-left:24px;
  border-left:1px solid #dbe6ee;
}
.sd-offer-why__grid article>span{
  display:grid;
  width:38px;
  height:38px;
  place-items:center;
  color:#09a9de;
}
.sd-offer-why__grid svg{
  width:34px;
  height:34px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sd-offer-why__grid h3{
  margin:2px 0 0;
  color:var(--so-ink);
  font-size:12.2px;
  font-weight:770;
  line-height:1.28;
}
.sd-offer-why__grid p{
  margin:6px 0 0;
  color:#687f97;
  font-size:11.2px;
  line-height:1.48;
}

/* compare */
.sd-offer-compare{
  padding:56px 0 58px;
  background:#fff;
}
.sd-offer-compare__table{
  border-top:1px solid #d2e0e9;
  border-left:1px solid #d2e0e9;
}
.sd-offer-compare__header,
.sd-offer-compare__row{
  display:grid;
  grid-template-columns:190px 1fr 1fr;
}
.sd-offer-compare__header>*,
.sd-offer-compare__row>*{
  min-width:0;
  padding:18px 21px;
  border-right:1px solid #d2e0e9;
  border-bottom:1px solid #d2e0e9;
}
.sd-offer-compare__header{
  background:#f7fafc;
}
.sd-offer-compare__header strong{
  color:#304f6f;
  font-size:10.5px;
  font-weight:800;
}
.sd-offer-compare__header strong:last-child{
  color:#087da9;
  background:rgba(20,189,240,.045);
}
.sd-offer-compare__row>strong{
  color:var(--so-ink);
  font-size:12.4px;
  font-weight:770;
}
.sd-offer-compare__row p{
  position:relative;
  margin:0;
  padding-left:49px;
  color:#6a7f95;
  font-size:11px;
  line-height:1.45;
}
.sd-offer-compare__row p:last-child{
  color:#294c6c;
  background:rgba(20,189,240,.028);
}
.sd-offer-compare__row p i{
  position:absolute;
  left:15px;
  top:12px;
  display:grid;
  width:18px;
  height:18px;
  place-items:center;
  font-style:normal;
  font-size:14px;
  font-weight:800;
}
.sd-offer-compare__row .is-no{color:#b47979}
.sd-offer-compare__row .is-yes{color:#0b9f78}

/* FAQ */
.sd-offer-faq{
  padding:58px 0 60px;
  border-top:1px solid #edf2f5;
  background:#f8fbfd;
}
.sd-offer-faq__grid{
  display:grid;
  grid-template-columns:minmax(300px,.62fr) minmax(620px,1.38fr);
  gap:58px;
  align-items:start;
}
.sd-offer-faq__head h2{
  margin:16px 0 0;
  color:var(--so-ink);
  font-size:clamp(35px,2.65vw,46px);
  font-weight:770;
  line-height:1.06;
  letter-spacing:-.044em;
}
.sd-offer-faq__head>p:last-child{
  max-width:370px;
  margin:15px 0 0;
  color:#667e97;
  font-size:13.4px;
  line-height:1.56;
}
.sd-offer-faq__items{
  border-top:1px solid #d5e2eb;
}
.sd-offer-faq__item{
  border-bottom:1px solid #d5e2eb;
}
.sd-offer-faq__question{
  display:grid;
  width:100%;
  grid-template-columns:1fr 28px;
  gap:22px;
  align-items:center;
  min-height:76px;
  padding:14px 0;
  border:0;
  background:none;
  color:var(--so-ink);
  text-align:left;
  font:inherit;
  font-size:14.5px;
  font-weight:750;
  cursor:pointer;
}
.sd-offer-faq__question i{
  position:relative;
  width:20px;
  height:20px;
}
.sd-offer-faq__question i::before,
.sd-offer-faq__question i::after{
  content:"";
  position:absolute;
  left:4px;
  right:4px;
  top:9px;
  height:1px;
  background:#28628f;
  transition:transform .2s ease;
}
.sd-offer-faq__question i::after{transform:rotate(90deg)}
.sd-offer-faq__item.is-open .sd-offer-faq__question i::after{transform:rotate(0)}
.sd-offer-faq__answer{
  padding:0 48px 18px 0;
}
.sd-offer-faq__answer[hidden]{display:none}
.sd-offer-faq__answer p{
  max-width:760px;
  margin:0;
  color:#617891;
  font-size:12.6px;
  line-height:1.58;
}

/* FINAL */
.sd-offer-final{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:220px;
  background:#062755;
  color:#fff;
}
.sd-offer-final__image{
  position:absolute;
  z-index:-2;
  inset:0;
}
.sd-offer-final__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:var(--sd-service-image-position,center);
  filter:brightness(.38) saturate(.72);
}
.sd-offer-final::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(90deg,rgba(4,27,59,.96),rgba(4,47,86,.86),rgba(4,35,72,.76));
}
.sd-offer-final__inner{
  display:grid;
  grid-template-columns:1fr auto;
  gap:48px;
  align-items:center;
  min-height:220px;
  padding:44px 0;
}
.sd-offer-final .sd-offer-eyebrow{color:#b6c9dc}
.sd-offer-final__inner h2{
  max-width:830px;
  margin:14px 0 0;
  color:#fff;
  font-size:clamp(25px,2vw,34px);
  font-weight:720;
  line-height:1.12;
  letter-spacing:-.035em;
}
.sd-offer-final__inner>div>p:last-child{
  margin:7px 0 0;
  color:#cad8e6;
  font-size:9.5px;
}
.sd-offer-final__inner>a{
  display:inline-flex;
  min-width:190px;
  min-height:56px;
  align-items:center;
  justify-content:center;
  gap:24px;
  padding:0 20px;
  border:1px solid rgba(255,255,255,.72);
  background:#fff;
  color:#0a3968;
  font-size:11px;
  font-weight:780;
  text-decoration:none;
}
.sd-offer-final__inner>a i{
  color:#0ca9d8;
  font-style:normal;
  font-size:19px;
}

/* reveal */
[data-offer-reveal]{
  opacity:0;
  transform:translateY(10px);
  transition:opacity .55s ease,transform .55s cubic-bezier(.2,.75,.2,1);
}
[data-offer-reveal].is-in{opacity:1;transform:none}

/* TABLET */
@media(max-width:1080px) and (min-width:761px){
  .sd-offer-hero__grid{
    grid-template-columns:.86fr 1.14fr;
    gap:32px;
    padding-left:30px;
    padding-right:30px;
  }
  .sd-offer-hero h1{font-size:42px}
  .sd-offer-proof{
    grid-template-columns:1fr;
    gap:6px;
  }
  .sd-offer-proof>div,
  .sd-offer-proof>div+div{
    grid-template-columns:29px 1fr;
    min-height:36px;
    padding:0;
    border:0;
  }
  .sd-offer-hero__visual{min-height:560px}
  .sd-offer-quote{
    width:96%;
    margin:0;
  }
  .sd-offer-scope__grid{
    grid-template-columns:repeat(4,1fr);
  }
  .sd-offer-why__grid{
    grid-template-columns:1fr 1fr;
    row-gap:24px;
  }
  .sd-offer-why__grid article:nth-child(3){
    padding-left:0;
    border-left:0;
  }
  .sd-offer-faq__grid{
    grid-template-columns:.55fr 1.45fr;
    gap:36px;
  }
}

/* MOBILE */
@media(max-width:760px){
  .sd-offer-shell{
    width:calc(100% - 32px);
  }
  .sd-offer-breadcrumbs{
    padding-top:16px;
    font-size:9.4px;
  }
  .sd-offer-eyebrow{
    font-size:9px;
  }

  .sd-offer-hero{
    min-height:0;
  }
  .sd-offer-hero__grid{
    display:flex;
    min-height:0;
    flex-direction:column;
    gap:22px;
    align-items:stretch;
    margin-top:14px;
    padding:34px 16px 18px;
    border-left:1px solid rgba(198,216,229,.82);
    border-right:1px solid rgba(198,216,229,.82);
  }
  .sd-offer-hero__grid::before{
    background-position:var(--sd-service-image-position,center);
  }
  .sd-offer-hero__grid::after{
    background:
      linear-gradient(
        180deg,
        rgba(250,253,255,.995) 0%,
        rgba(250,253,255,.985) 31%,
        rgba(250,253,255,.92) 43%,
        rgba(250,253,255,.64) 54%,
        rgba(250,253,255,.24) 66%,
        rgba(250,253,255,.08) 100%
      ),
      linear-gradient(
        90deg,
        rgba(250,253,255,.08),
        rgba(250,253,255,.01)
      );
  }
  .sd-offer-hero h1{
    margin-top:17px;
    font-size:clamp(31px,8.7vw,39px);
    line-height:1.03;
  }
  .sd-offer-hero__lead{
    margin-top:17px;
    font-size:13.2px;
    line-height:1.51;
  }
  .sd-offer-hero__intro{
    margin-top:9px;
    font-size:10.7px;
    line-height:1.5;
  }
  .sd-offer-actions{
    gap:8px;
    margin-top:20px;
  }
  .sd-offer-button{
    flex:1 1 0;
    min-width:0;
    min-height:50px;
    gap:14px;
    padding:0 11px;
    font-size:9.9px;
  }
  .sd-offer-proof{
    grid-template-columns:repeat(3,1fr);
    margin-top:20px;
  }
  .sd-offer-proof>div{
    display:block;
    min-height:0;
    padding:0 8px 0 0;
  }
  .sd-offer-proof>div+div{
    padding:0 7px;
  }
  .sd-offer-proof>div>span{
    width:27px;
    height:27px;
    margin-bottom:7px;
  }
  .sd-offer-proof svg{
    width:25px;
    height:25px;
  }
  .sd-offer-proof p{
    font-size:7.7px;
  }
  .sd-offer-proof strong{
    font-size:10.3px;
  }

  .sd-offer-hero__visual{
    min-height:560px;
    padding-top:82px;
    display:flex;
    align-items:flex-start;
    justify-content:center;
  }
  .sd-offer-quote{
    width:100%;
    margin:0;
    background:rgba(255,255,255,.985);
    box-shadow:
      0 22px 52px rgba(23,60,91,.18),
      0 2px 8px rgba(23,60,91,.06);
  }
  .sd-offer-form{
    padding:22px 18px 19px;
  }
  .sd-offer-form__head{
    margin-bottom:12px;
  }
  .sd-offer-form__head h2{
    font-size:20px;
  }
  .sd-offer-form__head>span{
    font-size:11.8px;
  }
  .sd-offer-form__grid{
    gap:7px;
  }
  .sd-offer-field input{
    height:38px;
    font-size:9.8px;
  }
  .sd-offer-field>span{
    top:21px;
    font-size:11.8px;
  }
  .sd-offer-field:focus-within>span,
  .sd-offer-field.has-value>span{
    top:4px;
    font-size:7.8px;
  }
  .sd-offer-field textarea{
    min-height:86px;
    font-size:10.5px;
  }
  .sd-offer-form__consent{
    font-size:8.2px;
  }
  .sd-offer-form__submit{
    min-height:45px;
    font-size:12.5px;
  }
  .sd-offer-form__meta{
    font-size:6.9px;
  }

  .sd-offer-section-heading{
    display:block;
    margin-bottom:22px;
  }
  .sd-offer-section-heading h2,
  .sd-offer-faq__head h2{
    font-size:clamp(28px,7.7vw,35px);
  }
  .sd-offer-section-heading>p{
    margin-top:13px;
    font-size:10.5px;
  }

  .sd-offer-scope{
    padding:48px 0 42px;
  }
  .sd-offer-scope__grid{
    grid-template-columns:1fr;
  }
  .sd-offer-scope__item{
    display:grid;
    grid-template-columns:38px 1fr;
    min-height:0;
    gap:0 12px;
    padding:15px;
  }
  .sd-offer-scope__icon{
    grid-row:1/3;
    width:32px;
    height:32px;
  }
  .sd-offer-scope__item h3{
    margin:1px 0 0;
    font-size:13.4px;
  }
  .sd-offer-scope__item p{
    margin-top:4px;
    font-size:13.2px;
  }

  .sd-offer-why{
    padding:42px 0 43px;
  }
  .sd-offer-why__grid{
    grid-template-columns:1fr 1fr;
    gap:0;
  }
  .sd-offer-why__grid article{
    display:block;
    min-height:125px;
    padding:15px 15px 15px 0;
    border-bottom:1px solid #dbe6ee;
  }
  .sd-offer-why__grid article+article{
    padding-left:15px;
    border-left:1px solid #dbe6ee;
  }
  .sd-offer-why__grid article:nth-child(3){
    padding-left:0;
    border-left:0;
  }
  .sd-offer-why__grid article:nth-child(3),
  .sd-offer-why__grid article:nth-child(4){
    border-bottom:0;
  }
  .sd-offer-why__grid article>span{
    width:30px;
    height:30px;
  }
  .sd-offer-why__grid svg{
    width:28px;
    height:28px;
  }
  .sd-offer-why__grid h3{
    margin-top:9px;
    font-size:10.8px;
  }
  .sd-offer-why__grid p{
    font-size:8.7px;
  }

  .sd-offer-compare{
    padding:46px 0 48px;
  }
  .sd-offer-compare__table{
    overflow:visible;
    border:0;
  }
  .sd-offer-compare__header{
    display:none;
  }
  .sd-offer-compare__row{
    display:grid;
    grid-template-columns:1fr;
    margin-bottom:14px;
    border:1px solid #d2e0e9;
    background:#fff;
  }
  .sd-offer-compare__row:last-child{
    margin-bottom:0;
  }
  .sd-offer-compare__row>*{
    border:0;
  }
  .sd-offer-compare__row>strong{
    padding:15px 16px 12px;
    border-bottom:1px solid #dfe8ef;
    color:var(--so-ink);
    font-size:13.3px;
    background:#f7fafc;
  }
  .sd-offer-compare__row p{
    position:relative;
    padding:14px 16px 14px 47px;
    font-size:11.2px;
    line-height:1.48;
  }
  .sd-offer-compare__row p:nth-of-type(1){
    border-bottom:1px solid #e4ebf1;
    color:#6d7f92;
    background:#fff;
  }
  .sd-offer-compare__row p:nth-of-type(1)::before{
    content:"Gotowe rozwiązanie";
    display:block;
    margin-bottom:6px;
    color:#8a9aaa;
    font-size:8px;
    font-weight:800;
    letter-spacing:.13em;
    text-transform:uppercase;
  }
  .sd-offer-compare__row p:nth-of-type(2){
    color:#294c6c;
    background:rgba(20,189,240,.045);
  }
  .sd-offer-compare__row p:nth-of-type(2)::before{
    content:"SŁOWIK DIGITAL";
    display:block;
    margin-bottom:6px;
    color:#0785b5;
    font-size:8px;
    font-weight:800;
    letter-spacing:.13em;
    text-transform:uppercase;
  }
  .sd-offer-compare__row p i{
    left:16px;
    top:34px;
    width:20px;
    height:20px;
    font-size:15px;
  }

  .sd-offer-faq{
    padding:47px 0 48px;
  }
  .sd-offer-faq__grid{
    display:block;
  }
  .sd-offer-faq__head>p:last-child{
    margin-top:12px;
  }
  .sd-offer-faq__items{
    margin-top:22px;
  }
  .sd-offer-faq__question{
    min-height:58px;
    font-size:10.8px;
  }
  .sd-offer-faq__answer{
    padding-right:26px;
    padding-bottom:16px;
  }
  .sd-offer-faq__answer p{
    font-size:11.4px;
  }

  .sd-offer-final__inner{
    display:block;
    min-height:0;
    padding:48px 0 52px;
  }
  .sd-offer-final__inner h2{
    font-size:27px;
  }
  .sd-offer-final__inner>a{
    width:100%;
    margin-top:25px;
  }
}

@media(max-width:390px){
  .sd-offer-hero h1{
    font-size:29px;
  }
  .sd-offer-form__grid{
    grid-template-columns:1fr;
  }
  .sd-offer-proof{
    grid-template-columns:1fr 1fr 1fr;
  }
}

@media(prefers-reduced-motion:reduce){
  [data-offer-reveal]{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}


/* v2.2 — pełny hero jako jeden slajd graficzny */
.sd-offer-service[data-service="strony-internetowe"]{
  --sd-service-image-position:center center;
}
.sd-offer-service[data-service="filmy-firmowe"]{
  --sd-service-image-position:center center;
}
.sd-offer-service[data-service="sklepy-internetowe"]{
  --sd-service-image-position:center center;
}
.sd-offer-service[data-service="identyfikacja-wizualna"]{
  --sd-service-image-position:center center;
}
.sd-offer-service[data-service="content-seo"]{
  --sd-service-image-position:center center;
}
.sd-offer-service[data-service="hosting-domeny-serwis"]{
  --sd-service-image-position:center center;
}


@media(max-width:760px){
  .sd-offer-service[data-service="strony-internetowe"] .sd-offer-hero__grid::before{
    background-position:58% center;
  }
  .sd-offer-service[data-service="filmy-firmowe"] .sd-offer-hero__grid::before{
    background-position:58% center;
  }
  .sd-offer-service[data-service="sklepy-internetowe"] .sd-offer-hero__grid::before{
    background-position:56% center;
  }
  .sd-offer-service[data-service="identyfikacja-wizualna"] .sd-offer-hero__grid::before{
    background-position:55% center;
  }
  .sd-offer-service[data-service="content-seo"] .sd-offer-hero__grid::before{
    background-position:58% center;
  }
  .sd-offer-service[data-service="hosting-domeny-serwis"] .sd-offer-hero__grid::before{
    background-position:57% center;
  }
}


/* =========================================================
   v2.3 — HEADER: dokładnie ta sama siatka co sekcje HOME/OFERTA
   Desktop: max 1380 px, 24 px marginesu z każdej strony.
   Mobile: 16 px marginesu z każdej strony.
   ========================================================= */
:root{
  --sd-home-max:1380px;
  --sd-home-gutter:48px;
  --sd-home-gutter-mobile:32px;
}

body[data-page="oferta"] .sd-header__inner.container-wide{
  width:min(var(--sd-home-max),calc(100% - var(--sd-home-gutter)))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

@media(max-width:760px){
  body[data-page="oferta"] .sd-header__inner.container-wide{
    width:calc(100% - var(--sd-home-gutter-mobile))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}