body {
     background-color: rgb(5, 5, 5);
     color: white;
     font-family: "Inter", sans-serif;
     margin: 0;
     overflow-x: hidden;
}
 .c4X9 {
     user-select: none;
     -webkit-user-drag: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
}

 .wR1m {
     display: none;
     min-height: 100vh;
     align-items: center;
     justify-content: center;
     text-align: center;
     padding: 60px 24px;
}

 .wR1m p {
     margin: 0;
     font-size: 1.5rem;
     letter-spacing: 0.15em;
     color: white;
}

 @media (max-width: 720px) {
     body > *:not(.wR1m) {
         display: none !important;
     }

     .wR1m {
         display: flex;
     }
}
 .M7pQ {
     display: flex;
     align-items: center;
     gap: 8px;
     color: rgb(255, 255, 255);
     font-weight: 700;
     font-size: 1.4rem;
     justify-self: start;
}
 .M7pQ img {
     height: 52px;
     width: auto;
}
 .b2Lk {
     list-style: none;
     display: flex;
     justify-content: center;
     gap: 24px;
     margin: 0;
     padding: 0;
}
 .b2Lk li, .R8yV {
     text-decoration: none;
     color: #9ca3af;
     font-weight: 500;
     transition: color 0.2s ease;
}
 .b2Lk li {
     cursor: pointer;
}
 .k5Tn {
     background: none;
     border: none;
     color: inherit;
     font: inherit;
     padding: 0;
     cursor: pointer;
}
 .b2Lk li a {
     text-decoration: none;
     color: inherit;
     display: block;
}
 .b2Lk li:hover, .R8yV:hover {
     color: white;
}
 .R8yV {
     text-decoration: none;
     justify-self: end;
}
 #J4rN {
     display: grid;
     grid-template-columns: 1fr auto 1fr;
     align-items: center;
     gap: 24px;
     padding: 16px 32px;
}
 .H2sP {
     margin-top: 150px;
     margin-inline: 80px;
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 48px;
     align-items: start;
}
 .q1Rz {
     display: flex;
     flex-direction: column;
     gap: 16px;
}
 .H2sP h1 {
     font-size: calc(2.5rem + 1vw);
     margin: 0;
     font-family: "Inter", sans-serif;
     font-weight: 700;
     letter-spacing: -0.02em;
     color: white;
}
 .Z9mE {
     color: #9ca3af;
     font-size: 20px;
}
 .V6cD {
     width: 550px;
     height: auto;
     justify-self: end;
}
 .L3fS {
     max-width: 1200px;
     margin: 120px auto;
     padding: 0 24px;
     display: flex;
     flex-direction: column;
     gap: 60px;
}
 .w8Qe {
     text-align: center;
}
 .w8Qe h2 {
     font-family: "Inter", sans-serif;
     margin: 0;
     font-size: 3rem;
     font-weight: 700;
     letter-spacing: -0.02em;
     color: white;
}
 .w8Qe p {
     margin: 16px auto 0;
     color: #9ca3af;
     max-width: 500px;
     line-height: 1.6;
     font-size: 1.1rem;
}
 .Y5tN {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
     gap: 24px;
}
 .u0Bb {
     align-self: center;
     margin-top: 12px;
     padding: 14px 36px;
     border-radius: 18px;
     border: 1px solid rgba(255, 255, 255, 0.08);
     background: #0a0a0a6e;
     color: #f0f0f0;
     font-weight: 600;
     text-decoration: none;
     letter-spacing: 0.02em;
     text-transform: none;
     box-shadow: 0 12px 32px -24px rgba(0, 0, 0, 0.9);
     transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
 .u0Bb:hover {
     border-color: rgba(255, 255, 255, 0.3);
     box-shadow: 0 22px 45px -30px rgba(0, 0, 0, 0.85);
}
 .D7xC {
     max-width: 900px;
     margin: 160px auto 200px;
     padding: 0 24px;
     display: flex;
     flex-direction: column;
     gap: 24px;
}
 .D7xC h2 {
     font-family: "Inter", sans-serif;
     font-size: 2.5rem;
     margin: 0;
     color: white;
     letter-spacing: -0.02em;
}
 .D7xC p {
     color: #9ca3af;
     font-size: 1.05rem;
     line-height: 1.7;
}
 .P1cB {
     position: relative;
     background: #0a0a0a6e;
     border: 1px solid rgba(255, 255, 255, 0.08);
     border-radius: 20px;
     padding: 32px;
     display: flex;
     flex-direction: column;
     transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
     box-shadow: 0 10px 40px -30px rgba(0, 0, 0, 0.8);
     overflow: hidden;
}
 .P1cB:hover {
     transform: translateY(-6px);
     border-color: rgba(255, 255, 255, 0.3);
     box-shadow: 0 25px 60px -30px rgba(0, 0, 0, 0.9);
}
 .XG73h {
     font-family: 'Inter', sans-serif;
     margin: 0;
     font-size: 1.25rem;
     font-weight: 500;
     color: #f5f5f5;
}
 .mK2d {
     margin: 4px 0 80px;
     font-size: 0.875rem;
     color: #8b8b8b;
     font-weight: 500;
}
 .n9Qs {
     margin-top: auto;
     display: flex;
     flex-direction: column;
     gap: 4px;
}
 .s5Hv {
     color: #6b6b6b;
     text-decoration: line-through;
     font-size: 0.9rem;
}
 .Fq8L {
     color: #ffffff;
     font-weight: 700;
     font-size: 2rem;
     letter-spacing: -0.03em;
}