.frame {
    background-color: #ffffff;
    width: 100%;
    min-width: 1440px;
    min-height: 4096px;
    display: flex;
    flex-direction: column;
  }
  
  .frame .desktop {
    width: 1440px;
    height: 1024px;
    position: relative;
    background-color: #ff9400;
  }
  
  .frame .rectangle {
    position: absolute;
    top: 0;
    left: 0;
    width: 1440px;
    height: 172px;
    background-color: #000000;
  }
  
  .frame .div {
    position: absolute;
    top: 40px;
    left: 83px;
    width: 344px;
    height: 92px;
    background-color: #d9d9d9;
  }
  
  .frame .text-wrapper {
    position: absolute;
    top: 67px;
    left: 158px;
    width: 197px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 32px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-2 {
    position: absolute;
    top: 67px;
    left: 538px;
    width: 63px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 32px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-3 {
    position: absolute;
    top: 67px;
    left: 730px;
    width: 147px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 32px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-4 {
    position: absolute;
    top: 67px;
    left: 1008px;
    width: 61px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 32px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-5 {
    position: absolute;
    top: 67px;
    left: 1226px;
    width: 111px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 32px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  
  .frame .text-wrapper-6 {
    position: absolute;
    top: 451px;
    left: 582px;
    width: 822px;
    font-family: "Josefin Sans-Light", Helvetica;
    font-weight: 300;
    color: #ffffff;
    font-size: 96px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .rectangle-2 {
    position: absolute;
    top: 682px;
    left: 804px;
    width: 378px;
    height: 85px;
    background-color: #d9d9d9;
    border-radius: 16px;
  }
  
  .frame .text-wrapper-7 {
    position: absolute;
    top: 702px;
    left: 804px;
    width: 378px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .img {
    position: absolute;
    top: 259px;
    left: 0;
    width: 667px;
    height: 765px;
  }
  
  .frame .desktop-2 {
    width: 1440px;
    height: 1024px;
    position: relative;
    background-color: #ffffff;
  }
  
  .frame .text-wrapper-8 {
    top: 74px;
    left: 429px;
    width: 553px;
    position: absolute;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .text-wrapper-9 {
    top: 209px;
    left: 90px;
    width: 389px;
    position: absolute;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .text-wrapper-10 {
    top: 584px;
    left: 90px;
    width: 389px;
    position: absolute;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .text-wrapper-11 {
    position: absolute;
    top: 597px;
    left: 917px;
    width: 519px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .text-wrapper-12 {
    top: 213px;
    left: 939px;
    width: 475px;
    position: absolute;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .rectangle-3 {
    position: absolute;
    top: 237px;
    left: 59px;
    width: 452px;
    height: 275px;
  }
  
  .frame .rectangle-4 {
    position: absolute;
    top: 249px;
    left: 987px;
    width: 379px;
    height: 273px;
  }
  
  .frame .rectangle-5 {
    position: absolute;
    top: 654px;
    left: 967px;
    width: 414px;
    height: 256px;
    object-fit: cover;
  }
  
  .frame .rectangle-6 {
    position: absolute;
    top: 632px;
    left: 163px;
    width: 243px;
    height: 307px;
    object-fit: cover;
  }
  
  .frame .rectangle-7 {
    position: absolute;
    top: 548px;
    left: 568px;
    width: 297px;
    height: 106px;
    background-color: #d9d9d9;
    border-radius: 71px;
  }
  
  .frame .text-wrapper-13 {
    position: absolute;
    top: 577px;
    left: 467px;
    width: 505px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .text-wrapper-14 {
    position: absolute;
    top: 65px;
    left: 456px;
    width: 553px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .rectangle-8 {
    position: absolute;
    top: 131px;
    left: 106px;
    width: 1236px;
    height: 106px;
    background-color: #d9d9d9;
    border-radius: 71px;
  }
  
  .frame .rectangle-9 {
    position: absolute;
    top: 287px;
    left: 102px;
    width: 1236px;
    height: 106px;
    background-color: #d9d9d9;
    border-radius: 71px;
  }
  
  .frame .rectangle-10 {
    position: absolute;
    top: 443px;
    left: 98px;
    width: 1236px;
    height: 106px;
    background-color: #d9d9d9;
    border-radius: 71px;
  }
  
  .frame .rectangle-11 {
    position: absolute;
    top: 599px;
    left: 94px;
    width: 1236px;
    height: 106px;
    background-color: #d9d9d9;
    border-radius: 71px;
  }
  
  .frame .rectangle-12 {
    position: absolute;
    top: 750px;
    left: 98px;
    width: 1236px;
    height: 106px;
    background-color: #d9d9d9;
    border-radius: 71px;
  }
  
  .frame .text-wrapper-15 {
    position: absolute;
    top: 160px;
    left: 152px;
    width: 1144px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .text-wrapper-16 {
    position: absolute;
    top: 316px;
    left: 148px;
    width: 1144px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .text-wrapper-17 {
    position: absolute;
    top: 472px;
    left: 144px;
    width: 1144px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .text-wrapper-18 {
    position: absolute;
    top: 628px;
    left: 140px;
    width: 1144px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .text-wrapper-19 {
    position: absolute;
    top: 779px;
    left: 144px;
    width: 1144px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .p {
    position: absolute;
    top: 988px;
    left: 1042px;
    width: 398px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .desktop-3 {
    overflow: hidden;
    width: 1440px;
    height: 1024px;
    position: relative;
    background-color: #ffffff;
  }
  
  .frame .rectangle-13 {
    position: absolute;
    top: 821px;
    left: 0;
    width: 1440px;
    height: 203px;
    background-color: #000000;
  }
  
  .frame .text-wrapper-20 {
    position: absolute;
    top: 899px;
    left: 493px;
    width: 553px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .text-wrapper-21 {
    position: absolute;
    top: 899px;
    left: -133px;
    width: 553px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .next-coming-soon {
    position: absolute;
    top: 376px;
    left: 205px;
    width: 1057px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 96px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .span {
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 96px;
    letter-spacing: 0;
  }
  
  .frame .text-wrapper-22 {
    font-size: 32px;
  }
  /* Original CSS code should be injected here */
  
  /* Additional semantic and accessibility improvements */
  .frame {
    background-color: #ffffff;
    width: 100%;
    min-width: 1440px;
    min-height: 4096px;
    display: flex;
    flex-direction: column;
  }
  
  .frame .desktop {
    width: 1440px;
    height: 1024px;
    position: relative;
    background-color: #ff9400;
  }
  
  .frame .rectangle {
    position: absolute;
    top: 0;
    left: 0;
    width: 1440px;
    height: 172px;
    background-color: #000000;
  }
  
  .frame .div {
    position: absolute;
    top: 40px;
    left: 83px;
    width: 344px;
    height: 92px;
    background-color: #d9d9d9;
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  
  .frame .text-wrapper {
    position: absolute;
    top: 67px;
    left: 158px;
    width: 197px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 32px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    text-decoration: none;
    transition: color 0.3s ease;
  }
  
  .frame .text-wrapper:hover,
  .frame .text-wrapper:focus {
    color: #333333;
    outline: 2px solid #4a90e2;
    outline-offset: 2px;
  }
  
  .frame .text-wrapper-2 {
    position: absolute;
    top: 67px;
    left: 538px;
    width: 63px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 32px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    text-decoration: none;
    transition: color 0.3s ease;
  }
  
  .frame .text-wrapper-2:hover,
  .frame .text-wrapper-2:focus {
    color: #cccccc;
    outline: 2px solid #4a90e2;
    outline-offset: 2px;
  }
  
  .frame .text-wrapper-3 {
    position: absolute;
    top: 67px;
    left: 730px;
    width: 147px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 32px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    text-decoration: none;
    transition: color 0.3s ease;
  }
  
  .frame .text-wrapper-3:hover,
  .frame .text-wrapper-3:focus {
    color: #cccccc;
    outline: 2px solid #4a90e2;
    outline-offset: 2px;
  }
  
  .frame .text-wrapper-4 {
    position: absolute;
    top: 67px;
    left: 1008px;
    width: 61px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 32px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    text-decoration: none;
    transition: color 0.3s ease;
  }
  
  .frame .text-wrapper-4:hover,
  .frame .text-wrapper-4:focus {
    color: #cccccc;
    outline: 2px solid #4a90e2;
    outline-offset: 2px;
  }
  
  .frame .text-wrapper-5 {
    position: absolute;
    top: 67px;
    left: 1226px;
    width: 111px;
    font-family: "Inter-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 32px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    text-decoration: none;
    transition: color 0.3s ease;
  }
  
  .frame .text-wrapper-5:hover,
  .frame .text-wrapper-5:focus {
    color: #cccccc;
    outline: 2px solid #4a90e2;
    outline-offset: 2px;
  }
  
  .frame .hero-section {
    position: relative;
    z-index: 1;
  }
  
  .frame .text-wrapper-6 {
    position: absolute;
    top: 451px;
    left: 582px;
    width: 822px;
    font-family: "Josefin Sans-Light", Helvetica;
    font-weight: 300;
    color: #ffffff;
    font-size: 96px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .rectangle-2 {
    position: absolute;
    top: 682px;
    left: 804px;
    width: 378px;
    height: 85px;
    background-color: #d9d9d9;
    border-radius: 16px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease, transform 0.2s ease;
    cursor: pointer;
  }
  
  .frame .rectangle-2:hover {
    background-color: #c0c0c0;
    transform: translateY(-2px);
  }
  
  .frame .rectangle-2:focus {
    outline: 2px solid #4a90e2;
    outline-offset: 2px;
  }
  
  .frame .rectangle-2:active {
    transform: translateY(0);
  }
  
  .frame .text-wrapper-7 {
    position: absolute;
    top: 702px;
    left: 804px;
    width: 378px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
    pointer-events: none;
  }
  
  .frame .img {
    position: absolute;
    top: 259px;
    left: 0;
    width: 667px;
    height: 765px;
  }
  
  .frame .desktop-2 {
    width: 1440px;
    height: 1024px;
    position: relative;
    background-color: #ffffff;
  }
  
  .frame .joki-item {
    position: relative;
  }
  
  .frame .text-wrapper-8 {
    top: 74px;
    left: 429px;
    width: 553px;
    position: absolute;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .text-wrapper-9 {
    top: 209px;
    left: 90px;
    width: 389px;
    position: absolute;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .text-wrapper-10 {
    top: 584px;
    left: 90px;
    width: 389px;
    position: absolute;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .text-wrapper-11 {
    position: absolute;
    top: 597px;
    left: 917px;
    width: 519px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .text-wrapper-12 {
    top: 213px;
    left: 939px;
    width: 475px;
    position: absolute;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .rectangle-3 {
    position: absolute;
    top: 237px;
    left: 59px;
    width: 452px;
    height: 275px;
  }
  
  .frame .rectangle-4 {
    position: absolute;
    top: 249px;
    left: 987px;
    width: 379px;
    height: 273px;
  }
  
  .frame .rectangle-5 {
    position: absolute;
    top: 654px;
    left: 967px;
    width: 414px;
    height: 256px;
    object-fit: cover;
  }
  
  .frame .rectangle-6 {
    position: absolute;
    top: 632px;
    left: 163px;
    width: 243px;
    height: 307px;
    object-fit: cover;
  }
  
  .frame .contact-admin {
    position: relative;
  }
  
  .frame .rectangle-7 {
    position: absolute;
    top: 548px;
    left: 568px;
    width: 297px;
    height: 106px;
    background-color: #d9d9d9;
    border-radius: 71px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
  }
  
  .frame .rectangle-7:hover {
    background-color: #c0c0c0;
    transform: translateY(-2px);
  }
  
  .frame .rectangle-7:focus {
    outline: 2px solid #4a90e2;
    outline-offset: 2px;
  }
  
  .frame .rectangle-7:active {
    transform: translateY(0);
  }
  
  .frame .text-wrapper-13 {
    position: absolute;
    top: 577px;
    left: 467px;
    width: 505px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
    pointer-events: none;
  }
  
  .frame .text-wrapper-14 {
    position: absolute;
    top: 65px;
    left: 456px;
    width: 553px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .price-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .frame .price-item {
    position: relative;
  }
  
  .frame .rectangle-8 {
    position: absolute;
    top: 131px;
    left: 106px;
    width: 1236px;
    height: 106px;
    background-color: #d9d9d9;
    border-radius: 71px;
  }
  
  .frame .rectangle-9 {
    position: absolute;
    top: 287px;
    left: 102px;
    width: 1236px;
    height: 106px;
    background-color: #d9d9d9;
    border-radius: 71px;
  }
  
  .frame .rectangle-10 {
    position: absolute;
    top: 443px;
    left: 98px;
    width: 1236px;
    height: 106px;
    background-color: #d9d9d9;
    border-radius: 71px;
  }
  
  .frame .rectangle-11 {
    position: absolute;
    top: 599px;
    left: 94px;
    width: 1236px;
    height: 106px;
    background-color: #d9d9d9;
    border-radius: 71px;
  }
  
  .frame .rectangle-12 {
    position: absolute;
    top: 750px;
    left: 98px;
    width: 1236px;
    height: 106px;
    background-color: #d9d9d9;
    border-radius: 71px;
  }
  
  .frame .text-wrapper-15 {
    position: absolute;
    top: 160px;
    left: 152px;
    width: 1144px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .text-wrapper-16 {
    position: absolute;
    top: 316px;
    left: 148px;
    width: 1144px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .text-wrapper-17 {
    position: absolute;
    top: 472px;
    left: 144px;
    width: 1144px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .text-wrapper-18 {
    position: absolute;
    top: 628px;
    left: 140px;
    width: 1144px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .text-wrapper-19 {
    position: absolute;
    top: 779px;
    left: 144px;
    width: 1144px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .disclaimer {
    position: relative;
  }
  
  .frame .p {
    position: absolute;
    top: 988px;
    left: 1042px;
    width: 398px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .desktop-3 {
    overflow: hidden;
    width: 1440px;
    height: 1024px;
    position: relative;
    background-color: #ffffff;
  }
  
  .frame .rectangle-13 {
    position: absolute;
    top: 821px;
    left: 0;
    width: 1440px;
    height: 203px;
    background-color: #000000;
  }
  
  .frame .contact-info {
    position: relative;
    font-style: normal;
  }
  
  .frame .text-wrapper-20 {
    position: absolute;
    top: 899px;
    left: 493px;
    width: 553px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
    text-decoration: none;
    transition: color 0.3s ease;
  }
  
  .frame .text-wrapper-20:hover,
  .frame .text-wrapper-20:focus {
    color: #cccccc;
    outline: 2px solid #4a90e2;
    outline-offset: 2px;
  }
  
  .frame .text-wrapper-21 {
    position: absolute;
    top: 899px;
    left: -133px;
    width: 553px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 32px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .next-coming-soon {
    position: absolute;
    top: 376px;
    left: 205px;
    width: 1057px;
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 96px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .frame .span {
    font-family: "Josefin Sans-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 96px;
    letter-spacing: 0;
  }
  
  .frame .text-wrapper-22 {
    font-size: 32px;
  }
  
  /* Accessibility improvements */
  @media (prefers-reduced-motion: reduce) {
    .frame .rectangle-2,
    .frame .rectangle-7,
    .frame .text-wrapper,
    .frame .text-wrapper-2,
    .frame .text-wrapper-3,
    .frame .text-wrapper-4,
    .frame .text-wrapper-5,
    .frame .text-wrapper-20 {
      transition: none;
    }
  }
  
  /* Focus improvements for keyboard navigation */
  .frame [role="button"]:focus,
  .frame [tabindex="0"]:focus {
    outline: 2px solid #4a90e2;
    outline-offset: 2px;
  }
  
  /* Screen reader improvements */
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }