body.elementor-page-17351:not(.elementor-motion-effects-element-type-background), body.elementor-page-17351 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:767px){.elementor-17351 .elementor-element.elementor-element-f64d447 > .elementor-widget-container{margin:0px 0px -50px 0px;}}/* Start custom CSS for html, class: .elementor-element-f64d447 */@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Poppins:wght@400;500;600;700&display=swap");

.ipsai-page {
      --ipsai-blue: #3A78C9;
      --ipsai-cyan: #44d7ff;
      --ipsai-navy: #10243f;
      --ipsai-ink: #07111f;
      --ipsai-panel: rgba(255, 255, 255, 0.72);
      --ipsai-panel-strong: rgba(255, 255, 255, 0.9);
      --ipsai-line: rgba(58, 120, 201, 0.18);
      --ipsai-text: #07111f;
      --ipsai-muted: rgba(20, 41, 70, 0.72);
      --ipsai-soft: rgba(58, 120, 201, 0.1);
      position: relative;
      overflow: hidden;
      color: var(--ipsai-text);
      font-family: "Poppins", Arial, sans-serif;
      font-size: 16px;
      line-height: 1.7;
      background:
        radial-gradient(circle at 16% 10%, rgba(58, 120, 201, 0.16), transparent 32rem),
        radial-gradient(circle at 82% 18%, rgba(68, 215, 255, 0.16), transparent 30rem),
        radial-gradient(circle at 54% 78%, rgba(58, 120, 201, 0.1), transparent 35rem),
        linear-gradient(135deg, #ffffff 0%, #f7fbff 48%, #eef6ff 100%);
      isolation: isolate;
    }

    .ipsai-page *,
    .ipsai-page *::before,
    .ipsai-page *::after {
      box-sizing: border-box;
    }

    .ipsai-page::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: -2;
      background-image:
        linear-gradient(rgba(58, 120, 201, 0.065) 1px, transparent 1px),
        linear-gradient(90deg, rgba(58, 120, 201, 0.065) 1px, transparent 1px);
      background-size: 72px 72px;
      mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent 78%);
    }

    .ipsai-page::after {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: -1;
      background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.28) 52%, #ffffff 100%);
    }

    .ipsai-shell {
      width: min(1180px, calc(100% - 40px));
      margin: 0 auto;
    }

    .ipsai-section {
      position: relative;
      padding: 108px 0;
    }

    .ipsai-section--compact {
      padding: 88px 0;
    }

    .ipsai-section--final {
      padding: 92px 0 0;
      margin-bottom: 0;
    }

    .ipsai-kicker {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin: 0 0 18px;
      color: var(--ipsai-blue);
      font-size: 0.78em;
      font-weight: 700;
      letter-spacing: 0.14em;
    }

    .ipsai-kicker::before {
      content: "";
      width: 34px;
      height: 2px;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--ipsai-blue), var(--ipsai-cyan));
      box-shadow: 0 0 20px rgba(68, 215, 255, 0.55);
    }

    .ipsai-title,
    .ipsai-hero-title,
    .ipsai-card-title,
    .ipsai-node-title,
    .ipsai-cta-title {
      margin: 0;
      font-family: "Oswald", Impact, sans-serif;
      letter-spacing: 0;
      line-height: 1.04;
    }

    .ipsai-hero-title {
      max-width: 760px;
      font-size: clamp(3.25rem, 7vw, 6.7rem);
      font-weight: 700;
    }

    .ipsai-title {
      max-width: 800px;
      font-size: clamp(2.4rem, 4.4vw, 4.55rem);
      font-weight: 700;
    }

    .ipsai-section-copy {
      max-width: 710px;
      margin: 20px 0 0;
      color: var(--ipsai-muted);
      font-size: 1.02em;
    }

    .ipsai-hero {
      min-height: 760px;
      display: flex;
      align-items: center;
      padding: 104px 0 96px;
    }

    .ipsai-hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.02fr) minmax(390px, 0.88fr);
      gap: 58px;
      align-items: center;
    }

    .ipsai-hero-copy {
      position: relative;
      z-index: 2;
    }

    .ipsai-hero-text {
      max-width: 720px;
      margin: 26px 0 0;
      color: var(--ipsai-muted);
      font-size: 1.1em;
    }

    .ipsai-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      margin-top: 34px;
    }

    .ipsai-button {
      position: relative;
      display: inline-flex;
      min-height: 52px;
      align-items: center;
      justify-content: center;
      gap: 10px;
      overflow: hidden;
      border: 1px solid rgba(118, 200, 255, 0.42);
      border-radius: 8px;
      padding: 14px 22px;
      color: #ffffff;
      background: linear-gradient(135deg, var(--ipsai-blue), #245aa1);
      box-shadow: 0 18px 44px rgba(58, 120, 201, 0.32);
      font-family: "Poppins", Arial, sans-serif;
      font-size: 0.94em;
      font-weight: 700;
      line-height: 1.2;
      text-decoration: none;
      transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
    }

    .ipsai-button::after {
      content: "";
      position: absolute;
      inset: -1px;
      opacity: 0;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.26), transparent);
      transform: translateX(-80%);
      transition: opacity 220ms ease, transform 540ms ease;
    }

    .ipsai-button:hover {
      transform: translateY(-2px);
      border-color: rgba(112, 220, 255, 0.78);
      box-shadow: 0 22px 54px rgba(58, 120, 201, 0.46), 0 0 34px rgba(68, 215, 255, 0.18);
    }

    .ipsai-button:hover::after {
      opacity: 1;
      transform: translateX(80%);
    }

    .ipsai-button--ghost {
      color: var(--ipsai-blue);
      background: rgba(255, 255, 255, 0.78);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 14px 36px rgba(30, 70, 118, 0.14);
    }

    .ipsai-arrow {
      width: 18px;
      height: 18px;
      flex: 0 0 auto;
    }

    .ipsai-orbit {
      position: relative;
      min-height: 545px;
      border: 1px solid rgba(96, 178, 255, 0.2);
      border-radius: 28px;
      background:
        radial-gradient(circle at 50% 48%, rgba(68, 215, 255, 0.16), transparent 12rem),
        radial-gradient(circle at 50% 50%, rgba(58, 120, 201, 0.14), transparent 20rem),
        rgba(255, 255, 255, 0.66);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 30px 80px rgba(30, 70, 118, 0.14);
      backdrop-filter: blur(18px);
    }

    .ipsai-orbit::before,
    .ipsai-orbit::after {
      content: "";
      position: absolute;
      inset: 10%;
      border: 1px solid rgba(92, 190, 255, 0.2);
      border-radius: 999px;
      animation: ipsai-spin 18s linear infinite;
    }

    .ipsai-orbit::after {
      inset: 22%;
      border-color: rgba(58, 120, 201, 0.27);
      animation-duration: 26s;
      animation-direction: reverse;
    }

    .ipsai-core {
      position: absolute;
      left: 50%;
      top: 50%;
      display: grid;
      width: 154px;
      height: 154px;
      place-items: center;
      border: 1px solid rgba(130, 216, 255, 0.42);
      border-radius: 26px;
      color: #ffffff;
      background:
        linear-gradient(145deg, rgba(58, 120, 201, 0.92), rgba(13, 31, 59, 0.92)),
        radial-gradient(circle, rgba(255, 255, 255, 0.18), transparent 70%);
      box-shadow: 0 0 70px rgba(58, 120, 201, 0.62), inset 0 1px 0 rgba(255, 255, 255, 0.22);
      transform: translate(-50%, -50%);
      z-index: 3;
    }

    .ipsai-core-mark {
      font-family: "Oswald", Impact, sans-serif;
      font-size: 2.45rem;
      font-weight: 700;
      letter-spacing: 0;
    }

    .ipsai-core-label {
      margin-top: 4px;
      color: rgba(255, 255, 255, 0.82);
      font-size: 0.7em;
      font-weight: 700;
      letter-spacing: 0.12em;
    }

    .ipsai-float-card {
      position: absolute;
      z-index: 4;
      width: 158px;
      border: 1px solid rgba(122, 203, 255, 0.28);
      border-radius: 14px;
      padding: 14px;
      color: var(--ipsai-text);
      background: rgba(255, 255, 255, 0.82);
      box-shadow: 0 18px 44px rgba(30, 70, 118, 0.14), 0 0 28px rgba(58, 120, 201, 0.14);
      backdrop-filter: blur(16px);
      animation: ipsai-float 7s ease-in-out infinite;
    }

    .ipsai-float-card:nth-child(4) {
      animation-delay: -2s;
    }

    .ipsai-float-card:nth-child(5) {
      animation-delay: -3.4s;
    }

    .ipsai-float-card:nth-child(6) {
      animation-delay: -4.8s;
    }

    .ipsai-float-card--one {
      left: 8%;
      top: 18%;
    }

    .ipsai-float-card--two {
      right: 8%;
      top: 16%;
    }

    .ipsai-float-card--three {
      left: 8%;
      bottom: 16%;
    }

    .ipsai-float-card--four {
      right: 9%;
      bottom: 14%;
    }

    .ipsai-float-eyebrow {
      display: block;
      color: var(--ipsai-blue);
      font-size: 0.68em;
      font-weight: 700;
      letter-spacing: 0.12em;
    }

    .ipsai-float-name {
      display: block;
      margin-top: 5px;
      font-weight: 700;
      line-height: 1.3;
    }

    .ipsai-connector {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 72%;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(68, 215, 255, 0.58), transparent);
      transform-origin: left center;
      z-index: 2;
    }

    .ipsai-connector--a {
      transform: rotate(28deg) translateX(-50%);
    }

    .ipsai-connector--b {
      transform: rotate(-31deg) translateX(-50%);
    }

    .ipsai-connector--c {
      transform: rotate(90deg) translateX(-50%);
    }

    .ipsai-grid {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 18px;
      margin-top: 42px;
    }

    .ipsai-card {
      position: relative;
      min-height: 250px;
      overflow: hidden;
      border: 1px solid rgba(112, 193, 255, 0.2);
      border-radius: 8px;
      padding: 24px;
      background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(241, 247, 255, 0.72)),
        radial-gradient(circle at 24% 8%, rgba(68, 215, 255, 0.12), transparent 12rem);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 24px 58px rgba(30, 70, 118, 0.12);
      backdrop-filter: blur(16px);
      transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease;
    }

    .ipsai-card::before {
      content: "";
      position: absolute;
      inset: -1px;
      opacity: 0;
      border-radius: inherit;
      background: linear-gradient(135deg, rgba(68, 215, 255, 0.62), transparent 34%, rgba(58, 120, 201, 0.54));
      mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      mask-composite: exclude;
      padding: 1px;
      pointer-events: none;
      transition: opacity 240ms ease;
    }

    .ipsai-card:hover {
      transform: translateY(-8px);
      border-color: rgba(92, 198, 255, 0.52);
      box-shadow: 0 30px 72px rgba(30, 70, 118, 0.18), 0 0 38px rgba(58, 120, 201, 0.18);
    }

    .ipsai-card:hover::before {
      opacity: 1;
    }

    .ipsai-card-icon {
      display: grid;
      width: 54px;
      height: 54px;
      margin-bottom: 24px;
      place-items: center;
      border: 1px solid rgba(125, 208, 255, 0.34);
      border-radius: 14px;
      color: var(--ipsai-blue);
      background: rgba(58, 120, 201, 0.2);
      box-shadow: 0 0 30px rgba(58, 120, 201, 0.2);
    }

    .ipsai-card-icon svg {
      width: 28px;
      height: 28px;
    }

    .ipsai-card-title {
      font-size: 1.42rem;
      font-weight: 600;
    }

    .ipsai-card-text {
      margin: 14px 0 0;
      color: var(--ipsai-muted);
      font-size: 0.92em;
      line-height: 1.65;
    }

    .ipsai-capability-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
      margin-top: 42px;
    }

    .ipsai-capability {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 18px;
      align-items: start;
      border: 1px solid rgba(102, 184, 255, 0.16);
      border-radius: 8px;
      padding: 22px;
      background: rgba(255, 255, 255, 0.68);
      transition: background 220ms ease, border-color 220ms ease, transform 220ms ease;
    }

    .ipsai-capability:hover {
      transform: translateY(-4px);
      border-color: rgba(91, 194, 255, 0.36);
      background: rgba(255, 255, 255, 0.9);
    }

    .ipsai-capability-icon {
      display: grid;
      width: 44px;
      height: 44px;
      place-items: center;
      border-radius: 12px;
      color: var(--ipsai-text);
      background: linear-gradient(135deg, rgba(58, 120, 201, 0.86), rgba(68, 215, 255, 0.18));
    }

    .ipsai-capability-icon svg {
      width: 23px;
      height: 23px;
    }

    .ipsai-capability-title {
      margin: 0;
      color: #ffffff;
      font-family: "Oswald", Impact, sans-serif;
      font-size: 1.22rem;
      font-weight: 600;
      letter-spacing: 0;
      line-height: 1.18;
    }

    .ipsai-capability-text {
      margin: 9px 0 0;
      color: var(--ipsai-muted);
      font-size: 0.9em;
      line-height: 1.58;
    }

    .ipsai-ecosystem-wrap {
      display: grid;
      grid-template-columns: minmax(0, 0.78fr) minmax(440px, 1fr);
      gap: 46px;
      align-items: center;
    }

    .ipsai-ecosystem {
      position: relative;
      min-height: 560px;
      border: 1px solid rgba(105, 188, 255, 0.2);
      border-radius: 24px;
      background:
        radial-gradient(circle at 50% 52%, rgba(58, 120, 201, 0.16), transparent 16rem),
        linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(239, 247, 255, 0.72));
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 30px 80px rgba(30, 70, 118, 0.14);
      backdrop-filter: blur(18px);
    }

    .ipsai-ecosystem-line {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 76%;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(68, 215, 255, 0.45), transparent);
      transform-origin: left center;
    }

    .ipsai-ecosystem-line--one {
      transform: translateX(-50%) rotate(0deg);
    }

    .ipsai-ecosystem-line--two {
      transform: translateX(-50%) rotate(60deg);
    }

    .ipsai-ecosystem-line--three {
      transform: translateX(-50%) rotate(120deg);
    }

    .ipsai-node {
      position: absolute;
      display: grid;
      width: 166px;
      min-height: 86px;
      align-content: center;
      border: 1px solid rgba(121, 207, 255, 0.26);
      border-radius: 14px;
      padding: 14px;
      background: rgba(255, 255, 255, 0.86);
      box-shadow: 0 20px 48px rgba(30, 70, 118, 0.14), 0 0 26px rgba(58, 120, 201, 0.14);
      backdrop-filter: blur(16px);
      animation: ipsai-float 8s ease-in-out infinite;
    }

    .ipsai-node--center {
      left: 50%;
      top: 50%;
      width: 172px;
      min-height: 112px;
      border-color: rgba(68, 215, 255, 0.5);
      background: linear-gradient(145deg, rgba(58, 120, 201, 0.86), rgba(10, 27, 52, 0.92));
      box-shadow: 0 0 66px rgba(58, 120, 201, 0.42);
      transform: translate(-50%, -50%);
      animation: none;
      z-index: 2;
    }

    .ipsai-node--m365 {
      left: 8%;
      top: 12%;
    }

    .ipsai-node--cloud {
      right: 8%;
      top: 12%;
      animation-delay: -1s;
    }

    .ipsai-node--secops {
      right: 5%;
      top: 44%;
      animation-delay: -2s;
    }

    .ipsai-node--copilots {
      right: 12%;
      bottom: 10%;
      animation-delay: -3s;
    }

    .ipsai-node--automation {
      left: 12%;
      bottom: 10%;
      animation-delay: -4s;
    }

    .ipsai-node--apps {
      left: 5%;
      top: 44%;
      animation-delay: -5s;
    }

    .ipsai-node-title {
      color: var(--ipsai-text);
      font-size: 1.02rem;
      font-weight: 600;
    }

    .ipsai-node-text {
      margin-top: 6px;
      color: rgba(20, 41, 70, 0.68);
      font-size: 0.75em;
      line-height: 1.45;
    }

    .ipsai-node--center .ipsai-node-title {
      color: #ffffff;
    }

    .ipsai-node--center .ipsai-node-text {
      color: rgba(255, 255, 255, 0.78);
    }

    .ipsai-why-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 18px;
      margin-top: 42px;
    }

    .ipsai-why-card {
      min-height: 236px;
    }

    .ipsai-index {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 42px;
      height: 42px;
      margin-bottom: 24px;
      border: 1px solid rgba(110, 200, 255, 0.36);
      border-radius: 50%;
      color: var(--ipsai-blue);
      background: rgba(58, 120, 201, 0.16);
      font-weight: 700;
    }

    .ipsai-cta {
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(114, 200, 255, 0.26);
      border-radius: 24px 24px 0 0;
      padding: 58px;
      margin-bottom: 0;
      background:
        radial-gradient(circle at 15% 18%, rgba(68, 215, 255, 0.16), transparent 20rem),
        radial-gradient(circle at 82% 70%, rgba(58, 120, 201, 0.18), transparent 24rem),
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(238, 246, 255, 0.96));
      box-shadow: 0 -14px 70px rgba(58, 120, 201, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.95);
    }

    .ipsai-cta::before {
      content: "";
      position: absolute;
      right: -90px;
      top: -90px;
      width: 280px;
      height: 280px;
      border: 1px solid rgba(68, 215, 255, 0.24);
      border-radius: 50%;
      box-shadow: 0 0 70px rgba(68, 215, 255, 0.14);
    }

    .ipsai-cta-inner {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 36px;
      align-items: center;
    }

    .ipsai-cta-title {
      max-width: 760px;
      font-size: clamp(2.4rem, 4.4vw, 4.75rem);
      font-weight: 700;
    }

    .ipsai-cta-text {
      max-width: 710px;
      margin: 18px 0 0;
      color: var(--ipsai-muted);
    }

    @keyframes ipsai-float {
      0%,
      100% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(-12px);
      }
    }

    @keyframes ipsai-spin {
      to {
        transform: rotate(360deg);
      }
    }

    @media (max-width: 1080px) {
      .ipsai-hero-grid,
      .ipsai-ecosystem-wrap {
        grid-template-columns: 1fr;
      }

      .ipsai-orbit,
      .ipsai-ecosystem {
        max-width: 680px;
        width: 100%;
        margin: 0 auto;
      }

      .ipsai-grid,
      .ipsai-why-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .ipsai-capability-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 720px) {


    .ipsai-page {
        font-size: 12px;
      }

      .ipsai-shell {
        width: min(100% - 26px, 1180px);
      }

      .ipsai-section,
      .ipsai-section--compact {
        padding: 66px 0;
      }

      .ipsai-section--final {
        padding: 64px 0 0;
      }

      .ipsai-hero {
        min-height: auto;
        padding: 72px 0 58px;
      }

      .ipsai-hero-grid {
        gap: 38px;
      }

      .ipsai-actions {
        width: 100%;
      }

      .ipsai-button {
        width: 100%;
        min-height: 48px;
        padding: 13px 16px;
      }

      .ipsai-orbit {
        min-height: 430px;
        border-radius: 20px;
      }

      .ipsai-core {
        width: 120px;
        height: 120px;
        border-radius: 20px;
      }

      .ipsai-core-mark {
        font-size: 2rem;
      }

      .ipsai-float-card {
        width: 128px;
        padding: 12px;
      }

      .ipsai-grid,
      .ipsai-capability-grid,
      .ipsai-why-grid {
        grid-template-columns: 1fr;
      }

      .ipsai-card,
      .ipsai-why-card {
        min-height: auto;
      }

      .ipsai-capability {
        grid-template-columns: 1fr;
      }

      .ipsai-ecosystem {
        min-height: 620px;
      }

      .ipsai-node {
        width: 138px;
        min-height: 82px;
        padding: 12px;
      }

      .ipsai-node--center {
        width: 146px;
      }

      .ipsai-node--m365,
      .ipsai-node--apps,
      .ipsai-node--automation {
        left: 4%;
      }

      .ipsai-node--cloud,
      .ipsai-node--secops,
      .ipsai-node--copilots {
        right: 4%;
      }

      .ipsai-cta {
        border-radius: 18px 18px 0 0;
        padding: 34px 22px;
      }

      .ipsai-cta-inner {
        grid-template-columns: 1fr;
      }
    }/* End custom CSS */