.elementor-146 .elementor-element.elementor-element-55cbf13{--display:flex;--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-146 .elementor-element.elementor-element-5b01f08{text-align:center;}.elementor-146 .elementor-element.elementor-element-5b01f08 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:1px;font-weight:600;}.elementor-146 .elementor-element.elementor-element-ada0f4b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-146 .elementor-element.elementor-element-699b487{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-146 .elementor-element.elementor-element-d05ca95{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-146 .elementor-element.elementor-element-a44eb5e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-146 .elementor-element.elementor-element-96bd193{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for container, class: .elementor-element-55cbf13 */:root {
        --navy: #0f2740;
        --navy-1: #16324f;
        --navy-2: #1e3e60;
        --steel: #5a6b7d;
        --ink: #151b22;
        --ink-2: #1e2126;
        --ink-3: #2a2e34;
        --slate: #4c5661;
        --mist: #c4d0dd;
        --grey: #e3e7ec;
        --line: #e3e7ec;
        --line-2: #d3dae1;
        --paper: #f5f7f9;
        --paper-2: #edf1f5;
        --white: #ffffff;
        --red: #d81e34;
        --red-deep: #b5152a;
        --gold: #b78a2e;
        --navy-3: #24425f;
      }

      body {
        font-family: "Inter", sans-serif;
        color: var(--ink);
        background: var(--white);
        line-height: 1.6;
      }
      h1,
      h2,
      h3 {
        font-family: "Archivo", sans-serif;
        line-height: 1.05;
        letter-spacing: -0.015em;
      }
      .wrap {
        max-width: 1180px;
        margin: 0 auto;
        padding: 0 32px;
      }
      .eyebrow {
        font-family: "IBM Plex Mono", monospace;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.24em;
        text-transform: uppercase;
        color: var(--red);
      }
      a {
        text-decoration: none;
        color: inherit;
      }
      section {
        padding: 96px 0;
      }
      .btn {
        display: inline-block;
        font-family: "Archivo", sans-serif;
        font-weight: 700;
        font-size: 14px;
        padding: 13px 26px;
        border-radius: 6px;
        transition: all 0.2s !important;
        letter-spacing: 0.02em;
      }
      .btn-red {
        background: var(--red);
        color: var(--white) !important;
      }
      .btn-red:hover {
        background: var(--red-deep);
      }
      .btn-ghost {
        border: 1.5px solid var(--line-2) !important;
        color: var(--ink) !important;
      }
      .btn-ghost:hover {
        border-color: var(--navy) !important;
      }
      .btn-outline {
        border: 1.5px solid rgba(255, 255, 255, 0.65)!important;
        color: var(--white) !important;
      }
      .btn-outline:hover {
        border-color: var(--white) !important;
      }

      /* PAGE HERO */
      .phero {
        background: var(--paper);
        color: var(--ink);
        padding: 96px 0 84px;
        position: relative;
        overflow: hidden;
        border-bottom: 1px solid var(--line);
      }
      .phero-leaf {
        position: absolute;
        right: -70px;
        top: -40px;
        width: 480px;
        height: 480px;
        opacity: 0.05;
        pointer-events: none;
      }
      .phero .eyebrow {
        margin-bottom: 20px;
      }
      .phero h1 {
        font-size: clamp(38px, 4.6vw, 60px);
        font-weight: 800;
        max-width: 820px;
        color: var(--ink);
      }
      .phero p {
        font-size: 18px;
        color: var(--steel);
        max-width: 660px;
        margin-top: 24px;
      }
      .phero p b {
        color: var(--ink);
        font-weight: 600;
      }

      .sec-head {
        max-width: 760px;
        margin-bottom: 54px;
      }
      .sec-head .eyebrow {
        margin-bottom: 16px;
        display: block;
      }
      .sec-head h2 {
        font-size: clamp(28px, 3.4vw, 44px);
        font-weight: 800;
      }
      .sec-head p {
        color: var(--slate);
        font-size: 16.5px;
        margin-top: 16px;
      }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ada0f4b *//* WHY US */
      .why-bg {
        background: var(--white);
      }
      .why-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
      }
      .why {
        border: 1px solid var(--grey);
        border-left: 3px solid var(--red);
        border-radius: 10px;
        padding: 28px 26px;
      }
      .why .n {
        font-family: "Archivo", sans-serif;
        font-weight: 800;
        font-size: 15px;
        color: var(--red);
      }
      .why h3 {
        font-size: 18px;
        font-weight: 700;
        margin: 12px 0 8px;
        line-height: 1.3;
      }
      .why p {
        font-size: 14px;
        color: var(--slate);
      }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-699b487 *//* CERTIFICATIONS */
      .cert-bg {
        background: var(--navy);
        color: var(--white);
      }
      .cert-bg .sec-head h2 {
        color: #fff;
      }
      .cert-bg .sec-head p {
        color: var(--mist);
      }
      .cert-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
      }
      .cert {
        border: 1px solid var(--ink-3);
        border-radius: 12px;
        padding: 28px 26px;
        background: var(--ink-2);
        display: flex;
        gap: 20px;
        align-items: flex-start;
      }
      .cert .badge {
        width: 52px;
        height: 52px;
        flex-shrink: 0;
        border-radius: 10px;
        background: rgba(228, 0, 43, 0.12);
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .cert .badge svg {
        width: 26px;
        height: 26px;
      }
      .cert .status {
        font-family: "IBM Plex Mono", monospace;
        font-size: 9.5px;
        font-weight: 600;
        letter-spacing: 0.16em;
        padding: 3px 8px;
        border-radius: 4px;
        display: inline-block;
        margin-bottom: 8px;
      }
      .status.live {
        background: rgba(22, 163, 74, 0.16);
        color: #4ade80;
      }
      .status.hold {
        background: #2a2e34;
        color: var(--mist);
      }
      .cert h3 {
        font-size: 17px;
        font-weight: 700;
        margin-bottom: 6px;
      }
      .cert p {
        font-size: 13px;
        color: var(--mist);
        line-height: 1.55;
      }
      .placeholder-flag {
        font-family: "IBM Plex Mono", monospace;
        font-size: 10px;
        color: #ffb020;
        background: rgba(255, 176, 32, 0.1);
        border: 1px dashed rgba(255, 176, 32, 0.4);
        border-radius: 6px;
        padding: 2px 7px;
        display: inline-block;
        margin-top: 8px;
      }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d05ca95 *//* HANDLING PRINCIPLES */
      .hand-bg {
        background: var(--paper);
      }
      .hand-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
      }
      .hand {
        background: var(--white);
        border: 1px solid var(--grey);
        border-radius: 10px;
        padding: 28px 26px;
      }
      .hand .mono {
        font-family: "IBM Plex Mono", monospace;
        font-size: 10px;
        color: var(--red);
        letter-spacing: 0.2em;
        font-weight: 600;
      }
      .hand h3 {
        font-size: 17px;
        font-weight: 700;
        margin: 12px 0 8px;
        line-height: 1.3;
      }
      .hand p {
        font-size: 13.5px;
        color: var(--slate);
      }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a44eb5e *//* WHO TRUSTS US */
      .who-bg {
        background: var(--navy);
        color: var(--white);
      }
      .who-bg .sec-head h2 {
        color: #fff;
      }
      .who-bg .sec-head p {
        color: #a9b7c9;
      }
      .who-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
      }
      .whocard {
        background: var(--navy-2);
        border: 1px solid #27405f;
        border-radius: 10px;
        padding: 26px 24px;
      }
      .whocard .mono {
        font-family: "IBM Plex Mono", monospace;
        font-size: 10px;
        color: var(--red);
        letter-spacing: 0.2em;
        font-weight: 600;
      }
      .whocard h3 {
        font-size: 16px;
        font-weight: 700;
        margin: 12px 0 8px;
        line-height: 1.3;
      }
      .whocard p {
        font-size: 13px;
        color: #a9b7c9;
        line-height: 1.55;
      }
      .quote {
        grid-column: 1 / -1;
        background: var(--navy-2);
        border: 1px solid #27405f;
        border-left: 3px solid var(--red);
        border-radius: 10px;
        padding: 32px 34px;
        margin-top: 16px;
      }
      .quote p {
        font-family: "Archivo", sans-serif;
        font-size: 20px;
        font-weight: 600;
        line-height: 1.4;
        color: #fff;
      }
      .quote span {
        display: block;
        margin-top: 14px;
        font-family: "IBM Plex Mono", monospace;
        font-size: 11px;
        letter-spacing: 0.14em;
        color: var(--mist);
        text-transform: uppercase;
      }
      .quote .placeholder-flag {
        margin-top: 14px;
      }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-96bd193 *//* CTA */
      .final {
        background: var(--red);
        color: var(--white);
        padding: 84px 0;
      }
      .final h2 {
        font-size: clamp(28px, 3.8vw, 48px);
        font-weight: 800;
        max-width: 800px;
      }
      .final p {
        font-size: 17px;
        margin: 18px 0 34px;
        opacity: 0.92;
        max-width: 620px;
      }
      .final .btn-white {
        background: var(--white);
        color: var(--red);
      }
      .final .btn-white:hover {
        background: #f3f3f3;
      }
      .ctas {
        display: flex;
        gap: 14px;
        flex-wrap: wrap;
      }
      
            @media (max-width: 960px) {
        .why-grid,
        .hand-grid,
        .who-grid {
          grid-template-columns: 1fr 1fr;
        }
        .cert-grid {
          grid-template-columns: 1fr;
        }
        .nav-links a:not(.btn) {
          display: none;
        }
      }
      @media (max-width: 640px) {
        .why-grid,
        .hand-grid,
        .who-grid {
          grid-template-columns: 1fr;
        }
      }

      .phero-grid {
        display: grid;
        grid-template-columns: 1.05fr 0.95fr;
        gap: 52px;
        align-items: center;
      }
      .phero-photo {
        position: relative;
        border-radius: 14px;
        overflow: hidden;
        min-height: 360px;
        background: linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);
      }
      .img-slot {
        position: relative;
        width: 100%;
        height: 100%;
        min-height: 360px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-size: cover;
        background-position: center;
      }
      .img-ph {
        position: absolute;
        inset: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
        color: rgba(255, 255, 255, 0.5);
        font-family: "IBM Plex Mono", monospace;
        font-size: 11px;
        letter-spacing: 0.12em;
        text-align: center;
        padding: 20px;
      }
      .img-ph svg {
        width: 32px;
        height: 32px;
        stroke: rgba(255, 255, 255, 0.4);
        fill: none;
        stroke-width: 1.5;
      }
      .img-ph .dim {
        color: var(--gold);
      }
      @media (max-width: 960px) {
        .phero-grid {
          grid-template-columns: 1fr;
          gap: 34px;
        }
      }/* End custom CSS */