#h552557ee0 {
    position: relative;
    overflow: hidden;
    background: var(--background-dark);

    &::before {
      content: '';
      position: absolute;
      inset: -120px -120px auto auto;
      width: 420px;
      height: 420px;
      border-radius: 50%;
      background: radial-gradient(circle, var(--primary-dark), transparent 68%);
      opacity: .28;
    }

    &::after {
      content: '';
      position: absolute;
      inset: auto auto -140px -120px;
      width: 360px;
      height: 360px;
      border-radius: 50%;
      background: radial-gradient(circle, var(--accent), transparent 70%);
      opacity: .22;
    }

    & .v8a2d202a54 {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: .95fr 1.05fr;
      gap: 3rem;
      align-items: center;
    }

    & .vf24a5e1fae {
      position: relative;
      min-height: 460px;
    }

    & .vd45bf6b46b {
      position: absolute;
      inset: 0 48px 48px 0;
      border-radius: 32px;
      overflow: hidden;
      box-shadow: 0 24px 70px rgba(0, 0, 0, .32);

      & img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .7s ease;
      }

      &:hover img {
        transform: scale(1.08);
      }
    }

    & .v805c9394e7 {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 52%;
      padding: 1.3rem;
      border-radius: 24px;
      background: var(--white);
      box-shadow: 0 18px 46px rgba(0, 0, 0, .22);
      border-left: 5px solid var(--secondary);

      & span {
        display: block;
        color: var(--accent-dark);
        font-weight: 800;
        font-size: 2rem;
        line-height: 1;
      }

      & p {
        color: var(--text-secondary);
        margin: .55rem 0 0;
      }
    }

    & .v08786c821b {
      display: inline-flex;
      align-items: center;
      gap: .55rem;
      padding: .55rem 1rem;
      border-radius: 999px;
      color: var(--white);
      background: rgba(255,255,255,.08);
      border: 1px solid rgba(255,255,255,.13);
      margin-bottom: 1rem;
    }

    & h2 {
      color: var(--primary-light);
      font-size: clamp(2rem, 4vw, 4rem);
      line-height: 1.05;
      margin-bottom: 1.3rem;
    }

    & .v20ab1a0fa3 {
      color: var(--neutral-150);
      line-height: 1.8;
      font-size: 1.08rem;
      margin-bottom: 2rem;
    }

    & .vd80c79e124 {
      display: grid;
      gap: 1rem;
      margin-bottom: 2rem;
    }

    & .vfe73756c4f {
      display: flex;
      gap: 1rem;
      align-items: flex-start;
      padding: 1rem;
      border-radius: 18px;
      background: rgba(255,255,255,.07);
      border: 1px solid rgba(255,255,255,.1);
      transition: transform .3s ease, background .3s ease;

      &:hover {
        transform: translateX(8px);
        background: rgba(255,255,255,.11);
      }

      & i {
        color: var(--secondary);
        font-size: 1.3rem;
      }

      & strong {
        color: var(--white);
      }
    }

    & .v11d9df0edc {
      display: inline-flex;
      align-items: center;
      gap: .6rem;
      background: var(--accent);
      color: var(--white);
      text-decoration: none;
      padding: 1rem 1.7rem;
      border-radius: 16px;
      font-weight: 700;
      transition: transform .3s ease, background .3s ease;

      &:hover {
        transform: translateY(-4px);
        background: var(--accent-dark);
      }
    }

    @media (max-width: 991.98px) {
      & .v8a2d202a54 {
        grid-template-columns: 1fr;
      }

      & .vf24a5e1fae {
        min-height: 390px;
      }
    }

    @media (max-width: 575.98px) {
      & .vd45bf6b46b {
        inset: 0;
      }

      & .v805c9394e7 {
        position: relative;
        width: 100%;
        margin-top: 1rem;
      }
    }
  }