body.contact-helper-open{
  overflow:hidden;
}

.contact-helper[hidden]{
  display:none!important;
}

.contact-helper{
  position:fixed;
  inset:0;
  z-index:14000;
  display:grid;
  place-items:center;
  padding:24px;
  overflow-x:hidden;
  overflow-y:auto;
  opacity:0;
  transition:opacity .2s ease;
}

.contact-helper.is-open{
  opacity:1;
}

.contact-helper__backdrop{
  position:absolute;
  inset:0;
  background:rgba(7,54,63,.78);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}

.contact-helper__dialog{
  position:relative;
  width:min(720px,100%);
  margin:auto;
  padding:36px;
  color:#17313a;
  background:#fff;
  border:1px solid #d6dfe1;
  border-radius:24px;
  box-shadow:0 28px 80px rgba(2,28,34,.34);
  transform:translateY(12px) scale(.985);
  transition:transform .2s ease;
}

.contact-helper.is-open .contact-helper__dialog{
  transform:none;
}

.contact-helper__close{
  position:absolute;
  top:18px;
  right:18px;
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  padding:0;
  color:#17313a;
  background:#fff;
  border:1px solid #d6dfe1;
  border-radius:50%;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}

.contact-helper__close:hover{
  background:#f7f5ef;
  border-color:#9cafb4;
  transform:translateY(-1px);
}

.contact-helper__close svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-width:2;
}

.contact-helper__eyebrow{
  margin:0 56px 8px 0;
  color:#cf3043;
  font:700 13px/1.2 var(--brand-font-body,"Source Sans 3",sans-serif);
  letter-spacing:.2em;
  text-transform:uppercase;
}

.contact-helper__title{
  margin:0 56px 12px 0;
  color:#17313a;
  font:600 clamp(34px,5vw,46px)/1 var(--brand-font-display,Oswald,sans-serif);
  letter-spacing:.01em;
  text-transform:uppercase;
}

.contact-helper__intro{
  max-width:560px;
  margin:0 56px 24px 0;
  color:#5c7077;
  font:400 18px/1.45 var(--brand-font-body,"Source Sans 3",sans-serif);
}

.contact-helper__options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.contact-helper__option{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  min-height:140px;
  padding:20px;
  color:#17313a;
  text-decoration:none;
  background:#f7f5ef;
  border:1px solid #d8e0e1;
  border-radius:17px;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.contact-helper__option,
.contact-helper__option:hover,
.contact-helper__option:focus,
.contact-helper__option h3,
.contact-helper__option p{
  text-decoration:none!important;
}

.contact-helper__option:hover{
  color:#17313a;
  border-color:#cf3043;
  box-shadow:0 12px 28px rgba(14,57,66,.12);
  transform:translateY(-2px);
}

.contact-helper__icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  color:#fff;
  background:#cf3043;
  border-radius:50%;
}

.contact-helper__option--compare .contact-helper__icon{
  background:#0b4b57;
}

.contact-helper__icon svg,
.contact-helper__arrow{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.8;
}

.contact-helper__arrow{
  width:19px;
  height:19px;
  color:#cf3043;
}

.contact-helper__option h3{
  margin:0;
  color:#17313a;
  font:600 22px/1.1 var(--brand-font-display,Oswald,sans-serif);
  text-transform:uppercase;
}

.contact-helper__option p{
  margin:7px 0 0;
  color:#61747a;
  font:400 15px/1.4 var(--brand-font-body,"Source Sans 3",sans-serif);
}

.contact-helper__continue{
  display:block;
  width:100%;
  min-height:50px;
  margin-top:14px;
  padding:12px 20px;
  color:#17313a;
  background:#fff;
  border:1px solid #9eafb4;
  border-radius:999px;
  font:700 16px/1.2 var(--brand-font-body,"Source Sans 3",sans-serif);
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}

.contact-helper__continue:hover{
  color:#fff;
  background:#0b4b57;
  border-color:#0b4b57;
  transform:translateY(-1px);
}

.contact-helper__close:focus-visible,
.contact-helper__option:focus-visible,
.contact-helper__continue:focus-visible{
  outline:3px solid rgba(207,48,67,.35);
  outline-offset:3px;
}

@media (max-width:640px){
  .contact-helper{
    align-items:center;
    padding:14px;
  }

  .contact-helper__dialog{
    padding:28px 20px 20px;
    border-radius:20px;
  }

  .contact-helper__close{
    top:14px;
    right:14px;
    width:42px;
    height:42px;
  }

  .contact-helper__eyebrow{
    margin-right:46px;
    font-size:12px;
  }

  .contact-helper__title{
    margin-right:46px;
    font-size:34px;
  }

  .contact-helper__intro{
    margin-right:38px;
    margin-bottom:20px;
    font-size:16px;
  }

  .contact-helper__options{
    grid-template-columns:1fr;
    gap:12px;
  }

  .contact-helper__option{
    min-height:112px;
    padding:17px;
  }

  .contact-helper__option h3{
    font-size:20px;
  }
}

@media (max-width:370px){
  .contact-helper{
    align-items:start;
    padding:10px;
  }

  .contact-helper__dialog{
    padding:24px 16px 16px;
  }

  .contact-helper__option{
    grid-template-columns:auto minmax(0,1fr);
  }

  .contact-helper__arrow{
    display:none;
  }
}

@media (prefers-reduced-motion:reduce){
  .contact-helper,
  .contact-helper__dialog,
  .contact-helper__close,
  .contact-helper__option,
  .contact-helper__continue{
    transition:none;
  }
}