.elementor-940 .elementor-element.elementor-element-3cc0b30{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for container, class: .elementor-element-3cc0b30 */:root {
        --green-50: #ecfdf3;
        --green-200: #a6f4c5;
        --green-600: #16a34a;
        --green-700: #15803d;
        --green-800: #166534;
        --green-900: #14532d;
        --purple-50: #f7eefb;
        --purple-100: #ead7f2;
        --purple-600: #682a7b;
        --purple-700: #551e64;
        --white: #ffffff;
        --slate-50: #f4f6f8;
        --slate-100: #e9edf2;
        --slate-200: #d8dfe7;
        --slate-300: #b7c1cd;
        --slate-400: #8a97a6;
        --slate-500: #62707f;
        --slate-600: #47535f;
        --slate-700: #333d47;
        --slate-900: #12171c;
      }
      * {
        box-sizing: border-box;
      }
      html {
        scroll-behavior: smooth;
      }
      body {
        margin: 0;
        background: #ffffff;
        color: #333d47;
        font-family:
          "Public Sans",
          -apple-system,
          "Segoe UI",
          sans-serif;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
      }
      a {
        color: #15803d;
        text-decoration: none;
      }
      a:hover {
        color: #166534;
      }
      img,
      svg {
        max-width: 100%;
      }
      .mock-scroll {
        scrollbar-width: none;
      }
      .mock-scroll::-webkit-scrollbar {
        display: none;
      }
      .dot {
        background: #d8dfe7 !important;
        transition: background 0.2s ease;
      }
      .dot.is-active {
        background: #16a34a !important;
      }

      /* --- Button (from Compliance4DevOps design system) --- */
      .btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        font-family: inherit !important;
        font-weight: 600 !important;
        letter-spacing: -0.01em !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        border-radius: 5px !important;
        border: 1px solid transparent !important;
        cursor: pointer !important;
        transition:
          background 0.12s ease,
          box-shadow 0.12s ease,
          transform 0.12s ease !important;
      }
      .btn:active {
        transform: translateY(0.5px) !important;
      }
      .btn-primary {
        background: #16a34a !important;
        color: #ffffff !important;
        border-color: #16a34a !important;
      }
      .btn-primary:hover {
        background: #15803d !important;
        color: #ffffff !important;
      }
      .btn-sm {
        height: 28px;
        padding: 0 12px;
        font-size: 13px;
      }
      .btn-md {
        height: 38px;
        padding: 0 16px;
        font-size: 14px;
      }
      .btn-lg {
        height: 48px;
        padding: 0 20px;
        font-size: 16px !important;
      }
      .btn-block {
        width: 100%;
      }

      /* --- Input (from Compliance4DevOps design system) --- */
      .field {
        display: flex;
        flex-direction: column;
        gap: 6px;
        width: 100%;
      }
      .field-label {
        font-weight: 500;
        font-size: 13px;
        line-height: 1.3;
        color: #333d47;
      }
      .field-input {
        height: 44px;
        padding: 0 12px;
        background: #ffffff;
        color: #12171c;
        border: 1px solid #b7c1cd;
        border-radius: 5px;
        font-family: inherit;
        font-size: 14px;
        width: 100%;
        transition:
          border-color 0.12s ease,
          box-shadow 0.12s ease;
      }
      .field-input::placeholder {
        color: #8a97a6;
      }
      .field-input:focus {
        outline: none;
        border-color: #16a34a;
        box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.18);
      }

      /* --- Speaker avatar (image placeholder) --- */
      .avatar {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background: linear-gradient(135deg, #f7eefb, #ecfdf3);
        border: 1px solid #d8dfe7;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        font-size: 16px;
        letter-spacing: 0.02em;
        color: #682a7b;
      }
      .avatar img{
          border-radius: 50%;
      }

      /* --- Responsive --- */
      @media (max-width: 900px) {
        .hero-grid {
          grid-template-columns: 1fr !important;
          gap: 40px !important;
        }
        /* let the stacked columns shrink to the viewport instead of forcing
     their wide min-content (the product mock) to overflow */
        .hero-grid > * {
          min-width: 0 !important;
        }
        .split {
          grid-template-columns: 1fr !important;
          gap: 28px !important;
        }
        .speakers-grid {
          grid-template-columns: 1fr !important;
        }
        .reg-form {
          position: static !important;
        }
      }
      @media (max-width: 560px) {
        .speakers-grid {
          grid-template-columns: 1fr !important;
        }
      }

      /* --- Product-mock slider: mobile responsive --- */
      @media (max-width: 640px) {
        /* Each slide scrolls vertically if its stacked content is tall */
        #mock .s31,
        #mock .s63 {
          overflow-y: auto;
          overflow-x: hidden;
          -webkit-overflow-scrolling: touch;
        }
        /* Clause slide: stack the clause list above the detail panel */
        #mock .s40 {
          grid-template-columns: 1fr !important;
          flex: none;
        }
        #mock .s41 {
          border-right: none;
          border-bottom: 1px solid #e9edf2;
        }
        #mock .s58 {
          grid-template-columns: 1fr !important;
        }
        /* Dashboard slide: stack the three metric cards */
        #mock .s101 {
          grid-template-columns: 1fr !important;
          flex: none;
        }
        #mock .s94 {
          grid-template-columns: 1fr 1fr !important;
          gap: 10px 12px;
        }
        /* Let tab rows / filter chips wrap instead of clipping */
        #mock .s37 {
          gap: 14px;
          overflow-x: auto;
          -webkit-overflow-scrolling: touch;
        }
        #mock .s66 {
          flex-wrap: wrap;
        }
      }

      /* --- extracted from inline styles --- */
      .s1 {
        width: 100%;
        background: #ffffff;
        color: #333d47;
        overflow-x: hidden;
      }
      .s2 {
        max-width: 1120px;
        margin: 0 auto;
        padding: 20px 32px;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      .s3 {
        height: 30px;
        width: auto;
        display: block;
      }
      .s4 {
        height: 1px;
        background: #d8dfe7;
      }
      .s5 {
        max-width: 1120px;
        margin: 0 auto;
        padding: 96px 32px 0;
        padding-top: 60px;
      }
      .s6 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
        flex-wrap: wrap;
      }
      .s7 {
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      .s8 {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        align-self: flex-start;
        background: #ecfdf3;
        border: 1px solid #a6f4c5;
        border-radius: 999px;
        padding: 5px 13px;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #15803d;
      }
      .s9 {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #16a34a;
      }
      .s10 {
        display: flex;
        align-items: baseline;
        gap: 12px;
        flex-wrap: wrap;
      }
      .s11 {
        font-size: 18px;
        font-weight: 600;
        color: #12171c;
      }
      .s12 {
        color: #62707f;
        font-weight: 500;
      }
      .s13 {
        display: flex;
        align-items: center;
        gap: 10px;
      }
      .s14 {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
        background: #ffffff;
        border: 1px solid #d8dfe7;
        border-radius: 8px;
        padding: 10px 0;
        width: 72px;
        box-shadow: 0 1px 2px rgba(18, 23, 28, 0.05);
      }
      .s15 {
        font-family: "IBM Plex Mono", monospace;
        font-size: 26px;
        font-weight: 600;
        line-height: 1;
        color: #12171c;
      }
      .s16 {
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #8a97a6;
      }
      .s17 {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
        background: #ecfdf3;
        border: 1px solid #a6f4c5;
        border-radius: 8px;
        padding: 10px 0;
        width: 72px;
        box-shadow: 0 1px 2px rgba(18, 23, 28, 0.05);
      }
      .s18 {
        font-family: "IBM Plex Mono", monospace;
        font-size: 26px;
        font-weight: 600;
        line-height: 1;
        color: #15803d;
      }
      .s19 {
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #15803d;
      }
      .s20 {
        margin: 24px 0 0 !important;
        font-size: clamp(32px, 7vw, 76px) !important;
        line-height: 1.05 !important;
        letter-spacing: -0.02em !important;
        font-weight: 800 !important;
        color: #12171c !important;
        max-width: 1000px !important;
        text-wrap: balance !important;
      }
      .s21 {
        color: #16a34a;
      }
      .s22 {
        color: #682a7b;
      }
      .s23 {
        margin-top: 48px;
        display: grid;
        grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
        gap: 56px;
        align-items: start;
      }
      .s24 {
        display: flex;
        flex-direction: column;
        gap: 28px;
      }
      .s25 {
        margin: 0;
        max-width: 560px;
        font-size: 17px;
        line-height: 1.65;
        color: #47535f;
        text-wrap: pretty;
      }
      .s26 {
        color: #682a7b;
        font-weight: 600;
        font-size: 19px;
      }
      .s27 {
        border: 1px solid #d8dfe7;
        border-radius: 12px;
        overflow: hidden;
        box-shadow:
          0 1px 2px rgba(18, 23, 28, 0.05),
          0 2px 8px rgba(18, 23, 28, 0.06);
      }
      .s28 {
        display: flex;
        align-items: center;
        gap: 8px;
        background: #f4f6f8;
        border-bottom: 1px solid #d8dfe7;
        padding: 11px 16px;
      }
      .s29 {
        font-size: 12px;
        font-weight: 600;
        color: #62707f;
      }
      .s30 {
        height: 340px;
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        background: #ffffff;
      }
      .s31 {
        min-width: 100%;
        scroll-snap-align: start;
        display: flex;
        flex-direction: column;
        font-size: 11px;
        overflow: hidden;
      }
      .s32 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        padding: 10px 16px;
        border-bottom: 1px solid #e9edf2;
        min-width: 0;
      }
      .s33 {
        display: flex;
        align-items: center;
        gap: 8px;
        min-width: 0;
      }
      .s34 {
        font-size: 12px;
        font-weight: 700;
        color: #12171c;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .s35 {
        font-family: "IBM Plex Mono", monospace;
        color: #682a7b;
        background: #f7eefb;
        border: 1px solid #ead7f2;
        border-radius: 4px;
        padding: 1px 6px;
        white-space: nowrap;
        flex-shrink: 0;
      }
      .s36 {
        font-family: "IBM Plex Mono", monospace;
        color: #8a97a6;
        white-space: nowrap;
        flex-shrink: 0;
      }
      .s37 {
        display: flex;
        gap: 20px;
        padding: 0 16px;
        border-bottom: 1px solid #e9edf2;
        color: #62707f;
        font-weight: 600;
      }
      .s38 {
        padding: 8px 0;
        border-bottom: 2px solid transparent;
      }
      .s39 {
        padding: 8px 0;
        border-bottom: 2px solid #16a34a;
        color: #15803d;
      }
      .s40 {
        flex: 1;
        display: grid;
        grid-template-columns: minmax(150px, 210px) minmax(0, 1fr);
        min-height: 0;
      }
      .s41 {
        border-right: 1px solid #e9edf2;
        background: #fafbfc;
        padding: 8px 0;
        display: flex;
        flex-direction: column;
        overflow: hidden;
      }
      .s42 {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        gap: 8px;
        padding: 4px 14px 8px;
        min-width: 0;
      }
      .s43 {
        font-weight: 700;
        color: #12171c;
        white-space: nowrap;
      }
      .s44 {
        color: #8a97a6;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .s45 {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 7px 14px;
        min-width: 0;
        border-left: 3px solid transparent;
      }
      .s46 {
        font-family: "IBM Plex Mono", monospace;
        font-weight: 600;
        color: #682a7b;
        width: 32px;
        flex-shrink: 0;
      }
      .s47 {
        color: #47535f;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        flex: 1;
      }
      .s48 {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #16a34a;
        flex-shrink: 0;
      }
      .s49 {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 7px 14px;
        min-width: 0;
        background: #ecfdf3;
        border-left: 3px solid #16a34a;
      }
      .s50 {
        color: #12171c;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        flex: 1;
      }
      .s51 {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #d8dfe7;
        flex-shrink: 0;
      }
      .s52 {
        padding: 16px 20px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        min-width: 0;
        overflow: hidden;
      }
      .s53 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        min-width: 0;
      }
      .s54 {
        font-family: "IBM Plex Mono", monospace;
        font-weight: 600;
        color: #682a7b;
        white-space: nowrap;
      }
      .s55 {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        background: #ecfdf3;
        border: 1px solid #a6f4c5;
        border-radius: 999px;
        padding: 3px 10px;
        color: #14532d;
        font-weight: 700;
        white-space: nowrap;
        flex-shrink: 0;
      }
      .s56 {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #16a34a;
      }
      .s57 {
        font-size: 16px;
        font-weight: 700;
        color: #12171c;
        letter-spacing: -0.01em;
      }
      .s58 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px 16px;
      }
      .s59 {
        display: flex;
        flex-direction: column;
        gap: 2px;
      }
      .s60 {
        color: #8a97a6;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        font-size: 9px;
      }
      .s61 {
        color: #333d47;
      }
      .s62 {
        color: #15803d;
        font-weight: 600;
      }
      .s63 {
        min-width: 100%;
        scroll-snap-align: start;
        display: flex;
        flex-direction: column;
        font-size: 11px;
        overflow: hidden;
        border-left: 1px solid #e9edf2;
      }
      .s64 {
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
      }
      .s65 {
        font-size: 12px;
        font-weight: 700;
        color: #12171c;
      }
      .s66 {
        display: flex;
        gap: 6px;
        flex-shrink: 0;
      }
      .s67 {
        border: 1px solid #d8dfe7;
        border-radius: 5px;
        padding: 3px 8px;
        color: #47535f;
        font-weight: 600;
        white-space: nowrap;
      }
      .s68 {
        display: grid;
        grid-template-columns: 80px minmax(0, 1fr);
        border-bottom: 1px solid #e9edf2;
      }
      .s69 {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        padding: 6px 0;
        color: #8a97a6;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        font-size: 9px;
      }
      .s70 {
        flex: 1;
        display: grid;
        grid-template-columns: 80px minmax(0, 1fr);
        min-height: 0;
      }
      .s71 {
        display: flex;
        flex-direction: column;
        border-right: 1px solid #e9edf2;
      }
      .s72 {
        flex: 1.4;
        padding: 8px 14px;
        border-bottom: 1px solid #e9edf2;
      }
      .s73 {
        font-weight: 700;
        color: #12171c;
      }
      .s74 {
        color: #8a97a6;
      }
      .s75 {
        flex: 1;
        padding: 8px 14px;
        border-bottom: 1px solid #e9edf2;
      }
      .s76 {
        flex: 1;
        padding: 8px 14px;
      }
      .s77 {
        display: flex;
        flex-direction: column;
        position: relative;
      }
      .s78 {
        position: absolute;
        left: 42%;
        top: 0;
        bottom: 0;
        border-left: 1.5px dashed #dc2626;
        z-index: 1;
      }
      .s79 {
        flex: 1.4;
        position: relative;
        border-bottom: 1px solid #e9edf2;
      }
      .s80 {
        position: absolute;
        left: 16%;
        width: 46%;
        top: 32%;
        transform: translateY(-50%);
        height: 20px;
        background: #d1fadf;
        border: 1px solid #a6f4c5;
        border-radius: 5px;
        overflow: hidden;
        display: flex;
        align-items: center;
      }
      .s81 {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 55%;
        background: #6ce9a6;
      }
      .s82 {
        position: relative;
        padding: 0 8px;
        font-weight: 700;
        color: #14532d;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .s83 {
        position: absolute;
        left: 2%;
        width: 50%;
        top: 72%;
        transform: translateY(-50%);
        height: 20px;
        background: #d1fadf;
        border: 1px solid #a6f4c5;
        border-radius: 5px;
        overflow: hidden;
        display: flex;
        align-items: center;
      }
      .s84 {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 80%;
        background: #6ce9a6;
      }
      .s85 {
        flex: 1;
        position: relative;
        border-bottom: 1px solid #e9edf2;
      }
      .s86 {
        position: absolute;
        left: 2%;
        width: 11%;
        top: 50%;
        transform: translateY(-50%);
        height: 20px;
        background: #ead7f2;
        border: 1px solid #d6b0e4;
        border-radius: 5px;
        overflow: hidden;
        display: flex;
        align-items: center;
      }
      .s87 {
        position: relative;
        padding: 0 8px;
        font-weight: 700;
        color: #42184f;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .s88 {
        position: absolute;
        left: 2%;
        width: 24%;
        top: 50%;
        transform: translateY(-50%);
        height: 20px;
        background: #fef6e7;
        border: 1px solid #fcd9a0;
        border-radius: 5px;
        overflow: hidden;
        display: flex;
        align-items: center;
      }
      .s89 {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 60%;
        background: #fcd9a0;
      }
      .s90 {
        position: relative;
        padding: 0 8px;
        font-weight: 700;
        color: #7c4a03;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .s91 {
        flex: 1;
        position: relative;
      }
      .s92 {
        position: absolute;
        left: 64%;
        width: 33%;
        top: 50%;
        transform: translateY(-50%);
        height: 20px;
        background: #f4f6f8;
        border: 1px solid #d8dfe7;
        border-radius: 5px;
        overflow: hidden;
        display: flex;
        align-items: center;
      }
      .s93 {
        position: relative;
        padding: 0 8px;
        font-weight: 700;
        color: #47535f;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .s94 {
        display: grid;
        grid-template-columns: 1.3fr 1fr 1fr 1fr;
        gap: 16px;
        padding: 12px 16px;
        border-bottom: 1px solid #e9edf2;
        min-width: 0;
      }
      .s95 {
        display: flex;
        flex-direction: column;
        gap: 3px;
        min-width: 0;
      }
      .s96 {
        color: #8a97a6;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        font-size: 9px;
      }
      .s97 {
        color: #333d47;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .s98 {
        color: #333d47;
        white-space: nowrap;
      }
      .s99 {
        display: flex;
        flex-direction: column;
        gap: 3px;
        align-items: flex-start;
        min-width: 0;
      }
      .s100 {
        background: #fef6e7;
        border: 1px solid #fcd9a0;
        border-radius: 999px;
        padding: 2px 9px;
        color: #7c4a03;
        font-weight: 700;
        white-space: nowrap;
      }
      .s101 {
        flex: 1;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        padding: 14px 16px;
        min-height: 0;
      }
      .s102 {
        border: 1px solid #e9edf2;
        border-radius: 8px;
        padding: 14px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        min-width: 0;
      }
      .s103 {
        font-weight: 700;
        color: #12171c;
        font-size: 12px;
      }
      .s104 {
        font-size: 20px;
        font-weight: 800;
        color: #12171c;
        letter-spacing: -0.01em;
      }
      .s105 {
        font-size: 11px;
        font-weight: 600;
        color: #62707f;
      }
      .s106 {
        display: flex;
        height: 8px;
        border-radius: 999px;
        overflow: hidden;
        background: #e9edf2;
      }
      .s107 {
        width: 53%;
        background: #16a34a;
      }
      .s108 {
        width: 9%;
        background: #d97706;
      }
      .s109 {
        width: 8%;
        background: #dc2626;
      }
      .s110 {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 12px;
      }
      .s111 {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        white-space: nowrap;
      }
      .s112 {
        color: #47535f;
      }
      .s113 {
        font-family: "IBM Plex Mono", monospace;
        font-weight: 600;
        color: #12171c;
      }
      .s114 {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #d97706;
      }
      .s115 {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #dc2626;
      }
      .s116 {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #b7c1cd;
      }
      .s117 {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }
      .s118 {
        background: #feecec;
        border: 1px solid #f7b4b4;
        border-radius: 999px;
        padding: 2px 9px;
        color: #7f1d1d;
        font-weight: 700;
        white-space: nowrap;
      }
      .s119 {
        display: flex;
        justify-content: center;
        gap: 8px;
        padding: 9px 0;
        border-top: 1px solid #e9edf2;
        background: #fafbfc;
      }
      .s120 {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #16a34a;
        cursor: pointer;
      }
      .s121 {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #d8dfe7;
        cursor: pointer;
      }
      .s122 {
        position: sticky;
        top: 24px;
        background: #ffffff;
        border: 1px solid #d8dfe7;
        border-radius: 12px;
        box-shadow:
          0 1px 2px rgba(18, 23, 28, 0.05),
          0 2px 8px rgba(18, 23, 28, 0.06);
        padding: 28px;
        display: flex;
        flex-direction: column;
        gap: 16px;
      }
      .s123 {
        display: flex;
        flex-direction: column;
        gap: 6px;
      }
      .s124 {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #682a7b;
      }
      .s125 {
        font-size: 24px;
        font-weight: 700;
        letter-spacing: -0.01em;
        color: #12171c;
      }
      .s126 {
        font-size: 14px;
        color: #62707f;
        font-family: "IBM Plex Mono", monospace;
      }
      .s127 {
        font-size: 12px;
        line-height: 1.5;
        color: #8a97a6;
      }
      .s128 {
        max-width: 1120px;
        margin: 0 auto;
        padding: 88px 32px;
      }
      .s129 {
        background: #12171c;
        border-radius: 12px;
        padding: 56px 64px;
      }
      .s130 {
        margin: 0;
        max-width: 900px;
        font-size: 26px;
        line-height: 1.45;
        font-weight: 500;
        color: #ffffff;
        text-wrap: pretty;
      }
      .s131 {
        color: #22c55e;
        font-weight: 600;
      }
      .s132 {
        max-width: 1120px;
        margin: 0 auto;
        padding: 24px 32px 88px;
        padding-bottom: 66px;
      }
      .s133 {
        display: grid;
        grid-template-columns: 320px 1fr;
        gap: 72px;
        align-items: start;
      }
      .s134 {
        position: sticky;
        top: 24px;
        display: flex;
        flex-direction: column;
        gap: 12px;
      }
      .s135 {
        margin: 0;
        font-size: 38px;
        line-height: 1.1;
        letter-spacing: -0.02em;
        font-weight: 700;
        color: #12171c;
      }
      .s136 {
        display: flex;
        flex-direction: column;
      }
      .s137 {
        display: grid;
        grid-template-columns: 64px 1fr;
        gap: 24px;
        padding: 26px 0;
        border-top: 1px solid #d8dfe7;
      }
      .s138 {
        font-family: "IBM Plex Mono", monospace;
        font-size: 15px;
        font-weight: 600;
        color: #16a34a;
        padding-top: 4px;
      }
      .s139 {
        margin: 0;
        font-size: 21px;
        line-height: 1.45;
        font-weight: 500;
        color: #333d47;
        text-wrap: pretty;
      }
      .s140 {
        display: grid;
        grid-template-columns: 64px 1fr;
        gap: 24px;
        padding: 26px 0;
        border-top: 1px solid #d8dfe7;
        border-bottom: 1px solid #d8dfe7;
      }
      .s141 {
        background: #f4f6f8;
        border-top: 1px solid #e9edf2;
        border-bottom: 1px solid #e9edf2;
      }
      .s142 {
        max-width: 1120px;
        margin: 0 auto;
        padding: 88px 32px;
        padding-top: 50px;
        padding-bottom: 50px;
      }
      .s143 {
        display: flex;
        flex-direction: column;
        gap: 12px;
      }
      .s144 {
        display: flex;
        gap: 16px;
        align-items: flex-start;
        padding: 20px 0;
        border-top: 1px solid #d8dfe7;
      }
      .s145 {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #d97706;
        flex-shrink: 0;
        margin-top: 9px;
      }
      .s146 {
        font-size: 18px;
        line-height: 1.5;
        color: #47535f;
      }
      .s147 {
        display: flex;
        gap: 16px;
        align-items: flex-start;
        padding: 20px 0;
        border-top: 1px solid #d8dfe7;
        border-bottom: 1px solid #d8dfe7;
      }
      .s148 {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
      }
      .s149 {
        background: #ffffff;
        border: 1px solid #d8dfe7;
        border-radius: 12px;
        padding: 24px;
        display: flex;
        flex-direction: column;
        gap: 14px;
        box-shadow: 0 1px 2px rgba(18, 23, 28, 0.05);
      }
      .s150 {
        display: flex;
        flex-direction: column;
        gap: 4px;
      }
      .s151 {
        font-size: 18px;
        font-weight: 700;
        color: #12171c;
      }
      .s152 {
        font-size: 14px;
        color: #682a7b;
        font-weight: 600;
      }
      .s153 {
        max-width: 1120px;
        margin: 0 auto;
        padding: 88px 32px;
        display: flex;
        flex-direction: column;
        gap: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
      }
      .s154 {
        display: flex;
        flex-direction: column;
        gap: 12px;
        max-width: 720px;
      }
      .s155 {
        margin: 8px 0 0;
        font-size: 18px;
        line-height: 1.6;
        color: #47535f;
        text-wrap: pretty;
      }
      .s156 {
        display: flex;
        flex-direction: column;
        gap: 18px;
        max-width: 820px;
      }
      .s157 {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
      .s158 {
        border: 1px solid #d8dfe7;
        background: #fafbfc;
        border-radius: 999px;
        padding: 7px 14px;
        font-size: 14px;
        font-weight: 600;
        color: #47535f;
      }
      .s159 {
        max-width: 1120px;
        margin: 0 auto;
        padding: 112px 32px 104px;
        display: flex;
        flex-direction: column;
        gap: 32px;
        padding-top: 60px;
        padding-bottom: 60px;
      }
      .s160 {
        margin: 0 !important;
        font-size: clamp(40px, 5vw, 56px) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.02em !important;
        font-weight: 800 !important;
        color: #12171c !important;
        max-width: 860px !important;
        text-wrap: balance !important;
      }
      .s161 {
        display: flex;
        align-items: center;
        gap: 28px;
        flex-wrap: wrap;
      }
      .s162 {
        font-size: 15px;
        color: #62707f;
        font-family: "IBM Plex Mono", monospace;
      }
      .s163 {
        max-width: 1120px;
        margin: 0 auto;
        padding: 24px 32px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 13px;
        color: #62707f;
      }
      .s164 {
        height: 22px;
        width: auto;
        display: block;
        opacity: 0.85;
      }/* End custom CSS */