#cssd44e8bbc {
        padding-block: 6rem;
        padding-inline: 0;
        background: var(--background-dark);
        position: relative;
        overflow: hidden;

        &::after {
            content: '';
            position: absolute;
            inset-inline-end: -180px;
            top: -180px;
            width: 460px;
            height: 460px;
            border-radius: 50%;
            background: var(--accent-bg);
            opacity: .18;
            pointer-events: none;
        }

        .a6e7f63d {
            text-align: center;
            max-width: 820px;
            margin: 0 auto 3.5rem;
            position: relative;
            z-index: 1;
        }

        .h9aded55 {
            color: var(--text-light);
            font-size: 3.1rem;
            font-weight: 900;
            margin-bottom: 1rem;
        }

        .c9fb6cdb {
            color: var(--neutral-250);
            line-height: 1.75;
            font-size: 1.15rem;
        }

        .n5077d9b {
            position: relative;
            z-index: 1;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.5rem;
        }

        .e035015b {
            padding: 2rem;
            border-radius: 1.5rem;
            background: var(--neutral-1050);
            border: 1px solid var(--neutral-850);
            min-height: 100%;
            transition: all .35s ease;

            &:hover {
                transform: translateY(-10px);
                border-color: var(--primary);

                .b4a973e4 {
                    background: var(--primary);
                    color: var(--white);
                }
            }
        }

        .b4a973e4 {
            width: 3.5rem;
            height: 3.5rem;
            border-radius: 50%;
            background: var(--background-tertiary);
            color: var(--primary-dark);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: 900;
            margin-bottom: 1.5rem;
            transition: all .3s ease;
        }

        .k07cda8a {
            color: var(--text-light);
            font-weight: 900;
            margin-bottom: 1rem;
        }

        .db5ad2bb {
            color: var(--neutral-250);
            line-height: 1.75;
            margin-bottom: 1.5rem;
        }

        .b6328af7 {
            color: var(--secondary);
            text-decoration: none;
            font-weight: 900;

            &:hover {
                color: var(--secondary-light);
            }
        }

        @media (max-width: 992px) {
            .n5077d9b {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 576px) {
            padding-block: 4rem;

            .h9aded55 {
                font-size: 2.15rem;
            }

            .e035015b {
                padding: 1.5rem;
            }
        }
    }

#csse82ce2de {
        --content-rtl-sign: 1;
        padding-block: clamp(3.5rem, 6vw, 6rem);
        padding-inline: clamp(1rem, 4vw, 2.5rem);
        background: radial-gradient(ellipse 120% 80% at 50% 0%, color-mix(in srgb, var(--primary) 12%, var(--background-primary)) 0%, var(--background-primary) 45%, var(--background-secondary) 100%);
        position: relative;
        isolation: isolate;
        overflow: clip;
      }

      [dir='rtl'] #csse82ce2de {
        --content-rtl-sign: -1;
      }

      #csse82ce2de::before {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 50%;
        transform: translateX(calc(var(--content-rtl-sign) * -50%));
        width: min(72rem, 100%);
        height: 1px;
        background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary) 55%, var(--border-light)), transparent);
        z-index: 0;
        pointer-events: none;
      }

      #csse82ce2de .j5cc5bbb {
        position: relative;
        z-index: 1;
        max-width: 72rem;
        margin-inline: auto;
      }

      #csse82ce2de .a0be0c6b {
        margin-block-end: clamp(2.25rem, 5vw, 3.5rem);
        padding-inline: clamp(0rem, 2vw, 1rem);
        text-align: center;
      }

      #csse82ce2de .n3af01e3 {
        max-width: 42rem;
        margin-inline: auto;
      }

      #csse82ce2de .a0be0c6b h2 {
        font-size: clamp(2rem, 4.2vw, 3.25rem);
        font-weight: 700;
        letter-spacing: -0.03em;
        line-height: 1.12;
        color: var(--text-primary);
        margin-block-end: 1rem;
      }

      #csse82ce2de .p2e242e1 {
        font-size: clamp(1rem, 2.1vw, 1.15rem);
        color: var(--text-secondary);
        line-height: 1.75;
        margin-block-end: 0;
      }

      #csse82ce2de .kad9d2ba {
        width: 3rem;
        height: 0.22rem;
        margin-inline: auto;
        margin-block-end: 1.35rem;
        border-radius: 999px;
        background: linear-gradient(90deg, var(--primary-dark), var(--accent), var(--secondary));
      }

      #csse82ce2de .i8d94d5f {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
        gap: clamp(1rem, 3vw, 1.5rem);
        align-items: stretch;
      }

      #csse82ce2de .pe7da875 {
        position: relative;
        display: flex;
        flex-direction: column;
        min-height: 100%;
        padding-block: clamp(1.45rem, 3vw, 2rem);
        padding-inline: clamp(1.35rem, 3vw, 2rem);
        border-radius: 1.25rem;
        background: linear-gradient(145deg, var(--background-tertiary), color-mix(in srgb, var(--background-tertiary) 88%, var(--neutral-150)));
        border: 1px solid color-mix(in srgb, var(--border-light) 85%, var(--primary-light));
        box-shadow: 0 1.25rem 2.75rem color-mix(in srgb, var(--neutral-1050) 10%, transparent);
        transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
      }

      #csse82ce2de .pe7da875:hover {
        border-color: color-mix(in srgb, var(--primary) 35%, var(--border-light));
        box-shadow: 0 1.75rem 3.25rem color-mix(in srgb, var(--neutral-1050) 14%, transparent);
        transform: translateY(-0.18rem);
      }

      #csse82ce2de .pe7da875::before {
        content: '';
        position: absolute;
        inset-block-start: clamp(1.45rem, 3vw, 2rem);
        inset-inline-start: 0;
        width: 4px;
        height: calc(100% - clamp(2.9rem, 6vw, 4rem));
        max-height: 5.5rem;
        border-start-start-radius: 0;
        border-end-start-radius: 0;
        border-start-end-radius: 999px;
        border-end-end-radius: 999px;
        background: linear-gradient(180deg, var(--primary), var(--accent));
        opacity: 0.85;
      }

      #csse82ce2de .c7d2f7be {
        grid-column: 1 / 2;
        grid-row: 1 / 3;
        padding-block: clamp(1.85rem, 4vw, 2.65rem);
        padding-inline: clamp(1.65rem, 3.5vw, 2.35rem);
        background: linear-gradient(155deg, color-mix(in srgb, var(--background-tertiary) 94%, var(--primary-bg)), var(--background-tertiary), color-mix(in srgb, var(--background-tertiary) 92%, var(--accent-bg)));
      }

      #csse82ce2de .c7d2f7be::after {
        content: '';
        position: absolute;
        inset-inline-end: clamp(1rem, 3vw, 1.75rem);
        inset-block-start: clamp(1.85rem, 4vw, 2.65rem);
        width: clamp(4.5rem, 12vw, 7rem);
        height: clamp(4.5rem, 12vw, 7rem);
        border-radius: 1.5rem;
        background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 22%, transparent), color-mix(in srgb, var(--accent) 18%, transparent));
        z-index: 0;
        pointer-events: none;
      }

      #csse82ce2de .c3347b45 {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        gap: 0.85rem;
      }

      #csse82ce2de .c3347b45 h3 {
        font-size: clamp(1.2rem, 2.4vw, 1.65rem);
        font-weight: 600;
        letter-spacing: -0.02em;
        color: var(--text-primary);
        margin-block-end: 0;
        max-width: 28rem;
      }

      #csse82ce2de .c7d2f7be .c3347b45 h3 {
        font-size: clamp(1.45rem, 2.8vw, 2rem);
        max-width: 32rem;
      }

      #csse82ce2de .c3347b45 p {
        font-size: 0.98rem;
        color: var(--text-secondary);
        line-height: 1.72;
        margin-block-end: 0;
        flex-grow: 1;
      }

      #csse82ce2de .gd60bbb1 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.5rem 1rem;
        margin-block-start: auto;
        padding-block-start: 1rem;
        border-block-start: 1px solid color-mix(in srgb, var(--border-light) 90%, var(--neutral-450));
      }

      #csse82ce2de .e486d32d {
        width: 0.45rem;
        height: 0.45rem;
        border-radius: 999px;
        background: var(--secondary);
        box-shadow: 0 0 0 4px color-mix(in srgb, var(--secondary) 22%, transparent);
      }

      #csse82ce2de .he580e5e {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        margin-inline-start: auto;
        font-size: 0.94rem;
        font-weight: 600;
        color: var(--accent-dark);
        text-decoration: none;
        transition: color 0.25s ease;
      }

      #csse82ce2de .he580e5e:hover {
        color: var(--primary);
      }

      #csse82ce2de .he580e5e i {
        font-size: 1.05rem;
        transition: transform 0.3s ease;
      }

      #csse82ce2de .he580e5e:hover i {
        transform: translateX(calc(var(--content-rtl-sign) * 6px));
      }

      @media (max-width: 991.98px) {
        #csse82ce2de .i8d94d5f {
          grid-template-columns: minmax(0, 1fr);
          grid-template-rows: none;
        }

        #csse82ce2de .c7d2f7be {
          grid-column: auto;
          grid-row: auto;
        }

        #csse82ce2de .gd60bbb1 {
          flex-direction: column;
          align-items: flex-start;
        }

        #csse82ce2de .he580e5e {
          margin-inline-start: 0;
        }
      }

      @media (max-width: 575.98px) {
        #csse82ce2de .a0be0c6b {
          text-align: start;
        }

        #csse82ce2de .n3af01e3 {
          margin-inline: 0;
          max-width: none;
        }

        #csse82ce2de .kad9d2ba {
          margin-inline: 0;
        }
      }
