/* SŁOWIK DIGITAL — KONTAKT / TRUST v4.2 */

.sd-contact-v4{
  --ink:#061f4f;
  --ink-soft:#173f72;
  --muted:#5f7593;
  --cyan:#14bdf0;
  --line:#cddbe7;
  --white:#fff;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:790px;
  padding:clamp(66px,5.7vw,92px) 0 clamp(54px,4.8vw,76px);
  background:#eef7fc;
  color:var(--ink);
  font-family:"Manrope","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}

.sd-contact-v4__scenic{
  position:absolute;
  z-index:-4;
  inset:0;
  background:url("/assets/img/contact/contact-trust-landscape-4k.webp") center 61%/cover no-repeat;
  filter:brightness(1.09) saturate(.82) contrast(.94);
  transform:scale(1.006);
}

.sd-contact-v4__wash{
  position:absolute;
  z-index:-3;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(
      90deg,
      rgba(244,250,254,.94) 0%,
      rgba(240,248,253,.88) 31%,
      rgba(239,248,253,.67) 49%,
      rgba(244,250,254,.30) 69%,
      rgba(244,250,254,.18) 100%
    ),
    linear-gradient(
      180deg,
      rgba(244,250,254,.72) 0%,
      rgba(244,250,254,.34) 41%,
      rgba(240,248,253,.10) 73%,
      rgba(237,246,251,.34) 100%
    );
}

.sd-contact-v4__sun{
  position:absolute;
  z-index:-2;
  left:52.5%;
  top:55%;
  width:148px;
  height:148px;
  transform:translate(-50%,-50%);
  pointer-events:none;
  border-radius:50%;
  background:
    radial-gradient(circle,
      rgba(255,255,255,.99) 0 3%,
      rgba(255,244,196,.96) 4% 7%,
      rgba(255,220,133,.52) 8% 18%,
      rgba(255,212,116,.20) 19% 38%,
      rgba(255,216,124,.08) 39% 56%,
      transparent 72%
    );
  filter:blur(.25px);
  box-shadow:
    0 0 38px rgba(255,224,142,.20),
    0 0 86px rgba(255,224,142,.15);
}

.sd-contact-v4__container{
  width:min(var(--sd-home-max,1380px),calc(100% - var(--sd-home-gutter,48px)));
  margin:0 auto;
}

.sd-contact-v4__layout{
  display:grid;
  grid-template-columns:minmax(0,.94fr) minmax(530px,1.06fr);
  gap:clamp(54px,5.4vw,90px);
  align-items:start;
}

/* LEFT */
.sd-contact-v4__copy{
  position:relative;
  min-height:660px;
  padding-top:18px;
}

.sd-contact-v4__eyebrow{
  margin:0 0 28px;
  color:#163b6b;
  font-size:10.5px;
  font-weight:800;
  line-height:1;
  letter-spacing:.31em;
}
.sd-contact-v4__eyebrow::after{
  content:"";
  display:block;
  width:48px;
  height:3px;
  margin-top:15px;
  background:var(--cyan);
}

.sd-contact-v4__title{
  max-width:720px;
  margin:0;
  color:var(--ink);
  font-size:clamp(33px,2.55vw,45px);
  font-weight:750;
  line-height:1.02;
  letter-spacing:-.057em;
}
.sd-contact-v4__title span{
  color:#18aef1;
}

.sd-contact-v4__lead{
  max-width:650px;
  margin:24px 0 0;
  color:#173d6d;
  font-size:clamp(16px,1.28vw,20px);
  font-weight:450;
  line-height:1.53;
  letter-spacing:-.018em;
}
.sd-contact-v4__lead strong{
  display:block;
  margin-top:7px;
  color:var(--ink);
  font-weight:750;
}

.sd-contact-v4__benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:620px;
  margin-top:36px;
}
.sd-contact-v4__benefit{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:13px;
  align-items:center;
  min-height:64px;
  padding-right:20px;
  color:#173863;
  font-size:13px;
  font-weight:600;
  line-height:1.26;
}
.sd-contact-v4__benefit+.sd-contact-v4__benefit{
  padding-left:24px;
  border-left:1px solid rgba(67,114,154,.22);
}
.sd-contact-v4__benefit-icon{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
}
.sd-contact-v4__benefit svg{
  width:39px;
  height:39px;
  fill:none;
  stroke:#0b3465;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sd-contact-v4__benefit svg path:last-child{
  stroke:var(--cyan);
}

.sd-contact-v4__microcopy{
  position:absolute;
  left:0;
  bottom:16px;
  margin:0;
  padding:11px 0 11px 18px;
  border-left:2px solid var(--cyan);
  color:#0b3566;
  font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;
  font-size:13px;
  font-weight:800;
  line-height:1.32;
  letter-spacing:.11em;
  text-transform:uppercase;
  text-shadow:none;
}


/* FORM */
.sd-contact-v4__form-shell{
  position:relative;
  z-index:2;
  border:1px solid rgba(182,204,220,.78);
  background:rgba(255,255,255,.96);
  color:var(--ink);
  box-shadow:
    0 24px 60px rgba(43,82,111,.13),
    0 2px 8px rgba(43,82,111,.05);
  transition:box-shadow .26s ease,transform .26s ease;
}

.sd-contact-v4__form{
  padding:34px 42px 28px;
}

.sd-contact-v4__form-head{
  margin-bottom:24px;
}
.sd-contact-v4__form-head h3{
  margin:0;
  color:var(--ink);
  font-size:29px;
  font-weight:750;
  line-height:1.08;
  letter-spacing:-.042em;
}
.sd-contact-v4__form-head p{
  margin:7px 0 0;
  color:#5f7596;
  font-size:12.5px;
  line-height:1.42;
}

.sd-contact-v4__fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px 18px;
}
.sd-contact-v4__field{
  position:relative;
  display:block;
  min-width:0;
}
.sd-contact-v4__field--full{
  grid-column:1/-1;
}
.sd-contact-v4__field .sd-contact-v4__floating-label{
  position:absolute;
  z-index:2;
  left:14px;
  top:23px;
  margin:0;
  max-width:calc(100% - 32px);
  overflow:hidden;
  color:#6f829a;
  font-size:12.6px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
  text-overflow:ellipsis;
  pointer-events:none;
  transform:translateY(-50%);
  transform-origin:left top;
  transition:
    top .18s ease,
    transform .18s ease,
    font-size .18s ease,
    color .18s ease;
}
.sd-contact-v4__field .sd-contact-v4__floating-label b{
  color:#0ea9d5;
}
.sd-contact-v4__field .sd-contact-v4__floating-label em{
  color:#91a0b1;
  font-style:normal;
  font-weight:500;
}
.sd-contact-v4__field:focus-within .sd-contact-v4__floating-label,
.sd-contact-v4__field.has-value .sd-contact-v4__floating-label{
  top:8px;
  transform:none;
  color:#496581;
  font-size:8.8px;
  font-weight:700;
}
.sd-contact-v4__field:focus-within .sd-contact-v4__floating-label{
  color:#087fa9;
}

.sd-contact-v4__field input,
.sd-contact-v4__field select,
.sd-contact-v4__field textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius:0;
  outline:0;
  background:rgba(255,255,255,.86);
  color:#102d55;
  font:inherit;
  font-size:13px;
  transition:
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease;
}

.sd-contact-v4__field input,
.sd-contact-v4__field select{
  height:46px;
  padding:11px 14px 0;
}

.sd-contact-v4__field select{
  appearance:none;
  padding-right:50px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.25 6 6.25l5-5' fill='none' stroke='%23061f4f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 19px center;
  background-size:12px 8px;
}

.sd-contact-v4__field textarea{
  min-height:102px;
  resize:vertical;
  padding:23px 14px 26px;
  line-height:1.43;
}
.sd-contact-v4__field textarea::placeholder{
  color:#879ab2;
  opacity:1;
}

.sd-contact-v4__field input:focus,
.sd-contact-v4__field select:focus,
.sd-contact-v4__field textarea:focus{
  border-color:#66c5e7;
  background:#fff;
  box-shadow:0 0 0 3px rgba(20,189,240,.07);
}

.sd-contact-v4__field.is-error input,
.sd-contact-v4__field.is-error select,
.sd-contact-v4__field.is-error textarea{
  border-color:#c87c7c;
}

.sd-contact-v4__field small[data-field-error]{
  display:block;
  margin-top:4px;
  color:#b45050;
  font-size:9.5px;
  line-height:1.25;
}

.sd-contact-v4__message{
  position:relative;
}
.sd-contact-v4__message .sd-contact-v4__floating-label{
  top:18px;
}
.sd-contact-v4__message:focus-within .sd-contact-v4__floating-label,
.sd-contact-v4__message.has-value .sd-contact-v4__floating-label{
  top:7px;
}
.sd-contact-v4__counter{
  position:absolute;
  right:12px;
  bottom:20px;
  color:#8b9db1;
  font-size:9px;
}
.sd-contact-v4__counter i{
  font-style:normal;
}

/* CONSENT */
.sd-contact-v4__consent{
  margin-top:17px;
}
.sd-contact-v4__consent label{
  display:flex;
  align-items:center;
  gap:10px;
  color:#17365f;
  font-size:10.3px;
  font-weight:700;
}
.sd-contact-v4__consent input{
  appearance:none;
  display:grid;
  flex:0 0 19px;
  width:19px;
  height:19px;
  margin:0;
  place-items:center;
  border:1px solid #8fa5bc;
  border-radius:0;
  background:#fff;
  cursor:pointer;
}
.sd-contact-v4__consent input::after{
  content:"";
  width:9px;
  height:5px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(-45deg) scale(0);
  transition:transform .15s ease;
}
.sd-contact-v4__consent input:checked{
  border-color:#0ba7d5;
  background:#0ba7d5;
}
.sd-contact-v4__consent input:checked::after{
  transform:rotate(-45deg) scale(1);
}
.sd-contact-v4__consent p{
  margin:7px 0 0 29px;
  color:#7a8ca3;
  font-size:9.5px;
  line-height:1.42;
}
.sd-contact-v4__consent p a{
  color:#08a4d3;
  text-underline-offset:2px;
}
.sd-contact-v4__consent>small{
  display:block;
  margin:5px 0 0 29px;
  color:#b45050;
  font-size:9.5px;
}

/* CTA */
.sd-contact-v4__submit{
  position:relative;
  display:flex;
  width:100%;
  min-height:58px;
  align-items:center;
  justify-content:center;
  margin-top:19px;
  padding:0 64px;
  border:1px solid #55b833;
  border-radius:0;
  background:#55b833;
  color:#fff;
  font:inherit;
  font-size:15px;
  font-weight:750;
  cursor:pointer;
  transition:
    box-shadow .24s ease,
    transform .24s ease,
    background .24s ease;
}
.sd-contact-v4__submit i{
  position:absolute;
  right:25px;
  top:50%;
  transform:translateY(-50%);
  font-style:normal;
  font-size:25px;
  font-weight:300;
  transition:transform .24s ease;
}
.sd-contact-v4__submit:hover,
.sd-contact-v4__submit:focus-visible{
  background:#439c26;
  box-shadow:0 12px 26px rgba(85,184,51,.22);
}
.sd-contact-v4__submit:hover i{
  transform:translate(5px,-50%);
}
.sd-contact-v4__submit[disabled]{
  opacity:.66;
  cursor:wait;
}

.sd-contact-v4__secure{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin:11px 0 0;
  color:#73869b;
  font-size:8.8px;
}
.sd-contact-v4__secure svg{
  width:13px;
  height:13px;
  fill:none;
  stroke:#536d8f;
  stroke-width:1.5;
}
.sd-contact-v4__status{
  margin:8px 0 0;
  color:#b45050;
  text-align:center;
  font-size:10px;
}
.sd-contact-v4__honeypot{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}

/* v4.2 — brak blur i brak przyciemniania strony podczas wpisywania */
.sd-contact-v4__focus-layer{
  display:none!important;
}
.sd-contact-v4.is-form-focus .sd-contact-v4__form-shell{
  z-index:2;
  box-shadow:
    0 24px 60px rgba(43,82,111,.13),
    0 2px 8px rgba(43,82,111,.05);
  transform:none;
}

/* SUCCESS */
.sd-contact-v4__success{
  min-height:640px;
  padding:64px 54px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  background:
    radial-gradient(circle at 92% 8%,rgba(20,189,240,.08),transparent 30%),
    rgba(255,255,255,.98);
  color:var(--ink);
}
.sd-contact-v4__success[hidden]{
  display:none;
}
.sd-contact-v4__success-icon{
  display:grid;
  width:52px;
  height:52px;
  place-items:center;
  margin-bottom:24px;
  border:1px solid #83cce8;
  color:#0aa2cf;
  font-size:23px;
}
.sd-contact-v4__success-kicker{
  margin:0 0 9px;
  color:#6f86a0;
  font-size:8.5px;
  font-weight:800;
  letter-spacing:.23em;
}
.sd-contact-v4__success h3{
  margin:0;
  color:var(--ink);
  font-size:34px;
  line-height:1.06;
  letter-spacing:-.045em;
}
.sd-contact-v4__success>p:not(.sd-contact-v4__success-kicker){
  max-width:460px;
  margin:16px 0 0;
  color:#667d98;
  font-size:14px;
  line-height:1.55;
}
.sd-contact-v4__success a{
  display:inline-flex;
  align-items:center;
  gap:15px;
  margin-top:28px;
  color:#0a5f92;
  font-size:12px;
  font-weight:700;
  text-decoration:none;
}
.sd-contact-v4__success a i{
  color:var(--cyan);
  font-style:normal;
  font-size:19px;
}

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

/* TABLET */
@media(max-width:1080px) and (min-width:761px){
  .sd-contact-v4__layout{
    grid-template-columns:.86fr 1.14fr;
    gap:36px;
  }
  .sd-contact-v4__title{
    font-size:clamp(31px,3.8vw,40px);
  }
  .sd-contact-v4__benefits{
    grid-template-columns:1fr;
    gap:8px;
  }
  .sd-contact-v4__benefit{
    grid-template-columns:32px 1fr;
    min-height:38px;
    padding:0!important;
    border:0!important;
  }
  .sd-contact-v4__benefit-icon{
    width:31px;
    height:31px;
  }
  .sd-contact-v4__benefit svg{
    width:30px;
    height:30px;
  }
  .sd-contact-v4__form{
    padding:29px 30px 24px;
  }
  .sd-contact-v4__sun{
    left:48.5%;
  }
}

/* MOBILE */
@media(max-width:760px){
  .sd-contact-v4{
    min-height:0;
    padding:48px 0 30px;
    background:#eef7fc;
  }

  .sd-contact-v4__container{
    width:calc(100% - 32px);
  }
  .sd-contact-v4__layout{
    display:block;
  }

  .sd-contact-v4__scenic{
    height:430px;
    bottom:auto;
    background-position:57% center;
    filter:brightness(1.09) saturate(.82) contrast(.94);
  }
  .sd-contact-v4__wash{
    height:455px;
    bottom:auto;
    background:
      linear-gradient(
        180deg,
        rgba(244,250,254,.90) 0%,
        rgba(242,249,253,.76) 38%,
        rgba(240,248,253,.42) 66%,
        rgba(238,247,252,.94) 100%
      );
  }
  .sd-contact-v4__sun{
    left:auto;
    right:-15px;
    top:205px;
    width:112px;
    height:112px;
    opacity:.78;
  }

  .sd-contact-v4__copy{
    min-height:0;
    padding-top:0;
  }
  .sd-contact-v4__eyebrow{
    margin-bottom:20px;
    font-size:9.4px;
  }
  .sd-contact-v4__eyebrow::after{
    width:42px;
    height:2px;
    margin-top:12px;
  }
  .sd-contact-v4__title{
    font-size:clamp(25px,7.05vw,31px);
    line-height:1.08;
  }
  .sd-contact-v4__lead{
    max-width:520px;
    margin-top:17px;
    font-size:14.2px;
    line-height:1.48;
  }
  .sd-contact-v4__lead strong{
    display:inline;
  }

  .sd-contact-v4__benefits{
    max-width:none;
    margin-top:24px;
  }
  .sd-contact-v4__benefit{
    grid-template-columns:28px minmax(0,1fr);
    gap:7px;
    min-height:42px;
    padding-right:7px;
    color:#143963;
    font-size:9.7px;
  }
  .sd-contact-v4__benefit+.sd-contact-v4__benefit{
    padding-left:9px;
  }
  .sd-contact-v4__benefit-icon{
    width:27px;
    height:27px;
  }
  .sd-contact-v4__benefit svg{
    width:27px;
    height:27px;
  }
  .sd-contact-v4__microcopy{
    display:none;
  }

  .sd-contact-v4__form-shell{
    margin-top:28px;
    background:rgba(255,255,255,.975);
    box-shadow:0 20px 44px rgba(42,79,109,.13);
  }
  .sd-contact-v4.is-form-focus .sd-contact-v4__form-shell{
    transform:none;
  }
  .sd-contact-v4__form{
    padding:19px 18px 16px;
  }
  .sd-contact-v4__form-head{
    margin-bottom:13px;
    padding-bottom:11px;
    border-bottom:1px solid #e2e9ef;
  }
  .sd-contact-v4__form-head h3{
    font-size:23px;
  }
  .sd-contact-v4__form-head p{
    font-size:11px;
  }

  .sd-contact-v4__fields{
    grid-template-columns:1fr 1fr;
    gap:10px 10px;
  }
  .sd-contact-v4__field--service{
    display:none;
  }
  .sd-contact-v4__field--full{
    grid-column:1/-1;
  }
  .sd-contact-v4__field input,
  .sd-contact-v4__field select{
    height:44px;
    font-size:12px;
  }
  .sd-contact-v4__field select{
    background-position:right 16px center;
    padding-right:44px;
  }
  .sd-contact-v4__field textarea{
    min-height:82px;
    font-size:11.5px;
  }
  .sd-contact-v4__consent{
    margin-top:10px;
  }
  .sd-contact-v4__consent label{
    font-size:10.7px;
  }
  .sd-contact-v4__consent p{
    margin-left:29px;
    font-size:9px;
  }
  .sd-contact-v4__submit{
    min-height:52px;
    margin-top:12px;
    padding-inline:46px;
    font-size:13.5px;
  }
  .sd-contact-v4__submit i{
    right:18px;
  }
  .sd-contact-v4__secure{
    font-size:8.4px;
  }
  .sd-contact-v4__success{
    min-height:440px;
    padding:44px 28px;
  }
}

/* SMALL MOBILE */
@media(max-width:390px){
  .sd-contact-v4__title{
    font-size:25px;
  }
  .sd-contact-v4__lead{
    font-size:13.4px;
  }
  .sd-contact-v4__benefit{
    font-size:9.1px;
  }
  .sd-contact-v4__fields{
    grid-template-columns:1fr;
  }
  .sd-contact-v4__field{
    grid-column:1/-1;
  }
  .sd-contact-v4__form{
    padding:21px 15px 18px;
  }
}

@media(prefers-reduced-motion:reduce){
  [data-contact-reveal]{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
  .sd-contact-v4__focus-layer,
  .sd-contact-v4__form-shell,
  .sd-contact-v4__submit,
  .sd-contact-v4__submit i{
    transition:none!important;
  }
}


/* v4.2 — opis firmy ma od razu widoczny, konkretny placeholder */
.sd-contact-v4__message--placeholder textarea{
  padding:14px 14px 27px;
}
.sd-contact-v4__message--placeholder .sd-contact-v4__floating-label{
  display:none;
}


@media(max-width:760px){
  .sd-contact-v4__lead strong{
    display:block;
    margin-top:5px;
  }
}