.elementor-416 .elementor-element.elementor-element-29fd6ed{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-416 .elementor-element.elementor-element-9efb5d3 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-weight:600;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-29fd6ed */:root {
        /* brand — sampled from the Compliance4DevOps logo */
        --green: #17a34a;
        --green-deep: #13863d;
        --green-600: #159644;
        --purple: #66188c;
        --purple-hi: #8011b7;
        --purple-hover: #57157a;
        --purple-deep: #42105b;
        --purple-dark: #2e0b3f;
        --amber: #f5a623;
        --amber-deep: #e08a00;
        --amber-soft: #fbd88a;
        /* green now leads where Vanta used lavender */
        --lav-1: #e8f6ed;
        --lav-2: #daf0e2;
        --lav-soft: #f1f9f4;
        --ink: #12251a;
        --body: #41564a;
        --muted: #6f8579;
        --card: #f5fbf7;
        --line: #d1eddb;
        --white: #fff;
        --dark: #2e0b3f;
        --dark-2: #1d0727;
        --maxw: 1180px;
      }
      * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }
      html {
        scroll-behavior: smooth;
      }
      body {
        font-family: 'DM Sans', sans-serif;
        color: var(--ink);
        background: var(--white);
        -webkit-font-smoothing: antialiased;
        line-height: 1.55;
        overflow-x: hidden;
      }
      a {
        color: inherit;
        text-decoration: none;
      }
      ul {
        list-style: none;
      }
      img {
        max-width: 100%;
        display: block;
      }
      .wrap {
        max-width: var(--maxw);
        margin: 0 auto;
        padding: 0 32px;
      }
      h1,
      h2,
      h3,
      .serif {
        font-family: 'DM Sans', sans-serif;
        font-weight: 600;
        letter-spacing: -0.01em;
        line-height: 1.05;
      }
      section {
        position: relative;
      }

      /* announce */
      .announce {
        background: var(--dark-2);
        color: #efe8fb;
        text-align: center;
        font-size: 13.5px;
        padding: 11px 16px;
        display: flex;
        gap: 10px;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
      }
      .announce b {
        font-weight: 600;
      }
      .announce a {
        color: #c9a6ef;
        font-weight: 600;
        display: inline-flex;
        align-items: center;
        gap: 5px;
      }
      .announce .spark {
        color: #22c55e;
        height: 24px;
      }

      /* nav */
      .nav {
        background: var(--white);
        border-bottom: 1px solid var(--line);
      }
      .navbar {
        display: flex;
        align-items: center;
        gap: 32px;
        height: 70px;
      }
.brand img {
    width: 250px;
    height: 200px;
    object-fit: contain;
    margin-left: -15px;
}
      .nav-links {
        display: flex;
        gap: 28px;
            margin: 0 auto;
      }
      .nav-links a {
        font-size: 14.5px;
        color: var(--body);
        font-weight: 500;
        display: flex;
        align-items: center;
        gap: 5px;
        font-family: 'DM Sans', sans-serif;
      }
      .nav-links a:hover {
        color: var(--ink);
      }
      .nav-right {
        margin-left: auto;
        display: flex;
        align-items: center;
        gap: 14px;
      }
      .btn {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        font-weight: 600 !important;
        font-size: 14.5px !important;
        border-radius: 999px !important;
        padding: 10px 20px !important;
        cursor: pointer !important;
        border: 1px solid transparent !important;
        transition: 0.18s !important;
      }
      .btn-ghost {
        background: transparent !important;
        border-color: var(--line) !important;
        color: var(--ink) !important;
      }
      .btn-ghost:hover {
        background: var(--lav-soft) !important;
      }
.btn-primary {
    background: var(--purple) !important;
    color: #fff !important;
    justify-content: center !important;
    font-family: 'DM Sans', sans-serif !important;
    letter-spacing: -0.2px !important;
    font-weight: 700 !important;
}
      .btn-primary:hover {
        background: var(--purple-hover) !important;
        color: #fff !important;
      }
      .btn-primary .arrow {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.22);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
      }
      .login {
        font-size: 14.5px;
        font-weight: 500;
        color: var(--body);
      }/* End custom CSS */