.elementor-34215 .elementor-element.elementor-element-daa229f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-24px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for container, class: .elementor-element-daa229f */@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Public+Sans:wght@400;500;600;700;800&display=swap");

      /* ============================================================
   Compliance4DevOps — Product page styles
   Design tokens + components, extracted from the original
   Design-System build. Fonts load from Google Fonts.
   ============================================================ */

      /* --- Color tokens --- */
      :root {
        /* --- Brand: Green (primary — "compliant / pass") --- */
        --green-50: #ecfdf3;
        --green-100: #d1fadf;
        --green-200: #a6f4c5;
        --green-300: #6ce9a6;
        --green-400: #32d583;
        --green-500: #22c55e; /* logo green — dark surfaces */
        --green-600: #16a34a; /* logo green — light surfaces / primary */
        --green-700: #15803d;
        --green-800: #166534;
        --green-900: #14532d;

        /* --- Brand: Purple (accent) --- */
        --purple-50: #f7eefb;
        --purple-100: #ead7f2;
        --purple-200: #d6b0e4;
        --purple-300: #be85d2;
        --purple-400: #9b5fb0; /* logo purple — dark surfaces */
        --purple-500: #7e3f96;
        --purple-600: #682a7b; /* logo purple — light surfaces / accent */
        --purple-700: #551e64;
        --purple-800: #42184f;
        --purple-900: #2e0f38;

        /* --- Neutrals: cool slate --- */
        --white: #ffffff;
        --slate-25: #fafbfc;
        --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-800: #1e262e;
        --slate-900: #12171c;
        --ink: #1a1a1a; /* logo wordmark black */

        /* --- Semantic status scales --- */
        --success: #16a34a;
        --success-fg: #14532d;
        --success-bg: #ecfdf3;
        --success-border: #a6f4c5;

        --warning: #d97706;
        --warning-fg: #7c4a03;
        --warning-bg: #fef6e7;
        --warning-border: #fcd9a0;

        --danger: #dc2626;
        --danger-fg: #7f1d1d;
        --danger-bg: #feecec;
        --danger-border: #f7b4b4;

        --info: #0067c5; /* Azure-blue nod */
        --info-fg: #0a3d74;
        --info-bg: #e7f1fb;
        --info-border: #a9cdf0;

        /* ============================================================
     Semantic aliases — reference these in components, not raw scales
     ============================================================ */
        /* Brand */
        --brand-primary: var(--purple-600);
        --brand-primary-hover: var(--purple-700);
        --brand-primary-active: var(--purple-800);
        --brand-accent: var(--purple-600);
        --brand-accent-hover: var(--purple-700);

        /* Text */
        --text-strong: var(--slate-900);
        --text-body: var(--slate-700);
        --text-muted: var(--slate-500);
        --text-subtle: var(--slate-400);
        --text-on-brand: var(--white);
        --text-link: var(--green-700);
        --text-link-hover: var(--green-800);

        /* Surfaces */
        --surface-page: var(--slate-50);
        --surface-card: var(--white);
        --surface-sunken: var(--slate-100);
        --surface-hover: var(--slate-50);
        --surface-inverse: var(--slate-900);
        --surface-brand-subtle: var(--green-50);
        --surface-accent-subtle: var(--purple-50);

        /* Borders */
        --border-subtle: var(--slate-200);
        --border-default: var(--slate-300);
        --border-strong: var(--slate-400);
        --border-brand: var(--green-600);
        --ring-brand: color-mix(in srgb, var(--green-600) 35%, transparent);
        --ring-focus: color-mix(in srgb, var(--info) 45%, transparent);
      }

      /* --- Typography tokens --- */
      :root {
        /* Families */
        --font-sans:
          "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
          sans-serif;
        --font-display: "Public Sans", -apple-system, "Segoe UI", sans-serif;
        --font-mono:
          "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Menlo", monospace;

        /* Weights */
        --fw-regular: 400; /* @kind font */
        --fw-medium: 500; /* @kind font */
        --fw-semibold: 600; /* @kind font */
        --fw-bold: 700; /* @kind font */
        --fw-extrabold: 800; /* @kind font */

        /* Type scale (px, 1.25 major-third-ish, tuned for dense UI) */
        --fs-display: 44px;
        --fs-h1: 32px;
        --fs-h2: 26px;
        --fs-h3: 21px;
        --fs-h4: 18px;
        --fs-body-lg: 16px;
        --fs-body: 14px; /* app default */
        --fs-sm: 13px;
        --fs-xs: 12px;
        --fs-micro: 11px;

        /* Line heights */
        --lh-tight: 1.15; /* @kind font */
        --lh-snug: 1.3; /* @kind font */
        --lh-normal: 1.5; /* @kind font */
        --lh-relaxed: 1.65; /* @kind font */

        /* Letter spacing */
        --ls-tight: -0.02em; /* @kind font */
        --ls-snug: -0.01em; /* @kind font */
        --ls-normal: 0; /* @kind font */
        --ls-wide: 0.04em; /* @kind font */
        --ls-caps: 0.08em; /* @kind font */ /* eyebrows / overlines */

        /* Semantic text roles */
        --text-display: var(--fw-extrabold) var(--fs-display)/var(--lh-tight)
          var(--font-display);
        --text-h1: var(--fw-bold) var(--fs-h1)/var(--lh-tight)
          var(--font-display);
        --text-h2: var(--fw-bold) var(--fs-h2)/var(--lh-snug)
          var(--font-display);
        --text-h3: var(--fw-semibold) var(--fs-h3)/var(--lh-snug)
          var(--font-sans);
        --text-body-default: var(--fw-regular) var(--fs-body)/var(--lh-normal)
          var(--font-sans);
      }

      /* --- Spacing / radius / sizing tokens --- */
      :root {
        /* Spacing scale (4px base) */
        --space-0: 0;
        --space-1: 4px;
        --space-2: 8px;
        --space-3: 12px;
        --space-4: 16px;
        --space-5: 20px;
        --space-6: 24px;
        --space-8: 32px;
        --space-10: 40px;
        --space-12: 48px;
        --space-16: 64px;
        --space-20: 80px;
        --space-24: 96px;

        /* Radii — restrained; enterprise, not playful */
        --radius-xs: 3px;
        --radius-sm: 5px;
        --radius-md: 8px;
        --radius-lg: 12px;
        --radius-xl: 16px;
        --radius-pill: 999px;

        /* Control heights */
        --control-sm: 28px;
        --control-md: 36px;
        --control-lg: 44px;

        /* Layout */
        --sidebar-w: 248px;
        --topbar-h: 52px;
        --container-max: 1280px;
      }

      /* --- Elevation / shadow / motion tokens --- */
      :root {
        /* Shadows — cool slate tint, layered for depth */
        --shadow-xs: 0 1px 2px rgba(18, 23, 28, 0.06);
        --shadow-sm:
          0 1px 2px rgba(18, 23, 28, 0.06), 0 1px 3px rgba(18, 23, 28, 0.08);
        --shadow-md:
          0 2px 4px rgba(18, 23, 28, 0.06), 0 4px 12px rgba(18, 23, 28, 0.08);
        --shadow-lg:
          0 8px 24px rgba(18, 23, 28, 0.12), 0 2px 6px rgba(18, 23, 28, 0.08);
        --shadow-xl:
          0 20px 48px rgba(18, 23, 28, 0.18), 0 4px 12px rgba(18, 23, 28, 0.1);

        /* Focus ring */
        --focus-ring: 0 0 0 3px var(--ring-focus);
        --focus-ring-brand: 0 0 0 3px var(--ring-brand);

        /* Motion */
        --ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
        --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
        --ease-in: cubic-bezier(0.4, 0, 1, 1); /* @kind other */
        --dur-fast: 120ms; /* @kind other */
        --dur-med: 180ms; /* @kind other */
        --dur-slow: 260ms; /* @kind other */
      }

      /* --- Reset / base --- */
      *,
      *::before,
      *::after {
        box-sizing: border-box;
      }
      html {
        scroll-behavior: smooth;
      }
      body {
        margin: 0;
        background: #ffffff;
        font-family:
          "Public Sans",
          -apple-system,
          BlinkMacSystemFont,
          "Segoe UI",
          sans-serif;
        -webkit-font-smoothing: antialiased;
        color: #333d47;
      }
      a {
        color: #15803d;
        text-decoration: none;
      }
      a:hover {
        color: #166534;
      }
      img {
        max-width: 100%;
      }

      /* ============================================================
   Button component (design-system: variant=primary)
   ============================================================ */
      .c4do-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: auto;
        padding: 0 16px;
        font: var(--fw-semibold) var(--fs-body)/1 var(--font-sans);
        letter-spacing: var(--ls-snug);
        border-radius: var(--radius-sm);
        cursor: pointer;
        white-space: nowrap;
        background: var(--brand-primary);
        color: var(--text-on-brand);
        border: 1px solid var(--brand-primary);
        transition:
          background var(--dur-fast) var(--ease-standard),
          box-shadow var(--dur-fast) var(--ease-standard),
          transform var(--dur-fast) var(--ease-standard);
      }
      .c4do-btn:hover {
        background: var(--brand-primary-hover);
        border-color: var(--brand-primary-hover);
        color: var(--text-on-brand);
      }
      .c4do-btn:active {
        background: var(--brand-primary-active);
        border-color: var(--brand-primary-active);
      }
      .c4do-btn:focus-visible {
        outline: none;
        box-shadow: var(--focus-ring-brand);
      }
      .c4do-btn--md {
        height: var(--control-md);
      }
      .c4do-btn--lg {
        height: var(--control-lg);
        padding: 0 20px;
        font-size: var(--fs-body-lg);
      }

      /* ============================================================
   Hero carousel
   ============================================================ */
      .hero-slide {
        will-change: transform;
      }
      .carousel-dot {
        transition: background var(--dur-med) var(--ease-standard);
      }
      .carousel-dot:hover {
        background: var(--brand-primary) !important;
      }

      @media (max-width: 640px) {
        .hero-carousel-viewport {
          height: auto !important;
        }
      }

      /* ============================================================
   Page layout classes (lifted from former inline styles)
   ============================================================ */
      .u1 {
        width: 100%;
        background: #ffffff;
        color: #333d47;
        overflow-x: hidden;
      }
      .u2 {
        background: #12171c;
      }
      .u3 {
        max-width: 1120px;
        margin: 0 auto;
        padding: 10px 32px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 13px;
        color: #8a97a6;
      }
      .u4 {
        font-weight: 600;
        color: #b7c1cd;
      }
      .u5 {
        display: flex;
        gap: 24px;
      }
      .u6 {
        max-width: 1120px;
        margin: 0 auto;
        padding: 18px 32px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 24px;
      }
      .u7 {
        height: 30px;
        display: block;
      }
      .u8 {
        display: flex;
        align-items: center;
        gap: 12px;
      }
      .u9 {
        font-size: 14px;
        font-weight: 600;
      }
      .u10 {
        height: 1px;
        background: #d8dfe7;
      }
      .u11 {
        max-width: 1120px;
        margin: 0 auto;
        padding: 88px 32px 72px;
      }
      .u12 {
        display: flex;
        flex-direction: column;
        gap: 56px;
        align-items: center;
      }
      .u13 {
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-items: center;
        text-align: center;
        max-width: 760px;
      }
      .u14 {
          width: 300px;
        height: 20px;
        display: block;
      }
      .u15 {
        margin: 0;
        font-size: clamp(40px, 5.5vw, 60px);
        line-height: 1.05;
        letter-spacing: -0.02em;
        font-weight: 800;
        color: #12171c;
        text-wrap: balance;
      }
      .u16 {
        color: #16a34a;
      }
      .u17 {
        margin: 0;
        font-size: 18px;
        line-height: 1.65;
        color: #47535f;
        max-width: 600px;
        text-wrap: pretty;
      }
      .u18 {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
        flex-wrap: wrap;
      }
      .u19 {
        font-size: 15px;
        font-weight: 600;
        color: #15803d;
      }
      .u20 {
        width: 100%;
        max-width: 760px;
        display: flex;
        flex-direction: column;
        text-align: left;
      }
      .u21 {
        border: 1px solid #d8dfe7;
        border-radius: 12px;
        overflow: hidden;
        box-shadow:
          0 1px 2px rgba(18, 23, 28, 0.05),
          0 8px 24px rgba(18, 23, 28, 0.08);
        background: #ffffff;
        font-size: 12px;
      }
      .u22 {
        display: flex;
        overflow: hidden;
        height: 430px;
      }
      .u23 {
        min-width: 100%;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        transition: transform 0.45s ease;
        transform: translateX(0%);
      }
      .u24 {
        display: flex;
        align-items: center;
        gap: 8px;
        background: #f4f6f8;
        border-bottom: 1px solid #d8dfe7;
        padding: 10px 16px;
      }
      .u25 {
        width: 14px;
        height: 14px;
      }
      .u26 {
        font-size: 12px;
        font-weight: 600;
        color: #62707f;
      }
      .u27 {
        flex: 1;
        display: flex;
        flex-direction: column;
        min-height: 0;
        overflow: hidden;
      }
      .u28 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        padding: 13px 20px;
        border-bottom: 1px solid #e9edf2;
        min-width: 0;
      }
      .u29 {
        font-size: 14px;
        font-weight: 700;
        color: #12171c;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .u30 {
        font-family: "IBM Plex Mono", monospace;
        color: #8a97a6;
        white-space: nowrap;
        flex-shrink: 0;
      }
      .u31 {
        display: flex;
        gap: 24px;
        padding: 0 20px;
        border-bottom: 1px solid #e9edf2;
        color: #62707f;
        font-weight: 600;
      }
      .u32 {
        padding: 10px 0;
        border-bottom: 2px solid transparent;
      }
      .u33 {
        padding: 10px 0;
        border-bottom: 2px solid #16a34a;
        color: #15803d;
      }
      .u34 {
        display: grid;
        grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
        min-height: 0;
      }
      .u35 {
        border-right: 1px solid #e9edf2;
        background: #fafbfc;
        padding: 10px 0 14px;
        display: flex;
        flex-direction: column;
        overflow: hidden;
      }
      .u36 {
        display: flex;
        align-items: baseline;
        gap: 8px;
        padding: 6px 16px 10px;
        min-width: 0;
      }
      .u37 {
        font-weight: 700;
        color: #12171c;
        white-space: nowrap;
      }
      .u38 {
        color: #8a97a6;
        font-size: 11px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .u39 {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 9px 16px;
        min-width: 0;
        border-left: 3px solid transparent;
      }
      .u40 {
        font-family: "IBM Plex Mono", monospace;
        font-weight: 600;
        color: #682a7b;
        width: 40px;
        flex-shrink: 0;
      }
      .u41 {
        color: #47535f;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        flex: 1;
      }
      .u42 {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #16a34a;
        flex-shrink: 0;
      }
      .u43 {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 9px 16px;
        min-width: 0;
        background: #ecfdf3;
        border-left: 3px solid #16a34a;
      }
      .u44 {
        color: #12171c;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        flex: 1;
      }
      .u45 {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #d8dfe7;
        flex-shrink: 0;
      }
      .u46 {
        padding: 20px 24px;
        display: flex;
        flex-direction: column;
        gap: 14px;
        min-width: 0;
        overflow: hidden;
      }
      .u47 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        min-width: 0;
      }
      .u48 {
        font-family: "IBM Plex Mono", monospace;
        font-weight: 600;
        color: #682a7b;
        white-space: nowrap;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .u49 {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: #ecfdf3;
        border: 1px solid #a6f4c5;
        border-radius: 999px;
        padding: 4px 12px;
        color: #14532d;
        font-weight: 700;
        white-space: nowrap;
        flex-shrink: 0;
      }
      .u50 {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #16a34a;
      }
      .u51 {
        font-size: 20px;
        font-weight: 700;
        color: #12171c;
        letter-spacing: -0.01em;
      }
      .u52 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px 20px;
      }
      .u53 {
        display: flex;
        flex-direction: column;
        gap: 4px;
        min-width: 0;
      }
      .u54 {
        color: #8a97a6;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.07em;
        font-size: 10px;
      }
      .u55 {
        color: #333d47;
        font-size: 13px;
        line-height: 1.5;
      }
      .u56 {
        color: #682a7b;
        font-weight: 700;
        font-size: 13px;
        line-height: 1.5;
      }
      .u57 {
        display: grid;
        grid-template-columns: 1.3fr 1fr 1fr 1.1fr;
        gap: 16px;
        padding: 14px 20px;
        border-bottom: 1px solid #e9edf2;
        min-width: 0;
      }
      .u58 {
        color: #333d47;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .u59 {
        display: flex;
        flex-direction: column;
        gap: 4px;
        align-items: flex-start;
        min-width: 0;
      }
      .u60 {
        background: #fef6e7;
        border: 1px solid #fcd9a0;
        border-radius: 999px;
        padding: 2px 10px;
        color: #7c4a03;
        font-weight: 700;
        white-space: nowrap;
      }
      .u61 {
        flex: 1;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
        padding: 16px 20px;
      }
      .u62 {
        border: 1px solid #e9edf2;
        border-radius: 10px;
        padding: 16px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        min-width: 0;
      }
      .u63 {
        font-weight: 700;
        color: #12171c;
        font-size: 13px;
      }
      .u64 {
        font-size: 22px;
        font-weight: 800;
        color: #12171c;
        letter-spacing: -0.01em;
      }
      .u65 {
        display: flex;
        height: 8px;
        border-radius: 999px;
        overflow: hidden;
        background: #e9edf2;
      }
      .u66 {
        width: 53%;
        background: #16a34a;
      }
      .u67 {
        width: 9%;
        background: #d97706;
      }
      .u68 {
        width: 8%;
        background: #dc2626;
      }
      .u69 {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 14px;
      }
      .u70 {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        white-space: nowrap;
      }
      .u71 {
        color: #47535f;
      }
      .u72 {
        font-family: "IBM Plex Mono", monospace;
        font-weight: 600;
        color: #12171c;
      }
      .u73 {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #d97706;
      }
      .u74 {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #dc2626;
      }
      .u75 {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #b7c1cd;
      }
      .u76 {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
      }
      .u77 {
        background: #feecec;
        border: 1px solid #f7b4b4;
        border-radius: 999px;
        padding: 3px 10px;
        color: #7f1d1d;
        font-weight: 700;
        white-space: nowrap;
      }
      .u78 {
        background: #fef6e7;
        border: 1px solid #fcd9a0;
        border-radius: 999px;
        padding: 3px 10px;
        color: #7c4a03;
        font-weight: 700;
        white-space: nowrap;
      }
      .u79 {
        display: flex;
        flex-direction: column;
        gap: 7px;
      }
      .u80 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        padding: 12px 20px;
        border-bottom: 1px solid #e9edf2;
        min-width: 0;
      }
      .u81 {
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
      }
      .u82 {
        font-size: 14px;
        font-weight: 700;
        color: #12171c;
      }
      .u83 {
        color: #8a97a6;
      }
      .u84 {
        display: flex;
        gap: 8px;
        flex-shrink: 0;
      }
      .u85 {
        border: 1px solid #d8dfe7;
        border-radius: 999px;
        padding: 4px 12px;
        font-weight: 600;
        color: #47535f;
        white-space: nowrap;
      }
      .u86 {
        display: grid;
        grid-template-columns: 110px repeat(6, 1fr);
        border-bottom: 1px solid #e9edf2;
        font-family: "IBM Plex Mono", monospace;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.06em;
        color: #8a97a6;
      }
      .u87 {
        padding: 8px 0;
        text-align: center;
      }
      .u88 {
        flex: 1;
        display: flex;
        flex-direction: column;
        position: relative;
        min-height: 0;
      }
      .u89 {
        position: absolute;
        left: calc(110px + (100% - 110px) * 0.52);
        top: 0;
        bottom: 0;
        border-left: 1.5px dashed #dc2626;
        z-index: 1;
      }
      .u90 {
        display: grid;
        grid-template-columns: 110px 1fr;
        border-bottom: 1px solid #e9edf2;
        min-width: 0;
        flex: 1.4;
      }
      .u91 {
        padding: 10px 14px;
        border-right: 1px solid #e9edf2;
      }
      .u92 {
        font-weight: 700;
        color: #12171c;
      }
      .u93 {
        position: relative;
        min-width: 0;
      }
      .u94 {
        position: absolute;
        left: 14%;
        width: 44%;
        top: 18%;
        height: 22px;
        background: #d1fadf;
        border: 1px solid #a6f4c5;
        border-radius: 6px;
        display: flex;
        align-items: center;
        overflow: hidden;
      }
      .u95 {
        padding: 0 9px;
        font-weight: 700;
        color: #14532d;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .u96 {
        position: absolute;
        left: 2%;
        width: 48%;
        top: 58%;
        height: 22px;
        background: #6ce9a6;
        border: 1px solid #32d583;
        border-radius: 6px;
        display: flex;
        align-items: center;
        overflow: hidden;
      }
      .u97 {
        display: grid;
        grid-template-columns: 110px 1fr;
        border-bottom: 1px solid #e9edf2;
        min-width: 0;
        flex: 1;
      }
      .u98 {
        position: absolute;
        left: 2%;
        width: 12%;
        top: calc(50% - 11px);
        height: 22px;
        background: #ead7f2;
        border: 1px solid #d6b0e4;
        border-radius: 6px;
        display: flex;
        align-items: center;
        overflow: hidden;
      }
      .u99 {
        padding: 0 9px;
        font-weight: 700;
        color: #42184f;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .u100 {
        position: absolute;
        left: 2%;
        width: 24%;
        top: calc(50% - 11px);
        height: 22px;
        background: #fef6e7;
        border: 1px solid #fcd9a0;
        border-radius: 6px;
        display: flex;
        align-items: center;
        overflow: hidden;
      }
      .u101 {
        padding: 0 9px;
        font-weight: 700;
        color: #7c4a03;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .u102 {
        display: grid;
        grid-template-columns: 110px 1fr;
        min-width: 0;
        flex: 1;
      }
      .u103 {
        position: absolute;
        left: 62%;
        width: 34%;
        top: calc(50% - 11px);
        height: 22px;
        background: #f4f6f8;
        border: 1px solid #d8dfe7;
        border-radius: 6px;
        display: flex;
        align-items: center;
        overflow: hidden;
      }
      .u104 {
        padding: 0 9px;
        font-weight: 700;
        color: #47535f;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .u105 {
        display: flex;
        justify-content: center;
        gap: 8px;
        padding: 14px 0 0;
      }
      .u106 {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #16a34a;
        cursor: pointer;
      }
      .u107 {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #d8dfe7;
        cursor: pointer;
      }
      .u108 {
        background: #f4f6f8;
        border-top: 1px solid #e9edf2;
        border-bottom: 1px solid #e9edf2;
      }
      .u109 {
        max-width: 1120px;
        margin: 0 auto;
        padding: 88px 32px;
        display: flex;
        flex-direction: column;
        gap: 48px;
        align-items: center;
      }
      .u110 {
        display: flex;
        flex-direction: column;
        gap: 12px;
        align-items: center;
        text-align: center;
        max-width: 760px;
      }
      .u111 {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #682a7b;
      }
      .u112 {
        margin: 0;
        font-size: 38px;
        line-height: 1.1;
        letter-spacing: -0.02em;
        font-weight: 700;
        color: #12171c;
      }
      .u113 {
        width: 100%;
        border: 1px solid #d8dfe7;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 1px 2px rgba(18, 23, 28, 0.05);
        background: #ffffff;
      }
      .u114 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-bottom: 1px solid #e9edf2;
      }
      .u115 {
        padding: 13px 20px;
        font-family: "IBM Plex Mono", monospace;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #8a97a6;
        border-right: 1px solid #e9edf2;
        background: #f4f6f8;
      }
      .u116 {
        padding: 13px 20px;
        font-family: "IBM Plex Mono", monospace;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #15803d;
        background: #ecfdf3;
      }
      .u117 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-bottom: 1px solid #e9edf2;
        min-width: 0;
      }
      .u118 {
        display: flex;
        gap: 12px;
        align-items: flex-start;
        padding: 16px 20px;
        border-right: 1px solid #e9edf2;
      }
      .u119 {
        color: #dc2626;
        font-weight: 700;
        flex-shrink: 0;
      }
      .u120 {
        font-size: 14px;
        line-height: 1.6;
        color: #62707f;
      }
      .u121 {
        display: flex;
        gap: 12px;
        align-items: flex-start;
        padding: 16px 20px;
        background: #fbfefc;
      }
      .u122 {
        color: #16a34a;
        font-weight: 700;
        flex-shrink: 0;
      }
      .u123 {
        font-size: 14px;
        line-height: 1.6;
        color: #333d47;
      }
      .u124 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        min-width: 0;
      }
      .u125 {
        background: #ffffff;
      }
      .u126 {
        max-width: 1120px;
        margin: 0 auto;
        padding: 88px 32px;
      }
      .u127 {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 20px;
      }
      .u128 {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        background: #ecfdf3;
        border: 1px solid #a6f4c5;
        border-radius: 999px;
        padding: 6px 14px;
        font-family: "IBM Plex Mono", monospace;
        font-size: 12px;
        font-weight: 600;
        color: #15803d;
      }
      .u129 {
        margin-top: 36px;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 14px;
      }
      .u130 {
        border: 1px solid #d8dfe7;
        border-radius: 12px;
        padding: 22px;
        display: flex;
        flex-direction: column;
        gap: 8px;
        min-width: 0;
      }
      .u131 {
        font-family: "IBM Plex Mono", monospace;
        font-size: 15px;
        font-weight: 700;
        color: #15803d;
      }
      .u132 {
        font-size: 16px;
        font-weight: 700;
        color: #12171c;
      }
      .u133 {
        font-family: "IBM Plex Mono", monospace;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: #682a7b;
      }
      .u134 {
        margin: 0;
        font-size: 13px;
        line-height: 1.6;
        color: #62707f;
      }
      .u135 {
        margin-top: 16px;
        display: flex;
        justify-content: center;
      }
      .u136 {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        border: 1px solid #ead7f2;
        background: #f7eefb;
        border-radius: 999px;
        padding: 6px 14px;
        font-family: "IBM Plex Mono", monospace;
        font-size: 12px;
        font-weight: 600;
        color: #682a7b;
      }
      .u137 {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #9b5fb0;
      }
      .u138 {
        background: #fbf7fd;
        border-bottom: 1px solid #ead7f2;
      }
      .u139 {
        display: flex;
        flex-direction: column;
        gap: 48px;
        align-items: center;
      }
      .u140 {
        display: flex;
        flex-direction: column;
        gap: 36px;
        align-items: center;
        max-width: 960px;
        width: 100%;
      }
      .u141 {
        margin: 0;
        font-size: 18px;
        line-height: 1.65;
        color: #47535f;
        text-wrap: pretty;
        text-align: center;
        max-width: 840px;
      }
      .u142 {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        text-align: left;
      }
      .u143 {
        background: #ffffff;
        border: 1px solid #d8dfe7;
        border-radius: 12px;
        padding: 28px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        box-shadow: 0 1px 2px rgba(18, 23, 28, 0.05);
      }
      .u144 {
        display: flex;
        flex-direction: column;
        gap: 4px;
      }
      .u145 {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #8a97a6;
      }
      .u146 {
        font-size: 20px;
        font-weight: 700;
        color: #12171c;
      }
      .u147 {
        font-size: 14px;
        font-weight: 600;
        color: #682a7b;
      }
      .u148 {
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
      .u149 {
        display: flex;
        gap: 10px;
        align-items: flex-start;
      }
      .u150 {
        font-size: 15px;
        line-height: 1.6;
        color: #47535f;
      }
      .u151 {
        margin: auto 0 0;
        font-size: 14px;
        line-height: 1.6;
        color: #62707f;
      }
      .u152 {
        background: #ffffff;
        border: 1px solid #a6f4c5;
        border-radius: 12px;
        padding: 28px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        box-shadow: 0 1px 2px rgba(18, 23, 28, 0.05);
      }
      .u153 {
        font-size: 14px;
        font-weight: 600;
        color: #15803d;
      }
      .u154 {
        width: 100%;
        background: #ffffff;
        border: 1px solid #d8dfe7;
        border-radius: 12px;
        padding: 28px 32px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        text-align: center;
        align-items: center;
        box-shadow: 0 1px 2px rgba(18, 23, 28, 0.05);
      }
      .u155 {
        margin: 0;
        font-size: 15px;
        line-height: 1.65;
        color: #47535f;
        max-width: 760px;
        text-wrap: pretty;
      }
      .u156 {
        display: none;
      }
      .u157 {
        border: 1px solid #d8dfe7;
        background: #ffffff;
        border-radius: 999px;
        padding: 7px 14px;
        font-size: 14px;
        font-weight: 600;
        color: #47535f;
      }
      .u158 {
        margin: 0;
        font-size: 14px;
        color: #8a97a6;
      }
      .u159 {
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-items: center;
      }
      .u160 {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
        text-align: center;
        max-width: 760px;
      }
      .u161 {
        font-size: 32px;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #12171c;
        line-height: 1.15;
      }
      .u162 {
        margin: 0;
        font-size: 15px;
        line-height: 1.65;
        color: #62707f;
        text-wrap: pretty;
      }
      .u163 {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
      }
      .u164 {
        border: 1px solid #d1fadf;
        background: #ffffff;
        border-radius: 12px;
        padding: 18px 20px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        min-width: 0;
      }
      .u165 {
        font-size: 12px;
        font-weight: 700;
        color: #12171c;
      }
      .u166 {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
      }
      .u167 {
        border: 1px solid #d8dfe7;
        background: #f4f6f8;
        border-radius: 999px;
        padding: 6px 13px;
        font-family: "IBM Plex Mono", monospace;
        font-size: 12px;
        font-weight: 600;
        color: #47535f;
      }
      .u168 {
        font-size: 13px;
        line-height: 1.6;
        color: #62707f;
      }

      /* ============ dark-standards: same theme as the dark AI section ============ */
      .dark-standards {
        background: linear-gradient(180deg, #123524, #081b12) !important;
      }
      .dark-standards .u161 { color: #ffffff; }
      .dark-standards .u162 { color: #b9d8c5; }
      .dark-standards .u164 {
        background: rgba(255, 255, 255, 0.04);
        border: 1px solid rgba(255, 255, 255, 0.12);
      }
      .dark-standards .u165 { color: #f5a623; font-size: 15px; }
      .dark-standards .u167 {
        background: rgba(255, 255, 255, 0.07);
        border: 1px solid rgba(255, 255, 255, 0.15);
        color: #d7ecdf;
      }
      .dark-standards .u168 { color: #b9d8c5; }
      .dark-standards .std-icon-box {
        width: 100%;
        aspect-ratio: 16/7;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.035);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 14px;
        overflow: hidden;
      }
      .dark-standards .std-icon-box svg { width: 62%; height: auto; display: block; }
      .u169 {
        background: #f7eefb;
        border-top: 1px solid #d6b0e4;
        border-bottom: 1px solid #d6b0e4;
      }
      .u170 {
        max-width: 1120px;
        margin: 0 auto;
        padding: 96px 32px;
        display: flex;
        flex-direction: column;
        gap: 28px;
        align-items: center;
        text-align: center;
      }
      .u171 {
        margin: 0;
        font-size: clamp(36px, 4.5vw, 52px);
        line-height: 1.08;
        letter-spacing: -0.02em;
        font-weight: 800;
        color: #12171c;
        max-width: 820px;
        text-wrap: balance;
      }
      .u172 {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        flex-wrap: wrap;
      }
      .u173 {
        font-size: 15px;
        font-weight: 600;
        color: #15803d;
        text-decoration: none;
      }
            .u173:hover {
        color: #166534;
      }
      .u174 {
        max-width: 1120px;
        margin: 0 auto;
        padding: 24px 32px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 13px;
        color: #62707f;
      }
      .u175 {
        height: 22px;
        display: block;
        opacity: 0.85;
      }/* End custom CSS */
/* Start custom CSS */.jupiterx-main-content {
    padding: 0px 0 !important;
    word-wrap: break-word;
}

.elementor-element-aac30ff {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  left: 0 !important;
}/* End custom CSS */