:root {
        --main-bg: #0b120d;
        --main-surface: #10221a;
        --main-surface-deep: #07140d;
        --main-gold: #f3dfaf;
        --main-white: #fff;
        --main-muted: #bfccc3;
        --main-green: #165c2a;
        --main-light: #eff4f0;
        --main-width: 1400px;
        --main-gutter: 20px;
      }

      *,
      *::before,
      *::after {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }

      html {
        background: var(--main-bg);
        scroll-behavior: smooth;
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
      }

      body {
        min-width: 320px;
        overflow-x: hidden;
        background: var(--main-bg);
        color: var(--main-white);
        font-family: "Pretendard", "Noto Sans KR", sans-serif;
        word-break: keep-all;
      }

      a {
        color: inherit;
        text-decoration: none;
      }

      button {
        border: 0;
        color: inherit;
        font: inherit;
      }

      img {
        display: block;
        max-width: 100%;
      }

      .main-page {
        width: 100%;
        overflow: clip;
      }

      .main-inner {
        position: relative;
        width: min(calc(100% - (var(--main-gutter) * 2)), var(--main-width));
        height: 100%;
        margin: 0 auto;
      }

      .main-section {
        position: relative;
        overflow: hidden;
      }

      .main-cover {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .main-hero__motion {
        position: absolute;
        z-index: 0;
        inset: 0;
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        pointer-events: none;
      }

      .main-hero > .main-inner {
        z-index: 1;
      }

      .main-eyebrow {
        color: var(--main-gold);
        font-family: "Poppins", sans-serif;
        font-size: 19px;
        font-weight: 500;
        letter-spacing: -0.04em;
        line-height: 20px;
      }

      .main-title {
        margin-top: 15px;
        font-size: 52px;
        font-weight: 700;
        letter-spacing: -0.04em;
        line-height: 62px;
      }

      .main-title em {
        color: var(--main-gold);
        font-style: normal;
      }

      .main-trust-line {
        display: block;
        white-space: nowrap;
      }

      .main-lead {
        margin-top: 16px;
        color: var(--main-muted);
        font-size: 17px;
        font-weight: 400;
        letter-spacing: -0.04em;
        line-height: 24px;
      }

      .main-pill {
        display: inline-flex;
        min-height: 48px;
        align-items: center;
        justify-content: center;
        border-radius: 31px;
        padding: 0 24px;
        font-size: 17px;
        font-weight: 600;
        letter-spacing: -0.04em;
        transition:
          background 180ms ease,
          border-color 180ms ease,
          color 180ms ease,
          transform 180ms ease;
      }

      .main-pill:hover,
      .main-pill:focus-visible {
        transform: translateY(-2px);
      }

      .main-pill--light {
        background: #fff;
        color: #102216;
      }

      .main-pill--dark {
        background: #10221a;
        color: var(--main-white);
      }

      .main-pill--outline {
        position: relative;
        border: 0;
        background: rgba(255, 255, 255, 0.1);
      }

      .main-pill--outline::before {
        position: absolute;
        inset: 0;
        border-radius: inherit;
        background: linear-gradient(
          90deg,
          rgba(255, 255, 255, 0.95) 0%,
          rgba(255, 255, 255, 0.12) 48%,
          rgba(255, 255, 255, 0.95) 100%
        );
        content: "";
        padding: 1px;
        pointer-events: none;
        -webkit-mask:
          linear-gradient(#fff 0 0) content-box,
          linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
      }

      .main-pill:focus-visible,
      .main-card:focus-visible,
      .main-platform-item:focus-visible {
        outline: 2px solid var(--main-gold);
        outline-offset: 4px;
      }

      .main-hero {
        height: 980px;
      }

      .main-header {
        position: fixed;
        z-index: 100;
        top: 0;
        left: 0;
        width: 100%;
        height: 87px;
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(2px);
        transition:
          background-color 200ms ease,
          box-shadow 200ms ease;
      }

      .main-header.is-scrolled {
        background: rgba(7, 20, 13, 0.86);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
      }

      .main-header__inner {
        position: relative;
        display: flex;
        width: min(calc(100% - 40px), 1400px);
        height: 100%;
        align-items: center;
        margin: 0 auto;
      }

      .main-brand {
        display: inline-flex;
        width: 219px;
        height: 25.6903px;
        align-items: center;
        gap: 13.6262px;
      }

      .main-brand__symbol {
        width: 31.5958px;
        height: 25.6903px;
      }

      .main-brand__wordmark {
        width: 173.778px;
        height: 18.196px;
      }

      .main-header__nav {
        position: absolute;
        top: 33px;
        right: 0;
        display: flex;
        width: 252px;
        height: 24px;
        align-items: flex-start;
        font-family: "Poppins", sans-serif;
      }

      .main-header__link {
        position: relative;
        height: 24px;
        color: #fff;
        font-size: 17px;
        font-weight: 500;
        letter-spacing: -0.04em;
        line-height: 20px;
        opacity: 0.5;
        transition: opacity 160ms ease;
      }

      .main-header__link + .main-header__link {
        margin-left: 30px;
      }

      .main-header__link:hover,
      .main-header__link:focus-visible,
      .main-header__link.is-active {
        opacity: 1;
      }

      .main-header__divider {
        width: 1px;
        height: 14.5px;
        margin-top: 5px;
        margin-left: 23px;
      }

      .main-language {
        display: flex;
        height: 22px;
        align-items: flex-start;
        margin-top: 2px;
        margin-left: 22px;
      }

      .main-language__icon {
        width: 17px;
        height: 17px;
      }

      .main-language__option {
        position: relative;
        height: 20px;
        background: transparent;
        color: #dcdcdc;
        cursor: pointer;
        font-family: "Poppins", sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 18px;
        opacity: 0.45;
      }

      .main-language__icon + .main-language__option {
        margin-left: 7px;
      }

      .main-language__option + .main-language__option {
        margin-left: 9px;
      }

      .main-language__option.is-active {
        color: #fff;
        font-weight: 600;
        opacity: 1;
      }

      .main-language__underline {
        position: absolute;
        top: 22px;
        left: 0;
        width: 20px;
        height: 2px;
      }

      .main-header__link:focus-visible,
      .main-language__option:focus-visible {
        outline: 2px solid var(--main-gold);
        outline-offset: 4px;
      }

      .main-hero__content {
        position: absolute;
        top: 343px;
        left: 0;
        width: 510px;
      }

      .main-hero__route {
        display: flex;
        align-items: center;
        color: var(--main-gold);
        font-family: "Poppins", sans-serif;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: -0.04em;
        line-height: 20px;
      }

      .main-hero__route img {
        width: 8px;
        height: 8px;
        margin: 0 8px;
      }

      .main-hero h1 {
        margin-top: 14px;
        font-size: 60px;
        font-weight: 700;
        letter-spacing: -0.04em;
        line-height: 70px;
      }

      .main-hero h1 em {
        color: var(--main-gold);
        font-style: normal;
      }

      .main-hero__subtitle {
        margin-top: 17px;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: -0.04em;
        line-height: 20px;
      }

      .main-hero__subtitle strong {
        font-weight: 700;
      }

      .main-hero__copy {
        margin-top: 15px;
        color: var(--main-muted);
        font-size: 17px;
        font-weight: 500;
        letter-spacing: -0.04em;
        line-height: 24px;
      }

      .main-hero__actions {
        display: flex;
        gap: 8px;
        margin-top: 46px;
      }

      .main-scroll {
        position: absolute;
        bottom: 46px;
        left: 0;
        display: flex;
        align-items: center;
        gap: 7px;
        color: #fff;
        font-family: "Poppins", sans-serif;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: -0.04em;
        line-height: 24px;
      }

      .main-scroll > img:first-child {
        width: 14px;
        height: 19.8334px;
      }

      .main-scroll .main-scroll__arrow {
        width: 7.364px;
        height: 11px;
        margin-left: 3px;
        animation: main-scroll-arrow 1.35s ease-in-out infinite;
      }

      @keyframes main-scroll-arrow {
        0%,
        100% {
          transform: translateY(-1px);
        }

        50% {
          transform: translateY(4px);
        }
      }

      .main-why {
        height: 1584px;
      }

      .main-why__heading {
        position: absolute;
        top: 130px;
        left: 0;
        width: 746px;
      }

      .main-why__heading .main-title {
        width: 632px;
      }

      .main-hub-panel {
        position: absolute;
        top: 449px;
        left: 0;
        width: 100%;
        height: 512px;
        overflow: hidden;
        border-radius: 12px;
        background: #07140d;
      }

      .main-strengths {
        position: absolute;
        top: 981px;
        left: 0;
        display: grid;
        width: 100%;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 19px;
      }

      .main-strength-card {
        overflow: hidden;
        height: 480px;
        border-radius: 12px;
        background: var(--main-surface);
      }

      .main-strength-card img {
        width: 100%;
        height: 272px;
        object-fit: cover;
      }

      .main-strength-card__body {
        position: relative;
        height: 208px;
      }

      .main-strength-card__index {
        position: absolute;
        top: 38px;
        left: 42px;
        color: var(--main-gold);
        display: block;
        font-family: "Poppins", sans-serif;
        font-size: 15px;
        font-weight: 600;
        line-height: 22px;
      }

      .main-strength-card h3 {
        position: absolute;
        top: 73px;
        left: 42px;
        font-size: 30px;
        letter-spacing: -0.04em;
        line-height: 30px;
      }

      .main-strength-card p {
        position: absolute;
        top: 119px;
        left: 42px;
        color: var(--main-muted);
        font-size: 17px;
        letter-spacing: -0.04em;
        line-height: 23px;
        white-space: nowrap;
      }

      .main-strength-card:nth-child(3) p {
        top: 120px;
      }

      .main-mutual {
        height: 1156px;
        background: var(--main-surface);
      }

      .main-mutual__heading {
        position: absolute;
        top: 134px;
        left: 0;
        width: 632px;
      }

      .main-mutual-panel {
        position: absolute;
        top: 366px;
        left: 0;
        width: 100%;
        height: 663px;
        overflow: hidden;
        border-radius: 20px;
        background: var(--main-bg);
      }

      .main-mutual__note {
        position: absolute;
        bottom: 86px;
        left: 15px;
        color: rgba(255, 255, 255, 0.78);
        font-family: "Poppins", sans-serif;
        font-size: 16px;
      }

      .main-process {
        height: 1020px;
      }

      .main-process__heading {
        position: absolute;
        top: 150px;
        left: 0;
        width: 676px;
      }

      .main-process-cards {
        position: absolute;
        top: 343px;
        left: 0;
        display: grid;
        width: 100%;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 22px;
      }

      .main-process-card {
        display: block;
        overflow: hidden;
        height: 564px;
        border-radius: 12px;
        background: var(--main-surface);
        transition:
          transform 180ms ease,
          box-shadow 180ms ease,
          border-color 180ms ease;
      }

      .main-process-card:hover,
      .main-process-card:focus-visible {
        box-shadow: 0 24px 40px rgba(0, 0, 0, 0.28);
        transform: translateY(-8px);
      }

      .main-process-card__image {
        position: relative;
        width: 100%;
        height: 250px;
        overflow: hidden;
      }

      .main-process-card__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .main-process-card__body {
        position: relative;
        height: 314px;
      }

      .main-process-card__meta {
        position: absolute;
        top: 35px;
        left: 36px;
        display: flex;
        height: 20px;
        align-items: center;
        gap: 7px;
        margin: 0;
        color: var(--main-gold);
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        letter-spacing: -0.04em;
        line-height: 20px;
        white-space: nowrap;
      }

      .main-process-card__step {
        font-size: 14px;
      }

      .main-process-card__meta-divider {
        width: 1px;
        height: 11px;
        background: currentcolor;
      }

      .main-process-card__phase {
        font-size: 16px;
      }

      .main-process-card h3 {
        position: absolute;
        top: 71px;
        left: 36px;
        margin: 0;
        color: var(--main-white);
        font-size: 27px;
        font-weight: 700;
        letter-spacing: -0.04em;
        line-height: 32px;
      }

      .main-process-card__description {
        position: absolute;
        top: 116px;
        right: 36px;
        left: 36px;
        margin: 0;
        color: var(--main-muted);
        font-size: 17px;
        letter-spacing: -0.04em;
        line-height: 24px;
      }

      .main-process-card ul {
        position: absolute;
        top: 207px;
        right: 34px;
        left: 34px;
        margin: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
        padding-top: 18px;
        list-style: none;
      }

      .main-process-card li {
        position: relative;
        padding-left: 9px;
        color: var(--main-muted);
        font-size: 16px;
        letter-spacing: -0.04em;
        line-height: 23px;
      }

      .main-process-card li + li {
        margin-top: 4px;
      }

      .main-process-card li::before {
        position: absolute;
        top: 10px;
        left: 2px;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background: var(--main-gold);
        content: "";
      }

      .main-platform {
        height: 900px;
        background: var(--main-surface);
      }

      .main-platform__heading {
        position: absolute;
        top: 155px;
        left: 0;
        width: 494px;
      }

      .main-platform__visual {
        position: absolute;
        top: 145px;
        right: 0;
        width: 774px;
        height: 630px;
        overflow: hidden;
        border-radius: 16px;
      }

      .main-platform-visual__image {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .main-platform-visual__content {
        position: absolute;
        z-index: 1;
        top: 386px;
        right: 54px;
        left: 54px;
      }

      .main-platform-visual__eyebrow {
        color: rgba(255, 243, 223, 0.69);
        font-size: 15px;
        font-weight: 600;
        letter-spacing: -0.04em;
        line-height: 20px;
      }

      .main-platform-visual__content h3 {
        margin-top: 6px;
        color: var(--main-white);
        font-size: 32px;
        font-weight: 700;
        letter-spacing: -0.04em;
        line-height: 41px;
      }

      .main-platform-visual__description {
        margin-top: 5px;
        color: var(--main-muted);
        font-size: 16px;
        letter-spacing: -0.04em;
        line-height: 30px;
        white-space: nowrap;
      }

      .main-platform-visual__tags {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        margin-top: 18px;
        list-style: none;
      }

      .main-platform-visual__tags li {
        border-radius: 2px;
        background: rgba(255, 255, 255, 0.2);
        color: var(--main-white);
        font-size: 15px;
        letter-spacing: -0.04em;
        line-height: 17px;
        padding: 4px 6px;
      }

      .main-platform-list {
        position: absolute;
        top: 423px;
        left: 0;
        display: grid;
        width: 528px;
        gap: 12px;
      }

      .main-platform-item {
        position: relative;
        display: grid;
        width: 100%;
        height: 106px;
        cursor: pointer;
        grid-template-columns: 80px 1px 1fr 40px;
        align-items: center;
        border-radius: 12px;
        background: #1c392c;
        color: var(--main-white);
        text-align: left;
        transition:
          background 180ms ease,
          color 180ms ease;
      }

      .main-platform-item:focus-visible,
      .main-platform-item.is-active {
        background: #fff;
        color: #000;
      }

      .main-platform-item__number {
        color: var(--main-white);
        font-family: "Poppins", sans-serif;
        font-size: 24px;
        font-weight: 500;
        opacity: 0.5;
        text-align: center;
        transition:
          color 180ms ease,
          opacity 180ms ease;
      }

      .main-platform-item__divider {
        width: 1px;
        height: 67px;
        background: linear-gradient(
          180deg,
          rgba(243, 223, 175, 0) 0%,
          rgba(243, 223, 175, 0.5) 50%,
          rgba(243, 223, 175, 0) 100%
        );
        opacity: 0.5;
        transition:
          background 180ms ease,
          opacity 180ms ease;
      }

      .main-platform-item__copy {
        opacity: 0.5;
        padding-left: 20px;
        transition: opacity 180ms ease;
      }

      .main-platform-item__copy strong {
        display: block;
        font-family: "Poppins", sans-serif;
        font-size: 24px;
        font-weight: 500;
        line-height: 24px;
        color: var(--main-white);
        transition: color 180ms ease;
      }

      .main-platform-item__copy span {
        display: block;
        margin-top: 10px;
        color: var(--main-muted);
        font-size: 17px;
        line-height: 20px;
        transition: color 180ms ease;
      }

      .main-platform-item__arrow {
        width: 15px;
        height: 8px;
        justify-self: start;
        background:
          url("../assets/main/icons/platform-arrow-inactive.svg") center /
            15px 8px no-repeat;
        font-size: 0;
        opacity: 0.5;
        transition: opacity 180ms ease;
      }

      .main-platform-item:focus-visible .main-platform-item__number,
      .main-platform-item.is-active .main-platform-item__number {
        color: var(--main-green);
        opacity: 1;
      }

      .main-platform-item:focus-visible .main-platform-item__divider,
      .main-platform-item.is-active .main-platform-item__divider {
        background: linear-gradient(
          180deg,
          rgba(22, 92, 42, 0) 0%,
          rgba(22, 92, 42, 0.3) 50%,
          rgba(22, 92, 42, 0) 100%
        );
        opacity: 1;
      }

      .main-platform-item:focus-visible .main-platform-item__copy,
      .main-platform-item.is-active .main-platform-item__copy,
      .main-platform-item:focus-visible .main-platform-item__arrow,
      .main-platform-item.is-active .main-platform-item__arrow {
        opacity: 1;
      }

      .main-platform-item:focus-visible .main-platform-item__copy strong,
      .main-platform-item.is-active .main-platform-item__copy strong {
        color: #000;
      }

      .main-platform-item:focus-visible .main-platform-item__copy span,
      .main-platform-item.is-active .main-platform-item__copy span {
        color: #666;
      }

      .main-platform-item:focus-visible .main-platform-item__arrow,
      .main-platform-item.is-active .main-platform-item__arrow {
        background-image: url("../assets/main/icons/platform-arrow-active.svg");
      }

      @media (hover: hover) and (pointer: fine) {
        .main-platform-item:hover {
          background: #fff;
          color: #000;
        }

        .main-platform-item:hover .main-platform-item__number {
          color: var(--main-green);
          opacity: 1;
        }

        .main-platform-item:hover .main-platform-item__divider {
          background: linear-gradient(
            180deg,
            rgba(22, 92, 42, 0) 0%,
            rgba(22, 92, 42, 0.3) 50%,
            rgba(22, 92, 42, 0) 100%
          );
          opacity: 1;
        }

        .main-platform-item:hover .main-platform-item__copy,
        .main-platform-item:hover .main-platform-item__arrow {
          opacity: 1;
        }

        .main-platform-item:hover .main-platform-item__copy strong {
          color: #000;
        }

        .main-platform-item:hover .main-platform-item__copy span {
          color: #666;
        }

        .main-platform-item:hover .main-platform-item__arrow {
          background-image: url("../assets/main/icons/platform-arrow-active.svg");
        }
      }

      .main-trust {
        height: 1245px;
      }

      .main-trust > .main-cover {
        object-position: center top;
      }

      .main-trust__heading {
        position: absolute;
        top: 142px;
        left: 0;
        width: 631px;
      }

      .main-trust-network {
        position: absolute;
        top: 395px;
        left: 0;
        width: 100%;
        height: 714px;
        overflow: hidden;
      }

      .main-portfolio {
        height: 590px;
        color: #000;
      }

      .main-portfolio__content {
        position: absolute;
        top: 160px;
        left: 0;
        width: 751px;
      }

      .main-portfolio .main-lead {
        width: 458px;
        color: #666;
      }

      .main-portfolio .main-eyebrow,
      .main-portfolio .main-title em {
        color: var(--main-green);
      }

      .main-portfolio .main-pill {
        margin-top: 43px;
      }

      .main-esg {
        height: 1445px;
        background: #fff;
        color: #111;
      }

      .main-esg__heading {
        position: absolute;
        top: 144px;
        left: 0;
        width: 580px;
      }

      .main-esg .main-eyebrow,
      .main-esg .main-title em {
        color: var(--main-green);
      }

      .main-esg .main-lead {
        color: #666;
      }

      .main-pipeline {
        position: absolute;
        top: 397px;
        left: 0;
        display: grid;
        width: 100%;
        height: 164px;
        grid-template-columns: 324fr 328fr 364fr;
        column-gap: 10.8629%;
        border-radius: 12px;
        background: #eff4f0;
        padding: 38px 62px 38px 40px;
      }

      .main-pipeline-item {
        position: relative;
        display: grid;
        height: 88px;
        grid-template-columns: 80px 1fr;
        gap: 24px;
        align-items: center;
      }

      .main-pipeline-item:not(:last-child)::after {
        position: absolute;
        top: 40px;
        left: calc(100% + 48px);
        width: 46px;
        height: 8px;
        background: url("../assets/main/icons/esg-pipeline-arrow.svg") center /
          46px 8px no-repeat;
        content: "";
      }

      .main-pipeline-item > div {
        min-width: 0;
      }

      .main-pipeline-item__icon {
        display: grid;
        width: 80px;
        height: 80px;
        place-items: center;
        border-radius: 19px;
        background: #fff;
      }

      .main-pipeline-item:nth-child(1) .main-pipeline-item__icon img {
        width: 35.286px;
        height: 39px;
      }

      .main-pipeline-item:nth-child(2) .main-pipeline-item__icon img {
        width: 41px;
        height: 41px;
      }

      .main-pipeline-item:nth-child(3) .main-pipeline-item__icon img {
        width: 36.147px;
        height: 35.48px;
      }

      .main-pipeline-item__meta {
        display: block;
        color: var(--main-green);
        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: -0.04em;
        line-height: 24px;
      }

      .main-pipeline-item strong {
        display: block;
        margin-top: 10px;
        color: #111;
        font-family: "Poppins", "Pretendard", sans-serif;
        font-size: 24px;
        font-weight: 600;
        letter-spacing: -0.04em;
        line-height: 24px;
        white-space: nowrap;
      }

      .main-pipeline-item p {
        margin-top: 6px;
        color: #666;
        font-family: "Poppins", "Pretendard", sans-serif;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: -0.04em;
        line-height: 24px;
        white-space: nowrap;
      }

      .main-measurement {
        position: absolute;
        top: 632px;
        left: 13px;
      }

      .main-measurement strong {
        display: block;
        color: #000;
        font-family: "Poppins", sans-serif;
        font-size: 36px;
        font-weight: 600;
        letter-spacing: -0.04em;
        line-height: 24px;
      }

      .main-measurement p {
        margin-top: 16px;
        color: #666;
        font-size: 17px;
        letter-spacing: -0.04em;
        line-height: 24px;
      }

      .main-esg-cards {
        position: absolute;
        top: 717px;
        left: 0;
        display: grid;
        width: 100%;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 19px;
      }

      .main-esg-card {
        position: relative;
        height: 630px;
        border-radius: 16px;
        background: #10221a;
        color: #fff;
        padding: 0;
      }

      .main-esg-card__title {
        position: absolute;
        top: 65px;
        left: 45px;
        color: #fff;
        font-family: "Poppins", sans-serif;
        font-size: 36px;
        font-weight: 700;
        letter-spacing: -0.04em;
        line-height: 24px;
      }

      .main-esg-card__subtitle {
        position: absolute;
        top: 108px;
        left: 45px;
        color: #fff;
        font-size: 24px;
        font-weight: 500;
        letter-spacing: -0.04em;
        line-height: 24px;
      }

      .main-esg-metric {
        position: absolute;
        top: 162px;
        right: 40px;
        left: 40px;
        height: 228px;
        border-top: 1px solid rgba(255, 255, 255, 0.16);
      }

      .main-esg-metric + .main-esg-metric {
        top: 390px;
      }

      .main-esg-metric__index {
        position: absolute;
        top: 26px;
        left: 5px;
        color: var(--main-gold);
        font-size: 16px;
        font-weight: 600;
        letter-spacing: -0.04em;
        line-height: 24px;
      }

      .main-esg-metric h3 {
        position: absolute;
        top: 58px;
        left: 5px;
        color: #d9e4dd;
        font-size: 24px;
        font-weight: 600;
        letter-spacing: -0.04em;
        line-height: 24px;
      }

      .main-esg-metric__description {
        position: absolute;
        top: 90px;
        left: 5px;
        color: var(--main-muted);
        font-size: 16px;
        font-weight: 400;
        letter-spacing: -0.04em;
        line-height: 21px;
      }

      .main-esg-metric__unit {
        position: absolute;
        top: 143px;
        left: 5px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 2px;
        background: rgba(255, 255, 255, 0.2);
        color: #fff;
        padding: 3px 5px;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: -0.04em;
        line-height: 17px;
        white-space: nowrap;
      }

      .main-esg-metric__unit + .main-esg-metric__unit {
        left: 91px;
      }

      .main-esg-metric__formula {
        position: absolute;
        top: 180px;
        left: 5px;
        color: var(--main-muted);
        font-size: 15px;
        font-weight: 400;
        letter-spacing: -0.04em;
        line-height: 22px;
        white-space: nowrap;
      }

      .main-esg-metric__formula strong {
        font-weight: 600;
      }

      .main-cta {
        height: 588px;
      }

      .main-cta__content {
        position: absolute;
        top: 150px;
        left: 0;
        width: 760px;
      }

      .main-cta__content .main-eyebrow {
        font-size: 15px;
      }

      .main-cta .main-lead {
        width: 720px;
      }

      .main-cta .main-pill {
        margin-top: 43px;
      }

      .main-footer {
        height: 355px;
        border-top: 1px solid #d8dce2;
        background: #fff;
        color: #9e9e9e;
      }

      .main-footer__inner {
        position: relative;
        width: min(calc(100% - 40px), 1400px);
        height: 100%;
        margin: 0 auto;
      }

      .main-footer__brand {
        position: absolute;
        top: 76px;
        left: 1px;
        color: #595959;
        font-family: "Poppins", sans-serif;
        font-size: 0;
        line-height: 26px;
        white-space: nowrap;
      }

      .main-footer__brand::before {
        content: "Partner ";
        font-size: 26px;
        font-weight: 600;
      }

      .main-footer__brand::after {
        content: "Market";
        font-size: 26px;
        font-weight: 400;
      }

      .main-footer__tagline {
        position: absolute;
        top: 117px;
        left: 1px;
        color: #7f7f7f;
        font-size: 17px;
        font-weight: 500;
        letter-spacing: -0.04em;
        line-height: 20px;
      }

      .main-footer__summary {
        position: absolute;
        top: 143px;
        left: 1px;
        color: #7f7f7f;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: -0.04em;
        line-height: 17px;
      }

      .main-footer__company {
        position: absolute;
        top: 196px;
        left: 1px;
        display: flex;
        width: min(100%, 760px);
        height: 47px;
        flex-wrap: wrap;
        align-content: flex-start;
        column-gap: 18px;
        row-gap: 1px;
        color: #9e9e9e;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -0.04em;
        line-height: 23px;
      }

      .main-footer__company span {
        position: relative;
        white-space: nowrap;
      }

      .main-footer__company span:nth-child(2)::before,
      .main-footer__company span:nth-child(3)::before,
      .main-footer__company span:nth-child(5)::before,
      .main-footer__company span:nth-child(6)::before,
      .main-footer__company span:nth-child(7)::before {
        position: absolute;
        top: -1px;
        left: -9px;
        width: 1px;
        height: 12px;
        background: #e4e4e4;
        content: "";
      }

      .main-footer__links {
        display: none;
      }

      .main-footer__line {
        position: absolute;
        top: 277px;
        left: 0;
        width: min(100%, 1240px);
        border-top: 1px solid #f6f6f6;
      }

      .main-footer__copyright {
        position: absolute;
        top: 300px;
        left: 0;
        color: #bbb9b9;
        font-family: "Poppins", sans-serif;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: -0.02em;
        line-height: 20px;
      }

      @media (max-width: 700px) {
        :root {
          --main-gutter: 20px;
        }

        .main-inner {
          height: auto;
        }

        .main-eyebrow {
          font-size: 14px;
          line-height: 20px;
        }

        .main-title {
          margin-top: 10px;
          font-size: clamp(34px, 10vw, 46px);
          letter-spacing: -0.05em;
          line-height: 1.18;
        }

        .main-lead {
          margin-top: 18px;
          font-size: 16px;
          line-height: 24px;
        }

        .main-header {
          height: 64px;
        }

        .main-header__inner {
          width: calc(100% - 40px);
        }

        .main-brand {
          width: 174px;
          height: 22px;
          gap: 8px;
        }

        .main-brand__symbol {
          width: 27px;
          height: 22px;
        }

        .main-brand__wordmark {
          width: 139px;
          height: 16px;
        }

        .main-header__nav {
          display: none;
        }

        .main-hero {
          height: 720px;
        }

        .main-hero .main-cover {
          object-position: 67% center;
        }

        .main-hero__content {
          top: 155px;
          left: 0;
          width: 100%;
        }

        .main-hero__route {
          flex-wrap: wrap;
          font-size: 12px;
          line-height: 18px;
        }

        .main-hero h1 {
          margin-top: 15px;
          font-size: clamp(42px, 13vw, 56px);
          letter-spacing: -0.06em;
          line-height: 1.08;
        }

        .main-hero__subtitle {
          max-width: 320px;
          margin-top: 24px;
          font-size: 17px;
          line-height: 24px;
        }

        .main-hero__copy {
          max-width: 330px;
          margin-top: 13px;
          font-size: 14px;
          line-height: 21px;
        }

        .main-hero__copy br {
          display: none;
        }

        .main-hero__actions {
          flex-wrap: wrap;
          margin-top: 32px;
        }

        .main-pill {
          min-height: 44px;
          padding: 0 19px;
          font-size: 14px;
        }

        .main-scroll {
          bottom: 24px;
        }

        .main-why,
        .main-mutual,
        .main-process,
        .main-platform,
        .main-trust,
        .main-portfolio,
        .main-esg,
        .main-cta {
          height: auto;
          padding: 80px 0;
        }

        .main-why__heading,
        .main-mutual__heading,
        .main-process__heading,
        .main-platform__heading,
        .main-trust__heading,
        .main-portfolio__content,
        .main-esg__heading,
        .main-cta__content {
          position: relative;
          top: auto;
          left: auto;
          width: 100%;
        }

        .main-why__heading .main-title,
        .main-platform__heading,
        .main-trust__heading,
        .main-portfolio .main-lead,
        .main-cta .main-lead {
          width: 100%;
        }

        .main-hub-panel {
          position: relative;
          top: auto;
          left: auto;
          width: 100%;
          height: auto;
          aspect-ratio: 1400 / 512;
          margin-top: 48px;
          border-radius: 12px;
        }

        .main-strengths {
          position: relative;
          top: auto;
          left: auto;
          grid-template-columns: 1fr;
          gap: 16px;
          margin-top: 20px;
        }

        .main-strength-card {
          height: auto;
          min-height: 440px;
        }

        .main-strength-card img {
          height: auto;
          aspect-ratio: 868 / 520;
        }

        .main-strength-card__body {
          position: static;
          height: auto;
          padding: 28px 26px 34px;
        }

        .main-strength-card__index,
        .main-strength-card h3,
        .main-strength-card p,
        .main-strength-card:nth-child(3) p {
          position: static;
        }

        .main-strength-card h3 {
          margin-top: 8px;
          font-size: 26px;
          line-height: 32px;
        }

        .main-strength-card p {
          margin-top: 16px;
          font-size: 15px;
          line-height: 22px;
          white-space: normal;
        }

        .main-why__heading .main-title {
          font-size: clamp(27px, 7.5vw, 31px);
        }

        .main-mutual-desktop-break {
          display: none;
        }

        .main-mutual-panel {
          position: relative;
          top: auto;
          left: auto;
          width: 100%;
          height: auto;
          aspect-ratio: 1400 / 663;
          margin-top: 45px;
          border-radius: 10px;
        }

        .main-mutual__note {
          position: relative;
          bottom: auto;
          left: auto;
          margin-top: 28px;
          font-size: 12px;
          line-height: 19px;
        }

        .main-process-cards {
          position: relative;
          top: auto;
          left: auto;
          grid-template-columns: 1fr;
          gap: 18px;
          margin-top: 45px;
        }

        .main-process-card {
          height: auto;
          min-height: 0;
        }

        .main-process-card__image {
          height: auto;
          aspect-ratio: 904 / 500;
        }

        .main-process-card__body {
          height: auto;
          padding: 29px 26px 34px;
        }

        .main-process-card__meta,
        .main-process-card h3,
        .main-process-card__description,
        .main-process-card ul {
          position: static;
        }

        .main-process-card__meta {
          height: 20px;
        }

        .main-process-card h3 {
          margin-top: 15px;
          font-size: 26px;
          line-height: 32px;
        }

        .main-process-card__description {
          margin-top: 13px;
          font-size: 15px;
          line-height: 22px;
        }

        .main-process-card__desktop-break {
          display: none;
        }

        .main-process-card ul {
          margin-top: 18px;
          padding-top: 13px;
        }

        .main-process-card li {
          font-size: 15px;
          line-height: 23px;
        }

        .main-platform__visual {
          position: relative;
          top: auto;
          right: auto;
          width: 100%;
          height: auto;
          aspect-ratio: 774 / 630;
          margin-top: 18px;
        }

        .main-platform-visual__content {
          top: auto;
          right: 24px;
          bottom: 22px;
          left: 24px;
        }

        .main-platform-visual__eyebrow {
          font-size: 10px;
          line-height: 14px;
        }

        .main-platform-visual__content h3 {
          margin-top: 4px;
          font-size: 18px;
          line-height: 22px;
        }

        .main-platform-visual__description {
          display: -webkit-box;
          overflow: hidden;
          margin-top: 6px;
          font-size: 11px;
          line-height: 16px;
          white-space: normal;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
        }

        .main-platform-visual__tags {
          gap: 4px;
          margin-top: 8px;
        }

        .main-platform-visual__tags li {
          font-size: 10px;
          line-height: 13px;
          padding: 3px 4px;
        }

        .main-platform-list {
          position: relative;
          top: auto;
          left: auto;
          width: 100%;
          margin-top: 42px;
        }

        .main-platform-item {
          height: 92px;
          grid-template-columns: 56px 1px 1fr 30px;
        }

        .main-platform-item__number,
        .main-platform-item__copy strong {
          font-size: 19px;
        }

        .main-platform-item__copy {
          padding-left: 14px;
        }

        .main-platform-item__copy span {
          margin-top: 5px;
          font-size: 14px;
        }

        .main-platform-item__divider {
          height: 56px;
        }

        .main-trust-network {
          position: relative;
          top: auto;
          left: auto;
          width: 100%;
          height: auto;
          aspect-ratio: 1400 / 714;
          margin-top: 45px;
        }

        .main-trust-desktop-break {
          display: none;
        }

        .main-portfolio,
        .main-cta {
          min-height: 520px;
          display: flex;
          align-items: center;
        }

        .main-portfolio .main-cover {
          object-position: 60% center;
        }

        .main-portfolio__content,
        .main-cta__content {
          padding-right: 0;
        }

        .main-portfolio-desktop-break {
          display: none;
        }

        .main-esg-desktop-break {
          display: none;
        }

        .main-pipeline {
          position: relative;
          top: auto;
          left: auto;
          grid-template-columns: 1fr;
          height: auto;
          gap: 25px;
          margin-top: 46px;
          padding: 28px 22px;
        }

        .main-pipeline-item {
          grid-template-columns: 70px 1fr;
        }

        .main-pipeline-item:not(:last-child)::after {
          top: auto;
          right: auto;
          bottom: -16px;
          left: 22px;
          width: 26px;
          height: 6px;
          border: 0;
          background-size: 26px 6px;
          transform: rotate(90deg);
        }

        .main-pipeline-item__icon {
          width: 70px;
          height: 70px;
        }

        .main-pipeline-item strong {
          font-size: 20px;
          white-space: normal;
        }

        .main-pipeline-item p {
          font-size: 13px;
          line-height: 20px;
          white-space: normal;
        }

        .main-measurement {
          position: relative;
          top: auto;
          left: auto;
          margin-top: 58px;
        }

        .main-measurement strong {
          font-size: 17px;
        }

        .main-measurement p {
          font-size: 14px;
          line-height: 21px;
        }

        .main-esg-cards {
          position: relative;
          top: auto;
          left: auto;
          grid-template-columns: 1fr;
          gap: 16px;
          margin-top: 27px;
        }

        .main-esg-card {
          height: auto;
          min-height: 0;
          padding: 44px 25px 34px;
        }

        .main-esg-card__title {
          position: static;
          font-size: 30px;
          line-height: 36px;
        }

        .main-esg-card__subtitle {
          position: static;
          margin-top: 10px;
          font-size: 21px;
          line-height: 26px;
        }

        .main-esg-metric {
          position: relative;
          top: auto;
          right: auto;
          left: auto;
          height: auto;
          margin-top: 48px;
          padding-top: 25px;
        }

        .main-esg-metric + .main-esg-metric {
          top: auto;
          margin-top: 27px;
        }

        .main-esg-metric__index,
        .main-esg-metric h3,
        .main-esg-metric__description,
        .main-esg-metric__unit,
        .main-esg-metric__formula {
          position: static;
        }

        .main-esg-metric__index {
          display: block;
        }

        .main-esg-metric h3 {
          margin-top: 8px;
          font-size: 21px;
        }

        .main-esg-metric__description {
          margin-top: 8px;
          font-size: 14px;
          line-height: 20px;
        }

        .main-esg-metric__unit {
          margin-top: 11px;
        }

        .main-esg-metric__unit + .main-esg-metric__unit {
          margin-left: 4px;
        }

        .main-esg-metric__formula {
          margin-top: 8px;
          font-size: 14px;
          line-height: 20px;
          white-space: normal;
        }

        .main-cta .main-cover {
          object-position: 65% center;
        }

        .main-cta__content .main-eyebrow {
          max-width: 330px;
          font-size: 12px;
        }

        .main-footer {
          height: auto;
          min-height: 430px;
          padding-bottom: 36px;
        }

        .main-footer__inner {
          width: calc(100% - 40px);
          height: auto;
          padding-top: 50px;
        }

        .main-footer__brand,
        .main-footer__tagline,
        .main-footer__summary {
          position: static;
        }

        .main-footer__tagline {
          margin-top: 18px;
        }

        .main-footer__summary {
          margin-top: 5px;
        }

        .main-footer__company {
          position: static;
          display: grid;
          width: auto;
          height: auto;
          gap: 7px;
          margin-top: 28px;
          font-size: 12px;
          line-height: 18px;
        }

        .main-footer__company span {
          position: static;
        }

        .main-footer__company span::before {
          display: none !important;
        }

        .main-footer__links {
          display: none;
        }

        .main-footer__line {
          position: static;
          width: 100%;
          margin-top: 28px;
        }

        .main-footer__copyright {
          position: static;
          margin-top: 16px;
          font-size: 10px;
        }
      }

      .main-cover-picture {
        position: absolute;
        inset: 0;
        display: block;
        width: 100%;
        height: 100%;
      }

      .main-cover-picture > .main-cover {
        width: 100%;
        height: 100%;
      }

      .main-hub-panel > picture,
      .main-mutual-panel > picture,
      .main-platform__visual > picture {
        position: absolute;
        inset: 0;
        display: block;
        width: 100%;
        height: 100%;
      }

      .main-strength-card > picture {
        display: block;
        width: 100%;
        height: 272px;
      }

      .main-process-card__image > picture {
        display: block;
        width: 100%;
        height: 100%;
      }

      .main-trust > .main-cover-picture > .main-cover {
        object-position: center top;
      }

      .main-header__menu,
      .main-header__language,
      .main-trust-network-mobile,
      .main-copy-mobile,
      .main-mobile-text {
        display: none;
      }

      @media (max-width: 1350px) {
        .main-why,
        .main-mutual,
        .main-trust {
          height: auto;
        }

        .main-why .main-inner,
        .main-mutual .main-inner,
        .main-trust .main-inner {
          width: min(calc(100% - 40px), 500px);
          height: auto;
        }

        .main-why {
          padding: 66px 0 42px;
        }

        .main-why__heading,
        .main-mutual__heading,
        .main-trust__heading {
          position: relative;
          top: auto;
          left: auto;
        }

        .main-why__heading {
          width: 100%;
          text-align: center;
        }

        .main-why__heading .main-title {
          width: 100%;
          margin-top: 6px;
          font-size: 30px;
          line-height: 34px;
        }

        .main-why__heading .main-lead {
          width: min(100%, 312px);
          margin: 12px auto 0;
          font-size: 15px;
          line-height: 20px;
        }

        .main-why .main-copy-desktop {
          display: none;
        }

        .main-why .main-copy-mobile {
          display: inline;
        }

        .main-hub-panel {
          position: relative;
          top: auto;
          left: auto;
          width: 100%;
          height: auto;
          aspect-ratio: 335 / 856;
          margin-top: 25px;
          border-radius: 10px;
        }

        .main-strengths {
          position: relative;
          top: auto;
          left: auto;
          display: grid;
          width: 100%;
          grid-template-columns: 1fr;
          gap: 10px;
          margin-top: 15px;
        }

        .main-strength-card {
          height: auto;
          min-height: 0;
          border-radius: 10px;
        }

        .main-strength-card picture,
        .main-strength-card picture img {
          display: block;
          width: 100%;
        }

        .main-strength-card > picture {
          height: auto;
        }

        .main-strength-card img {
          height: auto;
          aspect-ratio: 335 / 200;
          object-fit: cover;
        }

        .main-strength-card__body {
          position: relative;
          height: 181px;
          padding: 0;
        }

        .main-strength-card:first-child .main-strength-card__body {
          height: 160px;
        }

        .main-strength-card__index,
        .main-strength-card h3,
        .main-strength-card p,
        .main-strength-card:nth-child(3) p {
          position: absolute;
          right: 28px;
          left: 28px;
        }

        .main-strength-card__index {
          top: 22px;
          right: auto;
          font-size: 13px;
          line-height: 22px;
        }

        .main-strength-card h3 {
          top: 51px;
          font-size: 24px;
          line-height: 30px;
        }

        .main-strength-card p,
        .main-strength-card:nth-child(3) p {
          top: 89px;
          color: var(--main-muted);
          font-size: 15px;
          line-height: 21px;
          white-space: normal;
        }

        .main-mutual {
          padding: 54px 0 46px;
          background: var(--main-surface);
        }

        .main-mutual__heading {
          width: min(100%, 267px);
          margin: 0 auto;
          text-align: center;
        }

        .main-mutual__heading .main-title {
          margin-top: 6px;
          font-size: 30px;
          line-height: 34px;
        }

        .main-mutual__heading .main-lead {
          margin-top: 12px;
          font-size: 15px;
          line-height: 20px;
        }

        .main-mutual-desktop-break {
          display: block;
        }

        .main-mutual-panel {
          position: relative;
          top: auto;
          left: auto;
          width: 100%;
          height: auto;
          aspect-ratio: 335 / 1365;
          margin-top: 25px;
          border-radius: 10px;
          background: var(--main-surface);
        }

        .main-mutual__note {
          position: relative;
          bottom: auto;
          left: auto;
          width: calc(100% - 14px);
          margin: 15px auto 0;
          color: rgba(255, 255, 255, 0.78);
          font-family: "Poppins", "Pretendard", sans-serif;
          font-size: 12px;
          line-height: 20px;
          text-align: center;
        }

        .main-trust {
          padding: 62px 0 54px;
        }

        .main-trust > .main-cover-picture > .main-cover {
          object-position: center top;
        }

        .main-trust__heading {
          width: calc(100% - 32px);
          min-height: 200px;
          margin: 0 16px;
        }

        .main-trust__heading .main-title {
          margin-top: 6px;
          font-size: 28px;
          line-height: 34px;
        }

        .main-trust__heading .main-lead {
          margin-top: 8px;
          font-size: 15px;
          line-height: 20px;
        }

        .main-trust-network {
          display: none;
        }

        .main-trust-network-mobile {
          position: relative;
          display: block;
          width: 100%;
          height: auto;
          aspect-ratio: 335 / 986;
          margin-top: 28px;
        }

        .main-trust-network-mobile__image {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: contain;
        }
      }

      @media (max-width: 700px) {
        .main-inner {
          width: min(calc(100% - 40px), 500px);
          height: auto;
        }

        .main-eyebrow {
          font-size: 14px;
          line-height: 20px;
        }

        .main-title {
          margin-top: 6px;
          font-size: 28px;
          line-height: 34px;
        }

        .main-lead {
          margin-top: 12px;
          font-size: 15px;
          line-height: 20px;
        }

        .main-header {
          height: 55px;
        }

        .main-header__inner {
          width: calc(100% - 40px);
        }

        .main-brand {
          width: 144px;
          height: 17px;
          gap: 9px;
        }

        .main-brand__symbol {
          width: 21px;
          height: 17px;
        }

        .main-brand__wordmark {
          width: 114px;
          height: 12px;
        }

        .main-header__nav {
          display: none;
        }

        .main-header__menu {
          position: absolute;
          top: 20px;
          right: 0;
          display: flex;
          width: 16px;
          height: 15px;
          cursor: pointer;
          flex-direction: column;
          justify-content: space-between;
          background: transparent;
        }

        .main-header__language {
          position: absolute;
          top: 18px;
          right: 44px;
          display: flex;
          height: 22px;
          align-items: flex-start;
          font-family: "Poppins", sans-serif;
        }

        .main-header__language-icon {
          width: 17px;
          height: 17px;
          margin-top: 1px;
        }

        .main-header__language-option {
          position: relative;
          height: 22px;
          padding: 0 0 3px;
          border: 0;
          background: transparent;
          color: #dcdcdc;
          cursor: pointer;
          font-family: inherit;
          font-size: 16px;
          font-weight: 400;
          line-height: 16px;
          opacity: 0.45;
        }

        .main-header__language-icon + .main-header__language-option {
          margin-left: 11px;
        }

        .main-header__language-option + .main-header__language-option {
          margin-left: 12px;
        }

        .main-header__language-option.is-active {
          color: #fff;
          font-weight: 600;
          opacity: 1;
        }

        .main-header__language-option img {
          position: absolute;
          top: 20px;
          left: 0;
          width: 22px;
          max-width: none;
          height: 1px;
        }

        .main-header__language-option:focus-visible {
          outline: 2px solid var(--main-gold);
          outline-offset: 4px;
        }

        .main-header__menu span {
          display: block;
          width: 16px;
          height: 1px;
          background: #fff;
        }

        .main-header__menu:focus-visible {
          outline: 2px solid var(--main-gold);
          outline-offset: 4px;
        }

        .main-hero {
          height: 800px;
          padding: 0;
        }

        .main-hero .main-cover {
          object-position: center;
        }

        .main-hero .main-inner {
          width: calc(100% - 40px);
          height: 100%;
        }

        .main-hero__content {
          top: 125px;
          left: 50%;
          width: min(calc(100% - 20px), 315px);
          text-align: center;
          transform: translateX(-50%);
        }

        .main-hero__route {
          position: absolute;
          top: 552px;
          left: 0;
          display: flex;
          width: 100%;
          height: 54px;
          flex-direction: column;
          align-items: center;
          justify-content: flex-start;
          color: var(--main-gold);
          font-size: 13px;
          line-height: 20px;
          text-align: center;
        }

        .main-hero__route img {
          width: 8px;
          height: 8px;
          margin: 3px 0 0;
        }

        .main-hero h1 {
          margin-top: 0;
          font-size: 37px;
          line-height: 44px;
        }

        .main-hero__subtitle {
          max-width: none;
          margin-top: 12px;
          font-size: 16px;
          line-height: 20px;
          white-space: nowrap;
        }

        .main-hero__copy {
          width: 100%;
          max-width: none;
          margin-top: 6px;
          font-size: 15px;
          line-height: 21px;
        }

        .main-hero__copy br {
          display: block;
        }

        .main-hero__actions {
          display: flex;
          flex-wrap: nowrap;
          justify-content: center;
          gap: 6px;
          margin-top: 18px;
        }

        .main-hero__actions .main-pill {
          width: 139px;
          min-height: 47px;
          padding: 0;
          font-size: 15px;
        }

        .main-scroll {
          bottom: 24px;
          left: 50%;
          gap: 6px;
          font-size: 13px;
          transform: translateX(-50%);
        }

        .main-scroll > img:first-child {
          width: 13px;
          height: 18px;
        }

        .main-scroll .main-scroll__arrow {
          width: 7px;
          height: 9px;
          margin-left: 2px;
        }

        .main-why,
        .main-mutual,
        .main-trust {
          min-height: 0;
        }

        .main-process {
          height: auto;
          padding: 54px 0 64px;
        }

        .main-process .main-inner,
        .main-platform .main-inner,
        .main-portfolio .main-inner,
        .main-esg .main-inner,
        .main-cta .main-inner {
          width: min(calc(100% - 40px), 500px);
          height: auto;
        }

        .main-process__heading {
          position: relative;
          top: auto;
          left: auto;
          width: 100%;
          min-height: 128px;
          text-align: center;
        }

        .main-process__heading .main-title {
          margin-top: 6px;
          font-size: 30px;
          line-height: 34px;
        }

        .main-process-cards {
          position: relative;
          top: auto;
          left: auto;
          display: grid;
          width: 100%;
          grid-template-columns: 1fr;
          gap: 12px;
          margin-top: 19px;
        }

        .main-process-card {
          height: auto;
          min-height: 0;
          border-radius: 10px;
        }

        .main-process-card:hover,
        .main-process-card:focus-visible {
          box-shadow: none;
          transform: none;
        }

        .main-process-card__image {
          width: 100%;
          height: auto;
          aspect-ratio: 335 / 185;
        }

        .main-process-card__image picture {
          display: block;
          width: 100%;
          height: 100%;
        }

        .main-process-card__body {
          position: relative;
          height: 247px;
          padding: 0;
        }

        .main-process-card__meta {
          position: absolute;
          top: 22px;
          left: 28px;
          height: 20px;
          gap: 6px;
          line-height: 20px;
        }

        .main-process-card__step {
          font-size: 11px;
        }

        .main-process-card__meta-divider {
          height: 8px;
        }

        .main-process-card__phase {
          font-size: 13px;
        }

        .main-process-card h3 {
          position: absolute;
          top: 51px;
          left: 28px;
          margin: 0;
          font-size: 24px;
          line-height: 24px;
        }

        .main-process-card__description {
          position: absolute;
          top: 86px;
          right: 28px;
          left: 28px;
          margin: 0;
          font-size: 15px;
          line-height: 21px;
        }

        .main-process-card__desktop-break {
          display: none;
        }

        .main-process-card ul {
          position: absolute;
          top: 164px;
          right: 26px;
          left: 28px;
          margin: 0;
          padding-top: 14px;
        }

        .main-process-card li {
          font-size: 14px;
          line-height: 18px;
        }

        .main-process-card li + li {
          margin-top: 5px;
        }

        .main-process-card li::before {
          top: 7px;
        }

        .main-platform {
          height: auto;
          padding: 59px 0 43px;
          background: var(--main-surface);
        }

        .main-platform__heading {
          position: relative;
          top: auto;
          left: auto;
          width: 100%;
          min-height: 128px;
          text-align: center;
        }

        .main-platform__heading .main-title {
          margin-top: 6px;
          font-size: 28px;
          line-height: 34px;
        }

        .main-platform-list {
          position: relative;
          top: auto;
          left: auto;
          display: grid;
          width: 100%;
          gap: 7px;
          margin-top: 22px;
        }

        .main-platform-item {
          height: 74px;
          grid-template-columns: 54px 1px 1fr 38px;
          border-radius: 8px;
        }

        .main-platform-item__number {
          font-size: 16px;
          line-height: 20px;
        }

        .main-platform-item__divider {
          width: 1px;
          height: 51px;
          background:
            url("../assets/main/icons/platform-divider-inactive.svg") center /
              1px 51px no-repeat;
        }

        .main-platform-item__copy {
          padding-left: 16px;
        }

        .main-platform-item__copy strong {
          font-size: 19px;
          line-height: 20px;
        }

        .main-platform-item__copy span {
          margin-top: 5px;
          color: #fff;
          font-size: 14px;
          line-height: 20px;
        }

        .main-platform-item__arrow {
          width: 15px;
          height: 8px;
          justify-self: start;
          background:
            url("../assets/main/icons/platform-arrow-inactive.svg") center /
              15px 8px no-repeat;
          font-size: 0;
        }

        .main-platform-item:focus-visible .main-platform-item__divider,
        .main-platform-item.is-active .main-platform-item__divider {
          background:
            url("../assets/main/icons/platform-divider-active.svg") center /
              1px 51px no-repeat;
        }

        .main-platform-item:focus-visible .main-platform-item__arrow,
        .main-platform-item.is-active .main-platform-item__arrow {
          background:
            url("../assets/main/icons/platform-arrow-active.svg") center /
              15px 8px no-repeat;
        }

        .main-platform__visual {
          position: relative;
          top: auto;
          right: auto;
          width: 100%;
          height: auto;
          aspect-ratio: 335 / 530;
          margin-top: 14px;
          border-radius: 10px;
        }

        .main-platform__visual picture {
          position: absolute;
          inset: 0;
          display: block;
          width: 100%;
          height: 100%;
        }

        .main-platform-visual__content {
          top: 32px;
          right: 30px;
          bottom: auto;
          left: 30px;
        }

        .main-platform-visual__eyebrow {
          color: rgba(255, 243, 223, 0.69);
          font-size: 13px;
          line-height: 20px;
        }

        .main-platform-visual__content h3 {
          margin-top: 5px;
          font-size: 24px;
          line-height: 31px;
        }

        .main-platform-visual__description {
          display: block;
          overflow: visible;
          margin-top: 8px;
          font-size: 15px;
          line-height: 21px;
          white-space: normal;
          -webkit-line-clamp: initial;
        }

        .main-platform-visual__tags {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 5px;
          margin-top: 8px;
        }

        .main-platform-visual__tags li {
          font-size: 13px;
          line-height: 17px;
          padding: 3px 5px;
        }

        .main-portfolio {
          display: block;
          height: 625px;
          min-height: 0;
          padding: 0;
        }

        .main-portfolio .main-inner {
          height: 100%;
        }

        .main-portfolio__content {
          position: absolute;
          top: 56px;
          left: 0;
          width: 100%;
          padding: 0;
          text-align: center;
        }

        .main-portfolio__content .main-title {
          margin-top: 8px;
          font-size: 28px;
          line-height: 34px;
        }

        .main-portfolio__content .main-title br {
          display: none;
        }

        .main-portfolio .main-lead {
          width: min(100%, 243px);
          margin: 12px auto 0;
          font-size: 15px;
          line-height: 20px;
        }

        .main-portfolio-desktop-break {
          display: none;
        }

        .main-portfolio .main-pill {
          width: 179px;
          min-height: 47px;
          margin-top: 17px;
          padding: 0;
          font-size: 15px;
        }

        .main-esg {
          height: auto;
          padding: 59px 0 39px;
        }

        .main-esg__heading {
          position: relative;
          top: auto;
          left: auto;
          width: 100%;
          min-height: 167px;
          text-align: center;
        }

        .main-esg__heading .main-title {
          margin-top: 8px;
          font-size: 28px;
          line-height: 34px;
        }

        .main-esg__heading .main-lead {
          width: min(100%, 263px);
          margin: 12px auto 0;
          font-size: 15px;
          line-height: 20px;
        }

        .main-esg-desktop-break {
          display: none;
        }

        .main-pipeline {
          position: relative;
          top: auto;
          left: auto;
          display: block;
          width: 100%;
          height: 375px;
          margin-top: 20px;
          border-radius: 10px;
          padding: 0;
        }

        .main-pipeline-item {
          position: absolute;
          left: 24px;
          display: grid;
          width: calc(100% - 48px);
          height: 89px;
          grid-template-columns: 64px 1fr;
          gap: 17px;
          align-items: center;
        }

        .main-pipeline-item:nth-child(1) {
          top: 30px;
        }

        .main-pipeline-item:nth-child(2) {
          top: 147px;
        }

        .main-pipeline-item:nth-child(3) {
          top: 254px;
        }

        .main-pipeline-item:not(:last-child)::after {
          top: 85px;
          bottom: auto;
          left: 34px;
          width: 1px;
          height: 20px;
          background: linear-gradient(
            180deg,
            rgba(22, 92, 42, 0),
            rgba(22, 92, 42, 0.55),
            rgba(22, 92, 42, 0)
          );
          transform: none;
        }

        .main-pipeline-item__icon {
          width: 64px;
          height: 64px;
          border-radius: 15px;
        }

        .main-pipeline-item__meta {
          font-size: 12px;
          line-height: 17px;
        }

        .main-pipeline-item strong {
          margin-top: 5px;
          font-size: 18px;
          line-height: 24px;
          white-space: normal;
        }

        .main-pipeline-item p {
          margin-top: 3px;
          font-size: 14px;
          line-height: 20px;
          white-space: normal;
        }

        .main-measurement {
          position: relative;
          top: auto;
          left: auto;
          min-height: 106px;
          margin-top: 46px;
          text-align: center;
        }

        .main-measurement strong {
          width: min(100%, 230px);
          margin: 0 auto;
          font-size: 24px;
          line-height: 28px;
        }

        .main-measurement p {
          width: min(100%, 255px);
          margin: 10px auto 0;
          font-size: 14px;
          line-height: 20px;
        }

        .main-esg-cards {
          position: relative;
          top: auto;
          left: auto;
          display: grid;
          width: 100%;
          grid-template-columns: 1fr;
          gap: 10px;
          margin-top: 20px;
        }

        .main-esg-card {
          height: 521px;
          min-height: 0;
          border-radius: 10px;
          padding: 0;
        }

        .main-esg-card__title {
          position: absolute;
          top: 38px;
          left: 32px;
          font-size: 24px;
          letter-spacing: -0.04em;
          line-height: 24px;
        }

        .main-esg-card__subtitle {
          position: absolute;
          top: 69px;
          left: 32px;
          margin: 0;
          font-size: 17px;
          letter-spacing: -0.04em;
          line-height: 24px;
        }

        .main-esg-metric {
          position: absolute;
          top: 110px;
          right: 28px;
          left: 28px;
          height: 188px;
          margin: 0;
          padding: 0;
        }

        .main-esg-metric + .main-esg-metric {
          top: 298px;
          margin: 0;
        }

        .main-esg-card:first-child .main-esg-metric + .main-esg-metric {
          top: 316px;
        }

        .main-esg-metric__index {
          position: absolute;
          top: 15px;
          left: 4px;
          display: block;
          font-size: 14px;
          letter-spacing: -0.04em;
          line-height: 24px;
        }

        .main-esg-metric h3 {
          position: absolute;
          top: 42px;
          left: 4px;
          margin: 0;
          font-size: 20px;
          letter-spacing: -0.04em;
          line-height: 24px;
        }

        .main-esg-metric__description {
          position: absolute;
          top: 71px;
          right: auto;
          left: 4px;
          width: min(calc(100% - 4px), 275px);
          margin: 0;
          font-size: 15px;
          letter-spacing: -0.04em;
          line-height: 20px;
        }

        .main-esg-metric__unit {
          position: relative;
          top: 122px;
          left: 4px;
          margin: 0;
          font-size: 13px;
          letter-spacing: -0.04em;
          line-height: 17px;
        }

        .main-esg-metric__unit + .main-esg-metric__unit {
          left: 4px;
          margin-left: 4px;
        }

        .main-esg-metric__formula {
          position: absolute;
          top: 155px;
          right: auto;
          left: 4px;
          width: min(calc(100% - 4px), 275px);
          margin: 0;
          font-size: 14px;
          letter-spacing: -0.04em;
          line-height: 18px;
          white-space: normal;
        }

        .main-cta {
          display: block;
          height: 563px;
          min-height: 0;
          padding: 0;
        }

        .main-cta .main-inner {
          height: 100%;
        }

        .main-cta__content {
          position: absolute;
          top: 56px;
          left: 0;
          width: 100%;
          padding: 0;
          text-align: center;
        }

        .main-cta__content .main-eyebrow {
          width: min(100%, 180px);
          margin: 0 auto;
          font-size: 12px;
          line-height: 18px;
        }

        .main-cta__content .main-title {
          margin-top: 6px;
          font-size: 28px;
          line-height: 34px;
        }

        .main-cta .main-lead {
          width: min(100%, 299px);
          margin: 12px auto 0;
          font-size: 15px;
          line-height: 20px;
        }

        .main-cta .main-desktop-break {
          display: none;
        }

        .main-cta .main-pill {
          width: 139px;
          min-height: 47px;
          margin-top: 22px;
          padding: 0;
          font-size: 15px;
        }

        .main-footer {
          height: 305px;
          min-height: 0;
          padding: 0;
        }

        .main-footer__inner {
          width: calc(100% - 40px);
          height: 100%;
          padding: 0;
        }

        .main-footer__brand {
          position: absolute;
          top: 46px;
          left: 0;
          line-height: 21px;
        }

        .main-footer__brand::before,
        .main-footer__brand::after {
          font-size: 21px;
        }

        .main-footer__tagline {
          position: absolute;
          top: 80px;
          left: 0;
          margin: 0;
          font-size: 15px;
          line-height: 20px;
        }

        .main-footer__summary {
          position: absolute;
          top: 104px;
          left: 0;
          margin: 0;
          font-size: 12px;
          line-height: 17px;
        }

        .main-footer__company {
          position: absolute;
          top: 143px;
          left: 0;
          display: flex;
          width: 100%;
          height: 90px;
          flex-wrap: wrap;
          align-content: flex-start;
          column-gap: 14px;
          row-gap: 0;
          margin: 0;
          font-size: 10px;
          line-height: 18px;
        }

        .main-footer__company span {
          position: relative;
          white-space: nowrap;
        }

        .main-footer__company span:nth-child(3),
        .main-footer__company span:nth-child(4),
        .main-footer__company span:nth-child(7) {
          flex-basis: 100%;
        }

        .main-footer__company span::before {
          display: none !important;
        }

        .main-footer__line {
          position: absolute;
          top: 245px;
          left: 0;
          width: 100%;
          margin: 0;
        }

        .main-footer__copyright {
          position: absolute;
          top: 261px;
          left: 0;
          margin: 0;
          font-size: 11px;
          line-height: 20px;
        }
      }

      @media (max-width: 1350px) {
        .main-strength-card .main-desktop-text {
          display: none;
        }

        .main-strength-card .main-mobile-text {
          display: inline;
        }

        .main-strength-card__body {
          height: 181px;
        }

        .main-strength-card:first-child .main-strength-card__body {
          height: 161px;
        }

        .main-mutual .main-desktop-text,
        .main-process .main-desktop-text,
        .main-platform .main-desktop-text,
        .main-trust .main-desktop-text,
        .main-esg .main-desktop-text {
          display: none;
        }

        .main-mutual .main-mobile-text,
        .main-process .main-mobile-text,
        .main-platform .main-mobile-text,
        .main-trust .main-mobile-text,
        .main-esg .main-mobile-text {
          display: inline;
        }

        .main-strength-card__index {
          top: 25px;
          right: auto;
          left: 28px;
          margin: 0;
          color: #f3dfaf;
          font-family: "Poppins", sans-serif;
          font-size: 13px;
          font-weight: 600;
          letter-spacing: -0.04em;
          line-height: 22px;
        }

        .main-strength-card:first-child .main-strength-card__index {
          top: 26px;
        }

        .main-strength-card h3 {
          top: 50px;
          right: 28px;
          left: 28px;
          margin: 0;
          color: #fff;
          font-size: 24px;
          font-weight: 700;
          letter-spacing: -0.04em;
          line-height: 30px;
        }

        .main-strength-card:first-child h3 {
          top: 51px;
        }

        .main-strength-card p,
        .main-strength-card:nth-child(3) p {
          top: 88px;
          right: 28px;
          bottom: 30px;
          left: 28px;
          margin: 0;
          color: #bfccc3;
          font-size: 15px;
          font-weight: 400;
          letter-spacing: -0.04em;
          line-height: 21px;
          white-space: normal;
        }

        .main-strength-card:first-child p {
          top: 89px;
        }

        .main-strength-card p .main-mobile-text {
          display: block;
          width: 100%;
        }

        .main-mutual__heading .main-title,
        .main-process__heading .main-title {
          font-size: 28px;
        }

        .main-process,
        .main-platform,
        .main-esg {
          height: auto;
          min-height: 0;
        }

        .main-process {
          padding: 54px 0 64px;
        }

        .main-process .main-inner,
        .main-platform .main-inner,
        .main-esg .main-inner {
          width: min(calc(100% - 40px), 500px);
          height: auto;
        }

        .main-process .main-eyebrow,
        .main-platform .main-eyebrow,
        .main-esg .main-eyebrow {
          font-size: 14px;
          line-height: 20px;
        }

        .main-process__heading {
          position: relative;
          top: auto;
          left: auto;
          width: 100%;
          min-height: 128px;
          text-align: center;
        }

        .main-process__heading .main-title {
          margin-top: 6px;
          line-height: 34px;
        }

        .main-process-cards {
          position: relative;
          top: auto;
          left: auto;
          display: grid;
          width: 100%;
          grid-template-columns: 1fr;
          gap: 12px;
          margin-top: 19px;
        }

        .main-process-card {
          height: auto;
          min-height: 0;
          border-radius: 10px;
        }

        .main-process-card:hover,
        .main-process-card:focus-visible {
          box-shadow: none;
          transform: none;
        }

        .main-process-card__image {
          width: 100%;
          height: auto;
          aspect-ratio: 335 / 185;
        }

        .main-process-card__image picture {
          display: block;
          width: 100%;
          height: 100%;
        }

        .main-process-card__body {
          position: relative;
          height: 247px;
          padding: 0;
        }

        .main-process-card__meta {
          position: absolute;
          top: 22px;
          left: 28px;
          height: 20px;
          gap: 6px;
          line-height: 20px;
        }

        .main-process-card__step {
          font-size: 11px;
        }

        .main-process-card__meta-divider {
          height: 8px;
        }

        .main-process-card__phase {
          font-size: 13px;
        }

        .main-process-card h3 {
          position: absolute;
          top: 51px;
          left: 28px;
          margin: 0;
          font-size: 24px;
          line-height: 24px;
        }

        .main-process-card__description {
          position: absolute;
          top: 86px;
          right: 28px;
          left: 28px;
          margin: 0;
          font-size: 15px;
          line-height: 21px;
        }

        .main-process-card__desktop-break {
          display: none;
        }

        .main-process-card ul {
          position: absolute;
          top: 164px;
          right: 26px;
          left: 28px;
          margin: 0;
          padding-top: 14px;
        }

        .main-process-card li {
          font-size: 14px;
          line-height: 18px;
        }

        .main-process-card li + li {
          margin-top: 5px;
        }

        .main-process-card li::before {
          top: 7px;
        }

        .main-platform {
          padding: 59px 0 43px;
          background: var(--main-surface);
        }

        .main-platform__heading {
          position: relative;
          top: auto;
          left: auto;
          width: 100%;
          min-height: 128px;
          text-align: center;
        }

        .main-platform__heading .main-title {
          margin-top: 6px;
          font-size: 28px;
          line-height: 34px;
        }

        .main-platform-list {
          position: relative;
          top: auto;
          left: auto;
          display: grid;
          width: 100%;
          gap: 7px;
          margin-top: 22px;
        }

        .main-platform-item {
          height: 74px;
          grid-template-columns: 54px 1px 1fr 38px;
          border-radius: 8px;
        }

        .main-platform-item__number {
          font-size: 16px;
          line-height: 20px;
        }

        .main-platform-item__divider {
          width: 1px;
          height: 51px;
          background:
            url("../assets/main/icons/platform-divider-inactive.svg") center /
              1px 51px no-repeat;
        }

        .main-platform-item__copy {
          padding-left: 16px;
        }

        .main-platform-item__copy strong {
          font-size: 19px;
          line-height: 20px;
        }

        .main-platform-item__copy span {
          margin-top: 5px;
          color: #fff;
          font-size: 14px;
          line-height: 20px;
        }

        .main-platform-item__arrow {
          width: 15px;
          height: 8px;
          justify-self: start;
          background:
            url("../assets/main/icons/platform-arrow-inactive.svg") center /
              15px 8px no-repeat;
          font-size: 0;
        }

        .main-platform-item:focus-visible .main-platform-item__divider,
        .main-platform-item.is-active .main-platform-item__divider {
          background:
            url("../assets/main/icons/platform-divider-active.svg") center /
              1px 51px no-repeat;
        }

        .main-platform-item:focus-visible .main-platform-item__arrow,
        .main-platform-item.is-active .main-platform-item__arrow {
          background:
            url("../assets/main/icons/platform-arrow-active.svg") center /
              15px 8px no-repeat;
        }

        .main-platform__visual {
          position: relative;
          top: auto;
          right: auto;
          width: 100%;
          height: auto;
          aspect-ratio: 335 / 530;
          margin-top: 14px;
          border-radius: 10px;
        }

        .main-platform__visual picture {
          position: absolute;
          inset: 0;
          display: block;
          width: 100%;
          height: 100%;
        }

        .main-platform-visual__content {
          top: 32px;
          right: 30px;
          bottom: auto;
          left: 30px;
        }

        .main-platform-visual__eyebrow {
          color: rgba(255, 243, 223, 0.69);
          font-size: 13px;
          line-height: 20px;
        }

        .main-platform-visual__content h3 {
          margin-top: 5px;
          font-size: 24px;
          line-height: 31px;
        }

        .main-platform-visual__description {
          display: block;
          overflow: visible;
          margin-top: 8px;
          font-size: 15px;
          line-height: 21px;
          white-space: normal;
          -webkit-line-clamp: initial;
        }

        .main-platform-visual__tags {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 5px;
          margin-top: 8px;
        }

        .main-platform-visual__tags li {
          font-size: 13px;
          line-height: 17px;
          padding: 3px 5px;
        }

        .main-esg {
          padding: 59px 0 39px;
        }

        .main-esg__heading {
          position: relative;
          top: auto;
          left: auto;
          width: 100%;
          min-height: 167px;
          text-align: center;
        }

        .main-esg__heading .main-title {
          width: min(100%, 312px);
          margin: 8px auto 0;
          font-size: 28px;
          line-height: 34px;
        }

        .main-esg__heading .main-lead {
          width: min(100%, 263px);
          margin: 12px auto 0;
          font-size: 15px;
          line-height: 20px;
        }

        .main-esg-desktop-break {
          display: none;
        }

        .main-pipeline {
          position: relative;
          top: auto;
          left: auto;
          display: block;
          width: 100%;
          height: 375px;
          margin-top: 20px;
          border-radius: 10px;
          padding: 0;
        }

        .main-pipeline-item {
          position: absolute;
          left: 24px;
          display: grid;
          width: calc(100% - 48px);
          grid-template-columns: 64px 1fr;
          gap: 17px;
          align-items: center;
        }

        .main-pipeline-item:nth-child(1) {
          top: 30px;
          height: 69px;
        }

        .main-pipeline-item:nth-child(2) {
          top: 147px;
          height: 69px;
        }

        .main-pipeline-item:nth-child(3) {
          top: 254px;
          height: 89px;
        }

        .main-pipeline-item:not(:last-child)::after {
          bottom: auto;
          width: 21px;
          height: 8px;
          background:
            url("../assets/main/icons/esg-flow-mobile.svg?v=20260921-15")
            center / 21px 8px no-repeat;
          transform: rotate(90deg);
          transform-origin: center;
        }

        .main-pipeline-item:nth-child(1)::after {
          top: 91px;
          left: 24px;
        }

        .main-pipeline-item:nth-child(2)::after {
          top: 83px;
          left: 24px;
        }

        .main-pipeline-item__icon {
          width: 64px;
          height: 64px;
          border-radius: 15px;
        }

        .main-pipeline-item:nth-child(1) .main-pipeline-item__icon img {
          width: 28.229px;
          height: 31.2px;
        }

        .main-pipeline-item:nth-child(2) .main-pipeline-item__icon img {
          width: 32.8px;
          height: 32.8px;
        }

        .main-pipeline-item:nth-child(3) .main-pipeline-item__icon img {
          width: 28.918px;
          height: 28.384px;
        }

        .main-pipeline-item__meta {
          font-size: 12px;
          line-height: 17px;
        }

        .main-pipeline-item strong {
          margin-top: 5px;
          font-size: 18px;
          line-height: 24px;
          white-space: normal;
        }

        .main-pipeline-item p {
          margin-top: 3px;
          font-size: 14px;
          line-height: 20px;
          white-space: normal;
        }

        .main-measurement {
          position: relative;
          top: auto;
          left: auto;
          min-height: 106px;
          margin-top: 46px;
          text-align: center;
        }

        .main-measurement strong {
          width: min(100%, 182px);
          margin: 0 auto;
          font-size: 24px;
          line-height: 28px;
        }

        .main-measurement p {
          width: min(100%, 255px);
          margin: 10px auto 0;
          font-size: 14px;
          line-height: 20px;
        }

        .main-esg-cards {
          position: relative;
          top: auto;
          left: auto;
          display: grid;
          width: 100%;
          grid-template-columns: 1fr;
          gap: 10px;
          margin-top: 20px;
        }

        .main-esg-card {
          height: 521px;
          min-height: 0;
          border-radius: 10px;
          padding: 0;
        }

        .main-esg-card__title {
          position: absolute;
          top: 38px;
          left: 32px;
          font-size: 24px;
          line-height: 24px;
        }

        .main-esg-card__subtitle {
          position: absolute;
          top: 69px;
          left: 32px;
          margin: 0;
          font-size: 17px;
          line-height: 24px;
        }

        .main-esg-metric {
          position: absolute;
          top: 110px;
          right: 28px;
          left: 28px;
          height: 188px;
          margin: 0;
          padding: 0;
        }

        .main-esg-metric + .main-esg-metric {
          top: 298px;
          margin: 0;
        }

        .main-esg-card:first-child .main-esg-metric + .main-esg-metric {
          top: 316px;
        }

        .main-esg-metric__index {
          position: absolute;
          top: 15px;
          left: 4px;
          display: block;
          font-size: 14px;
          line-height: 24px;
        }

        .main-esg-metric h3 {
          position: absolute;
          top: 42px;
          left: 4px;
          margin: 0;
          font-size: 20px;
          line-height: 24px;
        }

        .main-esg-metric__description {
          position: absolute;
          top: 71px;
          left: 4px;
          margin: 0;
          font-size: 15px;
          line-height: 20px;
        }

        .main-esg-metric__unit {
          position: absolute;
          top: 122px;
          left: 4px;
          margin: 0;
          font-size: 13px;
          line-height: 17px;
        }

        .main-esg-metric__unit + .main-esg-metric__unit {
          left: 85px;
          margin: 0;
        }

        .main-esg-metric__formula {
          position: absolute;
          top: 155px;
          right: 0;
          left: 4px;
          margin: 0;
          font-size: 14px;
          line-height: 18px;
          white-space: normal;
        }

        .main-esg-card__title,
        .main-esg-card__subtitle,
        .main-esg-metric__index,
        .main-esg-metric h3,
        .main-esg-metric__description,
        .main-esg-metric__unit,
        .main-esg-metric__formula {
          letter-spacing: -0.04em;
        }

        .main-esg-metric__description,
        .main-esg-metric__formula {
          right: auto;
          width: min(calc(100% - 4px), 275px);
        }

        .main-esg-metric__description .main-mobile-text,
        .main-esg-metric__formula .main-mobile-text {
          white-space: nowrap;
        }

        .main-esg-cards {
          container-type: inline-size;
        }

        .main-esg-card {
          height: min(521px, 155.5224cqw);
          border-radius: min(10px, 2.9851cqw);
        }

        .main-esg-card__title {
          top: min(38px, 11.3433cqw);
          left: min(32px, 9.5522cqw);
          font-size: min(24px, 7.1642cqw);
          line-height: min(24px, 7.1642cqw);
        }

        .main-esg-card__subtitle {
          top: min(69px, 20.597cqw);
          left: min(32px, 9.5522cqw);
          font-size: min(17px, 5.0746cqw);
          line-height: min(24px, 7.1642cqw);
        }

        .main-esg-metric {
          top: min(110px, 32.8358cqw);
          right: min(28px, 8.3582cqw);
          left: min(28px, 8.3582cqw);
          height: min(188px, 56.1194cqw);
        }

        .main-esg-metric + .main-esg-metric {
          top: min(298px, 88.9552cqw);
          border-top: 0;
        }

        .main-esg-metric + .main-esg-metric::before {
          position: absolute;
          top: 0;
          right: 0;
          left: min(4px, 1.194cqw);
          height: 1px;
          background: rgba(255, 255, 255, 0.16);
          content: "";
        }

        .main-esg-card:first-child .main-esg-metric + .main-esg-metric {
          top: min(316px, 94.3284cqw);
        }

        .main-esg-metric__index {
          top: min(15px, 4.4776cqw);
          left: min(4px, 1.194cqw);
          font-size: min(14px, 4.1791cqw);
          line-height: min(24px, 7.1642cqw);
        }

        .main-esg-metric h3 {
          top: min(42px, 12.5373cqw);
          left: min(4px, 1.194cqw);
          font-size: min(20px, 5.9701cqw);
          line-height: min(24px, 7.1642cqw);
        }

        .main-esg-metric__description {
          top: min(71px, 21.194cqw);
          left: min(4px, 1.194cqw);
          width: min(275px, 82.0896cqw);
          font-size: min(15px, 4.4776cqw);
          line-height: min(20px, 5.9701cqw);
        }

        .main-esg-metric__unit {
          top: min(122px, 36.4179cqw);
          left: min(4px, 1.194cqw);
          border-radius: min(2px, 0.597cqw);
          padding: min(3px, 0.8955cqw) min(5px, 1.4925cqw);
          font-size: min(13px, 3.8806cqw);
          line-height: min(17px, 5.0746cqw);
        }

        .main-esg-metric__unit + .main-esg-metric__unit {
          left: min(85px, 25.3731cqw);
        }

        .main-esg-metric__formula {
          top: min(155px, 46.2687cqw);
          left: min(4px, 1.194cqw);
          width: min(275px, 82.0896cqw);
          font-size: min(14px, 4.1791cqw);
          line-height: min(18px, 5.3731cqw);
        }
      }

      @media (max-width: 700px) {
        .main-portfolio .main-desktop-text {
          display: none;
        }

        .main-portfolio .main-mobile-text {
          display: inline;
        }

        .main-portfolio__content .main-title .main-mobile-text br {
          display: initial;
        }

        .main-hero .main-desktop-text,
        .main-cta .main-desktop-text {
          display: none;
        }

        .main-hero .main-mobile-text,
        .main-cta .main-mobile-text {
          display: inline;
        }

        .main-footer__company {
          font-size: 12px;
        }
      }

      @media (max-width: 700px) and (hover: hover) and (pointer: fine) {
        .main-platform-item:hover .main-platform-item__divider {
          background:
            url("../assets/main/icons/platform-divider-active.svg") center /
              1px 51px no-repeat;
        }

        .main-platform-item:hover .main-platform-item__arrow {
          background:
            url("../assets/main/icons/platform-arrow-active.svg") center /
              15px 8px no-repeat;
        }
      }

      .main-mobile-menu {
        display: none;
      }

      body.is-mobile-menu-open {
        overflow: hidden;
      }

      @media (max-width: 700px) {
        .main-mobile-menu {
          position: fixed;
          z-index: 500;
          inset: 0;
          display: block;
          overflow-x: hidden;
          overflow-y: auto;
          width: 100%;
          height: 100vh;
          height: 100dvh;
          min-height: 560px;
          background-color: #010a05;
          background-image: url("../assets/main/MO/main-menu-bg-750.webp?v=20260921-1");
          background-position: center top;
          background-repeat: no-repeat;
          background-size: cover;
          color: #fff;
          opacity: 0;
          pointer-events: none;
          transform: translateX(100%);
          transition:
            opacity 240ms ease,
            transform 300ms ease,
            visibility 300ms step-end;
          visibility: hidden;
        }

        .main-mobile-menu.is-open {
          opacity: 1;
          pointer-events: auto;
          transform: translateX(0);
          transition:
            opacity 240ms ease,
            transform 300ms ease,
            visibility 0ms step-start;
          visibility: visible;
        }

        .main-mobile-menu__header {
          position: relative;
          width: 100%;
          height: 55px;
          background: rgba(255, 255, 255, 0.1);
          backdrop-filter: blur(2px);
        }

        .main-mobile-menu__brand {
          position: absolute;
          top: 19px;
          left: 20px;
          width: 144px;
          height: 17px;
          gap: 9px;
        }

        .main-mobile-menu__brand .main-brand__symbol {
          width: 21px;
          height: 17px;
        }

        .main-mobile-menu__brand .main-brand__wordmark {
          width: 114px;
          height: 12px;
        }

        .main-mobile-menu__close {
          position: absolute;
          top: 20px;
          right: 20px;
          display: grid;
          width: 15px;
          height: 15px;
          padding: 0;
          border: 0;
          background: transparent;
          cursor: pointer;
          place-items: center;
        }

        .main-mobile-menu__close img {
          display: block;
          width: 15px;
          height: 15px;
        }

        .main-mobile-menu__nav {
          position: absolute;
          top: 95px;
          left: 20px;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          gap: 29px;
          font-family: "Poppins", sans-serif;
        }

        .main-mobile-menu__nav a {
          position: relative;
          color: #fff;
          font-size: 24px;
          font-weight: 500;
          letter-spacing: -0.04em;
          line-height: 23px;
        }

        .main-mobile-menu__footer {
          position: absolute;
          right: 20px;
          bottom: 32px;
          left: 20px;
        }

        .main-mobile-menu__tagline {
          font-size: 16px;
          font-weight: 500;
          letter-spacing: -0.04em;
          line-height: 19px;
        }

        .main-mobile-menu__description {
          margin-top: 8px;
          font-size: clamp(11.5px, 3.4667vw, 13px);
          font-weight: 400;
          letter-spacing: -0.04em;
          line-height: 16px;
          opacity: 0.7;
          white-space: nowrap;
        }

        .main-mobile-menu__divider {
          display: block;
          width: 100%;
          height: 1px;
          margin-top: 20px;
        }

        .main-mobile-menu__language {
          display: flex;
          height: 22px;
          align-items: flex-start;
          margin-top: 22px;
          font-family: "Poppins", sans-serif;
        }

        .main-mobile-menu__language-icon {
          width: 17px;
          height: 17px;
          margin-top: 1px;
        }

        .main-mobile-menu__language-option {
          position: relative;
          height: 22px;
          padding: 0;
          border: 0;
          background: transparent;
          color: #dcdcdc;
          cursor: pointer;
          font-family: inherit;
          font-size: 16px;
          font-weight: 400;
          line-height: 20px;
          opacity: 0.45;
        }

        .main-mobile-menu__language-icon +
          .main-mobile-menu__language-option {
          margin-left: 10px;
        }

        .main-mobile-menu__language-option +
          .main-mobile-menu__language-option {
          margin-left: 11px;
        }

        .main-mobile-menu__language-option.is-active {
          color: #fff;
          font-weight: 600;
          opacity: 1;
        }

        .main-mobile-menu__language-option img {
          position: absolute;
          top: 21px;
          left: 0;
          width: 22px;
          height: 1px;
        }

        .main-mobile-menu__nav a:focus-visible,
        .main-mobile-menu__close:focus-visible,
        .main-mobile-menu__language-option:focus-visible {
          outline: 2px solid var(--main-gold);
          outline-offset: 4px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        html {
          scroll-behavior: auto;
        }

        .main-reveal,
        .main-pill,
        .main-process-card,
        .main-platform-item {
          transition: none !important;
        }

        .main-scroll__arrow {
          animation: none !important;
        }

        .main-mobile-menu {
          transition: none !important;
        }

        .main-hero__motion {
          display: none;
        }
      }
      /*
       * English typography and flow
       *
       * The Korean composition relies on fixed text widths and deliberate
       * line-breaks. Keep that composition intact and only relax the pieces
       * that need to accommodate the wider English copy.
       */
      html[lang="en"] body {
        color: var(--main-white);
        font-family: "Poppins", sans-serif;
        overflow-wrap: break-word;
        word-break: normal;
      }

      html[lang="en"] .main-header,
      html[lang="en"] .main-header *,
      html[lang="en"] .main-mobile-menu,
      html[lang="en"] .main-mobile-menu *,
      html[lang="en"] .main-page,
      html[lang="en"] .main-page *,
      html[lang="en"] .main-footer,
      html[lang="en"] .main-footer * {
        font-family: "Poppins", sans-serif;
      }

      html[lang="en"] .main-desktop-break,
      html[lang="en"] .main-mutual-desktop-break,
      html[lang="en"] .main-trust-desktop-break,
      html[lang="en"] .main-portfolio-desktop-break,
      html[lang="en"] .main-esg-desktop-break {
        display: none;
      }

      html[lang="en"] .main-title,
      html[lang="en"] .main-hero h1,
      html[lang="en"] .main-pill {
        letter-spacing: -0.03em;
      }

      html[lang="en"] .main-hero__content {
        width: min(100%, 680px);
        transition: opacity 600ms ease;
      }

      html[lang="en"] .main-hero h1 {
        max-width: 680px;
        font-size: clamp(48px, 4.2vw, 60px);
        line-height: 1.12;
      }

      html[lang="en"] .main-hero__subtitle {
        max-width: 620px;
        line-height: 26px;
      }

      html[lang="en"] .main-hero__copy {
        max-width: 620px;
        line-height: 26px;
      }

      html[lang="en"] .main-why__heading {
        width: min(100%, 780px);
      }

      html[lang="en"] .main-why__heading .main-title,
      html[lang="en"] .main-mutual__heading .main-title,
      html[lang="en"] .main-process__heading .main-title,
      html[lang="en"] .main-platform__heading .main-title,
      html[lang="en"] .main-portfolio__content .main-title,
      html[lang="en"] .main-esg__heading .main-title,
      html[lang="en"] .main-cta__content .main-title {
        font-size: 48px;
        line-height: 1.16;
      }

      html[lang="en"] .main-why__heading .main-title {
        width: min(100%, 760px);
      }

      html[lang="en"] .main-why__heading .main-lead {
        width: min(100%, 700px);
        line-height: 26px;
      }

      html[lang="en"] .main-strength-card {
        display: flex;
        height: auto;
        min-height: 480px;
        flex-direction: column;
      }

      html[lang="en"] .main-strength-card > picture {
        flex: 0 0 272px;
      }

      html[lang="en"] .main-strength-card__body {
        display: flex;
        height: auto;
        min-height: 208px;
        flex: 1 0 auto;
        flex-direction: column;
        padding: 34px 42px 40px;
      }

      html[lang="en"] .main-strength-card__index,
      html[lang="en"] .main-strength-card h3,
      html[lang="en"] .main-strength-card p {
        position: static;
        right: auto;
        bottom: auto;
        left: auto;
        top: auto;
      }

      html[lang="en"] .main-strength-card h3 {
        margin-top: 8px;
        font-size: 27px;
        line-height: 32px;
      }

      html[lang="en"] .main-strength-card p {
        margin-top: 14px;
        white-space: normal;
        line-height: 24px;
      }


      html[lang="en"] .main-mutual__heading {
        width: min(100%, 780px);
      }

      html[lang="en"] .main-mutual__heading .main-title {
        width: 100%;
        font-size: 44px;
        line-height: 1.18;
      }

      html[lang="en"] .main-mutual__heading .main-lead {
        width: min(100%, 700px);
        line-height: 26px;
      }

      html[lang="en"] .main-mutual-panel {
        top: 410px;
      }

      html[lang="en"] .main-mutual__note {
        right: 0;
        bottom: 28px;
        left: 0;
        width: 100%;
        line-height: 24px;
        text-align: center;
      }

      html[lang="en"] .main-process__heading {
        width: min(100%, 800px);
      }

      html[lang="en"] .main-process-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      html[lang="en"] .main-process-card {
        height: auto;
        min-height: 564px;
      }

      html[lang="en"] .main-process-card__body {
        height: auto;
        min-height: 314px;
        padding: 35px 36px 34px;
      }

      html[lang="en"] .main-process-card__meta,
      html[lang="en"] .main-process-card h3,
      html[lang="en"] .main-process-card__description,
      html[lang="en"] .main-process-card ul {
        position: static;
        right: auto;
        bottom: auto;
        left: auto;
        top: auto;
      }

      html[lang="en"] .main-process-card h3 {
        margin-top: 15px;
        line-height: 34px;
      }

      html[lang="en"] .main-process-card__description {
        margin-top: 14px;
        line-height: 25px;
      }

      html[lang="en"] .main-process-card ul {
        margin-top: 20px;
        padding-top: 18px;
      }

      html[lang="en"] .main-process-card li {
        line-height: 24px;
      }

      html[lang="en"] .main-platform__heading {
        width: min(100%, 620px);
      }

      html[lang="en"] .main-platform__heading .main-title {
        width: 100%;
      }

      html[lang="en"] .main-platform-visual__description {
        overflow: visible;
        line-height: 26px;
        white-space: normal;
        -webkit-line-clamp: initial;
      }

      html[lang="en"] .main-platform-item__copy strong,
      html[lang="en"] .main-platform-item__copy span {
        white-space: normal;
      }

      html[lang="en"] .main-platform-item__copy span {
        line-height: 22px;
      }

      html[lang="en"] .main-trust__heading {
        width: min(100%, 820px);
      }

      html[lang="en"] .main-trust__heading .main-title {
        font-size: 44px;
        line-height: 1.18;
      }

      html[lang="en"] .main-trust__heading .main-lead {
        width: min(100%, 760px);
        line-height: 25px;
      }

      html[lang="en"] .main-trust-network {
        top: 425px;
      }

      html[lang="en"] .main-portfolio {
        height: auto;
        min-height: 590px;
        padding: 160px 0 120px;
      }

      html[lang="en"] .main-portfolio > .main-inner {
        height: auto;
      }

      html[lang="en"] .main-portfolio__content {
        position: relative;
        top: auto;
        left: auto;
        width: min(100%, 820px);
      }

      html[lang="en"] .main-portfolio .main-lead {
        width: min(100%, 720px);
        line-height: 26px;
      }

      html[lang="en"] .main-portfolio .main-pill,
      html[lang="en"] .main-cta .main-pill {
        margin-top: 32px;
      }

      html[lang="en"] .main-esg__heading {
        width: min(100%, 720px);
      }

      html[lang="en"] .main-esg__heading .main-lead {
        width: min(100%, 720px);
        line-height: 26px;
      }

      html[lang="en"] .main-pipeline {
        height: auto;
        min-height: 164px;
      }

      html[lang="en"] .main-pipeline-item {
        height: auto;
        min-height: 88px;
        align-items: start;
      }

      html[lang="en"] .main-pipeline-item strong,
      html[lang="en"] .main-pipeline-item p {
        white-space: normal;
      }

      html[lang="en"] .main-pipeline-item strong {
        line-height: 28px;
      }

      html[lang="en"] .main-pipeline-item p {
        line-height: 23px;
      }

      html[lang="en"] .main-measurement > strong {
        line-height: 1.3;
        white-space: normal;
      }

      html[lang="en"] .main-esg-card {
        height: auto;
        min-height: 630px;
        padding: 58px 45px 64px;
      }

      html[lang="en"] .main-esg-card__title,
      html[lang="en"] .main-esg-card__subtitle,
      html[lang="en"] .main-esg-metric,
      html[lang="en"] .main-esg-metric__index,
      html[lang="en"] .main-esg-metric h3,
      html[lang="en"] .main-esg-metric__description,
      html[lang="en"] .main-esg-metric__unit,
      html[lang="en"] .main-esg-metric__formula {
        position: static;
        right: auto;
        bottom: auto;
        left: auto;
        top: auto;
      }

      html[lang="en"] .main-esg-card__title {
        font-size: 32px;
        line-height: 38px;
      }

      html[lang="en"] .main-esg-card__subtitle {
        margin-top: 12px;
        line-height: 28px;
      }

      html[lang="en"] .main-esg-metric {
        height: auto;
        margin-top: 38px;
        padding-top: 24px;
      }

      html[lang="en"] .main-esg-metric + .main-esg-metric {
        top: auto;
        margin-top: 28px;
      }

      html[lang="en"] .main-esg-metric + .main-esg-metric::before {
        display: none;
      }

      html[lang="en"] .main-esg-metric__index {
        display: block;
      }

      html[lang="en"] .main-esg-metric h3 {
        margin-top: 8px;
        font-size: 22px;
        line-height: 28px;
      }

      html[lang="en"] .main-esg-metric__description {
        width: auto;
        margin-top: 8px;
        line-height: 22px;
      }

      html[lang="en"] .main-esg-metric__unit {
        margin-top: 12px;
      }

      html[lang="en"] .main-esg-metric__unit + .main-esg-metric__unit {
        left: auto;
        margin-left: 4px;
      }

      html[lang="en"] .main-esg-metric__formula {
        width: auto;
        margin-top: 9px;
        line-height: 21px;
        white-space: normal;
      }

      html[lang="en"] .main-cta__content {
        width: min(100%, 820px);
      }

      html[lang="en"] .main-cta .main-lead {
        width: min(100%, 760px);
        line-height: 26px;
      }

      html[lang="en"] .main-footer__company {
        width: min(100%, 1000px);
        height: auto;
        min-height: 47px;
      }

      html[lang="en"] .main-footer__company span {
        white-space: normal;
      }

      html[lang="en"] .main-language__underline,
      html[lang="en"] .main-header__language-option img,
      html[lang="en"] .main-mobile-menu__language-option img {
        display: none;
      }


      html[lang="en"] .main-language__option.is-active::after {
        position: absolute;
        top: 22px;
        left: 0;
        width: 20px;
        height: 2px;
        background: url("../assets/main/icons/header-language-underline.svg")
          center / 20px 2px no-repeat;
        content: "";
      }

      html[lang="en"] .main-header__language-option.is-active::after,
      html[lang="en"] .main-mobile-menu__language-option.is-active::after {
        position: absolute;
        top: 21px;
        left: 0;
        width: 22px;
        height: 1px;
        background: url("../assets/main/icons/menu-language-underline.svg")
          center / 22px 1px no-repeat;
        content: "";
      }

      html[lang="en"] .main-header__language-option.is-active::after {
        top: 20px;
      }

      @media (max-width: 1350px) {
        html[lang="en"] .main-hero__content {
          width: min(100%, 640px);
        }

        html[lang="en"] .main-hero h1 {
          font-size: clamp(44px, 5vw, 56px);
        }

        html[lang="en"] .main-why__heading,
        html[lang="en"] .main-mutual__heading,
        html[lang="en"] .main-trust__heading {
          width: 100%;
        }

        html[lang="en"] .main-why__heading .main-title,
        html[lang="en"] .main-mutual__heading .main-title,
        html[lang="en"] .main-process__heading .main-title,
        html[lang="en"] .main-platform__heading .main-title,
        html[lang="en"] .main-portfolio__content .main-title,
        html[lang="en"] .main-esg__heading .main-title,
        html[lang="en"] .main-cta__content .main-title {
          font-size: clamp(30px, 4.6vw, 46px);
          line-height: 1.2;
        }

        html[lang="en"] .main-why__heading .main-title,
        html[lang="en"] .main-mutual__heading .main-title {
          width: 100%;
        }

        html[lang="en"] .main-why__heading .main-lead,
        html[lang="en"] .main-mutual__heading .main-lead,
        html[lang="en"] .main-trust__heading .main-lead {
          width: min(100%, 520px);
          margin-right: auto;
          margin-left: auto;
        }

        html[lang="en"] .main-strength-card > picture {
          flex: 0 0 auto;
        }

        html[lang="en"] .main-strength-card__body {
          min-height: 181px;
          padding: 24px 28px 40px;
        }

        html[lang="en"] .main-strength-card h3 {
          font-size: 24px;
          line-height: 30px;
        }

        html[lang="en"] .main-strength-card p {
          margin-top: 12px;
          font-size: 15px;
          line-height: 22px;
        }

        html[lang="en"] .main-mutual-panel {
          top: auto;
        }

        html[lang="en"] .main-mutual__note {
          bottom: auto;
          width: min(100%, 520px);
          margin: 15px auto 0;
          font-size: 13px;
          line-height: 21px;
        }

        html[lang="en"] .main-process,
        html[lang="en"] .main-platform,
        html[lang="en"] .main-esg {
          height: auto;
          min-height: 0;
        }

        html[lang="en"] .main-process .main-inner,
        html[lang="en"] .main-platform .main-inner,
        html[lang="en"] .main-esg .main-inner {
          width: min(calc(100% - 40px), 860px);
          height: auto;
        }

        html[lang="en"] .main-process__heading,
        html[lang="en"] .main-platform__heading,
        html[lang="en"] .main-esg__heading {
          position: relative;
          top: auto;
          left: auto;
          width: 100%;
          min-height: 0;
          text-align: center;
        }

        html[lang="en"] .main-process-cards {
          position: relative;
          top: auto;
          left: auto;
          grid-template-columns: 1fr;
          gap: 14px;
          margin-top: 30px;
        }

        html[lang="en"] .main-process-card__body {
          min-height: 0;
          padding: 29px 28px 34px;
        }

        html[lang="en"] .main-platform-list {
          position: relative;
          top: auto;
          left: auto;
          width: 100%;
          margin-top: 28px;
        }

        html[lang="en"] .main-platform__visual {
          position: relative;
          top: auto;
          right: auto;
          width: 100%;
          height: auto;
          margin-top: 16px;
        }

        html[lang="en"] .main-platform-visual__content {
          right: 30px;
          left: 30px;
        }

        html[lang="en"] .main-trust {
          height: auto;
          min-height: 0;
        }

        html[lang="en"] .main-trust__heading {
          position: relative;
          top: auto;
          left: auto;
          min-height: 0;
          margin: 0;
        }

        html[lang="en"] .main-trust-network {
          position: relative;
          top: auto;
          left: auto;
          width: 100%;
          height: auto;
          margin-top: 32px;
        }

        html[lang="en"] .main-pipeline {
          position: relative;
          top: auto;
          left: auto;
          display: grid;
          width: 100%;
          min-height: 0;
          grid-template-columns: 1fr;
          gap: 25px;
          margin-top: 28px;
          padding: 28px 22px;
        }

        html[lang="en"] .main-pipeline-item {
          position: relative;
          top: auto;
          left: auto;
          display: grid;
          width: 100%;
          min-height: 70px;
          grid-template-columns: 70px 1fr;
          gap: 17px;
          align-items: center;
        }

        html[lang="en"] .main-pipeline-item:not(:last-child)::after {
          top: auto;
          right: auto;
          bottom: -16px;
          left: 22px;
          width: 26px;
          height: 6px;
          border: 0;
          background-size: 26px 6px;
          transform: rotate(90deg);
        }

        html[lang="en"] .main-measurement {
          position: relative;
          top: auto;
          left: auto;
          margin-top: 48px;
        }

        html[lang="en"] .main-esg-cards {
          position: relative;
          top: auto;
          left: auto;
          grid-template-columns: 1fr;
          gap: 14px;
          margin-top: 26px;
        }

        html[lang="en"] .main-esg-card {
          min-height: 0;
          padding: 44px 28px 48px;
        }

        html[lang="en"] .main-esg-card__title {
          font-size: 30px;
          line-height: 36px;
        }

        html[lang="en"] .main-esg-metric {
          margin-top: 32px;
          padding-top: 22px;
        }

        html[lang="en"] .main-esg-metric + .main-esg-metric {
          margin-top: 26px;
        }

        html[lang="en"] .main-portfolio__content,
        html[lang="en"] .main-cta__content {
          width: min(100%, 820px);
        }

        html[lang="en"] .main-portfolio .main-lead,
        html[lang="en"] .main-cta .main-lead {
          width: min(100%, 720px);
        }

        html[lang="en"] .main-footer__company {
          width: min(100%, 1000px);
        }

        html[lang="en"] .main-mobile-menu__description {
          max-width: 340px;
          white-space: normal;
        }
      }

      @media (max-width: 700px) {
        html[lang="en"] .main-title {
          letter-spacing: -0.025em;
        }

        html[lang="en"] .main-hero__content {
          width: min(calc(100% - 20px), 335px);
        }

        html[lang="en"] .main-hero h1 {
          max-width: 100%;
          font-size: clamp(32px, 10.4vw, 40px);
          line-height: 1.12;
        }

        html[lang="en"] .main-hero__subtitle {
          max-width: 100%;
          line-height: 22px;
          white-space: normal;
        }

        html[lang="en"] .main-hero__copy {
          max-width: 100%;
          line-height: 21px;
        }

        html[lang="en"] .main-hero__actions {
          gap: 5px;
        }

        html[lang="en"] .main-hero__actions .main-pill {
          width: auto;
          min-width: 0;
          flex: 1 1 0;
          padding: 0 9px;
          font-size: clamp(12px, 3.5vw, 15px);
          line-height: 18px;
        }

        html[lang="en"] .main-why__heading,
        html[lang="en"] .main-mutual__heading,
        html[lang="en"] .main-trust__heading,
        html[lang="en"] .main-process__heading,
        html[lang="en"] .main-platform__heading,
        html[lang="en"] .main-portfolio__content,
        html[lang="en"] .main-esg__heading,
        html[lang="en"] .main-cta__content {
          width: 100%;
        }

        html[lang="en"] .main-why__heading .main-title,
        html[lang="en"] .main-mutual__heading .main-title,
        html[lang="en"] .main-process__heading .main-title,
        html[lang="en"] .main-platform__heading .main-title,
        html[lang="en"] .main-portfolio__content .main-title,
        html[lang="en"] .main-esg__heading .main-title,
        html[lang="en"] .main-cta__content .main-title {
          font-size: clamp(27px, 7.7vw, 32px);
          line-height: 1.22;
        }

        html[lang="en"] .main-why__heading .main-lead,
        html[lang="en"] .main-mutual__heading .main-lead,
        html[lang="en"] .main-trust__heading .main-lead,
        html[lang="en"] .main-portfolio .main-lead,
        html[lang="en"] .main-cta .main-lead {
          width: 100%;
          line-height: 21px;
        }

        html[lang="en"] .main-why__heading .main-title {
          margin-top: 6px;
        }

        html[lang="en"] .main-why__heading .main-lead {
          max-width: 335px;
        }

        html[lang="en"] .main-strength-card {
          min-height: 0;
        }

        html[lang="en"] .main-strength-card > picture {
          flex-basis: auto;
        }

        html[lang="en"] .main-strength-card__body {
          min-height: 0;
          padding: 24px 28px 40px;
        }

        html[lang="en"] .main-strength-card h3 {
          margin-top: 8px;
          font-size: 24px;
          line-height: 30px;
        }

        html[lang="en"] .main-strength-card p {
          margin-top: 12px;
          font-size: 15px;
          line-height: 22px;
        }

        html[lang="en"] .main-mutual__heading {
          max-width: 335px;
          margin-right: auto;
          margin-left: auto;
        }

        html[lang="en"] .main-mutual__heading .main-title {
          font-size: clamp(27px, 7.7vw, 32px);
        }

        html[lang="en"] .main-mutual__note {
          width: 100%;
          margin-top: 16px;
          font-size: 12px;
          line-height: 19px;
        }

        html[lang="en"] .main-process__heading,
        html[lang="en"] .main-platform__heading,
        html[lang="en"] .main-esg__heading {
          min-height: 0;
        }

        html[lang="en"] .main-process-cards {
          margin-top: 30px;
        }

        html[lang="en"] .main-process-card {
          min-height: 0;
        }

        html[lang="en"] .main-process-card__body {
          min-height: 0;
          padding: 26px 28px 32px;
        }

        html[lang="en"] .main-process-card h3 {
          margin-top: 14px;
          font-size: 24px;
          line-height: 30px;
        }

        html[lang="en"] .main-process-card__description {
          margin-top: 12px;
          font-size: 15px;
          line-height: 22px;
        }

        html[lang="en"] .main-process-card ul {
          margin-top: 18px;
          padding-top: 14px;
        }

        html[lang="en"] .main-process-card li {
          font-size: 14px;
          line-height: 21px;
        }

        html[lang="en"] .main-platform-list {
          margin-top: 26px;
        }

        html[lang="en"] .main-platform-item__copy strong {
          line-height: 21px;
        }

        html[lang="en"] .main-platform-item__copy span {
          line-height: 19px;
        }

        html[lang="en"] .main-platform__visual {
          margin-top: 16px;
        }

        html[lang="en"] .main-platform-visual__content {
          top: 29px;
          right: 24px;
          left: 24px;
        }

        html[lang="en"] .main-platform-visual__description {
          line-height: 21px;
        }

        html[lang="en"] .main-trust__heading {
          min-height: 0;
        }

        html[lang="en"] .main-trust__heading .main-title {
          font-size: clamp(27px, 7.7vw, 32px);
        }

        html[lang="en"] .main-trust-network-mobile {
          margin-top: 28px;
        }

        html[lang="en"] .main-portfolio {
          height: auto;
          min-height: 625px;
          padding: 56px 0 80px;
        }

        html[lang="en"] .main-portfolio .main-inner {
          height: auto;
          min-height: 0;
        }

        html[lang="en"] .main-portfolio__content {
          position: relative;
          top: auto;
          left: auto;
          padding-top: 0;
          text-align: center;
        }

        html[lang="en"] .main-portfolio .main-lead {
          max-width: 360px;
          margin-right: auto;
          margin-left: auto;
        }

        html[lang="en"] .main-portfolio .main-pill {
          margin-top: 22px;
        }

        html[lang="en"] .main-portfolio .main-pill--dark {
          width: 183px;
          height: 47px;
          min-height: 47px;
          border-radius: 31px;
          background: #10221a;
          color: #fff;
          font-family: "Pretendard", sans-serif;
          font-size: 15px;
          font-weight: 600;
          letter-spacing: -0.04em;
          line-height: 20px;
        }

        html[lang="en"] .main-esg__heading .main-lead {
          max-width: 335px;
          margin-right: auto;
          margin-left: auto;
        }

        html[lang="en"] .main-pipeline {
          gap: 25px;
          margin-top: 25px;
          padding: 28px 22px;
        }

        html[lang="en"] .main-pipeline-item {
          min-height: 70px;
          grid-template-columns: 64px 1fr;
          gap: 17px;
        }

        html[lang="en"] .main-pipeline-item__icon {
          width: 64px;
          height: 64px;
        }

        html[lang="en"] .main-pipeline-item:not(:last-child)::after {
          bottom: -16px;
          left: 22px;
        }

        html[lang="en"] .main-measurement {
          min-height: 0;
          margin-top: 46px;
        }

        html[lang="en"] .main-esg-cards {
          margin-top: 24px;
        }

        html[lang="en"] .main-esg-card {
          padding: 38px 28px 48px;
        }

        html[lang="en"] .main-esg-card__title {
          font-size: 24px;
          line-height: 29px;
        }

        html[lang="en"] .main-esg-card__subtitle {
          margin-top: 8px;
          font-size: 17px;
          line-height: 24px;
        }

        html[lang="en"] .main-esg-metric {
          margin-top: 30px;
          padding-top: 20px;
        }

        html[lang="en"] .main-esg-metric + .main-esg-metric {
          margin-top: 24px;
        }

        html[lang="en"] .main-esg-metric__description {
          width: auto;
          font-size: 14px;
          line-height: 20px;
        }

        html[lang="en"] .main-esg-metric__formula {
          width: auto;
          font-size: 13px;
          line-height: 19px;
        }

        html[lang="en"] .main-cta {
          height: auto;
          min-height: 563px;
        }

        html[lang="en"] .main-cta .main-inner {
          height: auto;
          min-height: 563px;
        }

        html[lang="en"] .main-cta__content {
          position: relative;
          top: auto;
          left: auto;
          padding-top: 56px;
          text-align: center;
        }

        html[lang="en"] .main-cta__content .main-eyebrow {
          max-width: 335px;
          margin-right: auto;
          margin-left: auto;
        }

        html[lang="en"] .main-cta .main-lead {
          max-width: 335px;
          margin-right: auto;
          margin-left: auto;
        }

        html[lang="en"] .main-cta .main-pill {
          margin-top: 22px;
        }

        html[lang="en"] .main-footer {
          height: auto;
          min-height: 305px;
        }

        html[lang="en"] .main-footer__inner {
          height: auto;
          min-height: 305px;
        }

        html[lang="en"] .main-footer__company {
          height: auto;
          min-height: 90px;
        }

        html[lang="en"] .main-footer__company span {
          white-space: normal;
        }

        html[lang="en"] .main-mobile-menu__description {
          max-width: 100%;
          line-height: 18px;
          white-space: normal;
        }
      }

      /*
       * English desktop sections use normal flow so translated copy defines
       * the gap before diagrams and cards instead of being clipped by the
       * Korean fixed-height coordinates.
       */
      html[lang="en"] body {
        min-width: 0;
      }

      @media (min-width: 1351px) {
        html[lang="en"] .main-hero__content {
          top: 279px;
        }

        html[lang="en"] .main-hero h1 {
          max-width: none;
          font-size: 60px;
          letter-spacing: -0.04em;
          line-height: 64px;
        }

        html[lang="en"] .main-hero__subtitle {
          max-width: none;
          margin-top: 34px;
          font-size: 20px;
          letter-spacing: -0.04em;
          line-height: 20px;
          white-space: nowrap;
        }

        html[lang="en"] .main-hero__copy {
          max-width: none;
          margin-top: 15px;
          font-size: 16px;
          letter-spacing: -0.04em;
          line-height: 22px;
          white-space: nowrap;
        }

        html[lang="en"] .main-hero__actions {
          margin-top: 40px;
        }

        html[lang="en"] .main-hero__actions .main-pill {
          font-size: 16px;
          letter-spacing: -0.04em;
        }

        html[lang="en"] .main-why,
        html[lang="en"] .main-process,
        html[lang="en"] .main-trust,
        html[lang="en"] .main-esg {
          height: auto;
        }

        html[lang="en"] .main-why {
          min-height: 1584px;
        }

        html[lang="en"] .main-process {
          min-height: 1020px;
        }

        html[lang="en"] .main-trust {
          min-height: 1245px;
        }

        html[lang="en"] .main-esg {
          min-height: 1445px;
        }

        html[lang="en"] .main-why > .main-inner,
        html[lang="en"] .main-process > .main-inner,
        html[lang="en"] .main-trust > .main-inner,
        html[lang="en"] .main-esg > .main-inner {
          display: flow-root;
          height: auto;
        }

        html[lang="en"] .main-why > .main-inner {
          min-height: 1584px;
        }

        html[lang="en"] .main-why > .main-inner,
        html[lang="en"] .main-process > .main-inner,
        html[lang="en"] .main-esg > .main-inner {
          padding-bottom: 120px;
        }

        html[lang="en"] .main-process > .main-inner {
          min-height: 1020px;
        }

        html[lang="en"] .main-trust > .main-inner {
          min-height: 1245px;
        }

        html[lang="en"] .main-esg > .main-inner {
          min-height: 1445px;
        }

        html[lang="en"] .main-why__heading,
        html[lang="en"] .main-process__heading,
        html[lang="en"] .main-trust__heading,
        html[lang="en"] .main-esg__heading {
          position: relative;
          top: auto;
          left: auto;
        }

        html[lang="en"] .main-why__heading {
          width: 100%;
          margin-top: 130px;
        }

        html[lang="en"] .main-why__heading .main-title {
          width: 100%;
          margin-top: 13px;
          font-size: 52px;
          letter-spacing: -0.04em;
          line-height: 62px;
          white-space: nowrap;
        }

        html[lang="en"] .main-why__heading .main-lead {
          width: 100%;
          margin-top: 18px;
          font-family: "Pretendard", "Noto Sans KR", sans-serif;
          font-size: 17px;
          letter-spacing: -0.04em;
          line-height: 24px;
          white-space: nowrap;
        }

        html[lang="en"] .main-hub-panel {
          position: relative;
          top: auto;
          left: auto;
          margin-top: 30px;
        }

        html[lang="en"] .main-strengths {
          position: relative;
          top: auto;
          left: auto;
          margin-top: 20px;
        }

        html[lang="en"] .main-process__heading {
          width: 100%;
          margin-top: 150px;
        }

        html[lang="en"] .main-process__heading .main-title {
          width: 720px;
          margin-top: 15px;
          font-size: 52px;
          letter-spacing: -2.08px;
          line-height: 57px;
          white-space: nowrap;
        }

        html[lang="en"] .main-process-title__intro {
          color: var(--main-white);
          font-size: 35px;
        }

        html[lang="en"] .main-process-cards {
          position: relative;
          top: auto;
          left: auto;
          margin-top: 36px;
        }

        html[lang="en"] .main-trust__heading {
          width: 100%;
          margin-top: 142px;
        }

        html[lang="en"] .main-trust__heading .main-title {
          width: 100%;
          font-size: 52px;
          letter-spacing: -0.04em;
          line-height: 62px;
          white-space: nowrap;
        }

        html[lang="en"] .main-trust__heading .main-lead {
          width: 100%;
          margin-top: 24px;
          line-height: 24px;
          white-space: nowrap;
        }

        html[lang="en"] .main-trust-network {
          position: relative;
          top: auto;
          left: auto;
          margin-top: 63px;
        }

        html[lang="en"] .main-esg__heading {
          width: 100%;
          margin-top: 144px;
        }

        html[lang="en"] .main-esg__heading .main-title {
          font-size: 52px;
          letter-spacing: -0.04em;
          line-height: 62px;
          white-space: nowrap;
        }

        html[lang="en"] .main-esg__heading .main-lead {
          width: 100%;
          margin-top: 17px;
          line-height: 22px;
          white-space: nowrap;
        }

        html[lang="en"] .main-pipeline {
          position: relative;
          top: auto;
          left: auto;
          height: 186px;
          min-height: 0;
          margin-top: 39px;
          grid-template-columns: 467fr 460fr 433fr;
          column-gap: 0;
          padding: 40px 0 40px 40px;
        }

        html[lang="en"] .main-pipeline-item {
          height: 106px;
          min-height: 0;
          column-gap: 26px;
        }

        html[lang="en"] .main-pipeline-item:not(:last-child)::after {
          top: 49px;
          left: calc(100% - 79px);
        }

        html[lang="en"] .main-pipeline-item__icon {
          height: 106px;
          grid-template-rows: 80px;
          align-content: start;
          border-radius: 12px;
        }

        html[lang="en"] .main-pipeline-item__meta {
          position: absolute;
          top: 70px;
          left: 0;
          width: 80px;
          text-align: center;
        }

        html[lang="en"] .main-pipeline-item strong {
          margin-top: 3px;
          font-size: 22px;
          line-height: 24px;
          white-space: nowrap;
        }

        html[lang="en"] .main-pipeline-item p {
          margin-top: 12px;
          font-size: 15px;
          line-height: 20px;
          white-space: nowrap;
        }

        html[lang="en"] .main-measurement {
          position: relative;
          top: auto;
          left: auto;
          margin-top: 82px;
          padding-left: 13px;
        }

        html[lang="en"] .main-measurement > strong {
          line-height: 24px;
          white-space: nowrap;
        }

        html[lang="en"] .main-measurement p {
          margin-top: 16px;
          line-height: 22px;
          white-space: nowrap;
        }

        html[lang="en"] .main-esg-cards {
          position: relative;
          top: auto;
          left: auto;
          margin-top: 30px;
        }

        html[lang="en"] .main-platform {
          height: auto;
          min-height: 900px;
          padding: 145px 0 125px;
        }

        html[lang="en"] .main-platform .main-inner {
          display: grid;
          height: auto;
          grid-template-columns: minmax(0, 1fr) 774px;
          grid-template-rows: auto 1fr;
          gap: 32px 40px;
        }

        html[lang="en"] .main-platform__heading {
          position: static;
          width: 100%;
        }

        html[lang="en"] .main-platform-list {
          position: static;
          grid-column: 1;
          grid-row: 2;
          width: 100%;
        }

        html[lang="en"] .main-platform__visual {
          position: relative;
          top: auto;
          right: auto;
          grid-column: 2;
          grid-row: 1 / 3;
          width: 100%;
        }

        html[lang="en"] .main-platform-visual__content {
          top: 330px;
        }

        html[lang="en"] .main-platform-visual__description {
          font-size: 15px;
          line-height: 20px;
        }

        html[lang="en"] .main-platform-visual__tags {
          width: 670px;
          column-gap: 6px;
          row-gap: 6px;
        }

        html[lang="en"] .main-platform-visual__tags li {
          font-size: 13px;
          line-height: 17px;
          white-space: nowrap;
        }

        html[lang="en"] .main-mutual {
          height: 1247px;
        }

        html[lang="en"] .main-mutual-panel {
          top: 374px;
          height: 790px;
        }

        html[lang="en"] .main-trust,
        html[lang="en"] .main-trust > .main-inner {
          min-height: 1345px;
        }

        html[lang="en"] .main-trust-network {
          height: 741px;
        }
      }

      @media (max-width: 1350px) {
        html[lang="en"] .main-strength-card:first-child
          .main-strength-card__body {
          height: auto;
        }

        .main-trust-en-break,
        .main-portfolio-en-break,
        .main-cta-en-break,
        .main-esg-en-break {
          display: none;
        }
      }

      @media (max-width: 700px) {
        html[lang="en"] .main-strength-card:first-child
          .main-strength-card__body {
          height: auto;
          min-height: 0;
        }

        html[lang="en"] .main-footer {
          height: auto;
          min-height: 305px;
          padding-bottom: 36px;
        }

        html[lang="en"] .main-footer__inner {
          display: flex;
          height: auto;
          min-height: 0;
          flex-direction: column;
          padding-top: 46px;
        }

        html[lang="en"] .main-footer__brand,
        html[lang="en"] .main-footer__tagline,
        html[lang="en"] .main-footer__summary,
        html[lang="en"] .main-footer__company,
        html[lang="en"] .main-footer__line,
        html[lang="en"] .main-footer__copyright {
          position: static;
          top: auto;
          right: auto;
          bottom: auto;
          left: auto;
        }

        html[lang="en"] .main-footer__brand {
          line-height: 26px;
        }

        html[lang="en"] .main-footer__tagline {
          margin-top: 8px;
        }

        html[lang="en"] .main-footer__summary {
          margin-top: 4px;
        }

        html[lang="en"] .main-footer__company {
          width: 100%;
          height: auto;
          min-height: 0;
          margin-top: 22px;
        }

        html[lang="en"] .main-footer__line {
          margin-top: 12px;
        }

        html[lang="en"] .main-footer__copyright {
          margin-top: 12px;
        }
      }

      @media (max-width: 374px) {
        .main-trust-line {
          white-space: normal;
        }
      }

      @media (max-width: 350px) {
        html[lang="en"] .main-platform-visual__content {
          top: 18px;
          right: 17px;
          left: 17px;
        }

        html[lang="en"] .main-platform-visual__eyebrow {
          font-size: 11px;
          line-height: 16px;
        }

        html[lang="en"] .main-platform-visual__content h3 {
          margin-top: 3px;
          font-size: 20px;
          line-height: 25px;
        }

        html[lang="en"] .main-platform-visual__description {
          margin-top: 6px;
          font-size: 13px;
          line-height: 18px;
        }

        html[lang="en"] .main-platform-visual__tags {
          gap: 3px;
          margin-top: 6px;
        }

        html[lang="en"] .main-platform-visual__tags li {
          padding: 2px 4px;
          font-size: 11px;
          line-height: 15px;
        }
      }

      @media (min-width: 701px) {
        .main-en-mobile-break {
          display: none;
        }
      }

      @media (max-width: 700px), (min-width: 1351px) {
        .main-en-tablet-break {
          display: none;
        }
      }

      @media (max-width: 1350px) {
        html[lang="en"] .main-hub-panel {
          aspect-ratio: 335 / 975;
        }

        html[lang="en"] .main-mutual-panel {
          overflow: visible;
          border-radius: 0;
          background: transparent;
          aspect-ratio: 335 / 1622;
        }

        html[lang="en"] .main-mutual-panel::before {
          position: absolute;
          top: 1.2331%;
          left: 50%;
          width: 100vw;
          height: 104.8089%;
          background: linear-gradient(
            to bottom,
            rgba(11, 18, 13, 0) 0%,
            rgba(11, 18, 13, 0.5) 30%,
            #0b120d 70%,
            rgba(11, 18, 13, 0) 100%
          );
          content: "";
          pointer-events: none;
          transform: translateX(-50%);
        }
      }

      @media (max-width: 700px) {
        .main-en-desktop-break {
          display: none;
        }

        html[lang="en"] .main-hero {
          height: 860px;
        }

        html[lang="en"] .main-hero__content {
          top: 106px;
          width: 100%;
        }

        html[lang="en"] .main-hero__route {
          top: 631px;
        }

        html[lang="en"] .main-hero h1 {
          width: max-content;
          max-width: none;
          margin-right: auto;
          margin-left: auto;
          font-size: 34px;
          letter-spacing: -0.04em;
          line-height: 40px;
          white-space: nowrap;
        }

        html[lang="en"] .main-hero__subtitle {
          width: max-content;
          max-width: none;
          margin-right: auto;
          margin-top: 14px;
          margin-left: auto;
          font-size: 16px;
          letter-spacing: -0.04em;
          line-height: 20px;
          white-space: nowrap;
        }

        html[lang="en"] .main-hero__copy {
          width: max-content;
          max-width: none;
          margin-right: auto;
          margin-top: 8px;
          margin-left: auto;
          font-size: 14px;
          letter-spacing: -0.04em;
          line-height: 20px;
          white-space: nowrap;
        }

        html[lang="en"] .main-hero__copy br {
          display: initial;
        }

        html[lang="en"] .main-hero__actions {
          flex-direction: column;
          align-items: center;
          gap: 7px;
          margin-top: 16px;
        }

        html[lang="en"] .main-hero__actions .main-pill {
          width: 190px;
          height: 47px;
          font-size: 15px;
          letter-spacing: -0.04em;
        }

        html[lang="en"] .main-why {
          padding-top: 49px;
          padding-bottom: 53px;
        }

        html[lang="en"] .main-why__heading .main-title {
          margin-top: 12px;
          font-size: 20px;
          letter-spacing: -0.04em;
          line-height: 24px;
        }

        html[lang="en"] .main-why__heading .main-title em {
          display: block;
          margin-top: 5px;
          font-size: 25px;
          line-height: 31px;
        }

        html[lang="en"] .main-why__heading .main-lead {
          margin-top: 9px;
          font-size: 14px;
          letter-spacing: -0.04em;
          line-height: 20px;
        }

        html[lang="en"] .main-hub-panel {
          margin-top: 21px;
        }

        html[lang="en"] .main-mutual {
          padding-bottom: 43px;
        }

        html[lang="en"] .main-mutual__note {
          margin-top: 15px;
        }

        html[lang="en"] .main-process {
          padding-top: 64px;
        }

        html[lang="en"] .main-process__heading .main-title {
          margin-top: 7px;
          font-size: 20px;
          letter-spacing: -0.04em;
          line-height: 25px;
        }

        html[lang="en"] .main-process__heading .main-title em {
          display: block;
          margin-top: 5px;
          font-size: 28px;
          line-height: 33px;
        }

        html[lang="en"] .main-platform__heading .main-title {
          margin-top: 12px;
          font-size: 20px;
          letter-spacing: -0.04em;
          line-height: 25px;
        }

        html[lang="en"] .main-platform__heading .main-title em {
          display: block;
          margin-top: 4px;
          font-size: clamp(25px, 7.4667vw, 28px);
          line-height: 34px;
          white-space: nowrap;
        }

        html[lang="en"] .main-platform-list {
          margin-top: 30px;
        }

        html[lang="en"] .main-platform-item__copy {
          padding-top: 1px;
        }

        html[lang="en"] .main-platform-item__copy strong {
          letter-spacing: -0.04em;
          line-height: 20px;
        }

        html[lang="en"] .main-platform-item__copy span {
          font-size: 12px;
          letter-spacing: -0.04em;
          line-height: 20px;
        }

        html[lang="en"] .main-platform__visual {
          margin-top: 14px;
        }
      }

      @media (max-width: 700px) {
        .main-platform-item {
          grid-template-columns: 48px 1px 1fr 38px;
        }

        .main-platform-item__number {
          letter-spacing: -0.04em;
        }

        .main-platform-item__divider {
          height: 50px;
          background-size: 1px 50px;
        }

        .main-platform-item__copy {
          padding-left: 11px;
        }
      }

      html[lang="en"] .main-platform-visual__eyebrow {
        font-family: "Pretendard", "Noto Sans KR", sans-serif;
      }

      @media (min-width: 1351px) {
        html[lang="en"] .main-platform-visual__content {
          top: 366px;
        }

        html[lang="en"] .main-platform-visual__content h3 {
          font-size: 28px;
          line-height: 33px;
        }

        html[lang="en"] .main-platform-visual__description {
          margin-top: 11px;
        }
      }

      @media (max-width: 1350px) {
        html[lang="en"] .main-platform__visual {
          aspect-ratio: 335 / 550;
        }
      }

      @media (min-width: 351px) and (max-width: 1350px) {
        html[lang="en"] .main-platform-visual__content {
          top: 32px;
          right: 18px;
          left: 30px;
        }

        html[lang="en"] .main-platform-visual__content h3 {
          margin-top: 5px;
          font-size: 22px;
          line-height: 27px;
        }

        html[lang="en"] .main-platform-visual__description {
          margin-top: 10px;
          font-size: 13px;
          line-height: 17px;
        }

        html[lang="en"] .main-platform-visual__tags {
          gap: 5px;
          margin-top: 13px;
        }

        html[lang="en"] .main-platform-visual__tags li {
          padding: 2px 6px;
          font-size: 11px;
          line-height: 17px;
        }
      }

      @media (max-width: 1350px) {
        html[lang="en"] .main-trust-network-mobile {
          aspect-ratio: 335 / 1173;
        }
      }

      @media (max-width: 700px) {
        html[lang="en"] .main-trust__heading .main-title {
          margin-top: 9px;
          font-size: 20px;
          letter-spacing: -0.04em;
          line-height: 25px;
        }

        html[lang="en"] .main-trust__heading .main-title .main-mobile-text .main-trust-line:nth-child(n + 3) {
          font-size: 28px;
          line-height: 32px;
        }

        html[lang="en"] .main-trust__heading .main-title .main-mobile-text .main-trust-line:nth-child(3) {
          margin-top: 6px;
        }

        html[lang="en"] .main-trust__heading .main-lead {
          margin-top: 12px;
          font-size: 15px;
          letter-spacing: -0.04em;
          line-height: 20px;
        }

        html[lang="en"] .main-trust-network-mobile {
          margin-top: 40px;
        }
      }

      @media (min-width: 701px) and (max-width: 1350px) {
        html[lang="en"] .main-trust__heading .main-title .main-trust-line {
          white-space: normal;
        }
      }

      .main-esg-mobile-break,
      .main-measurement-en-mobile {
        display: none;
      }

      @media (max-width: 700px) {
        html[lang="ko"] .main-pipeline-item:nth-child(3) p {
          white-space: nowrap;
        }

        html[lang="en"] .main-esg-mobile-break {
          display: initial;
        }

        html[lang="en"] .main-esg__heading .main-eyebrow {
          font-size: 14px;
          letter-spacing: -0.04em;
          line-height: 20px;
        }

        html[lang="en"] .main-esg__heading .main-title {
          width: 100%;
          margin-top: 11px;
          font-size: 20px;
          letter-spacing: -0.04em;
          line-height: 25px;
        }

        html[lang="en"] .main-esg__heading .main-title em {
          display: block;
          margin-top: 5px;
          font-size: 28px;
          letter-spacing: -0.04em;
          line-height: 31px;
        }

        html[lang="en"] .main-esg__heading .main-lead {
          width: min(100%, 292px);
          margin: 15px auto 0;
          font-size: 15px;
          letter-spacing: -0.04em;
          line-height: 20px;
        }

        html[lang="en"] .main-pipeline-item__meta {
          font-size: 12px;
          letter-spacing: -0.04em;
          line-height: 17px;
        }

        html[lang="en"] .main-pipeline-item strong {
          margin-top: 5px;
          font-size: 18px;
          letter-spacing: -0.04em;
          line-height: 24px;
          white-space: nowrap;
        }

        html[lang="en"] .main-pipeline-item:first-child strong,
        html[lang="en"] .main-pipeline-item:last-child strong {
          font-size: 17px;
          line-height: 22px;
        }

        html[lang="en"] .main-pipeline-item p {
          margin-top: 3px;
          font-size: 12px;
          letter-spacing: -0.04em;
          line-height: 16px;
          white-space: nowrap;
        }

        html[lang="en"] .main-measurement > strong {
          width: min(100%, 230px);
          font-size: 26px;
          letter-spacing: -0.04em;
          line-height: 28px;
          white-space: normal;
        }

        html[lang="en"] .main-measurement p {
          width: min(100%, 292px);
          margin-top: 10px;
          font-size: 15px;
          letter-spacing: -0.04em;
          line-height: 20px;
        }

        html[lang="en"] .main-measurement-en-desktop {
          display: none;
        }

        html[lang="en"] .main-measurement-en-mobile {
          display: block;
        }

        html[lang="en"] .main-esg-cards {
          margin-top: 15px;
        }

        html[lang="en"] .main-esg-card {
          height: auto;
          min-height: 0;
          padding: 38px 32px 32px;
        }

        html[lang="en"] .main-esg-card:nth-child(1) {
          min-height: 591px;
        }

        html[lang="en"] .main-esg-card:nth-child(2) {
          min-height: 637px;
        }

        html[lang="en"] .main-esg-card:nth-child(3) {
          min-height: 636px;
        }

        html[lang="en"] .main-esg-card__title {
          font-size: 24px;
          letter-spacing: -0.04em;
          line-height: 24px;
        }

        html[lang="en"] .main-esg-card__subtitle {
          margin-top: 10px;
          font-size: 17px;
          letter-spacing: -0.04em;
          line-height: 21px;
          white-space: nowrap;
        }

        html[lang="en"] .main-esg-metric {
          margin-top: 16px;
          border-top: 1px solid rgba(255, 255, 255, 0.16);
          padding-top: 14px;
        }

        html[lang="en"] .main-esg-metric + .main-esg-metric {
          margin-top: 16px;
          border-top: 1px solid rgba(255, 255, 255, 0.16);
        }

        html[lang="en"] .main-esg-metric__index {
          font-size: 14px;
          letter-spacing: -0.04em;
          line-height: 24px;
        }

        html[lang="en"] .main-esg-metric h3 {
          margin-top: 3px;
          font-size: 19px;
          letter-spacing: -0.04em;
          line-height: 24px;
          white-space: nowrap;
        }

        html[lang="en"] .main-esg-metric__description {
          margin-top: 5px;
          font-size: 14px;
          letter-spacing: -0.04em;
          line-height: 19px;
          white-space: nowrap;
        }

        html[lang="en"] .main-esg-metric__unit {
          margin-top: 12px;
          font-size: 13px;
          letter-spacing: -0.04em;
          line-height: 17px;
        }

        html[lang="en"] .main-esg-metric__unit + .main-esg-metric__unit {
          margin-left: 4px;
        }

        html[lang="en"] .main-esg-metric__formula {
          margin-top: 10px;
          font-size: 13px;
          letter-spacing: -0.04em;
          line-height: 17px;
          white-space: nowrap;
        }
      }

      @media (max-width: 350px) {
        html[lang="en"] .main-pipeline-item strong,
        html[lang="en"] .main-pipeline-item p,
        html[lang="en"] .main-esg-card__subtitle,
        html[lang="en"] .main-esg-metric h3,
        html[lang="en"] .main-esg-metric__description,
        html[lang="en"] .main-esg-metric__formula {
          white-space: normal;
        }
      }

      @media (max-width: 700px) {
        html[lang="en"] .main-cta,
        html[lang="en"] .main-cta .main-inner {
          min-height: 620px;
        }

        html[lang="en"] .main-cta .main-eyebrow {
          font-size: 14px;
          line-height: 18px;
        }

        html[lang="en"] .main-cta .main-title {
          margin-top: 9px;
          font-size: 27px;
          letter-spacing: -0.04em;
          line-height: 32px;
        }

        html[lang="en"] .main-cta .main-lead {
          margin-top: 14px;
          font-size: 14px;
          letter-spacing: -0.04em;
          line-height: 19px;
        }

        html[lang="en"] .main-cta .main-pill {
          width: 179px;
          margin-top: 19px;
          letter-spacing: -0.04em;
        }
      }

      @media (max-width: 700px) {
        html[lang="en"] .main-pipeline {
          display: grid;
          height: auto;
          grid-template-columns: 1fr;
          gap: 44px;
          padding: 30px 24px;
        }

        html[lang="en"] .main-pipeline-item {
          position: relative;
          height: 82px;
          min-height: 0;
          grid-template-columns: 64px 1fr;
          column-gap: 17px;
          align-items: center;
        }

        html[lang="en"] .main-pipeline-item__icon {
          width: 64px;
          height: 82px;
          grid-template-rows: 64px;
          align-content: start;
          border-radius: 11px;
        }

        html[lang="en"] .main-pipeline-item__meta {
          position: absolute;
          top: 55px;
          left: 0;
          width: 64px;
          text-align: center;
        }

        html[lang="en"] .main-pipeline-item strong {
          margin-top: 0;
        }

        html[lang="en"] .main-pipeline-item p {
          margin-top: 6px;
        }

        html[lang="en"] .main-pipeline-item:not(:last-child)::after {
          top: 100px;
          right: auto;
          bottom: auto;
          left: 23.5px;
          width: 21px;
          height: 8px;
          background-size: 21px 8px;
          transform: rotate(90deg);
        }
      }