.brl-page {
        --blue: #07429e;
        --navy: #07429e;
        --black: #1d252a;
        --steel: #5e6a70;
        --pale: #eef2f3;
        --line: #d5dde0;
        --yellow: #f1bd19;
        --white: #fff;
      }
      .brl-page * {
        box-sizing: border-box;
      }
      .brl-page .brl-module,
      .brl-page .brl-module * {
        font-family: Arial, "Helvetica Neue", "Microsoft YaHei", sans-serif;
      }
      .brl-page {
        scroll-behavior: smooth;
      }
      .brl-page {
        margin: 0;
        overflow-x: hidden;
        color: var(--black);
        background: var(--white);
        font:
          15px/1.65 Arial,
          "Helvetica Neue",
          "Microsoft YaHei",
          sans-serif;
      }
      .brl-page a {
        color: inherit;
        text-decoration: none;
      }
      .brl-page img {
        display: block;
      }
      .brl-page h1,
      .brl-page h2,
      .brl-page h3,
      .brl-page p {
        margin: 0;
      }
      .brl-page h1,
      .brl-page h2,
      .brl-page h3 {
        font-family: Arial, "Helvetica Neue", "Microsoft YaHei", sans-serif;
        line-height: 1.15;
      }
      .brl-page .brl-container {
        width: min(1440px, calc(100% - 48px));
        margin: 0 auto;
      }
      .brl-page .brl-section {
        padding: 0;
      }
      .brl-page .brl-categories-module {
        padding: 84px 0;
      }
      .brl-page .brl-products-module {
        padding: 84px 0 0 0;
      }
      .brl-page .brl-about-module {
        padding: 84px 0 0;
      }
      .brl-page .brl-applications-module {
        padding: 84px 0;
      }
      .brl-page .brl-advantages-module {
        padding: 64px 0;
      }
      .brl-page .brl-certification-module {
        padding: 84px 0;
      }
      .brl-page .brl-news-module {
        padding: 84px 0 0 0;
      }
      .brl-page .brl-label {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 16px;
        color: var(--blue);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: normal;
        text-transform: uppercase;
      }
      .brl-page .brl-label::before {
        width: 38px;
        height: 3px;
        background: var(--yellow);
        content: "";
      }
      .brl-page .brl-heading {
        font-size: 42px;
        font-weight: 800;
        letter-spacing: -1.2px;
      }
      .brl-page .brl-intro {
        color: var(--steel);
      }
      .brl-page .brl-button {
        height: 46px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 24px;
        color: var(--white);
        background: var(--blue);
        border: 1px solid var(--blue);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: 0.6px;
      }
      .brl-page .brl-button.brl-yellow {
        color: var(--navy);
        background: var(--yellow);
        border-color: var(--yellow);
      }
      .brl-page .brl-reveal {
        opacity: 0;
        transform: translateY(34px);
        transition:
          opacity 650ms ease,
          transform 650ms ease;
      }
      .brl-page .brl-reveal.brl-visible {
        opacity: 1;
        transform: translateY(0);
      }

      .brl-page .brl-overview {
        background: var(--pale);
      }
      .brl-page .brl-overview-bar {
        width: 1200px;
        margin: 0 auto 48px;
        margin-bottom: 48px;
        text-align: center;
      }
      .brl-page .brl-overview-bar .brl-intro {
        padding-top: 17px;
        font-size: 15px;
      }
      .brl-page .brl-overview-bar .brl-heading {
        white-space: nowrap;
      }
      .brl-page .brl-overview-bar .brl-label,
      .brl-page .brl-section-top .brl-label,
      .brl-page .brl-proof-top .brl-label,
      .brl-page .brl-news-header .brl-label {
        justify-content: center;
      }
      .brl-page .brl-category-list {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 15px;
      }
      .brl-page .brl-category-row {
        position: relative;
        min-height: 408px;
        display: block;
        padding: 15px;
        background: #fff;
        border: 1px solid var(--line);
        transition: background 300ms ease;
      }
      .brl-page .brl-category-row > * {
        max-width: 100%;
      }
      .brl-page .brl-category-number {
        display: none;
      }
      .brl-page .brl-category-image {
        position: relative;
        width: 244px;
        height: 244px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f0f4f5;
      }
      .brl-page .brl-category-image img {
        width: 218px;
        height: 218px;
        object-fit: contain;
        transition: opacity 250ms ease;
      }
      .brl-page .brl-category-image .brl-category-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 150px;
        height: 150px;
        opacity: 0;
        transform: translate(-50%, -50%);
      }
      .brl-page .brl-category-copy h3 {
        min-height: 48px;
        margin-top: 18px;
        color: #444444;
        font-family: "Trebuchet MS", Arial, "Helvetica Neue", sans-serif;
        font-size: 16px;
        font-weight: 800;
        letter-spacing: 0.2px;
        text-align: center;
        transition: color 300ms ease;
      }
      .brl-page .brl-category-copy p {
        display: none;
        margin-top: 10px;
        color: #d9e8f1;
        font-size: 13px;
        line-height: 1.55;
      }
      .brl-page .brl-row-action {
        display: block;
        margin-top: 14px;
        font-size: 12px;
        color: var(--blue);
        font-weight: 800;
        text-align: center;
        transition: color 300ms ease;
      }
      .brl-page .brl-category-row:hover {
        background: var(--blue);
        border-color: var(--blue);
      }
      .brl-page .brl-category-row:hover .brl-category-image {
        background: transparent;
      }
      .brl-page
        .brl-category-row:hover
        .brl-category-image
        > img:not(.brl-category-icon) {
        opacity: 0;
      }
      .brl-page .brl-category-row:hover .brl-category-icon {
        opacity: 1;
      }
      .brl-page .brl-category-row:hover .brl-category-copy p {
        display: block;
      }
      .brl-page .brl-category-row:hover .brl-category-copy h3,
      .brl-page .brl-category-row:hover .brl-row-action {
        color: #fff;
      }
      .brl-page .brl-category-row:hover .brl-category-copy h3,
      .brl-page .brl-category-row:hover .brl-category-copy p {
        text-align: left;
      }

      .brl-page .brl-feature-band {
        color: var(--white);
        background: #fff;
      }
      .brl-page .brl-feature-band .brl-section-top {
        width: 850px;
        margin: 0 auto;
        padding-bottom: 44px;
        text-align: center;
      }
      .brl-page .brl-feature-band .brl-label {
        color: var(--blue);
      }
      .brl-page .brl-feature-band .brl-heading {
        color: #000;
      }
      .brl-page .brl-feature-band .brl-intro {
        padding-top: 17px;
        color: var(--steel);
      }
      .brl-page .brl-product-rail {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1px;
        background: #fff;
      }
      .brl-page .brl-product {
        position: relative;
        min-height: 350px;
        background: #fff;
        overflow: hidden;
      }
      .brl-page .brl-product > * {
        max-width: 100%;
      }
      .brl-page .brl-product img {
        width: 100%;
        height: 320px;
        padding: 18px;
        object-fit: contain;
        background: #fff;
      }
      .brl-page .brl-product h3 {
        padding: 17px 18px;
        color: #444444;
        font-size: 15px;
        font-weight: 800;
        text-align: center;
      }
      .brl-page .brl-product-more {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 320px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background: rgba(7, 66, 158, 0.78);
        font-size: 13px;
        font-weight: 800;
        letter-spacing: 1.2px;
        opacity: 0;
        transition: opacity 250ms ease;
      }
      .brl-page .brl-product:hover .brl-product-more {
        opacity: 1;
      }
      .brl-page .brl-numbers {
        background: var(--yellow);
      }
      .brl-page .brl-numbers .brl-container {
        height: 160px;
        display: grid;
        grid-template-columns: 360px 360px 360px 360px;
      }
      .brl-page .brl-metric {
        display: flex;
        align-items: center;
        gap: 20px;
        padding: 0 39px;
        border-left: 1px solid #c69a12;
      }
      .brl-page .brl-metric:last-child {
        border-right: 1px solid #c69a12;
      }
      .brl-page .brl-metric b {
        color: var(--navy);
        font-size: 48px;
        line-height: 1;
      }
      .brl-page .brl-metric b[data-count] {
        min-width: 105px;
      }
      .brl-page .brl-metric span {
        color: #3d3927;
        font-size: 14px;
        font-weight: 800;
        line-height: 1.3;
      }
      .brl-page .brl-about-metrics {
        background: var(--yellow);
      }
      .brl-page .brl-about-metrics .brl-container {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
      .brl-page .brl-about-metrics .brl-metric {
        min-height: 170px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 10px;
        padding: 22px 20px;
        border: 0;
        text-align: center;
      }
      .brl-page .brl-about-metrics .brl-metric b {
        min-width: 0;
        color: #000;
        font-size: 56px;
      }
      .brl-page .brl-about-metrics .brl-metric span {
        white-space: nowrap;
        font-size: 15px;
      }

      .brl-page .brl-applications {
        background: #fff;
      }
      .brl-page .brl-application-top {
        width: 760px;
        margin: 0 auto 45px;
        text-align: center;
      }
      .brl-page .brl-application-top .brl-label {
        justify-content: center;
      }
      .brl-page .brl-application-top .brl-intro {
        margin-top: 17px;
      }
      .brl-page .brl-work-wall {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: 330px 330px;
        gap: 1px;
        background: var(--line);
      }
      .brl-page .brl-work {
        position: relative;
        overflow: hidden;
        background: var(--navy);
        cursor: pointer;
        transition: transform 250ms ease;
      }
      .brl-page .brl-work > * {
        max-width: 100%;
      }
      .brl-page .brl-work:hover {
        transform: translateY(-6px);
      }
      .brl-page .brl-work:first-child {
        grid-row: auto;
      }
      .brl-page .brl-work img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .brl-page .brl-work::after {
        position: absolute;
        inset: 0;
        background: linear-gradient(
          0deg,
          rgba(4, 27, 44, 0.92) 0px,
          rgba(4, 27, 44, 0) 135px
        );
        content: "";
      }
      .brl-page .brl-work h3 {
        position: absolute;
        z-index: 1;
        right: 20px;
        bottom: 19px;
        left: 20px;
        color: #fff;
        font-size: 20px;
        font-weight: 800;
      }

      .brl-page .brl-advantages {
        color: #fff;
        background: var(--blue);
      }
      .brl-page .brl-advantage-layout {
        display: block;
      }
      .brl-page .brl-advantage-layout > .brl-reveal {
        width: 1440px;
        max-width: 100%;
        margin: 0 auto 28px;
        text-align: center;
      }
      .brl-page .brl-advantage-layout > .brl-reveal .brl-label {
        justify-content: center;
      }
      .brl-page .brl-advantages .brl-label {
        color: var(--yellow);
      }
      .brl-page .brl-advantages .brl-heading {
        color: #fff;
      }
      .brl-page .brl-advantages .brl-intro {
        margin-top: 20px;
        color: #c8deeb;
      }
      .brl-page .brl-advantage-list {
        width: 100%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1px;
        background: #75a2c0;
      }
      .brl-page .brl-advantage-item {
        min-height: 300px;
        display: flex;
        flex-direction: column;
        padding: 30px 28px;
        background: var(--blue);
      }
      .brl-page .brl-advantage-item b {
        color: var(--yellow);
        font-size: 46px;
        line-height: 1;
      }
      .brl-page .brl-advantage-item h3 {
        margin-top: 28px;
        font-size: 22px;
        font-weight: 800;
      }
      .brl-page .brl-advantage-item p {
        margin-top: 8px;
        color: #d4e5ef;
        font-size: 16px;
        line-height: 1.7;
      }

      .brl-page .brl-proof {
        background: var(--pale);
      }
      .brl-page .brl-proof-top {
        width: 700px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 39px;
        text-align: center;
      }
      .brl-page .brl-proof-top .brl-intro {
        width: auto;
        margin-top: 17px;
      }
      .brl-page .brl-certificate-row {
        width: 200vw;
        display: flex;
        gap: 0;
        transition: transform 600ms ease;
      }
      .brl-page .brl-certificate-window {
        width: 100vw;
        margin-left: calc((100% - 100vw) / 2);
        overflow: hidden;
      }
      .brl-page .brl-certificate-controls {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-top: 24px;
      }
      .brl-page .brl-certificate-controls button {
        width: 9px;
        height: 9px;
        padding: 0;
        background: #b7c0c8;
        border: 0;
        border-radius: 50%;
        cursor: pointer;
      }
      .brl-page .brl-certificate-controls button.brl-active,
      .brl-page .brl-certificate-controls button:hover {
        background: var(--blue);
      }
      .brl-page .brl-certificate-arrows {
        display: none;
      }
      .brl-page .brl-certificate {
        width: 20vw;
        flex: 0 0 20vw;
        padding: 0 20px;
      }
      .brl-page .brl-certificate img {
        width: 100%;
        height: auto;
        object-fit: contain;
      }

      .brl-page .brl-news {
        background: #fff;
      }
      .brl-page .brl-news-header {
        width: 760px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 38px;
        text-align: center;
      }
      .brl-page .brl-news-header .brl-intro {
        width: auto;
        margin-top: 17px;
      }
      .brl-page .brl-news-list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 15px;
        border-top: 0;
      }
      .brl-page .brl-news-row {
        min-height: 260px;
        display: block;
        padding: 28px;
        background: #f2f4f5;
        border-top: 3px solid var(--blue);
        transition:
          color 250ms ease,
          background 250ms ease,
          border-color 250ms ease;
      }
      .brl-page .brl-news-row > * {
        max-width: 100%;
      }
      .brl-page .brl-news-row time {
        color: var(--blue);
        font-size: 14px;
        font-weight: 800;
      }
      .brl-page .brl-news-row h3 {
        color: #000;
        margin-top: 22px;
        font-size: 20px;
        font-weight: 800;
      }
      .brl-page .brl-news-row p {
        margin-top: 7px;
        color: var(--steel);
        font-size: 13px;
      }
      .brl-page .brl-news-row a {
        display: block;
        margin-top: 22px;
        color: var(--blue);
        font-size: 12px;
        font-weight: 800;
        text-align: left;
      }
      .brl-page .brl-news-row:hover {
        color: #fff;
        background: var(--blue);
        border-color: var(--blue);
      }
      .brl-page .brl-news-row:hover time,
      .brl-page .brl-news-row:hover h3,
      .brl-page .brl-news-row:hover p,
      .brl-page .brl-news-row:hover a {
        color: #fff;
      }
      .brl-page .brl-about {
        background: var(--pale);
      }
      .brl-page .brl-about-layout {
        display: grid;
        grid-template-columns: 520px 850px;
        gap: 70px;
        align-items: center;
      }
      .brl-page .brl-about-image {
        width: 520px;
        height: 570px;
        object-fit: cover;
      }
      .brl-page .brl-about-copy .brl-label {
        color: var(--blue);
      }
      .brl-page .brl-about-copy h2 {
        max-width: 730px;
        font-size: 42px;
      }
      .brl-page .brl-about-copy p {
        margin-top: 20px;
        color: var(--steel);
        font-size: 16px;
      }
      .brl-page .brl-about-points {
        display: grid;
        grid-template-columns: 400px 400px;
        gap: 18px 30px;
        margin-top: 26px;
      }
      .brl-page .brl-about-points p {
        margin: 0;
        padding-left: 18px;
        color: var(--navy);
        border-left: 3px solid var(--yellow);
        font-size: 16px;
        font-weight: 700;
      }
      .brl-page .brl-about-point-last {
        margin-bottom: 20px;
      }
      .brl-page footer {
        height: 94px;
        color: #9fb4c0;
        background: var(--black);
        font-size: 12px;
      }
      .brl-page footer .brl-container {
        height: 94px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .brl-page footer b {
        color: #fff;
        font-size: 16px;
        letter-spacing: 0.7px;
      }
      @media (max-width: 900px) {
        .brl-page .brl-container {
          width: calc(100% - 32px);
        }
        .brl-page .brl-section {
          padding: 0;
        }
        .brl-page .brl-categories-module,
        .brl-page .brl-products-module,
        .brl-page .brl-applications-module,
        .brl-page .brl-certification-module,
        .brl-page .brl-news-module {
          padding: 64px 0;
        }
        .brl-page .brl-advantages-module {
          padding: 52px 0;
        }
        .brl-page .brl-about-module {
          padding: 64px 0 0;
        }
        .brl-page .brl-about-metrics-module {
          margin-top: 0;
        }
        .brl-page .brl-overview-bar,
        .brl-page .brl-feature-band .brl-section-top,
        .brl-page .brl-application-top,
        .brl-page .brl-proof-top,
        .brl-page .brl-news-header,
        .brl-page .brl-advantage-layout > .brl-reveal {
          width: 100%;
        }
        .brl-page .brl-overview-bar .brl-heading {
          white-space: normal;
        }
        .brl-page .brl-category-list,
        .brl-page .brl-product-rail,
        .brl-page .brl-news-list,
        .brl-page .brl-work-wall {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .brl-page .brl-category-image {
          width: 100%;
          height: auto;
          aspect-ratio: 1;
        }
        .brl-page .brl-category-image img {
          width: 82%;
          height: 82%;
        }
        .brl-page .brl-category-image .brl-category-icon {
          width: 48%;
          height: auto;
        }
        .brl-page .brl-product img,
        .brl-page .brl-product-more {
          height: 280px;
        }
        .brl-page .brl-about-layout {
          grid-template-columns: 1fr;
          gap: 32px;
        }
        .brl-page .brl-about-image {
          width: 100%;
          height: 420px;
        }
        .brl-page .brl-about-points {
          grid-template-columns: 1fr;
        }
        .brl-page .brl-about-metrics .brl-container {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .brl-page .brl-certificate-row {
          width: 300vw;
        }
        .brl-page .brl-certificate {
          width: calc(100vw / 3);
          flex: 0 0 calc(100vw / 3);
          padding: 0 18px;
        }
        .brl-page .brl-certificate-controls {
          display: flex;
        }
        .brl-page .brl-certificate img {
          width: 100%;
          height: auto;
        }
      }
      @media (min-width: 900px) and (max-width: 1199px) {
        .brl-page .brl-certificate-row {
          width: 300vw;
        }
        .brl-page .brl-certificate {
          width: 25vw;
          flex-basis: 25vw;
          padding: 0 18px;
        }
      }
      @media (max-width: 560px) {
        .brl-page .brl-overview .brl-heading,
        .brl-page .brl-feature-band .brl-heading,
        .brl-page .brl-applications .brl-heading,
        .brl-page .brl-advantages .brl-heading,
        .brl-page .brl-proof .brl-heading,
        .brl-page .brl-news .brl-heading {
          font-size: 42px;
        }
        .brl-page .brl-category-list,
        .brl-page .brl-product-rail,
        .brl-page .brl-news-list {
          grid-template-columns: 1fr;
        }
        .brl-page .brl-category-list,
        .brl-page .brl-work-wall {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .brl-page .brl-category-row {
          min-height: 0;
        }
        .brl-page .brl-product img,
        .brl-page .brl-product-more {
          height: 260px;
        }
        .brl-page .brl-about-copy h2 {
          font-size: 32px;
        }
        .brl-page .brl-about-metrics .brl-container {
          grid-template-columns: 1fr 1fr;
        }
        .brl-page .brl-about-metrics .brl-metric b {
          font-size: 42px;
        }
        .brl-page .brl-about-metrics .brl-metric span {
          white-space: normal;
          font-size: 12px;
        }
        .brl-page .brl-advantage-list {
          grid-template-columns: 1fr;
        }
        .brl-page .brl-work-wall {
          grid-template-rows: repeat(3, 260px);
        }
        .brl-page .brl-certificate-window {
          width: 100vw;
          margin-left: -16px;
        }
        .brl-page .brl-certificate-row {
          width: 500vw;
        }
        .brl-page .brl-certificate {
          width: 50vw;
          flex-basis: 50vw;
          padding: 0 12px;
        }
        .brl-page .brl-certificate:nth-child(even) {
          padding-right: 32px;
        }
        .brl-page .brl-certificate-controls {
          display: none;
        }
        .brl-page .brl-certificate-arrows {
          display: flex;
          justify-content: center;
          gap: 16px;
          margin-top: 24px;
        }
        .brl-page .brl-certificate-arrows button {
          width: 46px;
          height: 46px;
          padding: 0;
          color: var(--blue);
          background: #fff;
          border: 1px solid var(--blue);
          border-radius: 0;
          font-size: 24px;
          line-height: 1;
          cursor: pointer;
        }
        .brl-page .brl-certificate-arrows button:hover {
          color: #fff;
          background: var(--blue);
        }
      }