.free-tools-page-hero {
    padding: 148px 20px 54px;
    color: #21342e;
    background: linear-gradient(135deg, #effaf3 0%, #f7fbf8 58%, #eef7f9 100%);
    border-bottom: 1px solid #dbeee3;
  }

  .free-tools-page-hero__container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
  }

  .free-tools-page-hero__eyebrow {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    margin: 0 0 18px;
    color: #286c63;
    font: 700 15px/22px "PT Sans", Arial, sans-serif;
  }

  .free-tools-page-hero__eyebrow .material-icons {
    font-size: 22px;
  }

  .free-tools-page-hero__title {
    max-width: 840px;
    margin: 0;
    color: #162923;
    font: 700 42px/50px "PT Sans", Arial, sans-serif;
  }

  .free-tools-page-hero__description {
    max-width: 780px;
    margin: 18px 0 0;
    color: #4d665d;
    font: 400 18px/29px "PT Sans", Arial, sans-serif;
  }

  .free-tools-page-hero__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 30px;
  }

  .free-tools-page-hero__badge {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    min-height: 40px;
    padding: 8px 14px;
    color: #243447;
    font: 600 14px/20px "PT Sans", Arial, sans-serif;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid #cbded9;
    border-radius: 8px;
  }

  .free-tools-page-hero__badge .material-icons {
    color: #2f876f;
    font-size: 20px;
  }

  @media (max-width: 720px) {
    .free-tools-page-hero {
      padding: 118px 16px 38px;
    }

    .free-tools-page-hero__title {
      font-size: 30px;
      line-height: 38px;
    }

    .free-tools-page-hero__description {
      font-size: 16px;
      line-height: 25px;
    }

    .free-tools-page-hero__badge {
      width: 100%;
    }
  }
  .diff--main,
  .utms--main,
  .txt-edt--main,
  .ln-det--main,
  .combinator--main,
  .base64--main,
  .dupl-rm--main,
  .pass-gen--main,
  .schema--main {
    padding: 34px 20px 58px;
    background: #f5f7fb;
  }

  .diff--main,
  .diff--main *,
  .utms--main,
  .utms--main *,
  .txt-edt--main,
  .txt-edt--main *,
  .ln-det--main,
  .ln-det--main *,
  .combinator--main,
  .combinator--main *,
  .base64--main,
  .base64--main *,
  .dupl-rm--main,
  .dupl-rm--main *,
  .pass-gen--main,
  .pass-gen--main *,
  .schema--main,
  .schema--main * {
    box-sizing: border-box;
  }

  .diff--content,
  .utms--content,
  .txt-edt--content,
  .ln-det--content,
  .combinator--content,
  .base64--content,
  .dupl-rm--content,
  .pass-gen--content,
  .schema--content {
    max-width: 1180px;
  }

  .diff--breadcrumb-block,
  .utms--breadcrumb-block,
  .txt-edt--breadcrumb-block,
  .ln-det--breadcrumb-block,
  .combinator--breadcrumb-block,
  .base64--breadcrumb-block,
  .dupl-rm--breadcrumb-block,
  .pass-gen--breadcrumb-block,
  .schema--breadcrumb-block {
    margin-top: 0;
  }

  .diff--main-header,
  .utms--main-header,
  .txt-edt--main-header,
  .ln-det--main-header,
  .combinator--main-header,
  .base64--main-header,
  .dupl-rm--main-header,
  .pass-gen--main-header,
  .schema--main-header {
    margin-bottom: 18px;
  }

  .diff--main-content,
  .utms--main-content,
  .txt-edt--main-content,
  .ln-det--main-content,
  .combinator--main-content,
  .base64--main-content,
  .dupl-rm--main-content,
  .pass-gen--main-content,
  .schema--main-content {
    padding: 28px;
    background: #ffffff;
    border: 1px solid #dce5f1;
    border-radius: 8px;
    box-shadow: 0 14px 34px rgba(22, 35, 52, 0.06);
  }

  .diff--change-data,
  .utms--change-data:not(.utms--change-data-table),
  .txt-edt--change-data:not(.txt-edt--change-data-table),
  .ln-det--change-data,
  .combinator--change-data,
  .base64--change-data,
  .dupl-rm--change-data,
  .pass-gen--change-data,
  .schema--change-data,
  .utms--sub-change-data,
  .txt-edt--sub-change-data,
  .schema--sub-change-data {
    display: grid;
    grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
    gap: 18px 32px;
    align-items: start;
    justify-content: stretch;
  }

  .utms--change-data-table,
  .txt-edt--change-data-table,
  .schema--change-data-table {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .diff--change-data > .diff--h4,
  .utms--change-data > .utms--h4,
  .utms--sub-change-data > .utms--h4,
  .utms--sub-change-data > .utms--h5,
  .txt-edt--change-data > .txt-edt--h4,
  .txt-edt--sub-change-data > .txt-edt--h4,
  .txt-edt--sub-change-data > .txt-edt--h5,
  .ln-det--change-data > .ln-det--h4,
  .ln-det--change-data > .ln-det--changed-data--info-block,
  .combinator--change-data > .combinator--h4,
  .base64--change-data > .base64--h4,
  .dupl-rm--change-data > .dupl-rm--h4,
  .pass-gen--change-data > .pass-gen--h4,
  .schema--change-data > .schema--h4,
  .schema--sub-change-data > .schema--h4,
  .schema--sub-change-data > .schema--h5 {
    width: auto;
    min-width: 0;
  }

  .diff--change-data-main,
  .utms--change-data-main,
  .utms--row-block,
  .utms--input-items,
  .txt-edt--change-data-main,
  .txt-edt--input-items,
  .ln-det--change-data-main,
  .combinator--change-data-main,
  .base64--change-data-main,
  .dupl-rm--change-data-main,
  .pass-gen--change-data-main,
  .schema--change-data-main,
  .schema--input-items {
    width: 100%;
    max-width: none;
    min-width: 0;
  }

  .utms--row-block,
  .txt-edt--input-items,
  .pass-gen--change-data-main-inputs,
  .schema--change-data-main-inputs {
    gap: 16px;
  }

  .txt-edt--checkbox-row,
  .dupl-rm--checkbox-row,
  .pass-gen--change-data-main,
  .schema--radio-row,
  .base64--traffic-row,
  .combinator--traffic-row,
  .utms--traffic-row {
    gap: 12px 18px;
  }

  .txt-edt--checkbox-row,
  .dupl-rm--checkbox-row,
  .pass-gen--change-data:nth-child(1) > .pass-gen--change-data-main {
    gap: 6px 18px;
  }

  .txt-edt--checkbox-row > .txt-edt--checkbox-changeable,
  .dupl-rm--checkbox-row > .dupl-rm--checkbox-changeable,
  .pass-gen--change-data:nth-child(1) > .pass-gen--change-data-main > .pass-gen--checkbox-changeable {
    width: calc(50% - 9px);
    margin-top: 0;
    margin-bottom: 6px;
  }

  .diff--main-content > .diff--change-data:first-child,
  .utms--main-content > .utms--change-data:first-child,
  .txt-edt--main-content > .txt-edt--change-data:first-child,
  .ln-det--main-content > .ln-det--change-data:first-child,
  .combinator--main-content > .combinator--change-data:first-child,
  .base64--main-content > .base64--change-data:first-child,
  .dupl-rm--main-content > .dupl-rm--change-data:first-child,
  .pass-gen--main-content > .pass-gen--change-data:first-child,
  .schema--main-content > .schema--change-data:first-child {
    border-top: 0;
    padding-top: 0;
  }

  .diff--change-data,
  .utms--change-data,
  .txt-edt--change-data,
  .ln-det--change-data,
  .combinator--change-data,
  .base64--change-data,
  .dupl-rm--change-data,
  .pass-gen--change-data,
  .schema--change-data,
  .utms--sub-change-data:not(:first-child) > .utms--change-data-main,
  .txt-edt--sub-change-data:not(:first-child) > .txt-edt--change-data-main,
  .schema--sub-change-data:not(:first-child) > .schema--change-data-main,
  .schema--input-items,
  .utms--input-items,
  .txt-edt--input-items {
    border-color: #e6edf5;
  }

  .diff--h1,
  .utms--h1,
  .txt-edt--h1,
  .ln-det--h1,
  .combinator--h1,
  .base64--h1,
  .dupl-rm--h1,
  .pass-gen--h1,
  .schema--h1 {
    color: #17202c;
    font: 700 30px/40px "PT Sans", Arial, sans-serif;
  }

  .diff--h4,
  .utms--h4,
  .txt-edt--h4,
  .ln-det--h4,
  .combinator--h4,
  .base64--h4,
  .dupl-rm--h4,
  .pass-gen--h4,
  .schema--h4 {
    color: #26374d;
    font: 700 17px/24px "PT Sans", Arial, sans-serif;
  }

  .diff--change-data-main,
  .utms--change-data-main,
  .txt-edt--change-data-main,
  .ln-det--change-data-main,
  .combinator--change-data-main,
  .base64--change-data-main,
  .dupl-rm--change-data-main,
  .pass-gen--change-data-main,
  .schema--change-data-main {
    color: #2f3e52;
    font: 400 15px/22px "PT Sans", Arial, sans-serif;
  }

  .diff--p,
  .utms--p,
  .txt-edt--p,
  .ln-det--p,
  .combinator--p,
  .base64--p,
  .dupl-rm--p,
  .pass-gen--p,
  .schema--p,
  .diff--label,
  .utms--label,
  .txt-edt--label,
  .ln-det--label,
  .combinator--label,
  .base64--label,
  .dupl-rm--label,
  .pass-gen--label,
  .schema--label,
  .diff--a,
  .utms--a,
  .txt-edt--a,
  .ln-det--a,
  .combinator--a,
  .base64--a,
  .dupl-rm--a,
  .pass-gen--a,
  .schema--a {
    color: #2f3e52;
    font: 400 15px/22px "PT Sans", Arial, sans-serif;
  }

  .diff--breadcrumb-list .diff--li,
  .utms--breadcrumb-list .utms--li,
  .txt-edt--breadcrumb-list .txt-edt--li,
  .ln-det--breadcrumb-list .ln-det--li,
  .combinator--breadcrumb-list .combinator--li,
  .base64--breadcrumb-list .base64--li,
  .dupl-rm--breadcrumb-list .dupl-rm--li,
  .pass-gen--breadcrumb-list .pass-gen--li,
  .schema--breadcrumb-list .schema--li,
  .diff--breadcrumb-list .diff--a,
  .utms--breadcrumb-list .utms--a,
  .txt-edt--breadcrumb-list .txt-edt--a,
  .ln-det--breadcrumb-list .ln-det--a,
  .combinator--breadcrumb-list .combinator--a,
  .base64--breadcrumb-list .base64--a,
  .dupl-rm--breadcrumb-list .dupl-rm--a,
  .pass-gen--breadcrumb-list .pass-gen--a,
  .schema--breadcrumb-list .schema--a {
    font-size: 17px;
    line-height: 24px;
  }

  .diff--description,
  .utms--description,
  .txt-edt--description,
  .ln-det--description,
  .combinator--description,
  .base64--description,
  .dupl-rm--description,
  .pass-gen--description,
  .schema--description,
  .utms--info-tag {
    color: #4f6177 !important;
    font: 400 italic 14px/20px "PT Sans", Arial, sans-serif !important;
  }

  .diff--textarea,
  .utms--input:not([type="checkbox"]):not([type="radio"]),
  .txt-edt--textarea,
  .txt-edt--input:not([type="checkbox"]):not([type="radio"]),
  .ln-det--textarea,
  .ln-det--input:not([type="checkbox"]):not([type="radio"]),
  .combinator--textarea,
  .combinator--input:not([type="checkbox"]):not([type="radio"]),
  .base64--textarea,
  .dupl-rm--textarea,
  .dupl-rm--input:not([type="checkbox"]):not([type="radio"]),
  .pass-gen--input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  .schema--textarea,
  .schema--input:not([type="checkbox"]):not([type="radio"]) {
    color: #243447;
    font: 400 15px/22px "PT Sans", Arial, sans-serif;
    background-color: #f8fbff;
    border-color: #dce5f1;
    border-radius: 8px;
  }

  .diff--textarea:focus,
  .utms--input:not([type="checkbox"]):not([type="radio"]):focus,
  .txt-edt--textarea:focus,
  .txt-edt--input:not([type="checkbox"]):not([type="radio"]):focus,
  .ln-det--textarea:focus,
  .ln-det--input:not([type="checkbox"]):not([type="radio"]):focus,
  .combinator--textarea:focus,
  .combinator--input:not([type="checkbox"]):not([type="radio"]):focus,
  .base64--textarea:focus,
  .dupl-rm--textarea:focus,
  .dupl-rm--input:not([type="checkbox"]):not([type="radio"]):focus,
  .pass-gen--input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,
  .schema--textarea:focus,
  .schema--input:not([type="checkbox"]):not([type="radio"]):focus {
    background-color: #ffffff;
    border-color: #7b9ce6;
    box-shadow: 0 0 0 3px rgba(123, 156, 230, 0.16);
    outline: none;
  }

  .diff--btn-get-result,
  .utms--btn-get-result,
  .txt-edt--btn-get-result,
  .ln-det--btn-get-result,
  .combinator--btn-get-result,
  .base64--btn-get-result,
  .dupl-rm--btn-get-result,
  .pass-gen--btn-get-result,
  .schema--btn-get-result {
    min-height: 42px;
    color: #ffffff;
    font: 700 14px/20px "PT Sans", Arial, sans-serif;
    font-weight: 700 !important;
    background: #7b9ce6;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 8px 18px rgba(123, 156, 230, 0.22);
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  }

  .diff--btn-get-result:hover,
  .diff--btn-get-result:focus,
  .utms--btn-get-result:hover,
  .utms--btn-get-result:focus,
  .txt-edt--btn-get-result:hover,
  .txt-edt--btn-get-result:focus,
  .ln-det--btn-get-result:hover,
  .ln-det--btn-get-result:focus,
  .combinator--btn-get-result:hover,
  .combinator--btn-get-result:focus,
  .base64--btn-get-result:hover,
  .base64--btn-get-result:focus,
  .dupl-rm--btn-get-result:hover,
  .dupl-rm--btn-get-result:focus,
  .pass-gen--btn-get-result:hover,
  .pass-gen--btn-get-result:focus,
  .schema--btn-get-result:hover,
  .schema--btn-get-result:focus {
    background: #6c8fe7;
    box-shadow: 0 10px 22px rgba(108, 143, 231, 0.28);
    transform: translateY(-1px);
    outline: none;
  }

  @media (min-width: 861px) {
    .diff--textarea,
    .txt-edt--textarea,
    .ln-det--textarea,
    .combinator--textarea,
    .base64--textarea,
    .dupl-rm--textarea,
    .schema--textarea {
      min-height: 240px;
    }
  }

  @media (max-width: 860px) {
    .diff--main,
    .utms--main,
    .txt-edt--main,
    .ln-det--main,
    .combinator--main,
    .base64--main,
    .dupl-rm--main,
    .pass-gen--main,
    .schema--main {
      padding: 28px 16px 44px;
    }

    .diff--main-content,
    .utms--main-content,
    .txt-edt--main-content,
    .ln-det--main-content,
    .combinator--main-content,
    .base64--main-content,
    .dupl-rm--main-content,
    .pass-gen--main-content,
    .schema--main-content {
      padding: 20px;
    }

    .diff--change-data,
    .utms--change-data:not(.utms--change-data-table),
    .txt-edt--change-data:not(.txt-edt--change-data-table),
    .ln-det--change-data,
    .combinator--change-data,
    .base64--change-data,
    .dupl-rm--change-data,
    .pass-gen--change-data,
    .schema--change-data,
    .utms--sub-change-data,
    .txt-edt--sub-change-data,
    .schema--sub-change-data {
      grid-template-columns: 1fr;
      gap: 12px;
    }

    .diff--h1,
    .utms--h1,
    .txt-edt--h1,
    .ln-det--h1,
    .combinator--h1,
    .base64--h1,
    .dupl-rm--h1,
    .pass-gen--h1,
    .schema--h1 {
      font-size: 25px;
      line-height: 33px;
    }
  }