:root {
      /* DreamzCMMS inspired palette based on current logo and product UI */
      --brand: #00A8F8;
      --brand-dark: #007FC5;
      --navy: #063B5C;
      --navy-2: #0B4F75;
      --sky: #EAF8FF;
      --sky-2: #F5FBFF;
      --ink: #11283A;
      --muted: #2c2c2c;
      --line: #D9E8F1;
      --white: #FFFFFF;
      --success: #118A61;
      --success-bg: #EAF8F3;
      --gold: #F4C64E;
      --black: #0B0B0B;
      --black-soft: #171717;
      --yellow: #FFC928;
      --yellow-soft: #FFF7D6;
      --yellow-dark: #B98300;
      --shadow: 0 18px 48px rgba(6, 59, 92, 0.11);
      --radius: 20px;
      --max: 1280px;
    }

    * {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--ink);
      background: var(--sky-2);
      line-height: 1.65;
    }

    .new-theme-design a {
      color: inherit;
      text-decoration: none !important;
    }

    .new-theme-design .wrap {
      width: min(var(--max), calc(100% - 40px));
      margin: 0 auto;
    }

    .new-theme-design .brandMark {
      width: 34px;
      height: 34px;
      border-radius: 10px;
      background: linear-gradient(135deg, var(--brand), #62CCFF);
      box-shadow: 0 8px 20px rgba(0, 168, 248, .23);
    }

    .new-theme-design .button {
      text-decoration: none !important;
    }

    .new-theme-design .brand span {
      color: var(--brand);
    }

    .new-theme-design .navlinks {
      display: flex;
      gap: 24px;
      color: var(--muted);
      font-size: 14px;
    }

    .new-theme-design .button {
      display: inline-flex;
      min-height: 48px;
      padding: 0 22px;
      align-items: center;
      justify-content: center;
      border-radius: 12px;
      border: 1px solid transparent;
      font-weight: 800;
      transition: .2s ease;
    }

    .new-theme-design .button.primary {
      background: var(--brand);
      color: var(--white);
      box-shadow: 0 10px 25px rgba(0, 168, 248, .25);
    }

    .new-theme-design .button.primary:hover {
      background: var(--brand-dark);
    }

    .new-theme-design .button.secondary {
      background: var(--white);
      color: var(--navy);
      border-color: #7c7c7c;
      text-decoration: none !important;
    }

    .new-theme-design .button.secondary:hover {
      background: #000;
      border-color: #000;
      color: #fff;
    }

    .new-theme-design .button.secondary:hover {
      background: #323232 !important;
    }

    .new-theme-design .hero {
      position: relative;
      overflow: hidden;
      padding: 82px 0 72px;
      background:
        radial-gradient(circle at 85% 15%, rgba(0, 168, 248, .18), transparent 30%),
        radial-gradient(circle at 15% 30%, rgba(0, 168, 248, .08), transparent 30%),
        linear-gradient(180deg, #FFFFFF 0%, #F3FBFF 100%);
    }

    .new-theme-design .heroGrid {
      display: grid;
      grid-template-columns: 1.03fr .97fr;
      gap: 58px;
      align-items: center;
    }

    .new-theme-design .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 8px 13px;
      border-radius: 999px;
      background: var(--yellow-soft);
      color: var(--black);
      font-size: 15px;
      font-weight: 850;
      margin-bottom: 20px;
    }

    .new-theme-design h1,
    .new-theme-design h2,
    .new-theme-design h3 {
      margin: 0;
      line-height: 1.4;
      /* letter-spacing: -.035em; */
      font-weight: 700;
    }

    /* .new-theme-design h1 { font-size: clamp(34px, 4.6vw, 55px); font-weight: 700; color: var(--black); } */
    .new-theme-design h2 {
      font-size: clamp(32px, 4.3vw, 50px);
      color: var(--black);
      font-weight: 700;
    }

    .new-theme-design h3 {
      font-size: 23px;
      color: var(--black);
      font-weight: 700;
    }

    .new-theme-design .lead {
      color: #585858;
      font-size: 19px;
      margin: 24px 0 0;
      max-width: 720px;
      font-weight: 500;
    }

    .new-theme-design .heroActions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 30px;
    }

    .new-theme-design .microcopy {
      color: var(--muted);
      font-size: 14px;
      margin-top: 14px;
    }

    .new-theme-design .hero .button.primary {
      background: var(--black);
      color: var(--white);
      box-shadow: 0 10px 25px rgba(11, 11, 11, .18);
      text-decoration: none !important;
    }

    .new-theme-design .hero .button.primary:hover {
      background: var(--black-soft);
      text-decoration: none !important;
    }

    .new-theme-design .hero .button.secondary {
      border-color: var(--yellow);
      box-shadow: inset 0 -3px 0 var(--yellow);
      text-decoration: none !important;
    }

    .new-theme-design .hero__title-accent {
      color: #0076dd;
    }


    .new-theme-design .hero .button.primary,
    .new-theme-design .button.black {
      position: relative;
      overflow: hidden;
      cursor: pointer;
      isolation: isolate;
    }

    .new-theme-design .hero .button.primary:hover,
    .new-theme-design .ctaPanel .button.primary:hover {
      background: #1679dc;
    }

    .new-theme-design .ctaPanel .button.primary {
      text-decoration: none !important;
    }


    .new-theme-design .hero .button.primary::before,
    .new-theme-design .button.black::before {
      content: "";
      position: absolute;
      top: -50%;
      left: -80%;
      width: 60%;
      height: 200%;

      background: linear-gradient(90deg,
          transparent,
          rgba(255, 255, 255, 0.1),
          #c9c9c9,
          rgba(255, 255, 255, 0.1),
          transparent);

      filter: blur(5px);
      transform: skewX(-20deg);

      animation: lightSweep 2s ease-in-out infinite;
    }

    @keyframes lightSweep {
      0% {
        left: -80%;
      }

      100% {
        left: 140%;
      }
    }



    .new-theme-design .hero .button.secondary {
      position: relative;
      border: none;
      isolation: isolate;
      overflow: hidden;
      background: #ad750a;
    }

    .new-theme-design .hero .button.secondary:hover {
      color: #000;
    }

    .new-theme-design .hero .button.secondary:hover::after {
      background: #ffedb7;
    }

    .new-theme-design .hero .button.secondary::before {
      content: "";
      position: absolute;
      inset: -2px;

      background: conic-gradient(from 0deg,
          transparent,
          transparent 25%,
          #ffc928 40%,
          #fff 50%,
          #ffc928 60%,
          transparent 75%);

      animation: rotateBorder 2s linear infinite;
      z-index: -2;
    }

    .new-theme-design .hero .button.secondary::after {
      content: "";
      position: absolute;
      inset: 2px;
      border-radius: 10px;
      background: #fff;
      z-index: -1;
    }

    @keyframes rotateBorder {
      to {
        transform: rotate(360deg);
      }
    }



    .new-theme-design .placeholder {
      min-height: 400px;
      border-radius: var(--radius);
      border: 2px dashed #9EDCF8;
      background: linear-gradient(145deg, #FFFFFF 0%, #EAF8FF 100%);
      box-shadow: var(--shadow);
      color: var(--navy-2);
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 30px;
      font-weight: 850;
    }

    .new-theme-design .placeholder small {
      display: block;
      margin-top: 8px;
      color: var(--muted);
      font-weight: 500;
    }

    /* Client logos immediately after hero */
    .new-theme-design .clientBand {
      background: var(--white);
      padding: 0;
      border-bottom: 1px solid var(--line);
    }

    .new-theme-design .trustLabel {
      text-align: center;
      color: var(--black);
      font-weight: 800;
      font-size: 14px;
      margin-bottom: 18px;
    }

    .new-theme-design .logoRow {
      display: grid;
      grid-template-columns: repeat(8, 1fr);
      gap: 12px;
    }

    .new-theme-design .logoBox {
      min-height: 66px;
      border-radius: 12px;
      border: 1px dashed #B8D7E7;
      background: #fff;
      display: grid;
      place-items: center;
      text-align: center;
      padding: 10px;
      color: #7B8E9E;
      font-size: 12px;
      font-weight: 750;
    }

    /* Rating strip */
    .new-theme-design .ratingBand {
      background: var(--black);
      color: #fff;
      padding: 22px 0;
      border-top: 4px solid var(--yellow);
    }

    .new-theme-design .ratingGrid {
      display: grid;
      grid-template-columns: 1.1fr repeat(5, 1fr);
      gap: 14px;
      align-items: center;
    }

    .new-theme-design .ratingGrid img {
      max-height: 64px;
    }

    .new-theme-design .ratingSectionGrid {
      display: grid;
      grid-template-columns: 1.2fr 2.8fr;
      gap: 30px;
      align-items: center;
    }

    .new-theme-design .awardProofGrid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 12px;
    }

    .new-theme-design .ratingLead strong {
      display: block;
      font-size: 20px;
    }

    .new-theme-design .ratingLead span {
      color: #D6D6D6;
      font-size: 15px;
    }

    .new-theme-design .ratingItem {
      text-align: center;
      padding: 8px 10px;
      border-left: 1px solid rgba(255, 255, 255, .14);
    }

    .new-theme-design .stars {
      color: var(--yellow);
      letter-spacing: 2px;
      font-size: 15px;
    }

    .new-theme-design .ratingItem strong {
      display: block;
      font-size: 13px;
      margin-top: 3px;
    }

    .new-theme-design .ratingItem span {
      color: #CFCFCF;
      font-size: 11px;
    }

    /* Awards strip */
    .new-theme-design .awardBand {
      background: #000;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;
      padding: 30px 0;
      border-top: 3px solid var(--yellow);
    }

    .new-theme-design .awardBand h2 {
      color: #fff;
    }

    .new-theme-design .awardBand .sectionHead {
      margin-bottom: 10px;
    }

    .new-theme-design .awardGrid {
      display: grid;
      grid-template-columns: 1.05fr repeat(5, 1fr);
      gap: 12px;
      align-items: stretch;
    }

    .new-theme-design .awardLead {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .new-theme-design .awardLead strong {
      color: var(--navy);
      font-size: 20px;
    }

    .new-theme-design .awardLead span {
      color: var(--muted);
      font-size: 13px;
    }

    .new-theme-design .awardItem {
      background: #fff;
      border: 1px solid #E8D487;
      border-top: 4px solid var(--yellow);
      border-radius: 13px;
      padding: 12px;
      display: grid;
      place-items: center;
      text-align: center;
      min-height: 72px;
      color: var(--black);
      font-size: 12px;
      font-weight: 850;
      box-shadow: 0 8px 22px rgba(11, 11, 11, .05);
    }

    .new-theme-design section {
      padding: 100px 0;
    }

    .new-theme-design .sectionHead {
      max-width: 800px;
      margin-bottom: 44px;
    }

    .new-theme-design .sectionHead p {
      color: var(--muted);
      margin: 16px 0 0;
      font-size: 18px;
    }

    .new-theme-design .aiJourney {
      background: var(--black);
      color: #fff;
      border-top: 4px solid var(--yellow);
      border-bottom: 1px solid #252525;
    }

    .new-theme-design .aiJourney h2 {
      color: #fff;
    }

    .new-theme-design .aiJourney .sectionHead p {
      color: #D7D7D7;
    }

    .new-theme-design .aiFlow {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 12px;
    }

    .new-theme-design .aiStep {
      position: relative;
      background: #151515;
      border: 1px solid #2A2A2A;
      border-radius: 16px;
      padding: 20px 16px;
      min-height: 155px;
    }

    .new-theme-design .aiStep::after {
      content: '→';
      position: absolute;
      right: -10px;
      top: 50%;
      transform: translateY(-50%);
      color: var(--yellow);
      font-weight: 900;
      font-size: 20px;
      z-index: 2;
    }

    .new-theme-design .aiStep:last-child::after {
      display: none;
    }

    .new-theme-design .aiStepNum {
      width: 30px;
      height: 30px;
      border-radius: 9px;
      display: grid;
      place-items: center;
      background: var(--yellow);
      color: var(--black);
      font-weight: 900;
      font-size: 12px;
      margin-bottom: 12px;
    }

    .new-theme-design .aiStep strong {
      display: block;
      font-size: 15px;
      color: #fff;
      margin-bottom: 7px;
    }

    .new-theme-design .aiStep span {
      color: #CFCFCF;
      font-size: 15px;
      line-height: 1.5;
      display: block;
    }

    .new-theme-design .aiCallout {
      margin-top: 18px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: var(--yellow-soft);
      color: var(--black);
      border: 1px solid #F2D55C;
      border-radius: 10px;
      padding: 9px 12px;
      font-size: 13px;
      font-weight: 800;
    }

    .new-theme-design .outcomeGrid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
    }

    .new-theme-design .outcome {
      background: #fff;
      border: 1px solid var(--line);
      border-top: 3px solid var(--yellow);
      border-radius: 16px;
      padding: 24px;
    }

    .new-theme-design .outcome strong {
      display: block;
      color: var(--black);
      font-size: 24px;
      margin-bottom: 8px;
      line-height: 28px;
    }

    .new-theme-design .outcome span {
      color: var(--muted);
      font-size: 16px;
    }

    .new-theme-design .awardBand .sectionHead p {
      color: #fff;
    }

    .new-theme-design .aiStep.last-child::after {
      display: none;
    }

    .new-theme-design .capability {
      background: #fff;
    }

    .new-theme-design .capability.alt {
      background: var(--sky-2);
    }

    .new-theme-design .capability.alt .key-feature-sec-head {
      display: none;
    }

    .new-theme-design .twoCol {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 54px;
      align-items: center;
    }

    .new-theme-design .twoCol.reverse .visual {
      order: 2;
    }

    .new-theme-design .copy p {
      color: var(--muted);
      font-size: 17px;
      margin: 16px 0 0;
    }

    .new-theme-design .visual .placeholder {
      min-height: 355px;
    }

    .new-theme-design .featureList {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px 18px;
      margin-top: 25px;
    }

    .new-theme-design .featureList.primaryOnly .featureItem:nth-child(n+5) {
      display: none;
    }

    .new-theme-design details.capabilityMore {
      margin-top: 18px;
      background: transparent;
      border: 0;
      padding: 0;
    }

    .new-theme-design details.capabilityMore summary {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      cursor: pointer;
      color: var(--brand-dark);
      font-size: 14px;
      font-weight: 850;
      list-style: none;
    }

    .new-theme-design details.capabilityMore summary::-webkit-details-marker {
      display: none;
    }

    .new-theme-design details.capabilityMore summary::after {
      content: '+';
      font-size: 18px;
      line-height: 1;
    }

    .new-theme-design details.capabilityMore[open] summary::after {
      content: '−';
    }

    .new-theme-design details.capabilityMore .moreGrid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px 18px;
      margin-top: 14px;
    }

    .new-theme-design .featureItem {
      display: flex;
      gap: 10px;
      align-items: flex-start;
      color: var(--ink);
      font-size: 14px;
    }

    .new-theme-design .check {
      flex: 0 0 22px;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: var(--success);
      background: var(--success-bg);
      font-size: 12px;
      font-weight: 900;
      margin-top: 1px;
    }

    .new-theme-design .darkSection {
      background: linear-gradient(135deg, var(--black) 0%, var(--black-soft) 100%);
      color: #fff;
      border-top: 4px solid var(--yellow);
    }

    .new-theme-design .darkSection h2,
    .darkSection h3 {
      color: #fff;
    }

    .new-theme-design .darkSection .sectionHead p,
    .darkSection .copy p {
      color: #D7D7D7;
    }

    .new-theme-design .darkSection .eyebrow {
      background: var(--yellow);
      color: var(--black);
    }

    .new-theme-design .darkSection .featureItem {
      color: #F7F7F7;
    }

    .new-theme-design .darkSection .check {
      background: var(--yellow);
      color: var(--black);
    }

    .new-theme-design .darkSection details.capabilityMore summary {
      color: var(--yellow);
    }

    .new-theme-design .darkSection .placeholder {
      background: linear-gradient(145deg, #111111, #202020);
      border-color: var(--yellow);
      box-shadow: none;
      color: #fff;
    }

    .new-theme-design .darkSection .placeholder small {
      color: #D0D0D0;
    }

    .new-theme-design .cards {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }

    .new-theme-design .card {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 18px;
      padding: 27px;
      box-shadow: 0 8px 26px rgba(6, 59, 92, .05);
    }

    .new-theme-design .cardIcon {
      width: 46px;
      height: 46px;
      border-radius: 12px;
      display: grid;
      place-items: center;
      background: var(--yellow);
      color: var(--black);
      font-weight: 900;
      margin-bottom: 17px;
      box-shadow: 0 6px 14px rgba(255, 201, 40, .22);
    }

    .new-theme-design .card p {
      color: var(--muted);
      margin: 12px 0 0;
      font-size: 16px;
    }

    .new-theme-design .challengeGrid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
    }

    .new-theme-design .challenge {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 16px;
      padding: 24px;
    }

    .new-theme-design .challenge strong {
      display: block;
      color: var(--black);
      margin-bottom: 8px;
      font-size: 18px;
      line-height: 1.5;
    }

    .new-theme-design .challenge p {
      color: var(--muted);
      font-size: 16px;
      margin: 0;
    }

    .new-theme-design .benefitBand {
      background: linear-gradient(135deg, var(--black), #202020);
      color: #fff;
      border-top: 4px solid var(--yellow);
    }

    .new-theme-design .benefitBand h2 {
      color: #fff;
    }

    .new-theme-design .benefitBand .sectionHead p {
      color: #D5D5D5;
    }

    .new-theme-design .benefitBand .eyebrow {
      background: var(--yellow) !important;
      color: var(--black) !important;
    }

    .new-theme-design .benefitGrid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
    }

    .new-theme-design .benefit {
      border: 1px solid rgba(255, 255, 255, .15);
      border-radius: 16px;
      padding: 24px;
      background: rgba(255, 255, 255, .06);
    }

    .new-theme-design .benefit strong {
      display: block;
      font-size: 27px;
      margin-bottom: 6px;
      color: var(--yellow);
    }

    .new-theme-design .benefit span {
      color: #E1E1E1;
      font-size: 14px;
    }

    .new-theme-design .integrationGrid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 13px;
    }

    .new-theme-design .integration {
      min-height: 74px;
      background: #fff;
      border: 1px solid var(--line);
      border-bottom: 3px solid var(--brand);
      border-radius: 13px;
      display: grid;
      place-items: center;
      text-align: center;
      padding: 12px;
      color: var(--black);
      font-weight: 800;
      font-size: 13px;
    }

    .new-theme-design .proofCards {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }

    .new-theme-design .proofCard {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 18px;
      padding: 28px;
    }

    .new-theme-design .metricPlaceholder {
      color: var(--black);
      font-size: 32px;
      font-weight: 900;
      margin-bottom: 8px;
      display: inline-block;
      background: var(--yellow);
      padding: 2px 10px;
      border-radius: 8px;
    }

    .new-theme-design .proofCard p {
      color: var(--muted);
      margin: 8px 0 0;
    }

    .new-theme-design .faq {
      max-width: 900px;
    }

    .new-theme-design details {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 14px;
      padding: 20px 22px;
      margin-bottom: 12px;
    }

    .new-theme-design summary {
      cursor: pointer;
      font-weight: 800;
      color: var(--navy);
      font-size: 19px;
    }

    .new-theme-design details p {
      color: var(--muted);
      margin: 12px 0 0;
      font-size: 16px;
    }

    .new-theme-design .ctaPanel {
      background: linear-gradient(135deg, var(--black), #202020);
      padding: 54px;
      color: #fff;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 30px;
      align-items: center;
      box-shadow: var(--shadow);
      border-top: 5px solid var(--yellow);
    }

    .new-theme-design .ctaPanel h2 {
      color: #fff;
    }

    .new-theme-design .ctaPanel p {
      color: #E6E6E6;
      font-size: 18px;
      margin: 14px 0 30px;
    }

    .new-theme-design .ctaPanel .button.primary {
      background: var(--yellow);
      color: var(--black);
      box-shadow: none;
      text-decoration: none;
    }

    .new-theme-design .ctaPanel .button.primary:hover {
      background: #FFD84D;
    }

    .new-theme-design .ctaPanel .button.secondary {
      background: transparent;
      color: #fff;
      border-color: rgba(255, 255, 255, .45);
    }

    .new-theme-design .awardBand h2 {
      font-size: clamp(32px, 4.3vw, 40px);
    }

    /* Contextual conversion CTAs */
    .new-theme-design .inlineCta {
      margin-top: 34px;
      border: 1px solid var(--line);
      border-top: 5px solid var(--yellow);
      border-radius: 0;
      background: #fff;
      padding: 24px 26px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      box-shadow: 0 10px 28px rgba(6, 59, 92, .06);
      border-radius: 16px;
    }

    .new-theme-design .inlineCta.dark {
      background: var(--black);
      border-color: #262626;
      border-left-color: var(--yellow);
      color: #fff;
    }

    .new-theme-design .inlineCta h3 {
      font-size: 28px;
      line-height: 1.2;
      margin-bottom: 6px;
    }

    .new-theme-design .inlineCta.dark h3 {
      color: #fff;
    }

    .new-theme-design .inlineCta p {
      margin: 0;
      color: var(--muted);
      font-size: 16px;
      max-width: 680px;
      margin-bottom: 24px;
    }

    .new-theme-design .inlineCta.dark p {
      color: #D8D8D8;
    }

    .new-theme-design .inlineCtaActions {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      flex: 0 0 auto;
      margin-top: 15px;
      margin-bottom: 15px;
    }

    .new-theme-design .button.yellow {
      background: var(--yellow);
      color: var(--black);
      border-color: var(--yellow);
      box-shadow: none;
      text-decoration: none !important;
    }

    .new-theme-design .button.yellow:hover {
      background: #FFD84D;
      text-decoration: none !important;
    }

    .new-theme-design .button.black {
      background: var(--black);
      color: #fff;
      border-color: var(--black);
      box-shadow: none;
      text-decoration: none !important;
    }

    .new-theme-design .inlineCta.dark .button.secondary {
      background: transparent;
      color: #fff;
      border-color: #555;
    }

    .new-theme-design .inlineCta.dark .button.secondary:hover,
    .new-theme-design .ctaPanel .button.secondary:hover {
      background: #323232 !important;
    }

    .button {
      transition: all 0.3s;
    }

    .new-theme-design .textCta {
      display: inline-flex;
      margin-top: 18px;
      font-weight: 850;
      color: var(--brand-dark);
      border-bottom: 2px solid var(--yellow);
      padding-bottom: 2px;
    }

    .new-theme-design .button.black:hover {
      background: #0076dd;
      border-color: #0076dd;
    }

    .new-theme-design .auditNote {
      margin-top: 20px;
      background: #ECF9FF;
      border: 1px solid #BDE9FD;
      color: #315D76;
      padding: 16px 18px;
      border-radius: 13px;
      font-size: 13px;
    }

    .new-theme-design footer {
      padding: 36px 0 48px;
      color: var(--muted);
      font-size: 14px;
    }

    .new-theme-design ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }

    .new-theme-design .awards__label {
      color: #161616;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    .new-theme-design .awards__list {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      margin-top: 18px;
      padding-left: 0px;
      margin-bottom: 0px;
    }

    .new-theme-design .awards__list img {
      height: 80px;
      width: auto;
    }

    .new-theme-design .trusted-brand {
      background: #fff;
    }

    .new-theme-design .trusted-brand .dzcmms-marquee {
      padding-top: 0 !important;
      background: #fff !important;
      padding-bottom: 20px;
    }

    .new-theme-design .top-rated-logos {
      display: flex;
      gap: 10px;
      justify-content: space-between;
    }

    .new-theme-design .key-feature-sec-tab .nav.nav-tabs {
      display: flex;
      flex-direction: column;
      border: none;
    }

    .new-theme-design .key-feature-sec-tab .nav.nav-tabs .nav-item {
      border: none;
      background: none;
      margin-bottom: 10px;
      width: 100%;
    }

    .new-theme-design .key-feature-sec-tab .nav.nav-tabs .nav-item .nav-link {
      background: #fff;
      border-radius: 10px;
      box-shadow: 0 0 2px rgba(0, 0, 0, .5);
      width: 100%;
      text-align: left;
      color: #222;
    }

    .new-theme-design .key-feature-sec-tab .nav.nav-tabs .nav-item .nav-link.active {
      color: var(--brand-dark);
      background: #00A8F8;
      color: #fff;
    }

    .new-theme-design .logo-grid {
      display: grid;
      grid-template-columns: repeat(4, 185px);
    }

    .new-theme-design .maintenance-cta {
      padding: 0;
    }

    .new-theme-design .maintenance-cta {
      background: #f0f7fb !important;
      padding-top: 30px;
      padding-bottom: 30px;
    }

    .new-theme-design .maintenance-cta .inlineCta {
      margin-top: 0;
      background: #fff !important;
      box-shadow: none;
    }

    .new-theme-design .awards__list img.h-45 {
      height: 65px;
    }

    .new-theme-design .vedaSection {
      background: linear-gradient(135deg, var(--black) 0%, var(--black-soft) 100%);
      color: #fff;
      border-top: 4px solid var(--yellow);
      border-bottom: 1px solid #272727;
    }

    .new-theme-design .vedaSection {
      background: linear-gradient(135deg, var(--black) 0%, var(--black-soft) 100%);
      color: #fff;
      border-top: 4px solid var(--yellow);
      border-bottom: 1px solid #272727
    }

    .new-theme-design .vedaSection h2,
    .new-theme-design .vedaSection h3 {
      color: #fff
    }

    .new-theme-design .vedaSection .copy p {
      color: #D7D7D7
    }

    .new-theme-design .vedaSection .eyebrow {
      background: var(--yellow);
      color: var(--black)
    }

    .new-theme-design .vedaGrid {
      display: grid;
      grid-template-columns: .95fr 1.05fr;
      gap: 48px;
      align-items: center
    }

    .new-theme-design .vedaPromptBox {
      background: #111;
      border: 1px solid #333;
      border-radius: 20px;
      padding: 22px;
      box-shadow: 0 18px 45px rgba(0, 0, 0, .25)
    }

    .new-theme-design .vedaPromptTitle {
      display: flex;
      align-items: center;
      gap: 10px;
      font-weight: 900;
      margin-bottom: 16px;
      font-size: 22px;
    }

    .new-theme-design .vedaDot {
      width: 34px;
      height: 34px;
      border-radius: 10px;
      background: var(--yellow);
      color: var(--black);
      display: grid;
      place-items: center;
      font-size: 12px
    }

    .new-theme-design .prompt {
      background: #1C1C1C;
      border: 1px solid #303030;
      border-radius: 12px;
      padding: 13px 15px;
      margin-top: 10px;
      color: #F2F2F2;
      font-size: 13px
    }

    .new-theme-design .vedaActions {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      margin-top: 24px
    }

    .new-theme-design .vedaAction {
      background: #151515;
      border: 1px solid #303030;
      border-radius: 14px;
      padding: 17px
    }

    .new-theme-design .vedaAction strong {
      display: block;
      color: var(--yellow);
      font-size: 18px;
      margin-bottom: 5px
    }

    .new-theme-design .vedaAction span {
      color: #CFCFCF;
      font-size: 16px
    }

    .new-theme-design .vedaPromptBox .prompt {
      font-size: 16px;
    }

    .new-theme-design .vedaGrid .featureList .featureItem {
      display: flex;
      gap: 10px;
      align-items: flex-start;
      color: #fff;
      font-size: 15px;
      line-height: 20px;
    }

    .new-theme-design .coreGrid,
    .new-theme-design .cards,
    .new-theme-design .proofCards,
    .new-theme-design .seoGrid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }

    .coreCard,
    .card,
    .proofCard,
    .seoCard {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 18px;
      padding: 27px;
      box-shadow: 0 8px 26px rgba(6, 59, 92, .05);
    }

    .new-theme-design .coreIcon,
    .new-theme-design .cardIcon {
      width: 46px;
      height: 46px;
      border-radius: 12px;
      display: grid;
      place-items: center;
      background: var(--yellow);
      color: var(--black);
      font-weight: 900;
      margin-bottom: 17px;
      font-size: 12px;
    }

    .new-theme-design .coreCard a {
      display: inline-flex;
      margin-top: 16px;
      color: var(--brand-dark);
      font-size: 13px;
      font-weight: 850;
      border-bottom: 2px solid var(--yellow);
    }

    .new-theme-design .metricBand {
      background: linear-gradient(135deg, var(--black), #202020);
      color: #fff;
      border-top: 4px solid var(--yellow);
    }

    .new-theme-design .metricGrid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
    }

    .new-theme-design .metric strong {
      display: block;
      color: var(--yellow);
      font-size: 36px;
      margin-bottom: 6px;
    }

    .metricBand h2 {
      color: #fff;
    }

    .metric {
      border: 1px solid rgba(255, 255, 255, .15);
      border-radius: 16px;
      padding: 28px;
      background: rgba(255, 255, 255, .06);
    }

    .metric span {
      color: #E1E1E1;
      font-size: 14px;
    }

    .new-theme-design .metricBand .sectionHead p {
      color: #D5D5D5;
    }

    .new-theme-design .visual .section-img img {
      width: 100%;
      max-height: 600px;
      height: auto;
      object-fit: cover;
      border-radius: 20px;
      overflow: hidden;
    }

    .new-theme-design .hero-banner {
      position: relative;
    }

    .new-theme-design .hero-banner .svg-anima {
      position: absolute;
      top: -25px;
      left: 0;
      width: 73%;
    }

    .new-theme-design .hero-banner>img {
      margin-top: 60px;
      border-radius: 15px;
    }

    .manage-work-hero-banner-svg-1 {
      position: absolute;
      left: -50px;
      top: 25px;
    }

    .manage-work-hero-banner-svg-1 img {
      max-width: 320px;
    }

    .hero-banner-rounded .hero-pic {
      border-radius: 15px;
    }

    .manage-work-hero-banner-svg-2 {
      position: absolute;
      right: -50px;
      bottom: 25px;
    }

    .manage-work-hero-banner-svg-2 img {
      max-width: 280px;
    }

    .hero-video-overlay-btn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      outline: none;
    }

    .hero-video-overlay-btn a {
      outline: none;
      border: none;
    }

    .hero-video-overlay-btn img {
      max-width: 120px;
    }

    @media (max-width: 980px) {
      .new-theme-design .ratingSectionGrid {
        grid-template-columns: 1fr;
      }

      .new-theme-design .awardProofGrid {
        grid-template-columns: repeat(3, 1fr);
      }

      .new-theme-design .heroGrid,
      .twoCol,
      .ctaPanel {
        grid-template-columns: 1fr;
      }

      .new-theme-design .twoCol.reverse .visual {
        order: initial;
      }

      .new-theme-design .logoRow {
        grid-template-columns: repeat(4, 1fr);
      }

      .new-theme-design .ratingGrid,
      .awardGrid {
        grid-template-columns: repeat(3, 1fr);
      }

      .new-theme-design .ratingLead,
      .awardLead {
        grid-column: 1/-1;
        text-align: center;
      }

      .new-theme-design .aiFlow {
        grid-template-columns: repeat(3, 1fr);
      }

      .new-theme-design .aiStep:nth-child(3)::after,
      .aiStep:last-child::after {
        display: none;
      }

      .new-theme-design .outcomeGrid,
      .challengeGrid,
      .benefitGrid {
        grid-template-columns: repeat(2, 1fr);
      }

      .new-theme-design .cards,
      .proofCards {
        grid-template-columns: repeat(2, 1fr);
      }

      .new-theme-design .integrationGrid {
        grid-template-columns: repeat(3, 1fr);
      }

      .new-theme-design .navlinks {
        display: none;
      }

      .awardBand .d-flex {
        flex-direction: column;
      }

      .new-theme-design .top-rated-logos {
        flex-wrap: wrap;
        justify-content: center;
      }

      .new-theme-design .twoCol {
        grid-template-columns: 1fr;
      }

      .inlineCta .d-flex {
        flex-direction: column;
      }

      .new-theme-design .proofCards {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
      }

      .new-theme-design .benefitGrid {
        grid-template-columns: repeat(2, 1fr);
      }

      .new-theme-design .challengeGrid {
        grid-template-columns: repeat(2, 1fr);
      }

      .new-theme-design .cards,
      .proofCards {
        grid-template-columns: repeat(1, 1fr);
      }

      .new-theme-design .twoCol {
        grid-template-columns: 1fr;
      }

      .new-theme-design .copy {
        order: 2;
      }

      .new-theme-design .visual {
        order: 1;
      }

      .new-theme-design .visual img {
        height: auto;
      }

      .new-theme-design .inlineCtaActions {
        flex-direction: column;
      }

      .new-theme-design .inlineCtaActions br {
        display: none;
      }

      .hero-banner {
        display: none;
      }

      .new-theme-design .awards__list {
        gap: 8px;
      }

      .new-theme-design .metricGrid .new-theme-design .coreGrid,
      .new-theme-design .cards,
      .new-theme-design .proofCards,
      .new-theme-design .seoGrid,
      .new-theme-design .vedaActions {
        grid-template-columns: repeat(1, 1fr);
      }

      .new-theme-design .metricGrid,
      .new-theme-design .coreGrid,
      .new-theme-design .cards,
      .new-theme-design .proofCards,
      .new-theme-design .seoGrid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
      }

      .new-theme-design .vedaGrid {
        grid-template-columns: 1fr;
      }

      .new-theme-design .ratingGrid {
        grid-template-columns: repeat(2, 1fr) !important;
      }

      .new-theme-design .ctaPanel .button.secondary,
      .new-theme-design .ctaPanel .button.primary {
        width: 100%;
      }

      .cmms-integration-design .d-none {
        display: block !important;
      }

      .new-theme-design .logo-grid {
        display: grid;
        grid-template-columns: repeat(2, 185px);
        margin-top: 12px !important;
      }

      .new-theme-design .key-feature-sec-tab .nav.nav-tabs .nav-item {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 2px;
      }

      .new-theme-design section {
        padding: 30px 0;
      }

      .new-theme-design h1,
      .new-theme-design h2,
      .new-theme-design h3 {
        line-height: 1.4;
      }

      .new-theme-design .ratingItem {
        border: none;
      }

      .new-theme-design .aiFlow {
        grid-template-columns: 1fr 1fr;
      }
    }

    @media (max-width: 767px) {
      .new-theme-design .awards__list img.h-45 {
        height: 45px;
      }

      .new-theme-design .awards__list img {
        height: 51px;
      }
    }

    @media (max-width: 640px) {
      .new-theme-design .awardProofGrid {
        grid-template-columns: 1fr;
      }

      .new-theme-design .wrap {
        width: min(var(--max), calc(100% - 24px));
      }

      .new-theme-design .hero {
        padding: 58px 0 52px;
      }

      .new-theme-design section {
        padding: 64px 0;
      }

      .new-theme-design h1 {
        font-size: 44px;
      }

      .new-theme-design .aiFlow {
        grid-template-columns: 1fr 1fr;
      }

      .new-theme-design .aiStep::after {
        display: none;
      }

      .new-theme-design .logoRow,
      .ratingGrid,
      .awardGrid,
      .outcomeGrid,
      .challengeGrid,
      .benefitGrid,
      .cards,
      .proofCards,
      .integrationGrid,
      .featureList {
        grid-template-columns: 1fr;
      }

      .new-theme-design .ratingItem {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, .14);
      }

      .new-theme-design .ctaPanel {
        padding: 34px 24px;
      }

      .new-theme-design .inlineCta {
        flex-direction: column;
        align-items: flex-start;
      }

      .new-theme-design .inlineCtaActions {
        width: 100%;
      }

      .new-theme-design .inlineCtaActions .button {
        flex: 1;
      }
    }


    /*----------------Preventive Maintenance Software Starts----------------*/

    .new-theme-design .section.soft {
      background: var(--sky-2)
    }

    .new-theme-design .center {
      text-align: center
    }

    .new-theme-design .eyebrow {
      display: inline-flex;
      padding: 8px 13px;
      border-radius: 999px;
      background: var(--yellow-soft);
      color: var(--black);
      font-size: 13px;
      font-weight: 850;
      margin-bottom: 18px;
      text-transform: none;
      letter-spacing: 0
    }

    .new-theme-design h1,
    .new-theme-design h2,
    .new-theme-design h3 {
      margin-top: 0;
      line-height: 1.4;
      letter-spacing: -.035em
    }

    .new-theme-design h1 {
      font-size: clamp(43px, 6vw, 53px);
      color: var(--black);
      margin-bottom: 22px
    }

    .new-theme-design h2 {
      font-size: clamp(32px, 4.3vw, 50px);
      color: var(--black);
      margin-bottom: 18px
    }

    .new-theme-design h3 {
      font-size: 23px;
      color: var(--black);
      margin-bottom: 10px
    }

    .new-theme-design p {
      margin-top: 0
    }

    .new-theme-design .lead {
      color: var(--muted);
      font-size: 20px;
      max-width: 780px
    }

    .new-theme-design .center .lead {
      margin-left: auto;
      margin-right: auto
    }

    /* Hero */
    .new-theme-design .hero {
      position: relative;
      overflow: hidden;
      padding: 82px 0 72px;
      background:
        radial-gradient(circle at 85% 15%, rgba(0, 168, 248, .18), transparent 30%),
        radial-gradient(circle at 15% 30%, rgba(0, 168, 248, .08), transparent 30%),
        linear-gradient(180deg, #fff 0%, #F3FBFF 100%)
    }

    .new-theme-design .hero-grid {
      display: grid;
      grid-template-columns: 1.03fr .97fr;
      gap: 58px;
      align-items: center
    }

    .new-theme-design .hero p {
      max-width: 720px
    }

    .new-theme-design .hero-points {
      list-style: none;
      padding: 0;
      margin: 28px 0;
      display: grid;
      gap: 12px
    }

    .new-theme-design .hero-points li {
      display: flex;
      gap: 10px;
      align-items: flex-start;
      font-weight: 700;
      color: var(--ink)
    }

    .new-theme-design .check {
      flex: 0 0 22px;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: var(--success);
      background: var(--success-bg);
      font-size: 12px;
      font-weight: 900;
      margin-top: 1px
    }

    .new-theme-design .actions {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
      margin-top: 28px
    }

    .new-theme-design .btn {
      display: inline-flex;
      min-height: 48px;
      padding: 0 22px;
      align-items: center;
      justify-content: center;
      border-radius: 12px;
      border: 1px solid transparent;
      font-weight: 800;
      transition: .2s ease
    }

    .new-theme-design .btn.primary {
      background: var(--black);
      color: #fff
    }

    .new-theme-design .btn.secondary {
      background: #fff;
      color: var(--navy);
      border-color: var(--yellow);
      box-shadow: inset 0 -3px 0 var(--yellow)
    }

    .new-theme-design .btn:hover {
      transform: translateY(-1px)
    }

    .new-theme-design .hero-card {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      padding: 18px
    }

    .new-theme-design .mock {
      min-height: 430px;
      border-radius: 16px;
      background: linear-gradient(145deg, #fff 0%, var(--sky) 100%);
      border: 1px solid #CBEAF9;
      padding: 24px
    }

    .new-theme-design .mock h3 {
      font-size: 18px
    }

    .new-theme-design .mock-row {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 12px;
      padding: 14px 16px;
      margin: 11px 0;
      box-shadow: 0 5px 15px rgba(6, 59, 92, .06)
    }

    .new-theme-design .mock-row strong {
      display: block;
      margin-bottom: 4px
    }

    .new-theme-design .mock-row:nth-of-type(1) {
      border-left: 4px solid var(--brand)
    }

    .new-theme-design .mock-row:nth-of-type(2) {
      border-left: 4px solid var(--success)
    }

    .new-theme-design .mock-row:nth-of-type(3) {
      border-left: 4px solid var(--yellow)
    }

    .new-theme-design .mock-row:nth-of-type(4) {
      border-left: 4px solid var(--navy)
    }

    .new-theme-design .tag {
      display: inline-block;
      font-size: 11px;
      font-weight: 800;
      padding: 4px 8px;
      border-radius: 999px;
      background: var(--success-bg);
      color: var(--success)
    }

    /* Trust */
    .new-theme-design .trust {
      background: #fff;
      padding: 30px 0;
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line)
    }

    .new-theme-design .trust-grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 12px;
      text-align: center
    }

    .new-theme-design .logo-box {
      min-height: 66px;
      border-radius: 12px;
      border: 1px dashed #B8D7E7;
      background: #fff;
      display: grid;
      place-items: center;
      padding: 10px;
      color: #7B8E9E;
      font-size: 12px;
      font-weight: 750
    }

    /* Stats and cards */
    .new-theme-design .stats {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
      margin-top: 36px
    }

    .new-theme-design .stat {
      background: #fff;
      border: 1px solid var(--line);
      border-top: 3px solid var(--yellow);
      border-radius: 16px;
      padding: 24px
    }

    .new-theme-design .stat strong {
      display: block;
      color: var(--black);
      font-size: 28px;
      margin-bottom: 8px
    }

    .new-theme-design .cards {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      margin-top: 34px
    }

    .new-theme-design .card {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 18px;
      padding: 27px;
      box-shadow: 0 8px 26px rgba(6, 59, 92, .05);
      transition: .2s ease
    }

    .new-theme-design .card:hover {
      transform: translateY(-4px);
      box-shadow: 0 15px 35px rgba(6, 59, 92, .10)
    }

    .new-theme-design .card p {
      color: var(--muted)
    }

    .new-theme-design .icon {
      width: 46px;
      height: 46px;
      border-radius: 12px;
      display: grid;
      place-items: center;
      background: var(--yellow);
      color: var(--black);
      font-weight: 900;
      margin-bottom: 17px;
      font-size: 12px
    }

    /* Feature rows */
    .new-theme-design .feature {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 54px;
      align-items: center;
      margin-top: 74px
    }

    .new-theme-design .feature:first-of-type {
      margin-top: 42px
    }

    .new-theme-design .feature:nth-child(even) .feature-visual {
      order: -1
    }

    .new-theme-design .feature p {
      color: var(--muted);
      font-size: 17px
    }

    .new-theme-design .feature ul {
      padding-left: 0;
      list-style: none;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px 18px;
      margin-top: 24px
    }

    .new-theme-design .feature li {
      font-size: 14px;
      display: flex;
      gap: 10px
    }

    .new-theme-design .feature li::before {
      content: "✓";
      flex: 0 0 22px;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: var(--success);
      background: var(--success-bg);
      font-size: 12px;
      font-weight: 900
    }

    .new-theme-design .feature-visual {
      min-height: 390px;
      border-radius: var(--radius)
    }

    /* Shared product mock visual */
    .new-theme-design .visual-shell {
      position: relative;
      min-height: 390px;
      border-radius: var(--radius);
      padding: 18px;
      overflow: hidden;
      background:
        radial-gradient(circle at 85% 15%, rgba(0, 168, 248, .17), transparent 27%),
        linear-gradient(145deg, #fff 0%, var(--sky) 100%);
      border: 1px solid #BFE7FA;
      box-shadow: var(--shadow)
    }

    .new-theme-design .visual-shell::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image: linear-gradient(rgba(0, 168, 248, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 168, 248, .035) 1px, transparent 1px);
      background-size: 28px 28px;
      pointer-events: none
    }

    .new-theme-design .window {
      position: relative;
      z-index: 2;
      background: rgba(255, 255, 255, .97);
      border: 1px solid var(--line);
      border-radius: 18px;
      box-shadow: 0 14px 38px rgba(6, 59, 92, .12);
      overflow: hidden
    }

    .new-theme-design .window-bar {
      display: flex;
      align-items: center;
      gap: 7px;
      padding: 12px 14px;
      border-bottom: 1px solid var(--line);
      background: #F8FCFF;
      color: var(--navy)
    }

    .new-theme-design .dot {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      display: inline-block
    }

    .new-theme-design .dot.red {
      background: #ff6b6b
    }

    .dot.yellow {
      background: var(--yellow)
    }

    .dot.green {
      background: #36c98f
    }

    .new-theme-design .floating-badge {
      position: absolute;
      z-index: 3;
      padding: 9px 12px;
      border-radius: 10px;
      font-size: 11px;
      font-weight: 850;
      box-shadow: 0 10px 24px rgba(6, 59, 92, .16)
    }

    .new-theme-design .floating-badge.top-right {
      top: 22px;
      right: 22px;
      background: var(--yellow);
      color: var(--black)
    }

    .new-theme-design .floating-badge.bottom-left {
      bottom: 22px;
      left: 22px;
      background: var(--black);
      color: #fff
    }

    /* Calendar */
    .new-theme-design .pm-calendar {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      gap: 7px;
      padding: 14px
    }

    .new-theme-design .pm-day {
      height: 44px;
      border-radius: 9px;
      border: 1px solid var(--line);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-size: 11px;
      background: #fff
    }

    .new-theme-design .pm-day.event-blue {
      background: var(--sky);
      border-color: #A8DFF9;
      color: var(--brand-dark);
      font-weight: 800
    }

    .new-theme-design .pm-day.event-green {
      background: var(--success-bg);
      border-color: #B9E8D6;
      color: var(--success);
      font-weight: 800
    }

    .new-theme-design .pm-day.event-orange {
      background: var(--yellow-soft);
      border-color: #F1D96C;
      color: #9A6A00;
      font-weight: 800
    }

    .new-theme-design .pm-day.event-purple {
      background: #EEF1F6;
      border-color: #D6DFE7;
      color: var(--navy);
      font-weight: 800
    }

    /* Pills, status, work orders */
    .new-theme-design .pill-row {
      display: flex;
      gap: 7px;
      flex-wrap: wrap;
      margin-top: 10px
    }

    .new-theme-design .pill {
      font-size: 11px;
      font-weight: 800;
      padding: 5px 9px;
      border-radius: 999px;
      background: var(--sky);
      color: var(--brand-dark)
    }

    .new-theme-design .pill.cyan {
      background: #E8FAFF;
      color: #087A9C
    }

    .pill.green {
      background: var(--success-bg);
      color: var(--success)
    }

    .new-theme-design .pill.orange {
      background: var(--yellow-soft);
      color: #8A6500
    }

    .pill.pink {
      background: #F2F2F2;
      color: var(--black)
    }

    .new-theme-design .workorder-card {
      margin: 16px;
      padding: 16px;
      border-radius: 15px;
      background: #fff;
      border: 1px solid var(--line);
      box-shadow: 0 7px 20px rgba(6, 59, 92, .07)
    }

    .new-theme-design .wo-head {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      align-items: flex-start;
      margin-bottom: 12px
    }

    .new-theme-design .wo-title {
      font-size: 15px;
      font-weight: 850;
      color: var(--black)
    }

    .new-theme-design .wo-meta {
      color: var(--muted);
      font-size: 11px
    }

    .new-theme-design .progress {
      height: 8px;
      border-radius: 999px;
      background: #E8EFF4;
      overflow: hidden;
      margin: 10px 0
    }

    .new-theme-design .progress span {
      display: block;
      height: 100%;
      width: 72%;
      background: linear-gradient(90deg, var(--brand), #62CCFF);
      border-radius: inherit
    }

    .new-theme-design .check-list {
      display: grid;
      gap: 8px;
      padding: 14px
    }

    .new-theme-design .check-row {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      align-items: center;
      padding: 10px 12px;
      border-radius: 10px;
      border: 1px solid var(--line);
      background: #fff;
      font-size: 12px
    }

    .new-theme-design .status {
      font-size: 10px;
      font-weight: 850;
      padding: 4px 7px;
      border-radius: 999px
    }

    .new-theme-design .status.done {
      color: var(--success);
      background: var(--success-bg)
    }

    .new-theme-design .status.warn {
      color: #8A6500;
      background: var(--yellow-soft)
    }

    .new-theme-design .status.info {
      color: var(--brand-dark);
      background: var(--sky)
    }

    /* Phone */
    .new-theme-design .phone {
      width: 220px;
      margin: 8px auto 0;
      padding: 10px;
      border-radius: 30px;
      background: var(--black);
      box-shadow: 0 22px 50px rgba(6, 59, 92, .24)
    }

    .new-theme-design .phone-screen {
      border-radius: 23px;
      background: linear-gradient(180deg, #F7FCFF, #fff);
      min-height: 350px;
      padding: 14px;
      overflow: hidden
    }

    .new-theme-design .phone-notch {
      width: 70px;
      height: 7px;
      border-radius: 999px;
      background: #222;
      margin: 0 auto 12px
    }

    .new-theme-design .task-card {
      border: 1px solid var(--line);
      border-radius: 12px;
      padding: 10px;
      margin: 9px 0;
      background: #fff;
      box-shadow: 0 4px 10px rgba(6, 59, 92, .04)
    }

    .new-theme-design .task-card strong {
      display: block;
      font-size: 12px
    }

    .task-card small {
      color: var(--muted);
      font-size: 10px
    }

    /* Sensor visual */
    .new-theme-design .sensor {
      position: relative;
      padding: 18px
    }

    .new-theme-design .gauge-wrap {
      display: flex;
      justify-content: center;
      padding: 16px 0 8px
    }

    .new-theme-design .gauge {
      width: 190px;
      height: 95px;
      overflow: hidden;
      position: relative
    }

    .new-theme-design .gauge::before {
      content: "";
      position: absolute;
      width: 190px;
      height: 190px;
      border-radius: 50%;
      background: conic-gradient(from 270deg, var(--success) 0 34%, var(--yellow) 34% 57%, #E44B4B 57% 75%, #E7EEF2 75% 100%);
      inset: 0
    }

    .new-theme-design .gauge::after {
      content: "86°C";
      position: absolute;
      width: 125px;
      height: 125px;
      border-radius: 50%;
      background: #fff;
      left: 32px;
      top: 32px;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      padding-top: 28px;
      font-weight: 900;
      font-size: 24px;
      color: var(--black)
    }

    .new-theme-design .sensor-line {
      height: 110px;
      position: relative;
      border-radius: 12px;
      overflow: hidden;
      background: linear-gradient(rgba(0, 168, 248, .10) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 168, 248, .10) 1px, transparent 1px), #fff;
      background-size: 26px 26px;
      border: 1px solid var(--line)
    }

    .new-theme-design .sensor-line svg {
      width: 100%;
      height: 100%;
      display: block
    }

    /* Dashboard */
    .new-theme-design .dash-grid {
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 14px;
      padding: 16px
    }

    .new-theme-design .mini-kpis {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
      margin-bottom: 12px
    }

    .new-theme-design .mini-kpi {
      padding: 12px;
      border-radius: 12px;
      background: #fff;
      border: 1px solid var(--line);
      box-shadow: 0 4px 14px rgba(6, 59, 92, .05)
    }

    .new-theme-design .mini-kpi strong {
      display: block;
      font-size: 23px;
      line-height: 1;
      margin-bottom: 6px
    }

    .new-theme-design .mini-kpi small {
      color: var(--muted)
    }

    .new-theme-design .bar-chart {
      height: 130px;
      display: flex;
      align-items: flex-end;
      gap: 10px;
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: 14px;
      background: linear-gradient(180deg, #fff, #F6FCFF)
    }

    .new-theme-design .bar {
      flex: 1;
      border-radius: 8px 8px 3px 3px;
      min-width: 14px;
      box-shadow: inset 0 -10px 25px rgba(0, 0, 0, .04)
    }

    .new-theme-design .bar.b1 {
      height: 42%;
      background: linear-gradient(180deg, #62CCFF, var(--brand))
    }

    .new-theme-design .bar.b2 {
      height: 70%;
      background: linear-gradient(180deg, #7BDAFF, var(--brand-dark))
    }

    .new-theme-design .bar.b3 {
      height: 58%;
      background: linear-gradient(180deg, #FFE77A, var(--yellow))
    }

    .new-theme-design .bar.b4 {
      height: 88%;
      background: linear-gradient(180deg, #55D9A6, var(--success))
    }

    .new-theme-design .bar.b5 {
      height: 64%;
      background: linear-gradient(180deg, #9ADFFF, var(--brand))
    }

    .new-theme-design .bar.b6 {
      height: 78%;
      background: linear-gradient(180deg, #FFD95A, var(--yellow))
    }

    .new-theme-design .donut {
      width: 138px;
      aspect-ratio: 1;
      border-radius: 50%;
      background: conic-gradient(var(--brand) 0 78%, #E8EFF4 78% 100%);
      margin: 14px auto;
      position: relative;
      box-shadow: 0 10px 24px rgba(0, 168, 248, .18)
    }

    .new-theme-design .donut::after {
      content: "78%";
      position: absolute;
      inset: 22px;
      background: #fff;
      border-radius: 50%;
      display: grid;
      place-items: center;
      font-weight: 900;
      font-size: 24px;
      color: var(--black)
    }

    /* Workflow */
    .new-theme-design .workflow {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 12px;
      margin-top: 34px
    }

    .new-theme-design .step {
      position: relative;
      background: #fff;
      border: 1px solid var(--line);
      border-top: 3px solid var(--yellow);
      border-radius: 16px;
      padding: 22px;
      box-shadow: 0 7px 20px rgba(6, 59, 92, .04)
    }

    .new-theme-design .step .num {
      width: 34px;
      height: 34px;
      border-radius: 9px;
      display: grid;
      place-items: center;
      background: var(--yellow);
      color: var(--black);
      font-weight: 900;
      margin-bottom: 12px
    }

    /* Table */
    .new-theme-design .compare {
      width: 100%;
      border-collapse: separate;
      border-spacing: 0;
      margin-top: 30px;
      border: 1px solid var(--line);
      border-radius: 16px;
      overflow: hidden;
      background: #fff
    }

    .new-theme-design .compare th,
    .compare td {
      padding: 16px 18px;
      border-bottom: 1px solid var(--line);
      text-align: left
    }

    .new-theme-design .compare th {
      background: #0668bd;
      color: #fff
    }

    .new-theme-design .compare tr:last-child td {
      border-bottom: none
    }

    /* Industries */
    .new-theme-design .industries {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      margin-top: 30px
    }

    .new-theme-design .industry {
      padding: 20px;
      border: 1px solid var(--line);
      border-bottom: 3px solid var(--brand);
      border-radius: 13px;
      background: #fff;
      font-weight: 800;
      color: var(--black)
    }

    /* FAQ */
    .new-theme-design .faq {
      max-width: 900px;
      margin: 32px auto 0
    }

    .new-theme-design details {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 14px;
      padding: 20px 22px;
      margin-bottom: 12px
    }

    .new-theme-design summary {
      cursor: pointer;
      font-size: 18px;
      font-weight: 800;
      color: var(--navy)
    }

    .new-theme-design details p {
      color: var(--muted);
      padding-top: 12px;
      margin-bottom: 0
    }

    /* Dark AEO / CTA */
    .new-theme-design .cta {
      background: linear-gradient(135deg, var(--black), #202020);
      border-radius: 28px;
      padding: 54px;
      color: #fff;
      display: grid;
      grid-template-columns: 1.3fr .7fr;
      gap: 30px;
      align-items: center;
      border-top: 5px solid var(--yellow)
    }

    .new-theme-design .cta h2 {
      color: #fff
    }

    .cta p {
      color: #E6E6E6
    }

    .cta .actions {
      justify-content: flex-end;
      margin-top: 0
    }

    .new-theme-design .cta .btn.primary {
      background: var(--yellow);
      color: var(--black)
    }

    .new-theme-design .cta .btn.secondary {
      background: transparent;
      color: #fff;
      border-color: rgba(255, 255, 255, .45);
      box-shadow: none
    }

    .new-theme-design .seo-note {
      background: var(--yellow-soft);
      border: 1px solid #F1D96C;
      border-radius: 12px;
      padding: 18px;
      margin-top: 26px;
      color: #6E5700;
      font-size: 14px
    }

    @media(max-width:980px) {

      .new-theme-design .hero-grid,
      .feature,
      .cta {
        grid-template-columns: 1fr
      }

      .new-theme-design .feature:nth-child(even) .feature-visual {
        order: initial
      }

      .new-theme-design .stats {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design .cards {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design .workflow {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design .industries {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design .trust-grid {
        grid-template-columns: repeat(3, 1fr)
      }

      .new-theme-design .cta .actions {
        justify-content: flex-start
      }
    }

    @media(max-width:640px) {
      .new-theme-design .container {
        width: min(var(--container), calc(100% - 24px))
      }

      .new-theme-design .hero {
        padding: 58px 0 52px
      }

      .new-theme-design .section {
        padding: 64px 0
      }

      .new-theme-design h1 {
        font-size: 44px
      }

      .new-theme-design .stats,
      .cards,
      .workflow,
      .industries,
      .trust-grid,
      .feature ul {
        grid-template-columns: 1fr
      }

      .new-theme-design .cta {
        padding: 34px 24px
      }

      .new-theme-design .dash-grid {
        grid-template-columns: 1fr
      }
    }

    @media(max-width:767px) {
      .new-theme-design .cards {
        grid-template-columns: repeat(1, 1fr);
      }

      .new-theme-design .feature {
        grid-template-columns: 1fr;
      }

      .new-theme-design .feature-visual,
      .new-theme-design .hero-card {
        order: 0;
      }

      .new-theme-design .feature-content,
      .new-theme-design .hero-cont {
        order: 1;
      }

      .new-theme-design .workflow {
        grid-template-columns: repeat(1, 1fr);
      }
    }

    /*----------------Preventive Maintenance Software Ends----------------*/
    /*----------------Parts Inventory Management Software for Maintenance Teams Starts----------------*/
    /* Hero */
    .new-theme-design.parts-inventory-manage .hero {
      position: relative;
      overflow: hidden;
      padding: 82px 0 72px;
      background:
        radial-gradient(circle at 85% 15%, rgba(0, 168, 248, .18), transparent 30%),
        radial-gradient(circle at 15% 30%, rgba(0, 168, 248, .08), transparent 30%),
        linear-gradient(180deg, #fff 0%, #F3FBFF 100%)
    }

    .new-theme-design.parts-inventory-manage .hero-grid {
      display: grid;
      grid-template-columns: 1.03fr .97fr;
      gap: 58px;
      align-items: center
    }

    .new-theme-design.parts-inventory-manage .hero p {
      max-width: 720px
    }

    .new-theme-design.parts-inventory-manage .hero-points {
      list-style: none;
      padding: 0;
      margin: 28px 0;
      display: grid;
      gap: 12px
    }

    .new-theme-design.parts-inventory-manage .hero-points li {
      display: flex;
      gap: 10px;
      align-items: flex-start;
      font-weight: 700;
      color: var(--ink)
    }

    .new-theme-design.parts-inventory-manage .check {
      flex: 0 0 22px;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: var(--success);
      background: var(--success-bg);
      font-size: 12px;
      font-weight: 900;
      margin-top: 1px
    }

    .new-theme-design.parts-inventory-manage .actions {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
      margin-top: 28px
    }

    .new-theme-design.parts-inventory-manage .btn {
      display: inline-flex;
      min-height: 48px;
      padding: 0 22px;
      align-items: center;
      justify-content: center;
      border-radius: 12px;
      border: 1px solid transparent;
      font-weight: 800;
      transition: .2s ease
    }

    .new-theme-design.parts-inventory-manage .btn.primary {
      background: var(--black);
      color: #fff
    }

    .new-theme-design.parts-inventory-manage .btn.secondary {
      background: #fff;
      color: var(--navy);
      border-color: var(--yellow);
      box-shadow: inset 0 -3px 0 var(--yellow)
    }

    .new-theme-design.parts-inventory-manage .btn:hover {
      transform: translateY(-1px)
    }

    .new-theme-design.parts-inventory-manage .hero-card {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      padding: 18px
    }

    .new-theme-design.parts-inventory-manage .mock {
      min-height: 430px;
      border-radius: 16px;
      background: linear-gradient(145deg, #fff 0%, var(--sky) 100%);
      border: 1px solid #CBEAF9;
      padding: 24px
    }

    .new-theme-design.parts-inventory-manage.mock h3 {
      font-size: 18px
    }

    .new-theme-design.parts-inventory-manage .mock-row {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 12px;
      padding: 14px 16px;
      margin: 11px 0;
      box-shadow: 0 5px 15px rgba(6, 59, 92, .06)
    }

    .new-theme-design.parts-inventory-manage .mock-row strong {
      display: block;
      margin-bottom: 4px
    }

    .new-theme-design.parts-inventory-manage .mock-row:nth-of-type(1) {
      border-left: 4px solid var(--brand)
    }

    .new-theme-design.parts-inventory-manage .mock-row:nth-of-type(2) {
      border-left: 4px solid var(--success)
    }

    .new-theme-design.parts-inventory-manage .mock-row:nth-of-type(3) {
      border-left: 4px solid var(--yellow)
    }

    .new-theme-design.parts-inventory-manage .mock-row:nth-of-type(4) {
      border-left: 4px solid var(--navy)
    }

    .new-theme-design.parts-inventory-manage .tag {
      display: inline-block;
      font-size: 13px;
      font-weight: 800;
      padding: 4px 8px;
      border-radius: 999px;
      background: var(--success-bg);
      color: var(--success)
    }

    /* Trust */
    .new-theme-design.parts-inventory-manage .trust {
      background: #fff;
      padding: 30px 0;
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line)
    }

    .new-theme-design.parts-inventory-manage .trust-grid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 12px;
      text-align: center
    }

    .new-theme-design.parts-inventory-manage .logo-box {
      min-height: 66px;
      border-radius: 12px;
      border: 1px dashed #B8D7E7;
      background: #fff;
      display: grid;
      place-items: center;
      padding: 10px;
      color: #7B8E9E;
      font-size: 12px;
      font-weight: 750
    }

    /* Stats and cards */
    .new-theme-design.parts-inventory-manage .stats {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
      margin-top: 36px
    }

    .new-theme-design.parts-inventory-manage .stat {
      background: #fff;
      border: 1px solid var(--line);
      border-top: 3px solid var(--yellow);
      border-radius: 16px;
      padding: 24px
    }

    .new-theme-design.parts-inventory-manage .stat strong {
      display: block;
      color: var(--black);
      font-size: 28px;
      margin-bottom: 8px
    }

    .new-theme-design.parts-inventory-manage .cards {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      margin-top: 34px
    }

    .new-theme-design.parts-inventory-manage .card {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 18px;
      padding: 27px;
      box-shadow: 0 8px 26px rgba(6, 59, 92, .05);
      transition: .2s ease
    }

    .new-theme-design.parts-inventory-manage .card:hover {
      transform: translateY(-4px);
      box-shadow: 0 15px 35px rgba(6, 59, 92, .10)
    }

    .new-theme-design.parts-inventory-manage .card p {
      color: var(--muted)
    }

    .new-theme-design.parts-inventory-manage .icon {
      width: 46px;
      height: 46px;
      border-radius: 12px;
      display: grid;
      place-items: center;
      background: var(--yellow);
      color: var(--black);
      font-weight: 900;
      margin-bottom: 17px;
      font-size: 12px
    }

    /* Feature rows */
    .new-theme-design.parts-inventory-manage .feature {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 54px;
      align-items: center;
      margin-top: 74px
    }

    .new-theme-design.parts-inventory-manage .feature:first-of-type {
      margin-top: 42px
    }

    .new-theme-design.parts-inventory-manage .feature:nth-child(even) .feature-visual {
      order: -1
    }

    .new-theme-design.parts-inventory-manage .feature p {
      color: var(--muted);
      font-size: 17px
    }

    .new-theme-design.parts-inventory-manage .feature ul {
      padding-left: 0;
      list-style: none;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px 18px;
      margin-top: 24px
    }

    .new-theme-design.parts-inventory-manage .feature li {
      font-size: 14px;
      display: flex;
      gap: 10px
    }

    .new-theme-design.parts-inventory-manage .feature li::before {
      content: "✓";
      flex: 0 0 22px;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: var(--success);
      background: var(--success-bg);
      font-size: 12px;
      font-weight: 900
    }

    .new-theme-design.parts-inventory-manage .feature-visual {
      min-height: 390px;
      border-radius: var(--radius)
    }

    /* Shared product mock visual */
    .new-theme-design.parts-inventory-manage .visual-shell {
      position: relative;
      min-height: 390px;
      border-radius: var(--radius);
      padding: 18px;
      overflow: hidden;
      background:
        radial-gradient(circle at 85% 15%, rgba(0, 168, 248, .17), transparent 27%),
        linear-gradient(145deg, #fff 0%, var(--sky) 100%);
      border: 1px solid #BFE7FA;
      box-shadow: var(--shadow)
    }

    .new-theme-design.parts-inventory-manage .visual-shell::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image: linear-gradient(rgba(0, 168, 248, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 168, 248, .035) 1px, transparent 1px);
      background-size: 28px 28px;
      pointer-events: none
    }

    .new-theme-design.parts-inventory-manage .window {
      position: relative;
      z-index: 2;
      background: rgba(255, 255, 255, .97);
      border: 1px solid var(--line);
      border-radius: 18px;
      box-shadow: 0 14px 38px rgba(6, 59, 92, .12);
      overflow: hidden
    }

    .new-theme-design.parts-inventory-manage .window-bar {
      display: flex;
      align-items: center;
      gap: 7px;
      padding: 12px 14px;
      border-bottom: 1px solid var(--line);
      background: #F8FCFF;
      color: var(--navy)
    }

    .new-theme-design.parts-inventory-manage .dot {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      display: inline-block
    }

    .new-theme-design.parts-inventory-manage .dot.red {
      background: #ff6b6b
    }

    .new-theme-design.parts-inventory-manage .dot.yellow {
      background: var(--yellow)
    }

    .new-theme-design.parts-inventory-manage .dot.green {
      background: #36c98f
    }

    .new-theme-design.parts-inventory-manage .floating-badge {
      position: absolute;
      z-index: 3;
      padding: 9px 12px;
      border-radius: 10px;
      font-size: 11px;
      font-weight: 850;
      box-shadow: 0 10px 24px rgba(6, 59, 92, .16)
    }

    .new-theme-design.parts-inventory-manage .floating-badge.top-right {
      top: 22px;
      right: 22px;
      background: var(--yellow);
      color: var(--black)
    }

    .new-theme-design.parts-inventory-manage .floating-badge.bottom-left {
      bottom: 22px;
      left: 22px;
      background: var(--black);
      color: #fff
    }

    /* Calendar */
    .new-theme-design.parts-inventory-manage .pm-calendar {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      gap: 7px;
      padding: 14px
    }

    .new-theme-design.parts-inventory-manage .pm-day {
      height: 44px;
      border-radius: 9px;
      border: 1px solid var(--line);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      font-size: 11px;
      background: #fff
    }

    .new-theme-design.parts-inventory-manage .pm-day.event-blue {
      background: var(--sky);
      border-color: #A8DFF9;
      color: var(--brand-dark);
      font-weight: 800
    }

    .new-theme-design.parts-inventory-manage .pm-day.event-green {
      background: var(--success-bg);
      border-color: #B9E8D6;
      color: var(--success);
      font-weight: 800
    }

    .new-theme-design.parts-inventory-manage .pm-day.event-orange {
      background: var(--yellow-soft);
      border-color: #F1D96C;
      color: #9A6A00;
      font-weight: 800
    }

    .new-theme-design.parts-inventory-manage .pm-day.event-purple {
      background: #EEF1F6;
      border-color: #D6DFE7;
      color: var(--navy);
      font-weight: 800
    }

    /* Pills, status, work orders */
    .new-theme-design.parts-inventory-manage .pill-row {
      display: flex;
      gap: 7px;
      flex-wrap: wrap;
      margin-top: 10px
    }

    .new-theme-design.parts-inventory-manage .pill {
      font-size: 11px;
      font-weight: 800;
      padding: 5px 9px;
      border-radius: 999px;
      background: var(--sky);
      color: var(--brand-dark)
    }

    .new-theme-design.parts-inventory-manage .pill.cyan {
      background: #E8FAFF;
      color: #087A9C
    }

    .new-theme-design.parts-inventory-manage .pill.green {
      background: var(--success-bg);
      color: var(--success)
    }

    .new-theme-design.parts-inventory-manage .pill.orange {
      background: var(--yellow-soft);
      color: #8A6500
    }

    .new-theme-design.parts-inventory-manage .pill.pink {
      background: #F2F2F2;
      color: var(--black)
    }

    .new-theme-design.parts-inventory-manage .workorder-card {
      margin: 16px;
      padding: 16px;
      border-radius: 15px;
      background: #fff;
      border: 1px solid var(--line);
      box-shadow: 0 7px 20px rgba(6, 59, 92, .07)
    }

    .new-theme-design.parts-inventory-manage .wo-head {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      align-items: flex-start;
      margin-bottom: 12px
    }

    .new-theme-design.parts-inventory-manage .wo-title {
      font-size: 15px;
      font-weight: 850;
      color: var(--black)
    }

    .new-theme-design.parts-inventory-manage .wo-meta {
      color: var(--muted);
      font-size: 11px
    }

    .new-theme-design.parts-inventory-manage .progress {
      height: 8px;
      border-radius: 999px;
      background: #E8EFF4;
      overflow: hidden;
      margin: 10px 0
    }

    .new-theme-design.parts-inventory-manage .progress span {
      display: block;
      height: 100%;
      width: 72%;
      background: linear-gradient(90deg, var(--brand), #62CCFF);
      border-radius: inherit
    }

    .new-theme-design.parts-inventory-manage .check-list {
      display: grid;
      gap: 8px;
      padding: 14px
    }

    .new-theme-design.parts-inventory-manage .check-row {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      align-items: center;
      padding: 10px 12px;
      border-radius: 10px;
      border: 1px solid var(--line);
      background: #fff;
      font-size: 12px
    }

    .new-theme-design.parts-inventory-manage .status {
      font-size: 10px;
      font-weight: 850;
      padding: 4px 7px;
      border-radius: 999px
    }

    .new-theme-design.parts-inventory-manage .status.done {
      color: var(--success);
      background: var(--success-bg)
    }

    .new-theme-design.parts-inventory-manage .status.warn {
      color: #8A6500;
      background: var(--yellow-soft)
    }

    .new-theme-design.parts-inventory-manage .status.info {
      color: var(--brand-dark);
      background: var(--sky)
    }

    /* Phone */
    .new-theme-design.parts-inventory-manage .phone {
      width: 220px;
      margin: 8px auto 0;
      padding: 10px;
      border-radius: 30px;
      background: var(--black);
      box-shadow: 0 22px 50px rgba(6, 59, 92, .24)
    }

    .new-theme-design.parts-inventory-manage .phone-screen {
      border-radius: 23px;
      background: linear-gradient(180deg, #F7FCFF, #fff);
      min-height: 350px;
      padding: 14px;
      overflow: hidden
    }

    .new-theme-design.parts-inventory-manage.phone-notch {
      width: 70px;
      height: 7px;
      border-radius: 999px;
      background: #222;
      margin: 0 auto 12px
    }

    .new-theme-design.parts-inventory-manage .task-card {
      border: 1px solid var(--line);
      border-radius: 12px;
      padding: 10px;
      margin: 9px 0;
      background: #fff;
      box-shadow: 0 4px 10px rgba(6, 59, 92, .04)
    }

    .new-theme-design.parts-inventory-manage .task-card strong {
      display: block;
      font-size: 12px
    }

    .new-theme-design.parts-inventory-manage .task-card small {
      color: var(--muted);
      font-size: 10px
    }

    /* Sensor visual */
    .new-theme-design.parts-inventory-manage .sensor {
      position: relative;
      padding: 18px
    }

    .new-theme-design.parts-inventory-manage .gauge-wrap {
      display: flex;
      justify-content: center;
      padding: 16px 0 8px
    }

    .new-theme-design.parts-inventory-manage .gauge {
      width: 190px;
      height: 95px;
      overflow: hidden;
      position: relative
    }

    .new-theme-design.parts-inventory-manage .gauge::before {
      content: "";
      position: absolute;
      width: 190px;
      height: 190px;
      border-radius: 50%;
      background: conic-gradient(from 270deg, var(--success) 0 34%, var(--yellow) 34% 57%, #E44B4B 57% 75%, #E7EEF2 75% 100%);
      inset: 0
    }

    .new-theme-design.parts-inventory-manage .gauge::after {
      content: "86°C";
      position: absolute;
      width: 125px;
      height: 125px;
      border-radius: 50%;
      background: #fff;
      left: 32px;
      top: 32px;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      padding-top: 28px;
      font-weight: 900;
      font-size: 24px;
      color: var(--black)
    }

    .new-theme-design.parts-inventory-manage .sensor-line {
      height: 110px;
      position: relative;
      border-radius: 12px;
      overflow: hidden;
      background: linear-gradient(rgba(0, 168, 248, .10) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 168, 248, .10) 1px, transparent 1px), #fff;
      background-size: 26px 26px;
      border: 1px solid var(--line)
    }

    .new-theme-design.parts-inventory-manage .sensor-line svg {
      width: 100%;
      height: 100%;
      display: block
    }

    /* Dashboard */
    .new-theme-design.parts-inventory-manage .dash-grid {
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 14px;
      padding: 16px
    }

    .new-theme-design.parts-inventory-manage .mini-kpis {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
      margin-bottom: 12px
    }

    .new-theme-design.parts-inventory-manage .mini-kpi {
      padding: 12px;
      border-radius: 12px;
      background: #fff;
      border: 1px solid var(--line);
      box-shadow: 0 4px 14px rgba(6, 59, 92, .05)
    }

    .new-theme-design.parts-inventory-manage .mini-kpi strong {
      display: block;
      font-size: 23px;
      line-height: 1;
      margin-bottom: 6px
    }

    .new-theme-design.parts-inventory-manage .mini-kpi small {
      color: var(--muted)
    }

    .new-theme-design.parts-inventory-manage .bar-chart {
      height: 130px;
      display: flex;
      align-items: flex-end;
      gap: 10px;
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: 14px;
      background: linear-gradient(180deg, #fff, #F6FCFF)
    }

    .new-theme-design.parts-inventory-manage .bar {
      flex: 1;
      border-radius: 8px 8px 3px 3px;
      min-width: 14px;
      box-shadow: inset 0 -10px 25px rgba(0, 0, 0, .04)
    }

    .new-theme-design.parts-inventory-manage .bar.b1 {
      height: 42%;
      background: linear-gradient(180deg, #62CCFF, var(--brand))
    }

    .new-theme-design.parts-inventory-manage .bar.b2 {
      height: 70%;
      background: linear-gradient(180deg, #7BDAFF, var(--brand-dark))
    }

    .new-theme-design.parts-inventory-manage .bar.b3 {
      height: 58%;
      background: linear-gradient(180deg, #FFE77A, var(--yellow))
    }

    .new-theme-design.parts-inventory-manage.bar.b4 {
      height: 88%;
      background: linear-gradient(180deg, #55D9A6, var(--success))
    }

    .new-theme-design.parts-inventory-manage .bar.b5 {
      height: 64%;
      background: linear-gradient(180deg, #9ADFFF, var(--brand))
    }

    .new-theme-design.parts-inventory-manage .bar.b6 {
      height: 78%;
      background: linear-gradient(180deg, #FFD95A, var(--yellow))
    }

    .new-theme-design.parts-inventory-manage .donut {
      width: 138px;
      aspect-ratio: 1;
      border-radius: 50%;
      background: conic-gradient(var(--brand) 0 78%, #E8EFF4 78% 100%);
      margin: 14px auto;
      position: relative;
      box-shadow: 0 10px 24px rgba(0, 168, 248, .18)
    }

    .new-theme-design.parts-inventory-manage .donut::after {
      content: "78%";
      position: absolute;
      inset: 22px;
      background: #fff;
      border-radius: 50%;
      display: grid;
      place-items: center;
      font-weight: 900;
      font-size: 24px;
      color: var(--black)
    }

    /* Workflow */
    .new-theme-design.parts-inventory-manage .workflow {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 12px;
      margin-top: 34px
    }

    .new-theme-design.parts-inventory-manage .step {
      position: relative;
      background: #fff;
      border: 1px solid var(--line);
      border-top: 3px solid var(--yellow);
      border-radius: 16px;
      padding: 22px;
      box-shadow: 0 7px 20px rgba(6, 59, 92, .04)
    }

    .new-theme-design.parts-inventory-manage .step .num {
      width: 34px;
      height: 34px;
      border-radius: 9px;
      display: grid;
      place-items: center;
      background: var(--yellow);
      color: var(--black);
      font-weight: 900;
      margin-bottom: 12px
    }

    /* Table */
    .new-theme-design.parts-inventory-manage .compare {
      width: 100%;
      border-collapse: separate;
      border-spacing: 0;
      margin-top: 30px;
      border: 1px solid var(--line);
      border-radius: 16px;
      overflow: hidden;
      background: #fff
    }

    .new-theme-design.parts-inventory-manage .compare th,
    .new-theme-design.parts-inventory-manage .compare td {
      padding: 16px 18px;
      border-bottom: 1px solid var(--line);
      text-align: left
    }

    .new-theme-design.parts-inventory-manage .compare th {
      background: var(--navy);
      color: #fff
    }

    .new-theme-design.parts-inventory-manage .compare tr:last-child td {
      border-bottom: none
    }

    /* Industries */
    .new-theme-design.parts-inventory-manage .industries {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      margin-top: 30px
    }

    .new-theme-design.parts-inventory-manage .industry {
      padding: 20px;
      border: 1px solid var(--line);
      border-bottom: 3px solid var(--brand);
      border-radius: 13px;
      background: #fff;
      font-weight: 800;
      color: var(--black)
    }

    /* FAQ */
    .new-theme-design.parts-inventory-manage .faq {
      max-width: 900px;
      margin: 32px auto 0
    }

    .new-theme-design.parts-inventory-manage details {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 14px;
      padding: 20px 22px;
      margin-bottom: 12px
    }

    .new-theme-design.parts-inventory-manage summary {
      cursor: pointer;
      font-size: 18px;
      font-weight: 800;
      color: var(--navy)
    }

    .new-theme-design.parts-inventory-manage details p {
      color: var(--muted);
      padding-top: 12px;
      margin-bottom: 0
    }

    /* Dark AEO / CTA */
    .new-theme-design.parts-inventory-manage .cta {
      background: linear-gradient(135deg, var(--black), #202020);
      border-radius: 0;
      padding: 54px;
      color: #fff;
      display: grid;
      grid-template-columns: 1.3fr .7fr;
      gap: 30px;
      align-items: center;
      border-top: 5px solid var(--yellow)
    }

    .new-theme-design.parts-inventory-manage .new-theme-design .cta h2 {
      color: #fff
    }

    .new-theme-design.parts-inventory-manage .cta p {
      color: #E6E6E6
    }

    .new-theme-design.parts-inventory-manage .cta .actions {
      justify-content: flex-end;
      margin-top: 0
    }

    .new-theme-design.parts-inventory-manage .cta .btn.primary {
      background: var(--yellow);
      color: var(--black)
    }

    .new-theme-design.parts-inventory-manage .cta .btn.secondary {
      background: transparent;
      color: #fff;
      border-color: rgba(255, 255, 255, .45);
      box-shadow: none
    }

    .new-theme-design.parts-inventory-manage .seo-note {
      background: var(--yellow-soft);
      border: 1px solid #F1D96C;
      border-radius: 12px;
      padding: 18px;
      margin-top: 26px;
      color: #6E5700;
      font-size: 14px
    }

    @media(max-width:980px) {

      .new-theme-design.parts-inventory-manage .hero-grid,
      .new-theme-design.parts-inventory-manage .feature,
      .new-theme-design.parts-inventory-manage .cta {
        grid-template-columns: 1fr
      }

      .new-theme-design.parts-inventory-manage .feature:nth-child(even) .feature-visual {
        order: initial
      }

      .new-theme-design.parts-inventory-manage .stats {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.parts-inventory-manage .cards {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.parts-inventory-manage .workflow {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.parts-inventory-manage .industries {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.parts-inventory-manage .trust-grid {
        grid-template-columns: repeat(3, 1fr)
      }

      .new-theme-design.parts-inventory-manage .cta .actions {
        justify-content: flex-start
      }
    }

    @media(max-width:640px) {
      .new-theme-design.parts-inventory-manage .hero {
        padding: 58px 0 52px
      }

      .new-theme-design.parts-inventory-manage .section {
        padding: 64px 0
      }

      .new-theme-design.parts-inventory-manage .stats,
      .new-theme-design.parts-inventory-manage .cards,
      .new-theme-design.parts-inventory-manage .workflow,
      .new-theme-design.parts-inventory-manage .industries,
      .new-theme-design.parts-inventory-manage .trust-grid,
      .new-theme-design.parts-inventory-manage .feature ul {
        grid-template-columns: 1fr
      }

      .new-theme-design.parts-inventory-manage .cta {
        padding: 34px 24px
      }

      .new-theme-design.parts-inventory-manage.dash-grid {
        grid-template-columns: 1fr
      }
    }


    @media (prefers-reduced-motion: no-preference) {

      /* General section reveal */
      /* .new-theme-design.parts-inventory-manage .reveal {
        opacity: 0;
        transform: translateY(24px);
        transition:
          opacity .75s cubic-bezier(.2, .8, .2, 1),
          transform .75s cubic-bezier(.2, .8, .2, 1);
        will-change: opacity, transform;
      } */

      .new-theme-design.parts-inventory-manage .reveal.is-visible {
        opacity: 1;
        transform: translateY(0);
      }

      .new-theme-design.parts-inventory-manage .reveal-delay-1 {
        transition-delay: .08s;
      }

      .new-theme-design.parts-inventory-manage .reveal-delay-2 {
        transition-delay: .16s;
      }

      .new-theme-design.parts-inventory-manage .reveal-delay-3 {
        transition-delay: .24s;
      }

      /* Hero graphic entrance */
      .new-theme-design.parts-inventory-manage .hero-card {
        animation: heroFloatIn .9s cubic-bezier(.18, .82, .2, 1) both;
      }

      @keyframes heroFloatIn {
        from {
          opacity: 0;
          transform: translateY(24px) scale(.98);
        }

        to {
          opacity: 1;
          transform: translateY(0) scale(1);
        }
      }

      /* Floating graphic motion */
      .new-theme-design.parts-inventory-manage .floating-badge {
        animation: badgeFloat 3.6s ease-in-out infinite;
      }

      .new-theme-design.parts-inventory-manage .floating-badge.bottom-left {
        animation-delay: .8s;
      }

      @keyframes badgeFloat {

        0%,
        100% {
          transform: translateY(0);
        }

        50% {
          transform: translateY(-7px);
        }
      }

      /* Hero rows appear sequentially */
      .new-theme-design.parts-inventory-manage .hero .mock-row {
        opacity: 0;
        transform: translateX(16px);
        animation: rowSlideIn .55s cubic-bezier(.2, .8, .2, 1) forwards;
      }

      .new-theme-design.parts-inventory-manage .hero .mock-row:nth-of-type(1) {
        animation-delay: .25s;
      }

      .new-theme-design.parts-inventory-manage .hero .mock-row:nth-of-type(2) {
        animation-delay: .40s;
      }

      .new-theme-design.parts-inventory-manage.hero .mock-row:nth-of-type(3) {
        animation-delay: .55s;
      }

      .new-theme-design.parts-inventory-manage .hero .mock-row:nth-of-type(4) {
        animation-delay: .70s;
      }

      @keyframes rowSlideIn {
        to {
          opacity: 1;
          transform: translateX(0);
        }
      }

      /* PM calendar pulse */
      .new-theme-design.parts-inventory-manage .pm-day[class*="event-"] {
        position: relative;
        overflow: hidden;
        animation: calendarPulse 3.8s ease-in-out infinite;
      }

      .new-theme-design.parts-inventory-manage .pm-day.event-green {
        animation-delay: .5s;
      }

      .new-theme-design.parts-inventory-manage .pm-day.event-orange {
        animation-delay: 1s;
      }

      .new-theme-design.parts-inventory-manage .pm-day.event-purple {
        animation-delay: 1.5s;
      }

      .new-theme-design.parts-inventory-manage .pm-day[class*="event-"]::after {
        content: "";
        position: absolute;
        inset: -30%;
        background: linear-gradient(115deg,
            transparent 35%,
            rgba(255, 255, 255, .75) 50%,
            transparent 65%);
        transform: translateX(-120%);
        animation: calendarShine 4.8s ease-in-out infinite;
      }

      @keyframes calendarPulse {

        0%,
        100% {
          transform: translateY(0);
          box-shadow: 0 0 0 rgba(0, 168, 248, 0);
        }

        50% {
          transform: translateY(-2px);
          box-shadow: 0 5px 12px rgba(0, 168, 248, .12);
        }
      }

      @keyframes calendarShine {

        0%,
        65% {
          transform: translateX(-120%);
        }

        85%,
        100% {
          transform: translateX(120%);
        }
      }

      /* Work order progress bar animation */
      .new-theme-design.parts-inventory-manage .workorder-card .progress span,
      .new-theme-design.parts-inventory-manage .phone .progress span {
        transform-origin: left center;
        animation: fillProgress 2s cubic-bezier(.2, .8, .2, 1) both;
      }

      @keyframes fillProgress {
        from {
          transform: scaleX(0);
        }

        to {
          transform: scaleX(1);
        }
      }

      /* Checklist rows animate in */
      .new-theme-design.parts-inventory-manage .check-list .check-row {
        opacity: 0;
        transform: translateY(8px);
        animation: checklistIn .45s ease forwards;
      }

      .new-theme-design.parts-inventory-manage .check-list .check-row:nth-child(1) {
        animation-delay: .15s;
      }

      .new-theme-design.parts-inventory-manage .check-list .check-row:nth-child(2) {
        animation-delay: .30s;
      }

      .new-theme-design.parts-inventory-manage .check-list .check-row:nth-child(3) {
        animation-delay: .45s;
      }

      .new-theme-design.parts-inventory-manage .check-list .check-row:nth-child(4) {
        animation-delay: .60s;
      }

      .new-theme-design.parts-inventory-manage .check-list .check-row:nth-child(5) {
        animation-delay: .75s;
      }

      @keyframes checklistIn {
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      /* Status chips gently breathe */
      .new-theme-design.parts-inventory-manage .status.done {
        animation: statusBreathe 2.8s ease-in-out infinite;
      }

      @keyframes statusBreathe {

        0%,
        100% {
          box-shadow: 0 0 0 0 rgba(17, 138, 97, 0);
        }

        50% {
          box-shadow: 0 0 0 5px rgba(17, 138, 97, .08);
        }
      }

      /* Mobile phone subtle tilt */
      .new-theme-design.parts-inventory-manage .phone {
        animation: phoneFloat 4.2s ease-in-out infinite;
        transform-origin: center center;
      }

      @keyframes phoneFloat {

        0%,
        100% {
          transform: translateY(0) rotate(-.4deg);
        }

        50% {
          transform: translateY(-8px) rotate(.6deg);
        }
      }

      .new-theme-design.parts-inventory-manage .task-card {
        transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
      }

      .new-theme-design.parts-inventory-manage .task-card:hover {
        transform: translateX(5px);
        border-color: #9EDCF8;
        box-shadow: 0 8px 20px rgba(0, 168, 248, .12);
      }

      /* Gauge entrance and glow */
      .new-theme-design.parts-inventory-manage .gauge {
        animation: gaugeIn .8s cubic-bezier(.2, .8, .2, 1) both;
      }

      @keyframes gaugeIn {
        from {
          opacity: 0;
          transform: scale(.88);
        }

        to {
          opacity: 1;
          transform: scale(1);
        }
      }

      .new-theme-design.parts-inventory-manage .gauge::before {
        animation: gaugeGlow 2.8s ease-in-out infinite;
      }

      @keyframes gaugeGlow {

        0%,
        100% {
          filter: saturate(1) brightness(1);
        }

        50% {
          filter: saturate(1.18) brightness(1.04);
        }
      }

      /* Sensor line draws itself */
      .new-theme-design.parts-inventory-manage .sensor-line polyline {
        stroke-dasharray: 900;
        stroke-dashoffset: 900;
        animation: drawSensorLine 2.4s ease forwards;
      }

      .new-theme-design.parts-inventory-manage .sensor-line line {
        opacity: .3;
        animation: thresholdBlink 2.2s ease-in-out infinite;
      }

      @keyframes drawSensorLine {
        to {
          stroke-dashoffset: 0;
        }
      }

      @keyframes thresholdBlink {

        0%,
        100% {
          opacity: .25;
        }

        50% {
          opacity: .85;
        }
      }

      /* KPI count visual pop */
      .new-theme-design.parts-inventory-manage .mini-kpi {
        transition: transform .25s ease, box-shadow .25s ease;
      }

      .new-theme-design.parts-inventory-manage .mini-kpi:hover {
        transform: translateY(-4px);
        box-shadow: 0 10px 25px rgba(6, 59, 92, .11);
      }

      /* Dashboard bars rise on entrance */
      .new-theme-design.parts-inventory-manage .bar {
        transform-origin: bottom center;
        animation: riseBar 1.25s cubic-bezier(.2, .8, .2, 1) both;
      }

      .new-theme-design.parts-inventory-manage .bar.b1 {
        animation-delay: .05s;
      }

      .new-theme-design.parts-inventory-manage .bar.b2 {
        animation-delay: .12s;
      }

      .new-theme-design.parts-inventory-manage .bar.b3 {
        animation-delay: .19s;
      }

      .new-theme-design.parts-inventory-manage .bar.b4 {
        animation-delay: .26s;
      }

      .new-theme-design.parts-inventory-manage .bar.b5 {
        animation-delay: .33s;
      }

      .new-theme-design.parts-inventory-manage .bar.b6 {
        animation-delay: .40s;
      }

      @keyframes riseBar {
        from {
          transform: scaleY(0);
          opacity: .2;
        }

        to {
          transform: scaleY(1);
          opacity: 1;
        }
      }

      /* Donut rotation entrance */
      .new-theme-design.parts-inventory-manage .donut {
        animation: donutSpinIn 1.4s cubic-bezier(.2, .8, .2, 1) both;
      }

      @keyframes donutSpinIn {
        from {
          opacity: 0;
          transform: rotate(-80deg) scale(.86);
        }

        to {
          opacity: 1;
          transform: rotate(0) scale(1);
        }
      }

      /* Workflow steps subtle sequencing */
      .new-theme-design.parts-inventory-manage .workflow .step {
        /* opacity: 0; */
        transform: translateY(14px);
      }

      .new-theme-design.parts-inventory-manage .workflow.animate-steps .step {
        animation: stepIn .55s ease forwards;
      }

      .new-theme-design.parts-inventory-manage .workflow.animate-steps .step:nth-child(1) {
        animation-delay: .05s;
      }

      .new-theme-design.parts-inventory-manage .workflow.animate-steps .step:nth-child(2) {
        animation-delay: .15s;
      }

      .new-theme-design.parts-inventory-manage .workflow.animate-steps .step:nth-child(3) {
        animation-delay: .25s;
      }

      .new-theme-design.parts-inventory-manage .workflow.animate-steps .step:nth-child(4) {
        animation-delay: .35s;
      }

      .new-theme-design.parts-inventory-manage .workflow.animate-steps .step:nth-child(5) {
        animation-delay: .45s;
      }

      @keyframes stepIn {
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      /* Card hover */
      .new-theme-design.parts-inventory-manage .card,
      .new-theme-design.parts-inventory-manage .stat,
      .new-theme-design.parts-inventory-manage .industry {
        transition:
          transform .25s ease,
          box-shadow .25s ease,
          border-color .25s ease;
      }

      .new-theme-design.parts-inventory-manage .card:hover,
      .new-theme-design.parts-inventory-manage .stat:hover,
      .new-theme-design.parts-inventory-manage .industry:hover {
        transform: translateY(-5px);
        box-shadow: 0 16px 34px rgba(6, 59, 92, .10);
      }

      /* CTA yellow top accent animation */
      .new-theme-design.parts-inventory-manage .cta {
        position: relative;
        overflow: hidden;
      }

      .new-theme-design.parts-inventory-manage .cta::before {
        content: "";
        position: absolute;
        top: 0;
        left: -40%;
        width: 30%;
        height: 5px;
        background: linear-gradient(90deg, transparent, #fff7b8, var(--yellow), #fff7b8, transparent);
        animation: ctaSweep 4.8s ease-in-out infinite;
      }

      @keyframes ctaSweep {

        0%,
        45% {
          left: -40%;
        }

        70%,
        100% {
          left: 110%;
        }
      }
    }

    /* Reduced motion accessibility */
    @media (prefers-reduced-motion: reduce) {

      *,
      *::before,
      *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
        scroll-behavior: auto !important;
      }
    }



    .new-theme-design.parts-inventory-manage .stock-table {
      padding: 14px;
      display: grid;
      gap: 8px
    }

    .new-theme-design.parts-inventory-manage .stock-row {
      display: grid;
      grid-template-columns: 1.5fr .7fr .7fr .75fr;
      gap: 10px;
      align-items: center;
      padding: 11px 12px;
      border: 1px solid var(--line);
      border-radius: 11px;
      background: #fff;
      font-size: 11px
    }

    .new-theme-design.parts-inventory-manage .stock-row.head {
      background: var(--sky);
      color: var(--navy);
      font-weight: 850
    }

    .new-theme-design.parts-inventory-manage .stock-name strong {
      display: block;
      font-size: 12px;
      color: var(--black)
    }

    .new-theme-design.parts-inventory-manage .stock-name small {
      color: var(--muted)
    }

    .new-theme-design.parts-inventory-manage .qty {
      font-weight: 900;
      font-size: 15px;
      color: var(--navy)
    }

    .new-theme-design.parts-inventory-manage .stock-low {
      background: var(--yellow-soft) !important;
      border-color: #F1D96C !important
    }

    .new-theme-design.parts-inventory-manage .stock-critical {
      background: #FFF0F0 !important;
      border-color: #FFC6C6 !important
    }

    .new-theme-design.parts-inventory-manage .po-flow {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 9px;
      padding: 18px
    }

    .new-theme-design.parts-inventory-manage .po-step {
      border: 1px solid var(--line);
      border-radius: 12px;
      background: #fff;
      padding: 13px 10px;
      text-align: center;
      position: relative
    }

    .new-theme-design.parts-inventory-manage .po-step:not(:last-child)::after {
      content: '→';
      position: absolute;
      right: -10px;
      top: 50%;
      transform: translateY(-50%);
      color: var(--brand);
      font-weight: 900
    }

    .new-theme-design.parts-inventory-manage .po-step strong {
      display: block;
      font-size: 11px;
      color: var(--black)
    }

    .new-theme-design.parts-inventory-manage .po-step small {
      font-size: 9px;
      color: var(--muted)
    }

    .new-theme-design.parts-inventory-manage .scan-box {
      padding: 18px;
      display: grid;
      grid-template-columns: .85fr 1.15fr;
      gap: 18px;
      align-items: center
    }

    .new-theme-design.parts-inventory-manage .qr {
      width: 150px;
      height: 150px;
      margin: auto;
      border: 10px solid #fff;
      box-shadow: 0 8px 24px rgba(6, 59, 92, .13);
      background: linear-gradient(90deg, #0B0B0B 12px, transparent 12px) 0 0/30px 30px, linear-gradient(#0B0B0B 12px, transparent 12px) 0 0/30px 30px, linear-gradient(90deg, transparent 18px, #0B0B0B 18px, #0B0B0B 25px, transparent 25px) 0 0/30px 30px, linear-gradient(transparent 18px, #0B0B0B 18px, #0B0B0B 25px, transparent 25px) 0 0/30px 30px, #fff
    }

    .new-theme-design.parts-inventory-manage .scan-line {
      position: absolute;
      left: 8%;
      right: 8%;
      height: 3px;
      background: var(--yellow);
      box-shadow: 0 0 12px rgba(255, 201, 40, .9);
      animation: scanMove 2.4s ease-in-out infinite
    }

    @keyframes scanMove {

      0%,
      100% {
        top: 22%
      }

      50% {
        top: 74%
      }
    }

    .new-theme-design.parts-inventory-manage .route-sites {
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      gap: 14px;
      align-items: center;
      padding: 20px
    }

    .new-theme-design.parts-inventory-manage .site-card {
      border: 1px solid var(--line);
      border-radius: 14px;
      background: #fff;
      padding: 18px;
      text-align: center
    }

    .new-theme-design.parts-inventory-manage .site-card strong {
      font-size: 26px;
      color: var(--brand-dark);
      display: block
    }

    .new-theme-design.parts-inventory-manage .transfer-arrow {
      width: 55px;
      height: 55px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--yellow);
      color: var(--black);
      font-size: 24px;
      font-weight: 900;
      animation: badgeFloat 3s ease-in-out infinite
    }

    .new-theme-design.parts-inventory-manage .inventory-bars {
      height: 125px;
      display: flex;
      align-items: flex-end;
      gap: 9px;
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 13px;
      background: #fff
    }

    .new-theme-design.parts-inventory-manage .inventory-bars span {
      flex: 1;
      border-radius: 7px 7px 2px 2px;
      transform-origin: bottom;
      animation: riseBar 1.3s cubic-bezier(.2, .8, .2, 1) both
    }

    .new-theme-design.parts-inventory-manage .inventory-bars span:nth-child(1) {
      height: 72%;
      background: var(--brand)
    }

    .new-theme-design.parts-inventory-manage .inventory-bars span:nth-child(2) {
      height: 48%;
      background: var(--yellow)
    }

    .new-theme-design.parts-inventory-manage .inventory-bars span:nth-child(3) {
      height: 84%;
      background: var(--success)
    }

    .new-theme-design.parts-inventory-manage .inventory-bars span:nth-child(4) {
      height: 36%;
      background: var(--brand-dark)
    }

    .new-theme-design.parts-inventory-manage .inventory-bars span:nth-child(5) {
      height: 61%;
      background: #62CCFF
    }

    .new-theme-design.parts-inventory-manage .inventory-bars span:nth-child(6) {
      height: 27%;
      background: #E55B5B
    }

    .new-theme-design.parts-inventory-manage .role-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      margin-top: 34px
    }

    .new-theme-design.parts-inventory-manage .role-card {
      background: #fff;
      border: 1px solid var(--line);
      border-top: 4px solid var(--yellow);
      border-radius: 18px;
      padding: 27px;
      box-shadow: 0 8px 26px rgba(6, 59, 92, .05)
    }

    .new-theme-design.parts-inventory-manage .role-card p {
      color: var(--muted)
    }

    @media(max-width:900px) {
      .new-theme-design.parts-inventory-manage .stock-row {
        grid-template-columns: 1.4fr .6fr .6fr
      }

      .new-theme-design.parts-inventory-manage .stock-row>*:last-child {
        display: none
      }

      .new-theme-design.parts-inventory-manage .po-flow {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.parts-inventory-manage .po-step:nth-child(2)::after {
        display: none
      }

      .new-theme-design.parts-inventory-manage .scan-box {
        grid-template-columns: 1fr
      }

      .new-theme-design.parts-inventory-manage .role-grid {
        grid-template-columns: 1fr
      }
    }


    /* Spare parts CSS illustrations for the hero */
    .new-theme-design.parts-inventory-manage .hero-card .mock {
      position: relative;
      overflow: hidden;
      padding-bottom: 82px;
    }

    .new-theme-design.parts-inventory-manage .parts-scene {
      position: absolute;
      left: 18px;
      right: 18px;
      bottom: 15px;
      height: 58px;
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 12px;
      pointer-events: none;
    }

    .new-theme-design.parts-inventory-manage .part-object {
      position: relative;
      flex: 0 0 auto;
      filter: drop-shadow(0 8px 10px rgba(6, 59, 92, .14));
    }

    .new-theme-design.parts-inventory-manage .part-label {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: calc(100% + 5px);
      font-size: 8px;
      line-height: 1;
      font-weight: 850;
      color: var(--navy);
      white-space: nowrap;
      opacity: .75;
    }

    /* Bearing */
    .new-theme-design.parts-inventory-manage .css-bearing {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background:
        radial-gradient(circle at center,
          #fff 0 21%,
          #B8C7D1 22% 31%,
          #F8FBFD 32% 42%,
          #8498A6 43% 48%,
          #DCE6EC 49% 62%,
          #8295A3 63% 68%,
          #F7FAFC 69% 100%);
      border: 2px solid #78909C;
      animation: bearingSpin 9s linear infinite;
    }

    .new-theme-design.parts-inventory-manage .css-bearing::before,
    .new-theme-design.parts-inventory-manage .css-bearing::after {
      content: "";
      position: absolute;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #5F7482;
      top: 6px;
      left: 20px;
      box-shadow:
        13px 5px 0 #5F7482,
        18px 17px 0 #5F7482,
        12px 29px 0 #5F7482,
        -1px 34px 0 #5F7482,
        -13px 28px 0 #5F7482,
        -18px 16px 0 #5F7482,
        -12px 5px 0 #5F7482;
    }

    @keyframes bearingSpin {
      to {
        transform: rotate(360deg)
      }
    }

    /* Gear */
    .new-theme-design.parts-inventory-manage .css-gear {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background:
        radial-gradient(circle at center, #F8FBFD 0 20%, #678191 21% 30%, transparent 31%),
        repeating-conic-gradient(#7E95A4 0 10deg, #A9BBC5 10deg 20deg);
      border: 5px solid #728A99;
      clip-path: polygon(45% 0, 55% 0, 59% 12%, 69% 16%, 79% 8%, 87% 15%, 82% 26%,
          90% 35%, 100% 38%, 100% 49%, 88% 54%, 85% 65%, 94% 74%,
          87% 83%, 75% 79%, 66% 87%, 62% 100%, 50% 100%, 46% 88%,
          35% 84%, 25% 93%, 16% 85%, 21% 73%, 13% 63%, 0 60%, 0 48%,
          12% 44%, 16% 33%, 7% 24%, 14% 15%, 26% 20%, 36% 12%);
      animation: gearTurn 7s linear infinite reverse;
    }

    @keyframes gearTurn {
      to {
        transform: rotate(360deg)
      }
    }

    /* Air filter */
    .new-theme-design.parts-inventory-manage .css-filter {
      width: 53px;
      height: 38px;
      border: 4px solid #6F8796;
      border-radius: 5px;
      background:
        repeating-linear-gradient(90deg, #EDF4F7 0 5px, #B5C8D2 5px 7px);
      transform: skewY(-5deg);
    }

    .new-theme-design.parts-inventory-manage .css-filter::after {
      content: "";
      position: absolute;
      inset: 4px;
      border: 1px solid rgba(6, 59, 92, .18);
    }

    /* Belt */
    .new-theme-design.parts-inventory-manage .css-belt {
      width: 55px;
      height: 37px;
      border: 8px solid #252525;
      border-radius: 50%;
      transform: rotate(-12deg);
      box-shadow: inset 0 0 0 2px #555;
      animation: beltFloat 3.8s ease-in-out infinite;
    }

    @keyframes beltFloat {
      50% {
        transform: rotate(-7deg) translateY(-4px)
      }
    }

    /* Nut */
    .new-theme-design.parts-inventory-manage .css-nut {
      width: 42px;
      height: 42px;
      background: #A6B7C1;
      clip-path: polygon(25% 4%, 75% 4%, 100% 50%, 75% 96%, 25% 96%, 0 50%);
    }

    .new-theme-design.parts-inventory-manage .css-nut::after {
      content: "";
      position: absolute;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      background: #F5FBFF;
      left: 13px;
      top: 13px;
      box-shadow: inset 0 0 0 3px #6C8290;
    }

    /* Bolt */
    .new-theme-design.parts-inventory-manage .css-bolt {
      width: 18px;
      height: 50px;
      border-radius: 4px;
      background: linear-gradient(90deg, #879CA8, #DDE7EC 48%, #778D9A);
      transform: rotate(18deg);
    }

    .new-theme-design.parts-inventory-manage .css-bolt::before {
      content: "";
      position: absolute;
      width: 31px;
      height: 14px;
      background: #9AADB8;
      top: -5px;
      left: -7px;
      clip-path: polygon(20% 0, 80% 0, 100% 50%, 80% 100%, 20% 100%, 0 50%);
    }

    .new-theme-design.parts-inventory-manage .css-bolt::after {
      content: "";
      position: absolute;
      left: 2px;
      right: 2px;
      bottom: 3px;
      height: 24px;
      background: repeating-linear-gradient(0deg, transparent 0 4px, #637A88 4px 5px);
    }

    /* Parts box */
    .new-theme-design.parts-inventory-manage .css-box {
      width: 52px;
      height: 42px;
      border-radius: 4px;
      background: linear-gradient(135deg, #D8A45C, #F1C67C);
      border: 2px solid #BA8541;
    }

    .new-theme-design.parts-inventory-manage .css-box::before {
      content: "";
      position: absolute;
      width: 22px;
      height: 14px;
      background: var(--yellow);
      left: 13px;
      top: 11px;
      border-radius: 2px;
      box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12);
    }

    .new-theme-design.parts-inventory-manage .css-box::after {
      content: "PARTS";
      position: absolute;
      left: 17px;
      top: 14px;
      font-size: 6px;
      font-weight: 900;
      color: #5A4300;
    }

    /* Decorative inventory shelf */
    .new-theme-design.parts-inventory-manage .parts-shelf {
      position: absolute;
      left: 15px;
      right: 15px;
      bottom: 8px;
      height: 3px;
      background: linear-gradient(90deg, #A9BBC5, #D8E4EA, #A9BBC5);
      border-radius: 999px;
      box-shadow: 0 5px 0 rgba(6, 59, 92, .06);
    }

    /* Small floating part chips */
    .new-theme-design.parts-inventory-manage .part-chip {
      position: absolute;
      z-index: 2;
      display: flex;
      align-items: center;
      gap: 6px;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 999px;
      padding: 7px 10px;
      font-size: 9px;
      font-weight: 850;
      color: var(--navy);
      box-shadow: 0 8px 20px rgba(6, 59, 92, .10);
      animation: badgeFloat 4s ease-in-out infinite;
    }

    .new-theme-design.parts-inventory-manage .part-chip::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--brand);
    }

    .new-theme-design.parts-inventory-manage .part-chip.one {
      right: 15px;
      top: 14px
    }

    .new-theme-design.parts-inventory-manage .part-chip.two {
      left: 14px;
      top: 58px;
      animation-delay: .8s
    }

    .new-theme-design.parts-inventory-manage .part-chip.two::before {
      background: var(--yellow)
    }

    @media(max-width:640px) {
      .new-theme-design.parts-inventory-manage .parts-scene {
        gap: 8px;
        left: 10px;
        right: 10px
      }

      .new-theme-design.parts-inventory-manage .part-object {
        transform: scale(.82)
      }

      .new-theme-design.parts-inventory-manage .css-bearing {
        animation: none
      }

      .new-theme-design.parts-inventory-manage .css-gear {
        animation: none
      }

      .new-theme-design.parts-inventory-manage .part-chip {
        display: none
      }
    }






    .new-theme-design.parts-inventory-manage .awardBandNew {
      background: linear-gradient(135deg, var(--black), #202020);
      color: #fff;
      border-top: 4px solid var(--yellow);
      border-bottom: 1px solid #2A2A2A;
    }

    .new-theme-design.parts-inventory-manage .awardBandNew h2,
    .new-theme-design.parts-inventory-manage .awardBandNew h3 {
      color: #fff
    }

    .new-theme-design.parts-inventory-manage .awardBandNew p {
      color: #D5D5D5
    }

    .new-theme-design.parts-inventory-manage .awardBandNew .eyebrow {
      background: var(--yellow);
      color: #000
    }

    .new-theme-design.parts-inventory-manage .awardGridNew {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 12px;
      margin-top: 28px;
    }

    .new-theme-design.parts-inventory-manage .awardItemNew {
      min-height: 92px;
      background: #151515;
      border: 1px solid #2D2D2D;
      border-top: 4px solid var(--yellow);
      border-radius: 14px;
      display: grid;
      place-items: center;
      text-align: center;
      padding: 14px;
      color: #fff;
      font-size: 12px;
      font-weight: 850;
    }

    .new-theme-design.parts-inventory-manage .vedaSectionNew {
      background: linear-gradient(135deg, #0B0B0B, #171717);
      color: #fff;
      border-top: 4px solid var(--yellow);
      border-bottom: 1px solid #2A2A2A;
    }

    .new-theme-design.parts-inventory-manage .vedaSectionNew h2,
    .new-theme-design.parts-inventory-manage .vedaSectionNew h3 {
      color: #fff
    }

    .new-theme-design.parts-inventory-manage .vedaSectionNew p {
      color: #D5D5D5
    }

    .new-theme-design.parts-inventory-manage .vedaSectionNew .eyebrow {
      background: var(--yellow);
      color: #000
    }

    .new-theme-design.parts-inventory-manage .vedaGridNew {
      display: grid;
      grid-template-columns: .95fr 1.05fr;
      gap: 48px;
      align-items: center;
    }

    .new-theme-design.parts-inventory-manage .vedaPromptBoxNew {
      background: #111;
      border: 1px solid #333;
      border-radius: 20px;
      padding: 22px;
      box-shadow: 0 18px 45px rgba(0, 0, 0, .25);
    }

    .new-theme-design.parts-inventory-manage .vedaPromptTitleNew {
      display: flex;
      align-items: center;
      gap: 10px;
      font-weight: 900;
      margin-bottom: 14px;
    }

    .new-theme-design.parts-inventory-manage .vedaDotNew {
      width: 34px;
      height: 34px;
      border-radius: 10px;
      background: var(--yellow);
      color: #000;
      display: grid;
      place-items: center;
      font-size: 12px;
      font-weight: 900;
    }

    .new-theme-design.parts-inventory-manage .promptNew {
      background: #1C1C1C;
      border: 1px solid #303030;
      border-radius: 12px;
      padding: 13px 15px;
      margin-top: 10px;
      color: #F2F2F2;
      font-size: 13px;
    }

    .new-theme-design.parts-inventory-manage .vedaActionsNew {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      margin-top: 24px;
    }

    .new-theme-design.parts-inventory-manage .vedaActionNew {
      background: #151515;
      border: 1px solid #303030;
      border-radius: 14px;
      padding: 17px;
    }

    .new-theme-design.parts-inventory-manage .vedaActionNew strong {
      display: block;
      color: var(--yellow);
      font-size: 14px;
      margin-bottom: 5px;
    }

    .new-theme-design.parts-inventory-manage .vedaActionNew span {
      color: #CFCFCF;
      font-size: 12px;
    }

    .new-theme-design.parts-inventory-manage .integrationSectionNew {
      background: var(--sky-2)
    }

    .new-theme-design.parts-inventory-manage .integrationGridNew {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 13px;
      margin-top: 28px;
    }

    .new-theme-design.parts-inventory-manage .integrationNew {
      min-height: 76px;
      background: #fff;
      border: 1px solid var(--line);
      border-bottom: 3px solid var(--brand);
      border-radius: 13px;
      display: grid;
      place-items: center;
      text-align: center;
      padding: 12px;
      color: var(--black);
      font-weight: 800;
      font-size: 13px;
      box-shadow: 0 7px 20px rgba(6, 59, 92, .04);
    }

    .new-theme-design.parts-inventory-manage .ratingBandNew {
      background: #0B0B0B;
      color: #fff;
      padding: 34px 0;
      border-top: 4px solid var(--yellow);
    }

    .new-theme-design.parts-inventory-manage .ratingGridNew {
      display: grid;
      grid-template-columns: 1.2fr repeat(5, 1fr);
      gap: 14px;
      align-items: center;
    }

    .new-theme-design.parts-inventory-manage .ratingLeadNew strong {
      display: block;
      font-size: 20px;
    }

    .new-theme-design.parts-inventory-manage .ratingLeadNew span {
      color: #D0D0D0;
      font-size: 12px;
    }

    .new-theme-design.parts-inventory-manage .ratingItemNew {
      text-align: center;
      padding: 8px 10px;
      border-left: 1px solid rgba(255, 255, 255, .14);
    }

    .new-theme-design.parts-inventory-manage .ratingItemNew .starsNew {
      color: var(--yellow);
      letter-spacing: 2px;
      font-size: 15px;
    }

    .new-theme-design.parts-inventory-manage .ratingItemNew strong {
      display: block;
      font-size: 12px;
      margin-top: 3px;
    }

    .new-theme-design.parts-inventory-manage .ratingItemNew span {
      color: #CFCFCF;
      font-size: 10px;
    }

    .new-theme-design.parts-inventory-manage .testimonialSectionNew {
      background: #F3FAFE
    }

    .new-theme-design.parts-inventory-manage .testimonialGridNew {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
      margin-top: 30px;
    }

    .new-theme-design.parts-inventory-manage .testimonialNew {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 18px;
      padding: 22px;
      box-shadow: 0 8px 24px rgba(6, 59, 92, .05);
    }

    .new-theme-design.parts-inventory-manage .testimonialAvatarNew {
      width: 46px;
      height: 46px;
      border-radius: 50%;
      background: linear-gradient(135deg, #BBDDED, #6BAAC7);
      margin-bottom: 12px;
      overflow: hidden;
    }

    .new-theme-design.parts-inventory-manage .testimonialNew strong {
      display: block
    }

    .new-theme-design.parts-inventory-manage .testimonialNew small {
      color: var(--muted)
    }

    .new-theme-design.parts-inventory-manage .testimonialNew p {
      color: var(--muted);
      font-size: 13px;
      margin-top: 12px;
    }

    .new-theme-design.parts-inventory-manage .starsNew {
      color: var(--yellow);
      letter-spacing: 2px;
      font-size: 13px;
      margin: 6px 0 0;
    }

    .new-theme-design.parts-inventory-manage .conversionStripNew {
      margin: 34px 0 0;
      border: 1px solid var(--line);
      border-left: 5px solid var(--yellow);
      border-radius: 18px;
      background: #fff;
      padding: 24px 26px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      box-shadow: 0 8px 26px rgba(6, 59, 92, .05);
    }

    .new-theme-design.parts-inventory-manage .conversionStripNew.dark {
      background: #111;
      border-color: #2B2B2B;
      border-left-color: var(--yellow);
      color: #fff;
      box-shadow: none;
    }

    .new-theme-design.parts-inventory-manage .conversionStripNew h3 {
      margin: 0 0 6px;
      font-size: 20px;
    }

    .new-theme-design.parts-inventory-manage .conversionStripNew.dark h3 {
      color: #fff
    }

    .new-theme-design.parts-inventory-manage .conversionStripNew p {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
      max-width: 680px;
    }

    .new-theme-design.parts-inventory-manage .conversionStripNew.dark p {
      color: #D2D2D2
    }

    .new-theme-design.parts-inventory-manage .conversionActionsNew {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      flex: 0 0 auto;
    }

    .new-theme-design.parts-inventory-manage .conversionStripNew.dark .btn.primary {
      background: var(--yellow);
      color: #000;
    }

    .new-theme-design.parts-inventory-manage .conversionStripNew.dark .btn.secondary {
      background: transparent;
      color: #fff;
      border-color: #555;
      box-shadow: none;
    }

    @media(max-width:980px) {
      .new-theme-design.parts-inventory-manage .awardGridNew {
        grid-template-columns: repeat(3, 1fr)
      }

      .new-theme-design.parts-inventory-manage .vedaGridNew {
        grid-template-columns: 1fr
      }

      .new-theme-design.parts-inventory-manage .integrationGridNew {
        grid-template-columns: repeat(3, 1fr)
      }

      .new-theme-design.parts-inventory-manage .ratingGridNew {
        grid-template-columns: repeat(3, 1fr)
      }

      .new-theme-design.parts-inventory-manage .testimonialGridNew {
        grid-template-columns: repeat(2, 1fr)
      }
    }


    .new-theme-design.parts-inventory-manage .vedaDemoBanner {
      margin-top: 24px;
      background: linear-gradient(135deg, #151515, #202020);
      border: 1px solid #333;
      border-left: 5px solid var(--yellow);
      border-radius: 18px;
      padding: 22px 24px;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 24px;
      align-items: center;
      box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
    }

    .new-theme-design.parts-inventory-manage .vedaDemoBanner h3 {
      color: #fff;
      font-size: 20px;
      margin: 0 0 6px;
    }

    .new-theme-design.parts-inventory-manage .vedaDemoBanner p {
      color: #D4D4D4;
      font-size: 13px;
      margin: 0;
      max-width: 680px;
    }

    .new-theme-design.parts-inventory-manage .vedaDemoActions {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      justify-content: flex-end;
    }

    .new-theme-design.parts-inventory-manage .vedaDemoBanner .btn.primary {
      background: var(--yellow);
      color: #000;
      border-color: var(--yellow);
      box-shadow: none;
    }

    .new-theme-design.parts-inventory-manage .vedaDemoBanner .btn.secondary {
      background: transparent;
      color: #fff;
      border-color: #555;
      box-shadow: none;
    }

    @media(max-width:760px) {
      .new-theme-design.parts-inventory-manage .vedaDemoBanner {
        grid-template-columns: 1fr;
      }

      .new-theme-design.parts-inventory-manage .vedaDemoActions {
        justify-content: flex-start;
      }
    }



    .new-theme-design.parts-inventory-manage .connectedWorkflowsDark {
      background: linear-gradient(135deg, #0B0B0B 0%, #171717 100%) !important;
      color: #fff;
      border-top: 4px solid var(--yellow);
      border-bottom: 1px solid #292929;
    }

    .new-theme-design.parts-inventory-manage .connectedWorkflowsDark h2,
    .new-theme-design.parts-inventory-manage .connectedWorkflowsDark h3 {
      color: #fff;
    }

    .new-theme-design.parts-inventory-manage .connectedWorkflowsDark p,
    .new-theme-design.parts-inventory-manage .connectedWorkflowsDark .lead {
      color: #D3D3D3;
    }

    .new-theme-design.parts-inventory-manage .connectedWorkflowsDark .eyebrow {
      background: var(--yellow);
      color: #000;
    }

    .new-theme-design.parts-inventory-manage .connectedWorkflowsDark .card {
      background: #151515;
      border-color: #2C2C2C;
      box-shadow: none;
    }

    .new-theme-design.parts-inventory-manage .connectedWorkflowsDark .card:hover {
      border-color: #4A4A4A;
      box-shadow: 0 14px 30px rgba(0, 0, 0, .22);
    }

    .new-theme-design.parts-inventory-manage .connectedWorkflowsDark .card h3 a {
      color: #fff;
    }

    .new-theme-design.parts-inventory-manage .connectedWorkflowsDark .card p {
      color: #CFCFCF;
    }

    .new-theme-design.parts-inventory-manage .connectedWorkflowsDark .seo-note {
      background: #161616;
      border-color: #4A4120;
      color: #E4D58A;
    }


    @media(max-width:640px) {

      .new-theme-design.parts-inventory-manage .awardGridNew,
      .new-theme-design.parts-inventory-manage .integrationGridNew,
      .new-theme-design.parts-inventory-manage .ratingGridNew,
      .new-theme-design.parts-inventory-manage .testimonialGridNew {
        grid-template-columns: 1fr
      }

      .new-theme-design.parts-inventory-manage .conversionStripNew {
        flex-direction: column;
        align-items: flex-start
      }

      .new-theme-design.parts-inventory-manage .ratingItemNew {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, .14)
      }
    }



    /* Put spare-parts illustrations beside each inventory row */
    .new-theme-design.parts-inventory-manage.hero-card .mock {
      padding-bottom: 24px !important;
    }

    .new-theme-design.parts-inventory-manage.parts-scene,
    .new-theme-design.parts-inventory-manage.parts-shelf {
      display: none !important;
    }

    .new-theme-design.parts-inventory-manage .inventory-part-row {
      display: grid;
      grid-template-columns: 58px 1fr auto;
      gap: 14px;
      align-items: center;
    }

    .new-theme-design.parts-inventory-manage .inventory-part-row .part-visual {
      width: 54px;
      height: 54px;
      border-radius: 14px;
      background: linear-gradient(145deg, #F8FCFF, #EAF8FF);
      border: 1px solid #CBEAF9;
      display: grid;
      place-items: center;
      position: relative;
      overflow: hidden;
    }

    .new-theme-design.parts-inventory-manage .inventory-part-row .part-copy {
      min-width: 0;
    }

    .new-theme-design.parts-inventory-manage .inventory-part-row .part-copy strong {
      display: block;
      margin: 0 0 4px;
      font-size: 14px;
      color: var(--black);
    }

    .new-theme-design.parts-inventory-manage .inventory-part-row .part-copy div {
      font-size: 11px;
      color: var(--muted);
    }

    .new-theme-design.parts-inventory-manage .inventory-part-row .part-status {
      text-align: right;
    }

    .new-theme-design.parts-inventory-manage .inventory-part-row .part-status .tag {
      margin-bottom: 4px;
    }

    .new-theme-design.parts-inventory-manage .inventory-part-row .part-status small {
      display: block;
      font-size: 9px;
      color: var(--muted);
      white-space: nowrap;
    }




    /* Hero balance refinements */
    .new-theme-design.parts-inventory-manage .hero {
      padding: 68px 0 60px;
    }

    .new-theme-design.parts-inventory-manage .hero-grid {
      grid-template-columns: .92fr 1.08fr;
      gap: 44px;
    }

    /* .new-theme-design.parts-inventory-manage .hero h1 {
      font-size: clamp(40px, 5.2vw, 62px);
      line-height: 1.05;
      max-width: 650px;
      margin-bottom: 18px;
    } */

    .new-theme-design.parts-inventory-manage .hero .lead {
      font-size: 18px;
      line-height: 1.55;
      max-width: 650px;
    }

    .new-theme-design.parts-inventory-manage .hero-points {
      gap: 9px;
      margin: 22px 0;
    }

    .new-theme-design.parts-inventory-manage .hero-points li {
      font-size: 14px;
      line-height: 1.45;
    }

    .new-theme-design.parts-inventory-manage .hero .actions {
      margin-top: 22px;
    }

    .new-theme-design.parts-inventory-manage .hero-card {
      min-height: 500px;
      padding: 16px;
    }

    .new-theme-design.parts-inventory-manage .hero-card .mock {
      min-height: 466px;
      padding: 20px;
    }

    .new-theme-design.parts-inventory-manage .hero-card .mock h3 {
      font-size: 17px;
      margin-bottom: 12px;
    }

    .new-theme-design.parts-inventory-manage .hero-card .mock-row {
      padding: 12px 13px;
      margin: 9px 0;
    }

    .new-theme-design.parts-inventory-manage .inventory-part-row {
      grid-template-columns: 64px 1fr auto;
      gap: 13px;
    }

    .new-theme-design.parts-inventory-manage .inventory-part-row .part-visual {
      width: 60px;
      height: 60px;
    }

    .new-theme-design.parts-inventory-manage .part-visual .css-bearing {
      width: 43px;
      height: 43px
    }

    .new-theme-design.parts-inventory-manage .part-visual .css-gear {
      width: 44px;
      height: 44px
    }

    .new-theme-design.parts-inventory-manage .part-visual .css-filter {
      width: 45px;
      height: 32px
    }

    .new-theme-design.parts-inventory-manage .part-visual .css-belt {
      width: 47px;
      height: 31px
    }

    .new-theme-design.parts-inventory-manage .inventory-part-row .part-copy strong {
      font-size: 13px;
    }

    .new-theme-design.parts-inventory-manage .inventory-part-row .part-copy div {
      font-size: 10.5px;
    }

    .new-theme-design.parts-inventory-manage .inventory-part-row .part-status .tag {
      font-size: 10px;
      padding: 4px 7px;
    }

    .new-theme-design.parts-inventory-manage .inventory-part-row .part-status small {
      font-size: 8.5px;
    }

    @media(max-width:980px) {
      .new-theme-design.parts-inventory-manage .hero-grid {
        grid-template-columns: 1fr
      }

      .new-theme-design.parts-inventory-manage .hero-card {
        min-height: auto
      }

      .new-theme-design.parts-inventory-manage .hero-card .mock {
        min-height: auto
      }
    }


    .new-theme-design.parts-inventory-manage .blackSection {
      background: linear-gradient(135deg, #0B0B0B 0%, #171717 100%) !important;
      color: #fff;
      border-top: 4px solid var(--yellow);
      border-bottom: 1px solid #292929;
    }

    .new-theme-design.parts-inventory-manage .blackSection h2,
    .new-theme-design.parts-inventory-manage .blackSection h3,
    .new-theme-design.parts-inventory-manage .blackSection strong {
      color: #fff
    }

    .new-theme-design.parts-inventory-manage .blackSection p,
    .new-theme-design.parts-inventory-manage .blackSection .lead {
      color: #D5D5D5
    }

    .new-theme-design.parts-inventory-manage .blackSection .eyebrow {
      background: var(--yellow);
      color: var(--black);
    }

    .new-theme-design.parts-inventory-manage .blackSection .card,
    .new-theme-design.parts-inventory-manage .blackSection .role-card {
      background: #151515;
      border-color: #2C2C2C;
      box-shadow: none;
    }

    .new-theme-design.parts-inventory-manage .blackSection .card p,
    .new-theme-design.parts-inventory-manage .blackSection .role-card p {
      color: #CBCBCB
    }

    .new-theme-design.parts-inventory-manage .blackSection .icon {
      background: var(--yellow);
      color: var(--black);
    }

    .new-theme-design.parts-inventory-manage .blackSection .compare {
      background: #151515;
      border-color: #2D2D2D;
    }

    .new-theme-design.parts-inventory-manage .blackSection .compare th {
      background: #111;
      color: var(--yellow);
      border-color: #2D2D2D;
    }

    .new-theme-design.parts-inventory-manage .blackSection .compare td {
      background: #171717;
      color: #E1E1E1;
      border-color: #2D2D2D;
    }

    .new-theme-design.parts-inventory-manage .blackSection .compare td strong {
      color: #fff
    }

    .new-theme-design.parts-inventory-manage .blackSection .workflow .step {
      background: #151515;
      border-color: #2B2B2B;
      border-top-color: var(--yellow);
      box-shadow: none;
    }

    .new-theme-design.parts-inventory-manage .blackSection .workflow .step p {
      color: #CFCFCF
    }

    .new-theme-design.parts-inventory-manage .blackSection .workflow .num {
      background: var(--yellow);
      color: #000;
    }

    .new-theme-design.parts-inventory-manage .blackSection .industry {
      background: #151515;
      border-color: #2D2D2D;
      border-bottom-color: var(--yellow);
      color: #fff;
    }

    .new-theme-design.parts-inventory-manage .blackSection details {
      background: #151515;
      border-color: #2D2D2D;
    }

    .new-theme-design.parts-inventory-manage .blackSection summary {
      color: #fff
    }

    .new-theme-design.parts-inventory-manage .blackSection details p {
      color: #CFCFCF
    }

    /* Full width black feature story */
    .new-theme-design.parts-inventory-manage .blackFeatureStory {
      background: linear-gradient(135deg, #0B0B0B, #1B1B1B);
      color: #fff;
      border-top: 4px solid var(--yellow);
      border-bottom: 1px solid #2A2A2A;
    }

    .new-theme-design.parts-inventory-manage .blackFeatureStory .feature {
      margin-top: 0;
    }

    .new-theme-design.parts-inventory-manage .blackFeatureStory .feature h2,
    .new-theme-design.parts-inventory-manage .blackFeatureStory .feature h3 {
      color: #fff
    }

    .new-theme-design.parts-inventory-manage .blackFeatureStory .feature p {
      color: #D5D5D5
    }

    .new-theme-design.parts-inventory-manage .blackFeatureStory .feature .eyebrow {
      background: var(--yellow);
      color: #000;
    }

    .new-theme-design.parts-inventory-manage .blackFeatureStory .feature li {
      color: #F4F4F4
    }

    .new-theme-design.parts-inventory-manage .blackFeatureStory .feature li::before {
      background: var(--yellow);
      color: #000;
    }

    .new-theme-design.parts-inventory-manage .blackFeatureStory .visual-shell {
      background:
        radial-gradient(circle at 82% 15%, rgba(0, 168, 248, .14), transparent 28%),
        linear-gradient(145deg, #101010, #202020);
      border-color: #333;
      box-shadow: none;
    }

    .new-theme-design.parts-inventory-manage .blackFeatureStory .window {
      background: #121212;
      border-color: #303030;
      box-shadow: none;
    }

    .new-theme-design.parts-inventory-manage .blackFeatureStory .window-bar {
      background: #181818;
      color: #fff;
      border-bottom-color: #303030;
    }

    .new-theme-design.parts-inventory-manage .blackFeatureStory .mini-kpi,
    .new-theme-design.parts-inventory-manage .blackFeatureStory .workorder-card,
    .new-theme-design.parts-inventory-manage .blackFeatureStory .check-row,
    .new-theme-design.parts-inventory-manage .blackFeatureStory .stock-row {
      background: #181818;
      border-color: #303030;
    }

    .new-theme-design.parts-inventory-manage .blackFeatureStory .mini-kpi small,
    .new-theme-design.parts-inventory-manage .blackFeatureStory .wo-meta,
    .new-theme-design.parts-inventory-manage .blackFeatureStory .stock-name small {
      color: #BEBEBE
    }

    .new-theme-design.parts-inventory-manage .blackFeatureStory .wo-title,
    .new-theme-design.parts-inventory-manage .blackFeatureStory .stock-name strong {
      color: #fff
    }

    .new-theme-design.parts-inventory-manage .blackFeatureStory .bar-chart {
      background: #151515;
      border-color: #303030;
    }

    .new-theme-design.parts-inventory-manage .blackFeatureStory .donut::after {
      background: #151515;
      color: #fff;
    }

    .new-theme-design.parts-inventory-manage .blackFeatureStory .pill {
      background: #222;
      color: #EEE;
      border: 1px solid #333;
    }

    .new-theme-design.parts-inventory-manage .blackFeatureStory .pill.green {
      background: #14372A;
      color: #87E5BE;
    }

    .new-theme-design.parts-inventory-manage .blackFeatureStory .pill.orange {
      background: #3B3217;
      color: #FFE064;
    }

    .new-theme-design.parts-inventory-manage .blackFeatureStory .floating-badge.top-right,
    .new-theme-design.parts-inventory-manage .blackFeatureStory .floating-badge.bottom-left {
      background: var(--yellow);
      color: #000;
    }

    /* Metric-style black strip */
    .new-theme-design.parts-inventory-manage .inventoryMetricBand {
      background: linear-gradient(135deg, #0B0B0B, #202020);
      color: #fff;
      border-top: 4px solid var(--yellow);
      padding: 58px 0;
    }

    .new-theme-design.parts-inventory-manage .inventoryMetricGrid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
    }

    .new-theme-design.parts-inventory-manage .inventoryMetric {
      border: 1px solid rgba(255, 255, 255, .14);
      border-radius: 16px;
      padding: 25px;
      background: rgba(255, 255, 255, .055);
    }

    .new-theme-design.parts-inventory-manage .inventoryMetric strong {
      display: block;
      color: var(--yellow);
      font-size: 28px;
      margin-bottom: 7px;
    }

    .new-theme-design.parts-inventory-manage .inventoryMetric span {
      color: #D5D5D5;
      font-size: 13px;
    }

    @media(max-width:980px) {
      .new-theme-design.parts-inventory-manage .inventoryMetricGrid {
        grid-template-columns: repeat(2, 1fr)
      }
    }

    @media(max-width:640px) {
      .new-theme-design.parts-inventory-manage .inventoryMetricGrid {
        grid-template-columns: 1fr
      }
    }



    .new-theme-design.parts-inventory-manage .criticalRiskGrid {
      display: grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 42px;
      align-items: center;
    }

    .new-theme-design.parts-inventory-manage .riskCards {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 14px;
      margin-top: 28px;
    }

    .new-theme-design.parts-inventory-manage .riskCard {
      background: #151515;
      border: 1px solid #2E2E2E;
      border-radius: 16px;
      padding: 19px;
    }

    .new-theme-design.parts-inventory-manage .riskCard strong {
      display: block;
      color: var(--yellow);
      font-size: 15px;
      margin-bottom: 7px;
    }

    .new-theme-design.parts-inventory-manage .riskCard span {
      color: #CFCFCF;
      font-size: 12px;
      line-height: 1.55;
    }

    .new-theme-design.parts-inventory-manage .riskBoard {
      background: #121212;
      border: 1px solid #303030;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 18px 45px rgba(0, 0, 0, .28);
    }

    .new-theme-design.parts-inventory-manage .riskHead {
      display: flex;
      justify-content: space-between;
      gap: 14px;
      align-items: center;
      padding: 15px 17px;
      background: #191919;
      border-bottom: 1px solid #2E2E2E;
    }

    .new-theme-design.parts-inventory-manage .riskHead strong {
      color: #fff;
      font-size: 13px
    }

    .new-theme-design.parts-inventory-manage .riskBadge {
      background: var(--yellow);
      color: #000;
      font-size: 10px;
      font-weight: 900;
      border-radius: 999px;
      padding: 5px 8px;
    }

    .new-theme-design.parts-inventory-manage .riskList {
      display: grid;
      gap: 9px;
      padding: 15px;
    }

    .new-theme-design.parts-inventory-manage .riskRow {
      display: grid;
      grid-template-columns: 1.3fr .65fr .7fr .7fr;
      gap: 10px;
      align-items: center;
      padding: 12px;
      border-radius: 12px;
      border: 1px solid #2B2B2B;
      background: #171717;
      font-size: 10px;
      color: #DADADA;
    }

    .new-theme-design.parts-inventory-manage .riskRow strong {
      color: #fff;
      font-size: 11px;
    }

    .new-theme-design.parts-inventory-manage .riskLevel {
      display: inline-flex;
      justify-content: center;
      padding: 4px 7px;
      border-radius: 999px;
      font-weight: 900;
      font-size: 9px;
    }

    .new-theme-design.parts-inventory-manage .riskLevel.high {
      background: #412020;
      color: #FF9A9A
    }

    .new-theme-design.parts-inventory-manage .riskLevel.med {
      background: #3D3518;
      color: #FFE16A
    }

    .new-theme-design.parts-inventory-manage .riskLevel.low {
      background: #17362A;
      color: #8FE0B9
    }

    .new-theme-design.parts-inventory-manage .riskScore {
      font-weight: 900;
      color: var(--yellow);
    }

    .new-theme-design.parts-inventory-manage .riskMeter {
      height: 9px;
      background: #292929;
      border-radius: 999px;
      overflow: hidden;
      margin-top: 13px;
    }

    .new-theme-design.parts-inventory-manage .riskMeter span {
      display: block;
      height: 100%;
      width: 84%;
      border-radius: inherit;
      background: linear-gradient(90deg, var(--success), var(--yellow), #E55B5B);
      animation: fillProgress 2s cubic-bezier(.2, .8, .2, 1) both;
    }

    @media(max-width:980px) {
      .new-theme-design.parts-inventory-manage .criticalRiskGrid {
        grid-template-columns: 1fr
      }
    }

    @media(max-width:640px) {
      .new-theme-design.parts-inventory-manage .riskCards {
        grid-template-columns: 1fr
      }

      .new-theme-design.parts-inventory-manage .riskRow {
        grid-template-columns: 1.2fr .7fr .7fr
      }

      .new-theme-design.parts-inventory-manage .riskRow>*:nth-child(4) {
        display: none
      }
    }


    .new-theme-design.parts-inventory-manage .midCta {
      margin: 38px 0 0;
      border: 1px solid var(--line);
      border-left: 5px solid var(--yellow);
      border-radius: 18px;
      background: #fff;
      padding: 24px 26px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      box-shadow: 0 8px 26px rgba(6, 59, 92, .05);
    }

    .new-theme-design.parts-inventory-manage .midCta.dark {
      background: #111;
      border-color: #2B2B2B;
      border-left-color: var(--yellow);
      color: #fff;
      box-shadow: none;
    }

    .new-theme-design.parts-inventory-manage .midCta h3 {
      margin: 0 0 6px;
      font-size: 20px;
    }

    .new-theme-design.parts-inventory-manage .midCta.dark h3 {
      color: #fff
    }

    .new-theme-design.parts-inventory-manage .midCta p {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
      max-width: 680px;
    }

    .new-theme-design.parts-inventory-manage .midCta.dark p {
      color: #D2D2D2
    }

    .new-theme-design.parts-inventory-manage .midCtaActions {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      flex: 0 0 auto;
    }

    .new-theme-design.parts-inventory-manage .midCta .btn.primary {
      background: var(--black);
      color: #fff;
    }

    .new-theme-design.parts-inventory-manage .midCta.dark .btn.primary {
      background: var(--yellow);
      color: var(--black);
    }

    .new-theme-design.parts-inventory-manage .midCta.dark .btn.secondary {
      background: transparent;
      color: #fff;
      border-color: rgba(255, 255, 255, .4);
      box-shadow: none;
    }

    @media(max-width:760px) {
      .new-theme-design.parts-inventory-manage .midCta {
        flex-direction: column;
        align-items: flex-start;
      }
    }



    /* resize CSS part drawings for row placement */
    .new-theme-design.parts-inventory-manage .part-visual .css-bearing {
      width: 38px;
      height: 38px
    }

    .new-theme-design.parts-inventory-manage .part-visual .css-gear {
      width: 39px;
      height: 39px
    }

    .new-theme-design.parts-inventory-manage .part-visual .css-filter {
      width: 40px;
      height: 29px;
      border-width: 3px
    }

    .new-theme-design.parts-inventory-manage .part-visual .css-belt {
      width: 42px;
      height: 28px;
      border-width: 6px
    }

    .new-theme-design.parts-inventory-manage .part-visual .css-nut {
      width: 34px;
      height: 34px
    }

    .new-theme-design.parts-inventory-manage .part-visual .css-bolt {
      width: 14px;
      height: 40px
    }

    .new-theme-design.parts-inventory-manage .inventory-part-row {
      transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    }

    .new-theme-design.parts-inventory-manage .inventory-part-row:hover {
      transform: translateX(4px);
      border-color: #9EDCF8;
      box-shadow: 0 10px 24px rgba(0, 168, 248, .11);
    }

    @media(max-width:640px) {
      .new-theme-design.parts-inventory-manage .inventory-part-row {
        grid-template-columns: 50px 1fr;
      }

      .new-theme-design.parts-inventory-manage .inventory-part-row .part-status {
        grid-column: 2;
        text-align: left;
        margin-top: -3px;
      }

      .new-theme-design.parts-inventory-manage .inventory-part-row .part-status small {
        display: inline;
        margin-left: 6px;
      }
    }

    .new-theme-design .vedaDemoBanner .button.secondary {
      background: transparent;
      color: #fff;
      border-color: #555;
    }

    .new-theme-design .vedaDemoBanner .button.secondary:hover {
      background: #323232;
    }

    @media(max-width:767px) {
      .feature-cont {
        order: 1;
      }

      .feature-visual {
        order: 0;
      }

      .new-theme-design.parts-inventory-manage .vedaActionsNew {
        grid-template-columns: repeat(1, 1fr);
      }
    }

    /*----------------Parts Inventory Management Software for Maintenance Teams Ends----------------*/
    /*----------------Asset Management Software for Maintenance & Operations Teams Starts----------------*/
    .new-theme-design.asset-manage-operations-teams .topbar {
      position: sticky;
      top: 0;
      z-index: 50;
      background: rgba(255, 255, 255, .95);
      backdrop-filter: blur(12px);
      border-bottom: 1px solid var(--line)
    }

    .new-theme-design.asset-manage-operations-teams .brand {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: var(--navy);
      font-weight: 900;
      font-size: 23px;
      letter-spacing: -.03em
    }

    .new-theme-design.asset-manage-operations-teams .brandMark {
      width: 34px;
      height: 34px;
      border-radius: 10px;
      background: linear-gradient(135deg, var(--brand), #62CCFF);
      box-shadow: 0 8px 20px rgba(0, 168, 248, .23)
    }

    .new-theme-design.asset-manage-operations-teams .brand span {
      color: var(--brand)
    }

    .new-theme-design.asset-manage-operations-teams .navlinks {
      display: flex;
      gap: 22px;
      color: var(--muted);
      font-size: 13px
    }

    .new-theme-design.asset-manage-operations-teams .button {
      display: inline-flex;
      min-height: 48px;
      padding: 0 22px;
      align-items: center;
      justify-content: center;
      border-radius: 12px;
      border: 1px solid transparent;
      font-weight: 800;
      transition: .2s ease
    }

    /* .new-theme-design.asset-manage-operations-teams .button.primary {
      background: var(--brand);
      color: #fff;
      box-shadow: 0 10px 25px rgba(0, 168, 248, .25)
    }

    .new-theme-design.asset-manage-operations-teams .button.secondary {
      background: #fff;
      color: var(--navy);
      border-color: var(--line)
    }

    .new-theme-design.asset-manage-operations-teams .button.yellow {
      background: var(--yellow);
      color: var(--black)
    }

    .new-theme-design.asset-manage-operations-teams .button.black {
      background: var(--black);
      color: #fff
    }

    .new-theme-design.asset-manage-operations-teams .button:hover {
      transform: translateY(-1px)
    } */

    .new-theme-design.asset-manage-operations-teams .hero {
      position: relative;
      overflow: hidden;
      padding: 80px 0 72px;
      background: radial-gradient(circle at 84% 14%, rgba(0, 168, 248, .18), transparent 30%), radial-gradient(circle at 14% 30%, rgba(0, 168, 248, .08), transparent 30%), linear-gradient(180deg, #fff 0%, #F3FBFF 100%)
    }

    .new-theme-design.asset-manage-operations-teams .heroGrid {
      display: grid;
      grid-template-columns: .94fr 1.06fr;
      gap: 52px;
      align-items: center
    }

    .new-theme-design.asset-manage-operations-teams .eyebrow {
      display: inline-flex;
      padding: 8px 13px;
      border-radius: 999px;
      background: var(--yellow-soft);
      color: var(--black);
      font-size: 13px;
      font-weight: 850;
      margin-bottom: 20px
    }

    .new-theme-design.asset-manage-operations-teams .lead {
      color: var(--muted);
      font-size: 19px;
      margin: 24px 0 0;
      max-width: 720px
    }

    .new-theme-design.asset-manage-operations-teams .heroActions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 28px
    }

    .new-theme-design.asset-manage-operations-teams .microcopy {
      color: var(--muted);
      font-size: 13px;
      margin-top: 14px
    }

    .new-theme-design.asset-manage-operations-teams .heroVisual {
      position: relative;
      min-height: 510px
    }

    .new-theme-design.asset-manage-operations-teams .assetPanel {
      position: absolute;
      right: 0;
      top: 18px;
      width: 80%;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 22px;
      box-shadow: var(--shadow);
      overflow: hidden
    }

    .new-theme-design.asset-manage-operations-teams .windowBar {
      display: flex;
      align-items: center;
      gap: 7px;
      padding: 12px 14px;
      background: #F8FCFF;
      border-bottom: 1px solid var(--line)
    }

    .new-theme-design.asset-manage-operations-teams .dot {
      width: 9px;
      height: 9px;
      border-radius: 50%
    }

    .new-theme-design.asset-manage-operations-teams .red {
      background: #ff6b6b
    }

    .new-theme-design.asset-manage-operations-teams .yellow {
      background: var(--yellow)
    }

    .new-theme-design.asset-manage-operations-teams .green {
      background: #36c98f
    }

    .new-theme-design.asset-manage-operations-teams .assetPanelBody {
      padding: 16px
    }

    .new-theme-design.asset-manage-operations-teams .assetHeroHeader {
      display: grid;
      grid-template-columns: 64px 1fr auto;
      gap: 13px;
      align-items: center;
      padding: 14px;
      border-radius: 14px;
      background: linear-gradient(145deg, #F8FCFF, #EAF8FF);
      border: 1px solid #CBEAF9
    }

    .new-theme-design.asset-manage-operations-teams .machineIcon {
      width: 58px;
      height: 58px;
      border-radius: 14px;
      background: #fff;
      border: 1px solid var(--line);
      display: grid;
      place-items: center;
      position: relative
    }

    .new-theme-design.asset-manage-operations-teams .machineIcon:before {
      content: "";
      width: 31px;
      height: 28px;
      border-radius: 6px;
      background: linear-gradient(145deg, #85A3B5, #D6E3E9);
      box-shadow: inset 0 0 0 2px #6C8797
    }

    .new-theme-design.asset-manage-operations-teams .machineIcon:after {
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--success);
      right: 10px;
      top: 9px;
      box-shadow: 0 0 0 4px var(--success-bg)
    }

    .new-theme-design.asset-manage-operations-teams .assetHeroHeader strong {
      display: block;
      font-size: 14px;
      color: var(--black)
    }

    .new-theme-design.asset-manage-operations-teams .assetHeroHeader small {
      color: var(--muted);
      font-size: 10px
    }

    .new-theme-design.asset-manage-operations-teams .healthChip {
      padding: 6px 9px;
      border-radius: 999px;
      background: var(--success-bg);
      color: var(--success);
      font-size: 9px;
      font-weight: 900
    }

    .new-theme-design.asset-manage-operations-teams .kpiGrid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 8px;
      margin-top: 12px
    }

    .new-theme-design.asset-manage-operations-teams .kpi {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 11px;
      padding: 10px
    }

    .new-theme-design.asset-manage-operations-teams .kpi strong {
      display: block;
      font-size: 17px;
      color: var(--navy)
    }

    .new-theme-design.asset-manage-operations-teams .kpi small {
      font-size: 8px;
      color: var(--muted)
    }

    .new-theme-design.asset-manage-operations-teams .timeline {
      margin-top: 12px;
      border: 1px solid var(--line);
      border-radius: 13px;
      padding: 13px;
      background: #fff
    }

    .new-theme-design.asset-manage-operations-teams .timelineRow {
      display: grid;
      grid-template-columns: 20px 1fr auto;
      gap: 8px;
      align-items: start;
      margin: 10px 0;
      font-size: 9px
    }

    .new-theme-design.asset-manage-operations-teams .timelineDot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: var(--brand);
      margin-top: 3px;
      box-shadow: 0 0 0 4px var(--sky)
    }

    .new-theme-design.asset-manage-operations-teams .timelineRow strong {
      display: block;
      font-size: 10px
    }

    .new-theme-design.asset-manage-operations-teams .timelineRow small {
      color: var(--muted)
    }

    .new-theme-design.asset-manage-operations-teams .mobileAsset {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 34%;
      background: #111;
      border-radius: 28px;
      padding: 10px;
      box-shadow: 0 18px 45px rgba(6, 59, 92, .22)
    }

    .new-theme-design.asset-manage-operations-teams .mobileScreen {
      background: #fff;
      border-radius: 20px;
      padding: 14px;
      min-height: 265px
    }

    .new-theme-design.asset-manage-operations-teams .phoneNotch {
      width: 60px;
      height: 6px;
      border-radius: 999px;
      background: #222;
      margin: 0 auto 12px
    }

    .new-theme-design.asset-manage-operations-teams .qrMini {
      width: 76px;
      height: 76px;
      margin: 10px auto;
      background: linear-gradient(90deg, #0B0B0B 8px, transparent 8px) 0 0/20px 20px, linear-gradient(#0B0B0B 8px, transparent 8px) 0 0/20px 20px, linear-gradient(90deg, transparent 12px, #0B0B0B 12px, #0B0B0B 17px, transparent 17px) 0 0/20px 20px, linear-gradient(transparent 12px, #0B0B0B 12px, #0B0B0B 17px, transparent 17px) 0 0/20px 20px, #fff;
      border: 6px solid #fff;
      box-shadow: 0 4px 12px rgba(0, 0, 0, .09)
    }

    .new-theme-design.asset-manage-operations-teams .mobileLine {
      font-size: 9px;
      padding: 7px;
      border: 1px solid var(--line);
      border-radius: 9px;
      margin-top: 7px
    }

    .new-theme-design.asset-manage-operations-teams .floatBadge {
      position: absolute;
      right: 14px;
      bottom: 18px;
      background: var(--yellow);
      color: #000;
      font-weight: 900;
      font-size: 10px;
      padding: 8px 10px;
      border-radius: 10px;
      box-shadow: 0 8px 18px rgba(0, 0, 0, .12);
      animation: float 3.5s ease-in-out infinite
    }

    @keyframes float {
      50% {
        transform: translateY(-6px)
      }
    }

    .new-theme-design.asset-manage-operations-teams .clientBand {
      background: #fff;
      /* padding: 30px 0; */
      border-bottom: 1px solid var(--line)
    }

    .new-theme-design.asset-manage-operations-teams .trustLabel {
      text-align: center;
      color: var(--black);
      font-weight: 800;
      font-size: 14px;
      margin-bottom: 18px
    }

    .new-theme-design.asset-manage-operations-teams .logoRow {
      display: grid;
      grid-template-columns: repeat(8, 1fr);
      gap: 12px
    }

    .new-theme-design.asset-manage-operations-teams .logoBox {
      min-height: 66px;
      border-radius: 12px;
      border: 1px dashed #B8D7E7;
      background: #fff;
      display: grid;
      place-items: center;
      text-align: center;
      padding: 10px;
      color: #7B8E9E;
      font-size: 12px;
      font-weight: 750
    }

    .new-theme-design.asset-manage-operations-teams .sectionHead {
      max-width: 860px;
    }

    .new-theme-design.asset-manage-operations-teams .sectionHead.center {
      margin-left: auto;
      margin-right: auto;
      text-align: center
    }

    .new-theme-design.asset-manage-operations-teams .sectionHead p {
      color: var(--muted);
      margin: 16px 0 0;
      font-size: 18px
    }

    .new-theme-design.asset-manage-operations-teams .vedaSection {
      background: linear-gradient(135deg, var(--black) 0%, var(--black-soft) 100%);
      color: #fff;
      border-top: 4px solid var(--yellow);
      border-bottom: 1px solid #272727
    }

    .new-theme-design.asset-manage-operations-teams .vedaSection h2,
    .new-theme-design.asset-manage-operations-teams .vedaSection h3 {
      color: #fff
    }

    .new-theme-design.asset-manage-operations-teams .vedaSection p {
      color: #D7D7D7
    }

    .new-theme-design.asset-manage-operations-teams .vedaSection .eyebrow {
      background: var(--yellow);
      color: #000
    }

    .new-theme-design.asset-manage-operations-teams .vedaGrid {
      display: grid;
      grid-template-columns: .95fr 1.05fr;
      gap: 48px;
      align-items: center
    }

    .new-theme-design.asset-manage-operations-teams .vedaBox {
      background: #111;
      border: 1px solid #333;
      border-radius: 20px;
      padding: 22px;
      box-shadow: 0 18px 45px rgba(0, 0, 0, .25)
    }

    .new-theme-design.asset-manage-operations-teams .prompt {
      background: #1C1C1C;
      border: 1px solid #303030;
      border-radius: 12px;
      padding: 13px 15px;
      margin-top: 10px;
      color: #F2F2F2;
      font-size: 13px
    }

    .new-theme-design.asset-manage-operations-teams .vedaActions {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      margin-top: 24px
    }

    .new-theme-design.asset-manage-operations-teams .vedaAction {
      background: #151515;
      border: 1px solid #303030;
      border-radius: 14px;
      padding: 17px
    }

    .new-theme-design.asset-manage-operations-teams .vedaAction strong {
      display: block;
      color: var(--yellow);
      font-size: 14px;
      margin-bottom: 5px
    }

    .new-theme-design.asset-manage-operations-teams .vedaAction span {
      color: #CFCFCF;
      font-size: 12px
    }

    .new-theme-design.asset-manage-operations-teams .outcomeGrid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px
    }

    .new-theme-design.asset-manage-operations-teams .outcome {
      background: #fff;
      border: 1px solid var(--line);
      border-top: 3px solid var(--yellow);
      border-radius: 16px;
      padding: 24px
    }

    .new-theme-design.asset-manage-operations-teams .outcome strong {
      display: block;
      color: var(--black);
      font-size: 22px;
      margin-bottom: 8px
    }

    .new-theme-design.asset-manage-operations-teams .outcome span {
      color: var(--muted);
      font-size: 14px
    }

    .new-theme-design.asset-manage-operations-teams .awardBand {
      background: linear-gradient(135deg, var(--black), #202020);
      color: #fff;
      border-top: 4px solid var(--yellow)
    }

    .new-theme-design.asset-manage-operations-teams .awardBand h2 {
      color: #fff
    }

    .new-theme-design.asset-manage-operations-teams .awardBand p {
      color: #D3D3D3
    }

    .new-theme-design.asset-manage-operations-teams .awardBand .eyebrow {
      background: var(--yellow)
    }

    .new-theme-design.asset-manage-operations-teams .awardGrid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 12px
    }

    .new-theme-design.asset-manage-operations-teams .awardItem {
      background: #151515;
      border: 1px solid #2D2D2D;
      border-top: 4px solid var(--yellow);
      border-radius: 13px;
      padding: 16px;
      text-align: center;
      min-height: 86px;
      color: #fff;
      font-size: 12px;
      font-weight: 850
    }

    .new-theme-design.asset-manage-operations-teams .coreGrid,
    .new-theme-design.asset-manage-operations-teams .cards,
    .new-theme-design.asset-manage-operations-teams .seoGrid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px
    }

    .new-theme-design.asset-manage-operations-teams .coreCard,
    .new-theme-design.asset-manage-operations-teams .card,
    .new-theme-design.asset-manage-operations-teams .seoCard {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 18px;
      padding: 27px;
      box-shadow: 0 8px 26px rgba(6, 59, 92, .05)
    }

    .new-theme-design.asset-manage-operations-teams .coreIcon,
    .new-theme-design.asset-manage-operations-teams .cardIcon {
      width: 46px;
      height: 46px;
      border-radius: 12px;
      display: grid;
      place-items: center;
      background: var(--yellow);
      color: var(--black);
      font-weight: 900;
      margin-bottom: 17px;
      font-size: 12px
    }

    .new-theme-design.asset-manage-operations-teams .coreCard p,
    .new-theme-design.asset-manage-operations-teams .card p,
    .new-theme-design.asset-manage-operations-teams .seoCard p {
      color: var(--muted);
      margin: 12px 0 0
    }

    .new-theme-design.asset-manage-operations-teams .coreCard a {
      display: inline-flex;
      margin-top: 16px;
      color: var(--brand-dark);
      font-size: 13px;
      font-weight: 850;
      border-bottom: 2px solid var(--yellow)
    }

    .new-theme-design.asset-manage-operations-teams .capability {
      background: #fff
    }

    .new-theme-design.asset-manage-operations-teams .capability.alt {
      background: var(--sky-2)
    }

    .new-theme-design.asset-manage-operations-teams .twoCol {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 54px;
      align-items: center
    }

    .new-theme-design.asset-manage-operations-teams .twoCol.reverse .visual {
      order: 2
    }

    .new-theme-design.asset-manage-operations-teams .copy p {
      color: var(--muted);
      font-size: 17px;
      margin: 16px 0 0
    }

    .new-theme-design.asset-manage-operations-teams .featureList {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px 18px;
      margin-top: 25px
    }

    .new-theme-design.asset-manage-operations-teams .featureItem {
      display: flex;
      gap: 10px;
      align-items: flex-start;
      color: var(--ink);
      font-size: 14px
    }

    .new-theme-design.asset-manage-operations-teams .check {
      flex: 0 0 22px;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: var(--success);
      background: var(--success-bg);
      font-size: 12px;
      font-weight: 900;
      margin-top: 1px
    }

    .new-theme-design.asset-manage-operations-teams .visualMock {
      min-height: 355px;
      border-radius: 20px;
      border: 1px solid #CBEAF9;
      background: linear-gradient(145deg, #fff, #EAF8FF);
      box-shadow: var(--shadow);
      padding: 20px;
      position: relative;
      overflow: hidden
    }

    .new-theme-design.asset-manage-operations-teams .listWindow {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 16px;
      overflow: hidden;
      box-shadow: 0 10px 26px rgba(6, 59, 92, .08)
    }

    .new-theme-design.asset-manage-operations-teams .listWindow .windowBar {
      font-size: 11px;
      font-weight: 800;
      color: var(--navy)
    }

    .new-theme-design.asset-manage-operations-teams .assetRow {
      display: grid;
      grid-template-columns: 44px 1.3fr .8fr .7fr;
      gap: 10px;
      padding: 11px 12px;
      border-bottom: 1px solid var(--line);
      font-size: 10px;
      align-items: center
    }

    .new-theme-design.asset-manage-operations-teams .assetRow.head {
      background: var(--sky);
      font-weight: 900;
      color: var(--navy)
    }

    .new-theme-design.asset-manage-operations-teams .assetRow:last-child {
      border-bottom: 0
    }

    .new-theme-design.asset-manage-operations-teams .assetRow strong {
      font-size: 11px
    }

    .new-theme-design.asset-manage-operations-teams .assetThumb {
      width: 34px;
      height: 34px;
      border-radius: 8px;
      background: linear-gradient(145deg, #DCE7EC, #8FA7B4);
      position: relative
    }

    .new-theme-design.asset-manage-operations-teams .assetThumb:after {
      content: "";
      position: absolute;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      right: 4px;
      top: 4px;
      background: var(--success)
    }

    .new-theme-design.asset-manage-operations-teams .asset-progress {
      height: 8px;
      border-radius: 999px;
      background: #E8EFF4;
      overflow: hidden;
      margin: 10px 0;
      width: 100%;
    }

    .new-theme-design.asset-manage-operations-teams .asset-progress span {
      display: block;
      height: 100%;
      background: linear-gradient(90deg, var(--brand), #62CCFF);
      border-radius: 999px;
      transform-origin: left;
      animation: fill 1.8s ease both;
    }

    @keyframes fill {
      from {
        transform: scaleX(0)
      }

      to {
        transform: scaleX(1)
      }
    }

    .new-theme-design.asset-manage-operations-teams .miniKpiGrid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
      margin-top: 14px
    }

    .new-theme-design.asset-manage-operations-teams .miniKpi {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 12px;
      padding: 12px
    }

    .new-theme-design.asset-manage-operations-teams .miniKpi strong {
      display: block;
      font-size: 24px
    }

    .new-theme-design.asset-manage-operations-teams .miniKpi small {
      color: var(--muted)
    }

    .new-theme-design.asset-manage-operations-teams .hierarchy {
      padding: 18px
    }

    .new-theme-design.asset-manage-operations-teams .treeRoot,
    .new-theme-design.asset-manage-operations-teams .treeChild {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 12px;
      padding: 11px 12px;
      font-size: 11px
    }

    .new-theme-design.asset-manage-operations-teams .treeRoot {
      border-left: 4px solid var(--yellow);
      font-weight: 900
    }

    .new-theme-design.asset-manage-operations-teams .treeChildren {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
      margin: 13px 0 0 28px;
      position: relative
    }

    .new-theme-design.asset-manage-operations-teams .treeChildren:before {
      content: "";
      position: absolute;
      left: -15px;
      top: -14px;
      bottom: 50%;
      width: 1px;
      background: #A9C5D6
    }

    .new-theme-design.asset-manage-operations-teams .treeChild {
      position: relative
    }

    .new-theme-design.asset-manage-operations-teams .treeChild:before {
      content: "";
      position: absolute;
      left: -15px;
      top: 50%;
      width: 14px;
      height: 1px;
      background: #A9C5D6
    }

    .new-theme-design.asset-manage-operations-teams .qr {
      width: 130px;
      height: 130px;
      margin: 12px auto;
      border: 9px solid #fff;
      box-shadow: 0 8px 22px rgba(6, 59, 92, .12);
      background: linear-gradient(90deg, #0B0B0B 11px, transparent 11px) 0 0/28px 28px, linear-gradient(#0B0B0B 11px, transparent 11px) 0 0/28px 28px, linear-gradient(90deg, transparent 17px, #0B0B0B 17px, #0B0B0B 23px, transparent 23px) 0 0/28px 28px, linear-gradient(transparent 17px, #0B0B0B 17px, #0B0B0B 23px, transparent 23px) 0 0/28px 28px, #fff
    }

    .new-theme-design.asset-manage-operations-teams .scanLine {
      position: absolute;
      left: 16%;
      right: 16%;
      height: 3px;
      background: var(--yellow);
      box-shadow: 0 0 12px rgba(255, 201, 40, .9);
      animation: scan 2.3s ease-in-out infinite
    }

    @keyframes scan {

      0%,
      100% {
        top: 24%
      }

      50% {
        top: 72%
      }
    }

    .new-theme-design.asset-manage-operations-teams .gaugeWrap {
      display: flex;
      justify-content: center;
      padding: 18px
    }

    .new-theme-design.asset-manage-operations-teams .gauge {
      width: 190px;
      height: 95px;
      overflow: hidden;
      position: relative
    }

    .new-theme-design.asset-manage-operations-teams .gauge:before {
      content: "";
      position: absolute;
      width: 190px;
      height: 190px;
      border-radius: 50%;
    }

    .new-theme-design.asset-manage-operations-teams .gauge:after {
      content: "82";
      position: absolute;
      width: 126px;
      height: 126px;
      border-radius: 50%;
      background: #fff;
      left: 32px;
      top: 32px;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      padding-top: 27px;
      font-size: 27px;
      font-weight: 900
    }

    .new-theme-design.asset-manage-operations-teams .chart {
      height: 135px;
      display: flex;
      align-items: flex-end;
      gap: 9px;
      padding: 14px;
      border: 1px solid var(--line);
      border-radius: 14px;
      background: #fff;
      margin-top: 12px
    }

    .new-theme-design.asset-manage-operations-teams .bar {
      flex: 1;
      border-radius: 7px 7px 2px 2px;
      transform-origin: bottom;
      animation: barRise 1.3s ease both
    }

    @keyframes barRise {
      from {
        transform: scaleY(0)
      }

      to {
        transform: scaleY(1)
      }
    }

    .new-theme-design.asset-manage-operations-teams .bar:nth-child(1) {
      height: 48%;
      background: var(--brand)
    }

    .new-theme-design.asset-manage-operations-teams .bar:nth-child(2) {
      height: 70%;
      background: var(--yellow)
    }

    .new-theme-design.asset-manage-operations-teams .bar:nth-child(3) {
      height: 86%;
      background: var(--success)
    }

    .new-theme-design.asset-manage-operations-teams .bar:nth-child(4) {
      height: 60%;
      background: var(--brand-dark)
    }

    .new-theme-design.asset-manage-operations-teams .bar:nth-child(5) {
      height: 74%;
      background: #62CCFF
    }

    .new-theme-design.asset-manage-operations-teams .bar:nth-child(6) {
      height: 42%;
      background: #94AAB6
    }

    .new-theme-design.asset-manage-operations-teams .darkSection {
      background: linear-gradient(135deg, var(--black), var(--black-soft));
      color: #fff;
      border-top: 4px solid var(--yellow)
    }

    .new-theme-design.asset-manage-operations-teams .darkSection h2,
    .new-theme-design.asset-manage-operations-teams .darkSection h3 {
      color: #fff
    }

    .new-theme-design.asset-manage-operations-teams .darkSection p {
      color: #D7D7D7
    }

    .new-theme-design.asset-manage-operations-teams .darkSection .eyebrow {
      background: var(--yellow)
    }

    .new-theme-design.asset-manage-operations-teams .darkSection .featureItem {
      color: #F7F7F7
    }

    .new-theme-design.asset-manage-operations-teams .darkSection .check {
      background: var(--yellow);
      color: #000
    }

    .new-theme-design.asset-manage-operations-teams .aiGrid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
      margin-top: 28px
    }

    .new-theme-design.asset-manage-operations-teams .aiCard {
      background: #151515;
      border: 1px solid #303030;
      border-radius: 16px;
      padding: 20px
    }

    .new-theme-design.asset-manage-operations-teams .aiCard strong {
      display: block;
      color: var(--yellow);
      font-size: 14px;
      margin-bottom: 7px
    }

    .new-theme-design.asset-manage-operations-teams .aiCard span {
      color: #CFCFCF;
      font-size: 12px
    }

    .new-theme-design.asset-manage-operations-teams .aiBoard {
      margin-top: 38px;
      background: #111;
      border: 1px solid #303030;
      border-radius: 18px;
      padding: 18px
    }

    .new-theme-design.asset-manage-operations-teams .aiBoardGrid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px
    }

    .new-theme-design.asset-manage-operations-teams .darkKpi {
      background: #171717;
      border: 1px solid #2E2E2E;
      border-radius: 13px;
      padding: 14px
    }

    .new-theme-design.asset-manage-operations-teams .darkKpi strong {
      display: block;
      color: var(--yellow);
      font-size: 24px
    }

    .new-theme-design.asset-manage-operations-teams .darkKpi small {
      color: #CFCFCF
    }

    .new-theme-design.asset-manage-operations-teams .metricBand {
      background: linear-gradient(135deg, var(--black), #202020);
      color: #fff;
      border-top: 4px solid var(--yellow)
    }

    .new-theme-design.asset-manage-operations-teams .metricBand h2 {
      color: #fff
    }

    .new-theme-design.asset-manage-operations-teams .metricBand p {
      color: #D5D5D5
    }

    .new-theme-design.asset-manage-operations-teams .metricGrid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px
    }

    .new-theme-design.asset-manage-operations-teams .metric {
      border: 1px solid rgba(255, 255, 255, .15);
      border-radius: 16px;
      padding: 28px;
      background: rgba(255, 255, 255, .06)
    }

    .new-theme-design.asset-manage-operations-teams .metric strong {
      display: block;
      color: var(--yellow);
      font-size: 28px;
      margin-bottom: 6px
    }

    .new-theme-design.asset-manage-operations-teams .metric span {
      color: #E1E1E1;
      font-size: 15px
    }

    .new-theme-design.asset-manage-operations-teams .integrationGrid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 13px
    }

    .new-theme-design.asset-manage-operations-teams .integration {
      min-height: 74px;
      background: #fff;
      border: 1px solid var(--line);
      border-bottom: 3px solid var(--brand);
      border-radius: 13px;
      display: grid;
      place-items: center;
      text-align: center;
      padding: 12px;
      color: var(--black);
      font-weight: 800;
      font-size: 13px
    }

    .new-theme-design.asset-manage-operations-teams .ratingBand {
      background: var(--black);
      color: #fff;
      padding: 34px 0;
      border-top: 4px solid var(--yellow)
    }

    .new-theme-design.asset-manage-operations-teams .ratingGrid {
      display: grid;
      grid-template-columns: 1.1fr repeat(5, 1fr);
      gap: 12px;
      align-items: center
    }

    .new-theme-design.asset-manage-operations-teams .ratingLead strong {
      display: block;
      font-size: 18px
    }

    .new-theme-design.asset-manage-operations-teams .ratingLead span {
      color: #CFCFCF;
      font-size: 12px
    }

    .new-theme-design.asset-manage-operations-teams .ratingItem {
      text-align: center;
      padding: 8px;
      border-left: 1px solid rgba(255, 255, 255, .14)
    }

    .new-theme-design.asset-manage-operations-teams .stars {
      color: var(--yellow);
      letter-spacing: 2px;
      font-size: 14px
    }

    .new-theme-design.asset-manage-operations-teams .ratingItem strong {
      display: block;
      font-size: 12px
    }

    .new-theme-design.asset-manage-operations-teams .ratingItem span {
      font-size: 10px;
      color: #CFCFCF
    }

    .new-theme-design.asset-manage-operations-teams .industryGrid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px
    }

    .new-theme-design.asset-manage-operations-teams .industryCard {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 18px;
      padding: 24px
    }

    .new-theme-design.asset-manage-operations-teams .industryCard p {
      color: var(--muted);
      margin: 10px 0 0
    }

    .new-theme-design.asset-manage-operations-teams .workflowDark {
      background: linear-gradient(135deg, #0B0B0B, #171717);
      color: #fff;
      border-top: 4px solid var(--yellow)
    }

    .new-theme-design.asset-manage-operations-teams .workflowDark h2,
    .new-theme-design.asset-manage-operations-teams .workflowDark h3 {
      color: #fff
    }

    .new-theme-design.asset-manage-operations-teams .workflowDark p {
      color: #D2D2D2
    }

    .new-theme-design.asset-manage-operations-teams .workflowDark .eyebrow {
      background: var(--yellow)
    }

    .new-theme-design.asset-manage-operations-teams .workflowCards {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
      margin-top: 30px
    }

    .new-theme-design.asset-manage-operations-teams .workflowCard {
      background: #151515;
      border: 1px solid #2C2C2C;
      border-radius: 16px;
      padding: 20px
    }

    .new-theme-design.asset-manage-operations-teams .workflowCard strong {
      display: block;
      color: var(--yellow);
      font-size: 14px;
      margin-bottom: 7px
    }

    .new-theme-design.asset-manage-operations-teams .workflowCard span {
      font-size: 12px;
      color: #CBCBCB
    }

    .new-theme-design.asset-manage-operations-teams .faq {
      max-width: 900px
    }

    .new-theme-design.asset-manage-operations-teams details.faqItem {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 14px;
      padding: 20px 22px;
      margin-bottom: 12px
    }

    .new-theme-design.asset-manage-operations-teams details.faqItem summary {
      cursor: pointer;
      font-weight: 800;
      color: var(--navy)
    }

    .new-theme-design.asset-manage-operations-teams details.faqItem p {
      color: var(--muted);
      margin: 12px 0 0
    }

    .new-theme-design.asset-manage-operations-teams .ctaPanel {
      background: linear-gradient(135deg, var(--black), #202020);
      /* border-radius: 28px; */
      padding: 54px;
      color: #fff;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 30px;
      align-items: center;
      border-top: 5px solid var(--yellow)
    }

    .new-theme-design.asset-manage-operations-teams .ctaPanel h2 {
      color: #fff
    }

    .new-theme-design.asset-manage-operations-teams .ctaPanel p {
      color: #E6E6E6;
      font-size: 18px;
      margin: 14px 0 0
    }

    .new-theme-design.asset-manage-operations-teams .ctaPanel .button.primary {
      background: var(--yellow);
      color: #000;
      box-shadow: none
    }

    .new-theme-design.asset-manage-operations-teams .ctaPanel .button.secondary {
      background: transparent;
      color: #fff;
      border-color: rgba(255, 255, 255, .45)
    }

    .new-theme-design.asset-manage-operations-teams .inlineCta {
      margin-top: 34px;
      border: 1px solid var(--line);
      border-left: 5px solid var(--yellow);
      border-radius: 18px;
      background: #fff;
      padding: 24px 26px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px
    }

    .new-theme-design.asset-manage-operations-teams .inlineCta.dark {
      background: #111;
      border-color: #2B2B2B;
      color: #fff
    }

    .new-theme-design.asset-manage-operations-teams .inlineCta h3 {
      font-size: 20px;
      margin-bottom: 6px
    }

    .new-theme-design.asset-manage-operations-teams .inlineCta.dark h3 {
      color: #fff
    }

    .new-theme-design.asset-manage-operations-teams .inlineCta p {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
      max-width: 680px
    }

    .new-theme-design.asset-manage-operations-teams .inlineCta.dark p {
      color: #D8D8D8
    }

    .new-theme-design.asset-manage-operations-teams .inlineCtaActions {
      display: flex;
      gap: 10px;
      flex-wrap: wrap
    }

    .new-theme-design.asset-manage-operations-teams .reviewSection {
      background: #F3FAFE
    }

    .new-theme-design.asset-manage-operations-teams .reviewGrid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px
    }

    .new-theme-design.asset-manage-operations-teams .reviewCard {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 18px;
      padding: 22px;
      box-shadow: 0 8px 24px rgba(6, 59, 92, .05)
    }

    .new-theme-design.asset-manage-operations-teams .avatar {
      width: 46px;
      height: 46px;
      border-radius: 50%;
      background: linear-gradient(135deg, #B9DFF0, #6CAFCB);
      margin-bottom: 12px
    }

    .new-theme-design.asset-manage-operations-teams .reviewCard strong {
      display: block
    }

    .new-theme-design.asset-manage-operations-teams .reviewCard p {
      color: var(--muted);
      font-size: 13px
    }

    .new-theme-design.asset-manage-operations-teams .reviewCard .stars {
      font-size: 12px
    }

    .new-theme-design.asset-manage-operations-teams footer {
      background: #050505;
      color: #D5D5D5;
      padding: 60px 0 30px
    }

    .new-theme-design.asset-manage-operations-teams .footerGrid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 34px
    }

    .new-theme-design.asset-manage-operations-teams .footerCol h3 {
      font-size: 14px;
      color: var(--yellow);
      margin-bottom: 14px
    }

    .new-theme-design.asset-manage-operations-teams .footerCol a {
      display: block;
      color: #CFCFCF;
      font-size: 12px;
      margin: 9px 0
    }

    .new-theme-design.asset-manage-operations-teams .footerBottom {
      margin-top: 42px;
      border-top: 1px solid #222;
      padding-top: 22px;
      font-size: 11px;
      color: #999
    }

    .new-theme-design.asset-manage-operations-teams .reveal {
      opacity: 0;
      transform: translateY(22px);
      transition: .7s ease
    }

    .new-theme-design.asset-manage-operations-teams .reveal.show {
      opacity: 1;
      transform: none
    }

    @media(max-width:980px) {

      .new-theme-design.asset-manage-operations-teams .heroGrid,
      .new-theme-design.asset-manage-operations-teams .vedaGrid,
      .new-theme-design.asset-manage-operations-teams .twoCol,
      .new-theme-design.asset-manage-operations-teams .ctaPanel {
        grid-template-columns: 1fr
      }

      .new-theme-design.asset-manage-operations-teams .heroVisual {
        min-height: 480px
      }

      .new-theme-design.asset-manage-operations-teams .assetPanel {
        width: 84%
      }

      .new-theme-design.asset-manage-operations-teams .mobileAsset {
        width: 32%
      }

      .new-theme-design.asset-manage-operations-teams .logoRow {
        grid-template-columns: repeat(4, 1fr)
      }

      .new-theme-design.asset-manage-operations-teams .outcomeGrid {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.asset-manage-operations-teams .awardGrid {
        grid-template-columns: repeat(3, 1fr)
      }

      .new-theme-design.asset-manage-operations-teams .coreGrid,
      .new-theme-design.asset-manage-operations-teams .cards,
      .new-theme-design.asset-manage-operations-teams .seoGrid,
      .new-theme-design.asset-manage-operations-teams .industryGrid,
      .new-theme-design.asset-manage-operations-teams .reviewGrid {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.asset-manage-operations-teams .aiGrid,
      .new-theme-design.asset-manage-operations-teams .metricGrid,
      .new-theme-design.asset-manage-operations-teams .workflowCards {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.asset-manage-operations-teams .integrationGrid {
        grid-template-columns: repeat(3, 1fr)
      }

      .new-theme-design.asset-manage-operations-teams .ratingGrid {
        grid-template-columns: repeat(3, 1fr)
      }

      .new-theme-design.asset-manage-operations-teams .footerGrid {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.asset-manage-operations-teams .navlinks {
        display: none
      }
    }

    @media(max-width:640px) {
      .new-theme-design.asset-manage-operations-teams .wrap {
        width: min(var(--max), calc(100% - 24px))
      }

      .new-theme-design.asset-manage-operations-teams .hero {
        padding: 58px 0 52px
      }

      .new-theme-design.asset-manage-operations-teams section {
        padding: 64px 0
      }

      .new-theme-design.asset-manage-operations-teams h1 {
        font-size: 44px
      }

      .new-theme-design.asset-manage-operations-teams .heroVisual {
        min-height: 430px
      }

      .new-theme-design.asset-manage-operations-teams .assetPanel {
        position: relative;
        width: 100%;
        top: 0
      }

      .new-theme-design.asset-manage-operations-teams .mobileAsset {
        display: none
      }

      .new-theme-design.asset-manage-operations-teams .logoRow,
      .new-theme-design.asset-manage-operations-teams .outcomeGrid,
      .new-theme-design.asset-manage-operations-teams .awardGrid,
      .new-theme-design.asset-manage-operations-teams .coreGrid,
      .new-theme-design.asset-manage-operations-teams .cards,
      .new-theme-design.asset-manage-operations-teams .seoGrid,
      .new-theme-design.asset-manage-operations-teams .industryGrid,
      .new-theme-design.asset-manage-operations-teams .reviewGrid,
      .new-theme-design.asset-manage-operations-teams .aiGrid,
      .new-theme-design.asset-manage-operations-teams .metricGrid,
      .new-theme-design.asset-manage-operations-teams .workflowCards,
      .new-theme-design.asset-manage-operations-teams .integrationGrid,
      .new-theme-design.asset-manage-operations-teams .featureList,
      .new-theme-design.asset-manage-operations-teams .ratingGrid,
      .new-theme-design.asset-manage-operations-teams .footerGrid {
        grid-template-columns: 1fr
      }

      .new-theme-design.asset-manage-operations-teams .assetRow {
        grid-template-columns: 44px 1fr .7fr
      }

      .new-theme-design.asset-manage-operations-teams .assetRow>*:last-child {
        display: none
      }

      .new-theme-design.asset-manage-operations-teams .aiBoardGrid {
        grid-template-columns: 1fr
      }

      .new-theme-design.asset-manage-operations-teams .inlineCta {
        flex-direction: column;
        align-items: flex-start
      }

      .new-theme-design.asset-manage-operations-teams .ctaPanel {
        padding: 34px 24px
      }
    }

    @media (prefers-reduced-motion: no-preference) {

      /* Hero asset panel */
      .new-theme-design.asset-manage-operations-teams .assetPanel {
        animation: assetPanelIn .9s cubic-bezier(.2, .8, .2, 1) both;
      }

      @keyframes assetPanelIn {
        from {
          opacity: 0;
          transform: translateY(24px) scale(.98)
        }

        to {
          opacity: 1;
          transform: none
        }
      }

      .new-theme-design.asset-manage-operations-teams .mobileAsset {
        animation: mobileFloat 4.2s ease-in-out infinite;
      }

      @keyframes mobileFloat {

        0%,
        100% {
          transform: translateY(0) rotate(-.5deg)
        }

        50% {
          transform: translateY(-8px) rotate(.6deg)
        }
      }

      .new-theme-design.asset-manage-operations-teams .machineIcon {
        animation: machinePulse 3.3s ease-in-out infinite;
      }

      @keyframes machinePulse {

        0%,
        100% {
          box-shadow: 0 0 0 rgba(0, 168, 248, 0)
        }

        50% {
          box-shadow: 0 0 0 7px rgba(0, 168, 248, .08)
        }
      }

      .new-theme-design.asset-manage-operations-teams .healthChip {
        animation: healthGlow 2.7s ease-in-out infinite;
      }

      @keyframes healthGlow {

        0%,
        100% {
          box-shadow: 0 0 0 0 rgba(17, 138, 97, 0)
        }

        50% {
          box-shadow: 0 0 0 6px rgba(17, 138, 97, .08)
        }
      }

      .new-theme-design.asset-manage-operations-teams .kpi {
        opacity: 0;
        transform: translateY(8px);
        animation: kpiIn .45s ease forwards;
      }

      .new-theme-design.asset-manage-operations-teams .kpi:nth-child(1) {
        animation-delay: .2s
      }

      .new-theme-design.asset-manage-operations-teams .kpi:nth-child(2) {
        animation-delay: .32s
      }

      .new-theme-design.asset-manage-operations-teams .kpi:nth-child(3) {
        animation-delay: .44s
      }

      .new-theme-design.asset-manage-operations-teams .kpi:nth-child(4) {
        animation-delay: .56s
      }

      @keyframes kpiIn {
        to {
          opacity: 1;
          transform: none
        }
      }

      .new-theme-design.asset-manage-operations-teams .timelineRow {
        opacity: 0;
        transform: translateX(10px);
        animation: timelineIn .48s ease forwards;
      }

      .new-theme-design.asset-manage-operations-teams .timelineRow:nth-of-type(2) {
        animation-delay: .35s
      }

      .new-theme-design.asset-manage-operations-teams .timelineRow:nth-of-type(3) {
        animation-delay: .5s
      }

      .new-theme-design.asset-manage-operations-teams .timelineRow:nth-of-type(4) {
        animation-delay: .65s
      }

      @keyframes timelineIn {
        to {
          opacity: 1;
          transform: none
        }
      }

      .new-theme-design.asset-manage-operations-teams .timelineDot {
        animation: dotPulse 2.6s ease-in-out infinite;
      }

      @keyframes dotPulse {

        0%,
        100% {
          transform: scale(1)
        }

        50% {
          transform: scale(1.18)
        }
      }

      .new-theme-design.asset-manage-operations-teams .floatBadge {
        animation: float 3.5s ease-in-out infinite;
      }

      /* QR scan */
      .new-theme-design.asset-manage-operations-teams .qr,
      .new-theme-design.asset-manage-operations-teams .qrMini {
        position: relative;
        overflow: hidden;
      }

      .new-theme-design.asset-manage-operations-teams .qr::after,
      .new-theme-design.asset-manage-operations-teams .qrMini::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 3px;
        background: var(--yellow);
        box-shadow: 0 0 12px rgba(255, 201, 40, .85);
        animation: qrSweep 2.4s ease-in-out infinite;
      }

      @keyframes qrSweep {

        0%,
        100% {
          top: 10%
        }

        50% {
          top: 85%
        }
      }

      /* Hierarchy */
      .new-theme-design.asset-manage-operations-teams .treeRoot {
        animation: rootPulse 3s ease-in-out infinite;
      }

      @keyframes rootPulse {

        0%,
        100% {
          transform: translateY(0)
        }

        50% {
          transform: translateY(-2px)
        }
      }

      .new-theme-design.asset-manage-operations-teams .treeChild {
        opacity: 0;
        transform: translateY(8px);
        animation: treeIn .45s ease forwards;
      }

      .new-theme-design.asset-manage-operations-teams .treeChild:nth-child(1) {
        animation-delay: .2s
      }

      .new-theme-design.asset-manage-operations-teams .treeChild:nth-child(2) {
        animation-delay: .35s
      }

      .new-theme-design.asset-manage-operations-teams .treeChild:nth-child(3) {
        animation-delay: .5s
      }

      .new-theme-design.asset-manage-operations-teams .treeChild:nth-child(4) {
        animation-delay: .65s
      }

      @keyframes treeIn {
        to {
          opacity: 1;
          transform: none
        }
      }

      /* Gauge */
      .new-theme-design.asset-manage-operations-teams .gauge {
        animation: gaugePop .75s cubic-bezier(.2, .8, .2, 1) both;
      }

      @keyframes gaugePop {
        from {
          opacity: 0;
          transform: scale(.88)
        }

        to {
          opacity: 1;
          transform: scale(1)
        }
      }

      .new-theme-design.asset-manage-operations-teams .gauge::before {
        animation: gaugeGlow 2.8s ease-in-out infinite;
      }

      @keyframes gaugeGlow {

        0%,
        100% {
          filter: saturate(1) brightness(1)
        }

        50% {
          filter: saturate(1.15) brightness(1.04)
        }
      }

      /* Analytics bars */
      .new-theme-design.asset-manage-operations-teams .bar {
        transform-origin: bottom center;
        animation: barRise 1.2s cubic-bezier(.2, .8, .2, 1) both;
      }

      .new-theme-design.asset-manage-operations-teams .bar:nth-child(1) {
        animation-delay: .05s
      }

      .new-theme-design.asset-manage-operations-teams .bar:nth-child(2) {
        animation-delay: .12s
      }

      .new-theme-design.asset-manage-operations-teams .bar:nth-child(3) {
        animation-delay: .19s
      }

      .new-theme-design.asset-manage-operations-teams .bar:nth-child(4) {
        animation-delay: .26s
      }

      .new-theme-design.asset-manage-operations-teams .bar:nth-child(5) {
        animation-delay: .33s
      }

      .new-theme-design.asset-manage-operations-teams .bar:nth-child(6) {
        animation-delay: .4s
      }

      /* Asset rows */
      .new-theme-design.asset-manage-operations-teams .assetRow:not(.head) {
        opacity: 0;
        transform: translateX(10px);
        animation: assetRowIn .45s ease forwards;
      }

      .new-theme-design.asset-manage-operations-teams .assetRow:nth-child(2) {
        animation-delay: .15s
      }

      .new-theme-design.asset-manage-operations-teams .assetRow:nth-child(3) {
        animation-delay: .3s
      }

      .new-theme-design.asset-manage-operations-teams .assetRow:nth-child(4) {
        animation-delay: .45s
      }

      .new-theme-design.asset-manage-operations-teams .assetRow:nth-child(5) {
        animation-delay: .6s
      }

      @keyframes assetRowIn {
        to {
          opacity: 1;
          transform: none
        }
      }

      .new-theme-design.asset-manage-operations-teams .assetThumb::after {
        animation: onlinePulse 2s ease-in-out infinite;
      }

      @keyframes onlinePulse {

        0%,
        100% {
          box-shadow: 0 0 0 0 rgba(17, 138, 97, 0)
        }

        50% {
          box-shadow: 0 0 0 5px rgba(17, 138, 97, .12)
        }
      }

      /* Veda prompts */
      .new-theme-design.asset-manage-operations-teams .prompt {
        opacity: 0;
        transform: translateX(10px);
        animation: promptIn .45s ease forwards;
      }

      .new-theme-design.asset-manage-operations-teams .prompt:nth-of-type(1) {
        animation-delay: .15s
      }

      .new-theme-design.asset-manage-operations-teams .prompt:nth-of-type(2) {
        animation-delay: .3s
      }

      .new-theme-design.asset-manage-operations-teams .prompt:nth-of-type(3) {
        animation-delay: .45s
      }

      .new-theme-design.asset-manage-operations-teams .prompt:nth-of-type(4) {
        animation-delay: .6s
      }

      .new-theme-design.asset-manage-operations-teams .prompt:nth-of-type(5) {
        animation-delay: .75s
      }

      @keyframes promptIn {
        to {
          opacity: 1;
          transform: none
        }
      }

      .new-theme-design.asset-manage-operations-teams .vedaAction {
        transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
      }

      .new-theme-design.asset-manage-operations-teams .vedaAction:hover {
        transform: translateY(-4px);
        border-color: #4A4A4A;
        box-shadow: 0 12px 24px rgba(0, 0, 0, .18);
      }

      /* Interactive cards */
      .new-theme-design.asset-manage-operations-teams .coreCard,
      .new-theme-design.asset-manage-operations-teams .industryCard,
      .new-theme-design.asset-manage-operations-teams .reviewCard,
      .new-theme-design.asset-manage-operations-teams .seoCard,
      .new-theme-design.asset-manage-operations-teams .metric,
      .new-theme-design.asset-manage-operations-teams .aiCard,
      .new-theme-design.asset-manage-operations-teams .workflowCard,
      .new-theme-design.asset-manage-operations-teams .outcome {
        transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
      }

      .new-theme-design.asset-manage-operations-teams .coreCard:hover,
      .new-theme-design.asset-manage-operations-teams .industryCard:hover,
      .new-theme-design.asset-manage-operations-teams .reviewCard:hover,
      .new-theme-design.asset-manage-operations-teams .seoCard:hover,
      .new-theme-design.asset-manage-operations-teams .outcome:hover {
        transform: translateY(-5px);
        box-shadow: 0 16px 34px rgba(6, 59, 92, .10);
      }

      .new-theme-design.asset-manage-operations-teams .metric:hover,
      .new-theme-design.asset-manage-operations-teams .aiCard:hover,
      .new-theme-design.asset-manage-operations-teams .workflowCard:hover {
        transform: translateY(-4px);
        border-color: #454545;
      }

      /* Dark KPIs */
      .new-theme-design.asset-manage-operations-teams .darkKpi {
        transition: transform .22s ease, border-color .22s ease;
      }

      .new-theme-design.asset-manage-operations-teams .darkKpi:hover {
        transform: translateX(4px);
        border-color: #484848;
      }

      /* CTA top highlight */
      .new-theme-design.asset-manage-operations-teams .ctaPanel {
        position: relative;
        overflow: hidden;
      }

      /* .new-theme-design .ctaPanel::before {
        content: "";
        position: absolute;
        top: 0;
        left: -35%;
        width: 28%;
        height: 5px;
        background: linear-gradient(90deg, transparent, #fff8bb, var(--yellow), #fff8bb, transparent);
        animation: ctaSweep 4.8s ease-in-out infinite;
      } */

      @keyframes ctaSweep {

        0%,
        45% {
          left: -35%
        }

        70%,
        100% {
          left: 110%
        }
      }

      /* Scroll reveal */
      .new-theme-design.asset-manage-operations-teams .motionReveal {
        opacity: 0;
        transform: translateY(24px);
        transition: opacity .72s cubic-bezier(.2, .8, .2, 1), transform .72s cubic-bezier(.2, .8, .2, 1);
      }

      .new-theme-design.asset-manage-operations-teams .motionReveal.motionShow {
        opacity: 1;
        transform: none;
      }
    }

    @media (prefers-reduced-motion: reduce) {

      *,
      *::before,
      *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
        scroll-behavior: auto !important;
      }
    }

    .new-theme-design p:empty {
      display: none;
    }

    @media (max-width: 767px) {
      .new-theme-design.asset-manage-operations-teams .vedaActions {
        grid-template-columns: repeat(1, 1fr);
      }

      .industry-sec-mob {
        display: none !important;
      }

      #carousal-two .owl-stage {
        margin-bottom: 10px;
      }
    }

    /*----------------Asset Management Software for Maintenance & Operations Teams Ends----------------*/

    /*----------------AI-Powered Checklist & Inspection Software Starts----------------*/
    :root {
      --b: #00A8F8;
      --bd: #007FC5;
      --n: #063B5C;
      --sky: #EAF8FF;
      --sky2: #F5FBFF;
      --ink: #11283A;
      --m: #607487;
      --line: #D9E8F1;
      --g: #118A61;
      --gb: #EAF8F3;
      --black: #0B0B0B;
      --black2: #171717;
      --y: #FFC928;
      --ys: #FFF7D6;
      --red: #DE5151;
      --shadow: 0 18px 48px rgba(6, 59, 92, .11);
    }

    .new-theme-design.ai-powered-checklist-inspection .ey {
      display: inline-flex;
      padding: 8px 13px;
      border-radius: 999px;
      background: var(--ys);
      font-size: 13px;
      font-weight: 850;
      margin-bottom: 18px
    }

    .new-theme-design.ai-powered-checklist-inspection .lead {
      font-size: 18px;
      color: var(--m);
      margin-top: 20px;
      max-width: 760px
    }

    .new-theme-design.ai-powered-checklist-inspection .btn {
      display: inline-flex;
      min-height: 48px;
      padding: 0 22px;
      align-items: center;
      justify-content: center;
      border-radius: 12px;
      border: 1px solid transparent;
      font-weight: 850;
      transition: .2s
    }

    .new-theme-design.ai-powered-checklist-inspection .btn:hover {
      transform: translateY(-2px)
    }

    .new-theme-design.ai-powered-checklist-inspection .blackBtn {
      background: #0b0b0b;
      color: #fff
    }

    .new-theme-design.ai-powered-checklist-inspection .yellowBtn {
      background: var(--y);
      color: #000
    }

    .new-theme-design.ai-powered-checklist-inspection .outlineBtn {
      background: #fff;
      border-color: var(--line);
      color: var(--n)
    }

    .new-theme-design.ai-powered-checklist-inspection .actions {
      display: flex;
      gap: 11px;
      flex-wrap: wrap;
      margin-top: 27px
    }

    .new-theme-design.ai-powered-checklist-inspection .hero {
      padding: 72px 0 66px;
      background: radial-gradient(circle at 84% 15%, rgba(0, 168, 248, .18), transparent 30%), linear-gradient(180deg, #fff, #F3FBFF);
      overflow: hidden
    }

    .new-theme-design.ai-powered-checklist-inspection .heroGrid {
      display: grid;
      grid-template-columns: .95fr 1.05fr;
      gap: 48px;
      align-items: center
    }

    .new-theme-design.ai-powered-checklist-inspection .micro {
      font-size: 14px;
      color: var(--m);
      margin-top: 14px
    }

    .new-theme-design.ai-powered-checklist-inspection .heroVisual {
      min-height: 455px;
      position: relative
    }

    .new-theme-design.ai-powered-checklist-inspection .panel {
      position: absolute;
      right: 0;
      top: 8px;
      width: 82%;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 22px;
      box-shadow: var(--shadow);
      overflow: hidden;
      animation: panelIn .8s ease both
    }

    .new-theme-design.ai-powered-checklist-inspection .bar {
      display: flex;
      align-items: center;
      gap: 7px;
      padding: 12px 14px;
      background: #F8FCFF;
      border-bottom: 1px solid var(--line)
    }

    .new-theme-design.ai-powered-checklist-inspection .dot {
      width: 9px;
      height: 9px;
      border-radius: 50%
    }

    .new-theme-design.ai-powered-checklist-inspection .r {
      background: #ff6b6b
    }

    .new-theme-design.ai-powered-checklist-inspection .yy {
      background: var(--y)
    }

    .new-theme-design.ai-powered-checklist-inspection .gg {
      background: #36c98f
    }

    .new-theme-design.ai-powered-checklist-inspection .body {
      padding: 16px
    }

    .new-theme-design.ai-powered-checklist-inspection .head {
      display: flex;
      justify-content: space-between;
      gap: 14px;
      align-items: center;
      padding: 13px;
      border: 1px solid var(--line);
      border-radius: 13px;
      background: linear-gradient(145deg, #fff, #EAF8FF)
    }

    .new-theme-design.ai-powered-checklist-inspection .head strong {
      display: block;
      font-size: 13px
    }

    .new-theme-design.ai-powered-checklist-inspection .head small {
      color: var(--m);
      font-size: 9px
    }

    .new-theme-design.ai-powered-checklist-inspection .score {
      width: 54px;
      height: 54px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: conic-gradient(var(--g) 0 82%, #e8eef2 82% 100%)
    }

    .new-theme-design.ai-powered-checklist-inspection .score:after {
      content: "82%";
      width: 38px;
      height: 38px;
      border-radius: 50%;
      background: #fff;
      display: grid;
      place-items: center;
      font-size: 9px;
      font-weight: 900
    }

    .new-theme-design.ai-powered-checklist-inspection .custom-row {
      display: grid;
      grid-template-columns: 24px 1fr auto;
      gap: 10px;
      align-items: center;
      padding: 10px 11px;
      border: 1px solid var(--line);
      border-radius: 11px;
      margin-top: 8px;
      background: #fff;
      opacity: 0;
      transform: translateY(8px);
      animation: rowIn .4s ease forwards
    }

    .new-theme-design.ai-powered-checklist-inspection .custom-row:nth-child(2) {
      animation-delay: .2s
    }

    .new-theme-design.ai-powered-checklist-inspection .custom-row:nth-child(3) {
      animation-delay: .35s
    }

    .new-theme-design.ai-powered-checklist-inspection .custom-row:nth-child(4) {
      animation-delay: .5s
    }

    .new-theme-design.ai-powered-checklist-inspection .custom-row:nth-child(5) {
      animation-delay: .65s
    }

    .new-theme-design.ai-powered-checklist-inspection .ic {
      width: 22px;
      height: 22px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: var(--gb);
      color: var(--g);
      font-size: 10px;
      font-weight: 900
    }

    .new-theme-design.ai-powered-checklist-inspection .ic.fail {
      background: #FFF0F0;
      color: var(--red)
    }

    .new-theme-design.ai-powered-checklist-inspection .row strong {
      font-size: 10px
    }

    .new-theme-design.ai-powered-checklist-inspection .row small {
      display: block;
      color: var(--m);
      font-size: 8px
    }

    .new-theme-design.ai-powered-checklist-inspection .st {
      padding: 4px 7px;
      border-radius: 999px;
      font-size: 8px;
      font-weight: 900
    }

    .new-theme-design.ai-powered-checklist-inspection .pass {
      background: var(--gb);
      color: var(--g)
    }

    .new-theme-design.ai-powered-checklist-inspection .failst {
      background: #FFF0F0;
      color: var(--red)
    }

    .new-theme-design.ai-powered-checklist-inspection .req {
      background: var(--ys);
      color: #7B5B00
    }

    .new-theme-design.ai-powered-checklist-inspection .proof {
      position: absolute;
      left: 0;
      bottom: 2px;
      width: 36%;
      background: #101010;
      color: #fff;
      border-radius: 22px;
      padding: 14px;
      box-shadow: 0 18px 42px rgba(0, 0, 0, .19);
      animation: floatPhone 4s ease-in-out infinite
    }

    .new-theme-design.ai-powered-checklist-inspection .proof h4 {
      font-size: 11px;
      margin: 0 0 10px
    }

    .new-theme-design.ai-powered-checklist-inspection .photo {
      height: 82px;
      border-radius: 12px;
      background: linear-gradient(145deg, #6A8797, #C4D6DE);
      position: relative
    }

    .new-theme-design.ai-powered-checklist-inspection .photo:after {
      content: "PHOTO PROOF";
      position: absolute;
      left: 8px;
      bottom: 7px;
      font-size: 7px;
      font-weight: 900;
      background: var(--y);
      color: #000;
      padding: 3px 5px;
      border-radius: 5px
    }

    .new-theme-design.ai-powered-checklist-inspection .sig {
      height: 35px;
      margin-top: 9px;
      border-radius: 10px;
      background: #fff;
      position: relative
    }

    .new-theme-design.ai-powered-checklist-inspection .sig:after {
      content: "✓ Signed by Alex M.";
      position: absolute;
      left: 9px;
      top: 9px;
      color: var(--n);
      font-size: 8px;
      font-weight: 800
    }

    .new-theme-design.ai-powered-checklist-inspection .aib {
      position: absolute;
      right: 14px;
      bottom: 16px;
      background: var(--y);
      color: #000;
      border-radius: 10px;
      padding: 8px 10px;
      font-size: 9px;
      font-weight: 900;
      animation: float 3.3s ease-in-out infinite
    }

    @keyframes panelIn {
      from {
        opacity: 0;
        transform: translateY(24px)
      }

      to {
        opacity: 1;
        transform: none
      }
    }

    @keyframes rowIn {
      to {
        opacity: 1;
        transform: none
      }
    }

    @keyframes floatPhone {
      50% {
        transform: translateY(-7px) rotate(.5deg)
      }
    }

    @keyframes float {
      50% {
        transform: translateY(-6px)
      }
    }

    .new-theme-design.ai-powered-checklist-inspection .trust {
      padding: 25px 0;
      border-bottom: 1px solid var(--line)
    }

    .new-theme-design.ai-powered-checklist-inspection .trustLabel {
      text-align: center;
      font-size: 13px;
      font-weight: 800;
      margin-bottom: 16px
    }

    .new-theme-design.ai-powered-checklist-inspection .logos {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      gap: 11px
    }

    .new-theme-design.ai-powered-checklist-inspection .logo {
      height: 62px;
      border: 1px dashed #B8D7E7;
      border-radius: 11px;
      display: grid;
      place-items: center;
      color: #8195A2;
      font-size: 11px;
      font-weight: 800
    }

    .new-theme-design.ai-powered-checklist-inspection .dark {
      background: linear-gradient(135deg, var(--black), var(--black2));
      color: #fff;
      border-top: 4px solid var(--y)
    }

    .new-theme-design.ai-powered-checklist-inspection .dark h2,
    .new-theme-design.ai-powered-checklist-inspection .dark h3 {
      color: #fff
    }

    .new-theme-design.ai-powered-checklist-inspection .dark p {
      color: #D6D6D6
    }

    .new-theme-design.ai-powered-checklist-inspection .dark .ey {
      background: var(--y);
      color: #000;
    }

    .new-theme-design.ai-powered-checklist-inspection .aiGrid {
      display: grid;
      grid-template-columns: .95fr 1.05fr;
      gap: 44px;
      align-items: center
    }

    .new-theme-design.ai-powered-checklist-inspection .prompts {
      background: #111;
      border: 1px solid #333;
      border-radius: 20px;
      padding: 20px
    }

    .new-theme-design.ai-powered-checklist-inspection .prompt {
      background: #1B1B1B;
      border: 1px solid #303030;
      border-radius: 11px;
      padding: 12px 13px;
      margin-top: 9px;
      font-size: 12px;
      opacity: 0;
      transform: translateX(8px);
      animation: promptIn .4s ease forwards
    }

    .new-theme-design.ai-powered-checklist-inspection .prompt:nth-child(2) {
      animation-delay: .15s
    }

    .new-theme-design.ai-powered-checklist-inspection .prompt:nth-child(3) {
      animation-delay: .3s
    }

    .new-theme-design.ai-powered-checklist-inspection .prompt:nth-child(4) {
      animation-delay: .45s
    }

    .new-theme-design.ai-powered-checklist-inspection .prompt:nth-child(5) {
      animation-delay: .6s
    }

    @keyframes promptIn {
      to {
        opacity: 1;
        transform: none
      }
    }

    .new-theme-design.ai-powered-checklist-inspection .aiMini {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 11px;
      margin-top: 20px
    }

    .new-theme-design.ai-powered-checklist-inspection .aiMini div {
      background: #151515;
      border: 1px solid #303030;
      border-radius: 13px;
      padding: 15px
    }

    .new-theme-design.ai-powered-checklist-inspection .aiMini strong {
      display: block;
      color: var(--y);
      font-size: 16px
    }

    .new-theme-design.ai-powered-checklist-inspection .aiMini span {
      font-size: 15px;
      color: #CFCFCF
    }

    .new-theme-design.ai-powered-checklist-inspection .soft {
      background: var(--sky2)
    }

    .new-theme-design.ai-powered-checklist-inspection .sectionHead {
      max-width: 820px;
      margin-bottom: 36px
    }

    .new-theme-design.ai-powered-checklist-inspection .center {
      text-align: center;
      margin-left: auto;
      margin-right: auto
    }

    .new-theme-design.ai-powered-checklist-inspection .sectionHead p {
      color: var(--m);
      font-size: 17px;
      margin-top: 15px
    }

    .new-theme-design.ai-powered-checklist-inspection .outcomes {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px
    }

    .new-theme-design.ai-powered-checklist-inspection .outcome {
      background: #fff;
      border: 1px solid var(--line);
      border-top: 3px solid var(--y);
      border-radius: 16px;
      padding: 22px
    }

    .new-theme-design.ai-powered-checklist-inspection .outcome strong {
      display: block;
      font-size: 19px;
      margin-bottom: 7px
    }

    .new-theme-design.ai-powered-checklist-inspection .outcome span {
      font-size: 13px;
      color: var(--m)
    }

    .new-theme-design.ai-powered-checklist-inspection .feature {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 48px;
      align-items: center
    }

    .new-theme-design.ai-powered-checklist-inspection .feature.reverse .visual {
      order: -1
    }

    .new-theme-design.ai-powered-checklist-inspection .feature p {
      font-size: 16px;
      margin-top: 15px
    }

    .new-theme-design.ai-powered-checklist-inspection .fl {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 9px 16px;
      margin-top: 22px
    }

    .new-theme-design.ai-powered-checklist-inspection .fi {
      display: flex;
      gap: 9px;
      font-size: 15px
    }

    .new-theme-design.ai-powered-checklist-inspection .tick {
      width: 21px;
      height: 21px;
      border-radius: 50%;
      background: var(--gb);
      color: var(--g);
      display: grid;
      place-items: center;
      flex: 0 0 21px;
      font-size: 10px;
      font-weight: 900
    }

    .new-theme-design.ai-powered-checklist-inspection .visual {
      min-height: 330px;
      border-radius: 20px;
      background: linear-gradient(145deg, #fff, #EAF8FF);
      border: 1px solid #CBEAF9;
      box-shadow: var(--shadow);
      padding: 18px;
      position: relative;
      overflow: hidden
    }

    .new-theme-design.ai-powered-checklist-inspection .builder {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 15px;
      overflow: hidden
    }

    .new-theme-design.ai-powered-checklist-inspection .field {
      padding: 11px 13px;
      border-bottom: 1px solid var(--line);
      display: flex;
      justify-content: space-between;
      gap: 10px;
      font-size: 10px
    }

    .new-theme-design.ai-powered-checklist-inspection .field:last-child {
      border-bottom: 0
    }

    .new-theme-design.ai-powered-checklist-inspection .required {
      color: var(--red);
      font-weight: 900
    }

    .new-theme-design.ai-powered-checklist-inspection .builder-progress {
      height: 8px;
      background: #E7EEF2;
      border-radius: 999px;
      overflow: hidden;
      margin: 12px 0
    }

    .new-theme-design.ai-powered-checklist-inspection .builder-progress span {
      height: 100%;
      display: block;
      border-radius: inherit;
      background: linear-gradient(90deg, var(--b), #62CCFF);
      transform-origin: left;
      animation: fill 1.7s ease both
    }

    @keyframes fill {
      from {
        transform: scaleX(0)
      }

      to {
        transform: scaleX(1)
      }
    }

    .new-theme-design.ai-powered-checklist-inspection .egrid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px
    }

    .new-theme-design.ai-powered-checklist-inspection .evidence {
      height: 98px;
      border-radius: 12px;
      background: linear-gradient(145deg, #728C9B, #C4D6DE);
      position: relative
    }

    .new-theme-design.ai-powered-checklist-inspection .evidence:nth-child(2) {
      background: linear-gradient(145deg, #D7A75F, #F2D49A)
    }

    .new-theme-design.ai-powered-checklist-inspection .evidence:nth-child(3) {
      background: linear-gradient(145deg, #7D9C7B, #CDE0C8)
    }

    .new-theme-design.ai-powered-checklist-inspection .evidence:nth-child(4) {
      background: linear-gradient(145deg, #8D7A9D, #D8CDE0)
    }

    .new-theme-design.ai-powered-checklist-inspection .evidence span {
      position: absolute;
      left: 7px;
      bottom: 6px;
      background: #fff;
      padding: 3px 5px;
      border-radius: 5px;
      font-size: 7px;
      font-weight: 900
    }

    .new-theme-design.ai-powered-checklist-inspection .alert {
      padding: 13px;
      border-radius: 12px;
      background: #FFF3F3;
      border: 1px solid #FFC9C9;
      margin-top: 10px;
      font-size: 10px
    }

    .new-theme-design.ai-powered-checklist-inspection .flow {
      display: grid;
      grid-template-columns: 1fr auto 1fr auto 1fr;
      gap: 8px;
      align-items: center;
      margin-top: 20px
    }

    .new-theme-design.ai-powered-checklist-inspection .step {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 12px;
      padding: 14px;
      text-align: center;
      font-size: 10px;
      font-weight: 800
    }

    .new-theme-design.ai-powered-checklist-inspection .arrow {
      font-weight: 900;
      color: var(--b)
    }

    .new-theme-design.ai-powered-checklist-inspection .auditRows {
      display: grid;
      gap: 9px
    }

    .new-theme-design.ai-powered-checklist-inspection .auditRow {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 11px;
      padding: 11px;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 10px;
      font-size: 10px
    }

    .new-theme-design.ai-powered-checklist-inspection .auditRow small {
      color: var(--m)
    }

    .new-theme-design.ai-powered-checklist-inspection .bars {
      display: grid;
      gap: 10px;
      margin-top: 14px
    }

    .new-theme-design.ai-powered-checklist-inspection .scoreBar label {
      font-size: 9px;
      font-weight: 800
    }

    .new-theme-design.ai-powered-checklist-inspection .scoreBar div {
      height: 8px;
      background: #E9EFF3;
      border-radius: 999px;
      overflow: hidden
    }

    .new-theme-design.ai-powered-checklist-inspection .scoreBar span {
      display: block;
      height: 100%;
      background: linear-gradient(90deg, var(--b), var(--g));
      border-radius: 999px;
      animation: fill 1.8s ease both
    }

    .new-theme-design.ai-powered-checklist-inspection .cta {
      margin-top: 30px;
      padding: 22px 24px;
      border: 1px solid var(--line);
      border-left: 5px solid var(--y);
      border-radius: 17px;
      background: #fff;
      display: flex;
      justify-content: space-between;
      gap: 22px;
      align-items: center
    }

    .new-theme-design.ai-powered-checklist-inspection .cta.darkCta {
      background: #121212;
      border-color: #303030;
      color: #fff
    }

    .new-theme-design.ai-powered-checklist-inspection .cta h3 {
      font-size: 19px
    }

    .new-theme-design.ai-powered-checklist-inspection .cta.darkCta h3 {
      color: #fff
    }

    .new-theme-design.ai-powered-checklist-inspection .cta p {
      color: var(--m);
      font-size: 13px;
      margin-top: 5px;
      max-width: 650px
    }

    .new-theme-design.ai-powered-checklist-inspection .cta.darkCta p {
      color: #D1D1D1
    }

    .new-theme-design.ai-powered-checklist-inspection .ctaBtns {
      display: flex;
      gap: 9px;
      flex-wrap: wrap;
      flex: 0 0 auto
    }

    .new-theme-design.ai-powered-checklist-inspection .useCases {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 15px
    }

    .new-theme-design.ai-powered-checklist-inspection .useCase {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 16px;
      padding: 20px
    }

    .new-theme-design.ai-powered-checklist-inspection .useIcon {
      width: 42px;
      height: 42px;
      border-radius: 11px;
      background: var(--y);
      display: grid;
      place-items: center;
      font-size: 11px;
      font-weight: 900;
      margin-bottom: 14px
    }

    .new-theme-design.ai-powered-checklist-inspection .useCase p {
      color: var(--m);
      font-size: 15px;
      margin-top: 7px
    }

    .new-theme-design.ai-powered-checklist-inspection .integrations {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 12px;
      margin-top: 25px
    }

    .new-theme-design.ai-powered-checklist-inspection .integration {
      height: 70px;
      background: #fff;
      border: 1px solid var(--line);
      border-bottom: 3px solid var(--b);
      border-radius: 12px;
      display: grid;
      place-items: center;
      font-size: 12px;
      font-weight: 800
    }

    .new-theme-design.ai-powered-checklist-inspection .rating {
      padding: 30px 0;
      background: #0B0B0B;
      color: #fff;
      border-top: 4px solid var(--y)
    }

    .new-theme-design.ai-powered-checklist-inspection .ratingGrid {
      display: grid;
      grid-template-columns: 1.3fr repeat(4, 1fr);
      gap: 12px;
      align-items: center
    }

    .new-theme-design.ai-powered-checklist-inspection .ratingItem {
      text-align: center;
      border-left: 1px solid #2D2D2D
    }

    .new-theme-design.ai-powered-checklist-inspection .stars {
      color: var(--y);
      letter-spacing: 2px
    }

    .new-theme-design.ai-powered-checklist-inspection .faq {
      max-width: 900px
    }

    .new-theme-design.ai-powered-checklist-inspection .faq details {
      border: 1px solid var(--line);
      border-radius: 13px;
      padding: 18px 20px;
      margin-bottom: 10px;
      background: #fff
    }

    .new-theme-design.ai-powered-checklist-inspection .faq summary {
      font-weight: 800;
      cursor: pointer;
      color: var(--n)
    }

    .new-theme-design.ai-powered-checklist-inspection .faq details p {
      color: var(--m);
      font-size: 16px;
      margin-top: 10px
    }

    .new-theme-design.ai-powered-checklist-inspection .final {
      background: linear-gradient(135deg, var(--black), #202020);
      border-top: 5px solid var(--y);
      border-radius: 0;
      padding: 44px;
      color: #fff;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 28px;
      align-items: center
    }

    .new-theme-design.ai-powered-checklist-inspection .final h2 {
      color: #fff
    }

    .new-theme-design.ai-powered-checklist-inspection .final p {
      color: #DDD;
      margin-top: 12px;
      max-width: 700px
    }

    .new-theme-design.ai-powered-checklist-inspection .reveal {
      opacity: 0;
      transform: translateY(20px);
      transition: .65s ease
    }

    .new-theme-design.ai-powered-checklist-inspection .reveal.show {
      opacity: 1;
      transform: none
    }

    @media(max-width:960px) {

      .new-theme-design.ai-powered-checklist-inspection .heroGrid,
      .new-theme-design.ai-powered-checklist-inspection .aiGrid,
      .new-theme-design.ai-powered-checklist-inspection .feature,
      .new-theme-design.ai-powered-checklist-inspection .final {
        grid-template-columns: 1fr
      }

      .new-theme-design.ai-powered-checklist-inspection .feature.reverse .visual {
        order: 0
      }

      .new-theme-design.ai-powered-checklist-inspection .heroVisual {
        min-height: 450px
      }

      .new-theme-design.ai-powered-checklist-inspection .outcomes,
      .new-theme-design.ai-powered-checklist-inspection .useCases {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.ai-powered-checklist-inspection .logos {
        grid-template-columns: repeat(4, 1fr)
      }

      .new-theme-design.ai-powered-checklist-inspection .integrations {
        grid-template-columns: repeat(3, 1fr)
      }

      .new-theme-design.ai-powered-checklist-inspection .ratingGrid {
        grid-template-columns: repeat(2, 1fr)
      }
    }

    @media(max-width:640px) {
      .new-theme-design.ai-powered-checklist-inspection .wrap {
        width: calc(100% - 24px)
      }

      .new-theme-design.ai-powered-checklist-inspection .hero {
        padding: 54px 0
      }

      .new-theme-design.ai-powered-checklist-inspection .heroVisual {
        min-height: 420px
      }

      .new-theme-design.ai-powered-checklist-inspection .panel {
        position: relative;
        width: 100%;
        top: 0
      }

      .new-theme-design.ai-powered-checklist-inspection .proof {
        display: none
      }

      .new-theme-design.ai-powered-checklist-inspection .fl,
      .new-theme-design.ai-powered-checklist-inspection .outcomes,
      .new-theme-design.ai-powered-checklist-inspection .useCases,
      .new-theme-design.ai-powered-checklist-inspection .logos,
      .new-theme-design.ai-powered-checklist-inspection .integrations,
      .new-theme-design.ai-powered-checklist-inspection .aiMini,
      .new-theme-design.ai-powered-checklist-inspection .ratingGrid {
        grid-template-columns: 1fr
      }

      .new-theme-design.ai-powered-checklist-inspection .cta {
        flex-direction: column;
        align-items: flex-start
      }
    }

    @media(prefers-reduced-motion:reduce) {

      *,
      *:before,
      *:after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important
      }
    }

    .new-theme-design.ai-powered-checklist-inspection .complianceStandards {
      background: #fff;
    }

    .new-theme-design.ai-powered-checklist-inspection .complianceWrap {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 46px;
      align-items: center;
    }

    .new-theme-design.ai-powered-checklist-inspection .complianceIntro p {
      color: var(--m);
      font-size: 16px;
      margin-top: 15px;
    }

    .new-theme-design.ai-powered-checklist-inspection .complianceBadges {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
    }

    .new-theme-design.ai-powered-checklist-inspection .complianceBadge {
      min-height: 132px;
      border: 1px solid var(--line);
      border-top: 4px solid var(--y);
      border-radius: 16px;
      padding: 18px 14px;
      background: linear-gradient(145deg, #fff, #F8FCFF);
      box-shadow: 0 8px 24px rgba(6, 59, 92, .05);
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    }

    .new-theme-design.ai-powered-checklist-inspection .complianceBadge:hover {
      transform: translateY(-4px);
      border-color: #B7DCEC;
      box-shadow: 0 16px 30px rgba(6, 59, 92, .09);
    }

    .new-theme-design.ai-powered-checklist-inspection .complianceMark {
      width: 64px;
      height: 64px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: #fff;
      border: 3px double var(--n);
      color: var(--n);
      font-size: 13px;
      font-weight: 900;
      letter-spacing: .03em;
      margin-bottom: 10px;
      position: relative;
    }

    .new-theme-design.ai-powered-checklist-inspection .complianceMark::after {
      content: "";
      position: absolute;
      inset: 6px;
      border-radius: 50%;
      border: 1px solid rgba(6, 59, 92, .25);
    }

    .new-theme-design.ai-powered-checklist-inspection .complianceBadge strong {
      display: block;
      font-size: 13px;
      color: #111;
    }

    .new-theme-design.ai-powered-checklist-inspection .complianceBadge span {
      color: var(--m);
      font-size: 10.5px;
      line-height: 1.45;
      margin-top: 4px;
    }

    .new-theme-design.ai-powered-checklist-inspection .complianceFlow {
      margin-top: 28px;
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      gap: 8px;
      align-items: center;
    }

    .new-theme-design.ai-powered-checklist-inspection .complianceFlowStep {
      background: var(--sky2);
      border: 1px solid var(--line);
      border-radius: 11px;
      padding: 10px 8px;
      text-align: center;
      font-size: 9px;
      font-weight: 800;
    }

    .new-theme-design.ai-powered-checklist-inspection .complianceFlowArrow {
      text-align: center;
      color: var(--b);
      font-weight: 900;
    }

    .new-theme-design.ai-powered-checklist-inspection .complianceNote {
      margin-top: 18px;
      padding: 13px 14px;
      border-radius: 12px;
      background: #FFF9E6;
      border: 1px solid #F0DF9B;
      color: #6B5A18;
      font-size: 11px;
    }

    @media(max-width:960px) {
      .new-theme-design.ai-powered-checklist-inspection .complianceWrap {
        grid-template-columns: 1fr
      }
    }

    @media(max-width:640px) {
      .new-theme-design.ai-powered-checklist-inspection .complianceBadges {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.ai-powered-checklist-inspection .complianceFlow {
        grid-template-columns: 1fr
      }

      .new-theme-design.ai-powered-checklist-inspection .complianceFlowArrow {
        transform: rotate(90deg)
      }
    }

    .new-theme-design.asset-manage-operations-teams .capability.alt .key-feature-sec-head {
      display: block;
    }

    .new-theme-design .darkCta .button.secondary {
      background: #111;
      border-color: #2B2B2B;
      color: #fff;
    }

    .new-theme-design .darkCta .button.secondary:hover {
      background: #323232 !important;
    }

    @media (max-width: 767px) {
      .new-theme-design.ai-powered-checklist-inspection .heroVisual {
        display: none;
      }

      .new-theme-design.ai-powered-checklist-inspection .visual {
        order: 0;
      }

      .new-theme-design.ai-powered-checklist-inspection .visual-cont {
        order: 0;
      }
    }

    /*----------------AI-Powered Checklist & Inspection Software Ends----------------*/

    /*----------------AI Predictive Maintenance Software Starts----------------*/

    .new-theme-design.ai-predictive-maintenance-software .ey {
      display: inline-flex;
      padding: 8px 13px;
      border-radius: 999px;
      background: var(--yellow-soft);
      font-size: 15px;
      font-weight: 850;
      margin-bottom: 18px
    }

    .new-theme-design.ai-predictive-maintenance-software .lead {
      font-size: 18px;
      color: var(--muted);
      margin-top: 20px;
      max-width: 760px
    }

    .new-theme-design.ai-predictive-maintenance-software .btn {
      display: inline-flex;
      min-height: 48px;
      padding: 0 22px;
      align-items: center;
      justify-content: center;
      border-radius: 12px;
      border: 1px solid transparent;
      font-weight: 850;
      transition: .2s
    }

    .new-theme-design.ai-predictive-maintenance-software .btn:hover {
      transform: translateY(-2px)
    }

    .new-theme-design.ai-predictive-maintenance-software .btn.black {
      background: #0b0b0b;
      color: #fff
    }

    .new-theme-design.ai-predictive-maintenance-software .btn.yellow {
      background: var(--yellow);
      color: #000
    }

    .new-theme-design.ai-predictive-maintenance-software .btn.outline {
      background: #fff;
      border-color: var(--line);
      color: var(--navy)
    }

    .new-theme-design.ai-predictive-maintenance-software .actions {
      display: flex;
      gap: 11px;
      flex-wrap: wrap;
      margin-top: 27px
    }

    .new-theme-design.ai-predictive-maintenance-software .micro {
      font-size: 14px;
      color: var(--muted);
      margin-top: 14px
    }

    /* Hero */
    .new-theme-design.ai-predictive-maintenance-software .hero {
      padding: 76px 0 68px;
      background: radial-gradient(circle at 84% 15%, rgba(0, 168, 248, .18), transparent 30%), linear-gradient(180deg, #fff, #F3FBFF);
      overflow: hidden
    }

    .new-theme-design.ai-predictive-maintenance-software .heroGrid {
      display: grid;
      grid-template-columns: .95fr 1.05fr;
      gap: 50px;
      align-items: center
    }

    .new-theme-design.ai-predictive-maintenance-software .heroVisual {
      min-height: 490px;
      position: relative
    }

    .new-theme-design.ai-predictive-maintenance-software .predictPanel {
      position: absolute;
      right: 0;
      top: 10px;
      width: 82%;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 22px;
      box-shadow: var(--shadow);
      overflow: hidden;
      animation: panelIn .8s ease both
    }

    .new-theme-design.ai-predictive-maintenance-software .windowBar {
      display: flex;
      align-items: center;
      gap: 7px;
      padding: 12px 14px;
      background: #F8FCFF;
      border-bottom: 1px solid var(--line)
    }

    .new-theme-design.ai-predictive-maintenance-software .dot {
      width: 9px;
      height: 9px;
      border-radius: 50%
    }

    .new-theme-design.ai-predictive-maintenance-software .red {
      background: #ff6b6b
    }

    .new-theme-design.ai-predictive-maintenance-software .yellowDot {
      background: var(--yellow)
    }

    .new-theme-design.ai-predictive-maintenance-software .green {
      background: #36c98f
    }

    .new-theme-design.ai-predictive-maintenance-software .panelBody {
      padding: 16px
    }

    .new-theme-design.ai-predictive-maintenance-software .assetHead {
      display: grid;
      grid-template-columns: 58px 1fr auto;
      gap: 12px;
      align-items: center;
      padding: 13px;
      background: linear-gradient(145deg, #fff, #EAF8FF);
      border: 1px solid #CBEAF9;
      border-radius: 13px
    }

    .new-theme-design.ai-predictive-maintenance-software .machine {
      width: 54px;
      height: 54px;
      border-radius: 14px;
      background: #fff;
      border: 1px solid var(--line);
      position: relative;
      display: grid;
      place-items: center
    }

    .new-theme-design.ai-predictive-maintenance-software .machine:before {
      content: "";
      width: 30px;
      height: 28px;
      border-radius: 6px;
      background: linear-gradient(145deg, #819BA9, #D3E0E6);
      box-shadow: inset 0 0 0 2px #687F8C
    }

    .new-theme-design.ai-predictive-maintenance-software .machine:after {
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--danger);
      right: 7px;
      top: 7px;
      box-shadow: 0 0 0 4px #FFF0F0;
      animation: pulse 2s infinite
    }

    .new-theme-design.ai-predictive-maintenance-software .assetHead strong {
      display: block;
      font-size: 13px
    }

    .new-theme-design.ai-predictive-maintenance-software .assetHead small {
      color: var(--muted);
      font-size: 9px
    }

    .new-theme-design.ai-predictive-maintenance-software .riskChip {
      padding: 6px 8px;
      border-radius: 999px;
      background: #FFF0F0;
      color: var(--danger);
      font-size: 9px;
      font-weight: 900
    }

    .new-theme-design.ai-predictive-maintenance-software .sensorGrid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 8px;
      margin-top: 11px
    }

    .new-theme-design.ai-predictive-maintenance-software .sensor {
      border: 1px solid var(--line);
      border-radius: 11px;
      padding: 10px;
      background: #fff
    }

    .new-theme-design.ai-predictive-maintenance-software .sensor strong {
      display: block;
      font-size: 15px
    }

    .new-theme-design.ai-predictive-maintenance-software .sensor small {
      font-size: 8px;
      color: var(--muted)
    }

    .new-theme-design.ai-predictive-maintenance-software .chartBox {
      height: 145px;
      margin-top: 12px;
      border: 1px solid var(--line);
      border-radius: 13px;
      background: #fff;
      padding: 14px;
      position: relative;
      overflow: hidden
    }

    .new-theme-design.ai-predictive-maintenance-software .gridline {
      position: absolute;
      left: 0;
      right: 0;
      height: 1px;
      background: #EEF3F6
    }

    .new-theme-design.ai-predictive-maintenance-software .g1 {
      top: 30%
    }

    .new-theme-design.ai-predictive-maintenance-software .g2 {
      top: 55%
    }

    .new-theme-design.ai-predictive-maintenance-software .g3 {
      top: 80%
    }

    .new-theme-design.ai-predictive-maintenance-software .wave {
      position: absolute;
      left: 16px;
      right: 16px;
      bottom: 24px;
      height: 82px
    }

    .new-theme-design.ai-predictive-maintenance-software .wave svg {
      width: 100%;
      height: 100%
    }

    .new-theme-design.ai-predictive-maintenance-software .wavePath {
      stroke: var(--brand);
      stroke-width: 3;
      fill: none;
      stroke-dasharray: 600;
      stroke-dashoffset: 600;
      animation: draw 2.5s ease forwards
    }

    .new-theme-design.ai-predictive-maintenance-software .threshold {
      position: absolute;
      left: 16px;
      right: 16px;
      top: 38px;
      border-top: 2px dashed var(--danger);
      font-size: 8px;
      color: var(--danger);
      padding-top: 2px
    }

    .new-theme-design.ai-predictive-maintenance-software .predictionCard {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 36%;
      background: #111;
      color: #fff;
      border-radius: 22px;
      padding: 15px;
      box-shadow: 0 18px 42px rgba(0, 0, 0, .2);
      animation: floatPhone 4s ease-in-out infinite
    }

    .new-theme-design.ai-predictive-maintenance-software .predictionCard h4 {
      font-size: 11px;
      margin: 0 0 10px
    }

    .new-theme-design.ai-predictive-maintenance-software .predItem {
      padding: 9px;
      border: 1px solid #303030;
      border-radius: 10px;
      background: #191919;
      margin-top: 8px;
      font-size: 9px
    }

    .new-theme-design.ai-predictive-maintenance-software .predItem strong {
      display: block;
      color: var(--yellow);
      font-size: 10px
    }

    .new-theme-design.ai-predictive-maintenance-software .aiBadge {
      position: absolute;
      right: 14px;
      bottom: 17px;
      background: var(--yellow);
      padding: 8px 10px;
      border-radius: 10px;
      font-size: 9px;
      font-weight: 900;
      animation: float 3.2s ease-in-out infinite
    }

    @keyframes panelIn {
      from {
        opacity: 0;
        transform: translateY(24px)
      }

      to {
        opacity: 1;
        transform: none
      }
    }

    @keyframes pulse {
      50% {
        box-shadow: 0 0 0 8px rgba(226, 87, 87, .08)
      }
    }

    @keyframes draw {
      to {
        stroke-dashoffset: 0
      }
    }

    @keyframes floatPhone {
      50% {
        transform: translateY(-7px) rotate(.5deg)
      }
    }

    @keyframes float {
      50% {
        transform: translateY(-6px)
      }
    }

    /* Trust */
    .new-theme-design.ai-predictive-maintenance-software .trust {
      padding: 26px 0;
      border-bottom: 1px solid var(--line)
    }

    .new-theme-design.ai-predictive-maintenance-software .trustLabel {
      text-align: center;
      font-size: 15px;
      font-weight: 800;
      margin-bottom: 16px
    }

    .new-theme-design.ai-predictive-maintenance-software .logos {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      gap: 11px
    }

    .new-theme-design.ai-predictive-maintenance-software .logo {
      height: 62px;
      border: 1px dashed #B8D7E7;
      border-radius: 11px;
      display: grid;
      place-items: center;
      color: #8195A2;
      font-size: 11px;
      font-weight: 800
    }

    /* General */
    .new-theme-design.ai-predictive-maintenance-software .sectionHead {
      max-width: 860px;
      margin-bottom: 38px
    }

    .new-theme-design.ai-predictive-maintenance-software .center {
      text-align: center;
      margin-left: auto;
      margin-right: auto
    }

    .new-theme-design.ai-predictive-maintenance-software .sectionHead p {
      color: var(--muted);
      font-size: 17px;
      margin-top: 15px
    }

    .new-theme-design.ai-predictive-maintenance-software .soft {
      background: var(--sky2)
    }

    .new-theme-design.ai-predictive-maintenance-software .dark {
      background: linear-gradient(135deg, var(--black), var(--black2));
      color: #fff;
      border-top: 4px solid var(--yellow)
    }

    .new-theme-design.ai-predictive-maintenance-software .dark h2,
    .new-theme-design.ai-predictive-maintenance-software .dark h3 {
      color: #fff
    }

    .new-theme-design.ai-predictive-maintenance-software .dark p {
      color: #D6D6D6
    }

    .new-theme-design.ai-predictive-maintenance-software .dark .ey {
      background: var(--yellow);
      color: #000;
    }

    .new-theme-design.ai-predictive-maintenance-software .outcomes {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px
    }

    .new-theme-design.ai-predictive-maintenance-software .outcome {
      background: #fff;
      border: 1px solid var(--line);
      border-top: 3px solid var(--yellow);
      border-radius: 16px;
      padding: 22px
    }

    .new-theme-design.ai-predictive-maintenance-software .outcome strong {
      display: block;
      font-size: 19px;
      margin-bottom: 7px
    }

    .new-theme-design.ai-predictive-maintenance-software .outcome span {
      font-size: 15px;
      color: var(--muted)
    }

    .new-theme-design.ai-predictive-maintenance-software .aiGrid {
      display: grid;
      grid-template-columns: .95fr 1.05fr;
      gap: 44px;
      align-items: center
    }

    .new-theme-design.ai-predictive-maintenance-software .promptBox {
      background: #111;
      border: 1px solid #333;
      border-radius: 20px;
      padding: 20px
    }

    .new-theme-design.ai-predictive-maintenance-software .prompt {
      background: #1B1B1B;
      border: 1px solid #303030;
      border-radius: 11px;
      padding: 12px 13px;
      margin-top: 9px;
      font-size: 12px;
      opacity: 0;
      transform: translateX(8px);
      animation: promptIn .4s ease forwards
    }

    .new-theme-design.ai-predictive-maintenance-software .prompt:nth-child(2) {
      animation-delay: .15s
    }

    .new-theme-design.ai-predictive-maintenance-software .prompt:nth-child(3) {
      animation-delay: .3s
    }

    .new-theme-design.ai-predictive-maintenance-software .prompt:nth-child(4) {
      animation-delay: .45s
    }

    .new-theme-design.ai-predictive-maintenance-software .prompt:nth-child(5) {
      animation-delay: .6s
    }

    @keyframes promptIn {
      to {
        opacity: 1;
        transform: none
      }
    }

    .new-theme-design.ai-predictive-maintenance-software .aiMini {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 11px;
      margin-top: 20px
    }

    .new-theme-design.ai-predictive-maintenance-software .aiMini div {
      background: #151515;
      border: 1px solid #303030;
      border-radius: 13px;
      padding: 15px
    }

    .new-theme-design.ai-predictive-maintenance-software .aiMini strong {
      display: block;
      color: var(--yellow);
      font-size: 16px
    }

    .new-theme-design.ai-predictive-maintenance-software .aiMini span {
      font-size: 15px;
      color: #CFCFCF
    }

    .new-theme-design.ai-predictive-maintenance-software .feature {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 48px;
      align-items: center
    }

    .new-theme-design.ai-predictive-maintenance-software .feature.reverse .visual {
      order: -1
    }

    .new-theme-design.ai-predictive-maintenance-software .feature p {
      font-size: 16px;
      margin-top: 15px
    }

    .new-theme-design.ai-predictive-maintenance-software .fl {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 9px 16px;
      margin-top: 22px
    }

    .new-theme-design.ai-predictive-maintenance-software .fi {
      display: flex;
      gap: 9px;
      font-size: 15px
    }

    .new-theme-design.ai-predictive-maintenance-software .tick {
      width: 21px;
      height: 21px;
      border-radius: 50%;
      background: var(--success-bg);
      color: var(--success);
      display: grid;
      place-items: center;
      flex: 0 0 21px;
      font-size: 10px;
      font-weight: 900
    }

    .new-theme-design.ai-predictive-maintenance-software .visual {
      min-height: 335px;
      border-radius: 20px;
      background: linear-gradient(145deg, #fff, #EAF8FF);
      border: 1px solid #CBEAF9;
      box-shadow: var(--shadow);
      padding: 18px;
      position: relative;
      overflow: hidden
    }

    .new-theme-design.ai-predictive-maintenance-software .sensorCard {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 15px;
      padding: 14px
    }

    .new-theme-design.ai-predictive-maintenance-software .sensorRow {
      display: grid;
      grid-template-columns: 1fr .7fr .8fr;
      gap: 10px;
      padding: 11px;
      border-bottom: 1px solid var(--line);
      font-size: 10px
    }

    .new-theme-design.ai-predictive-maintenance-software .sensorRow:last-child {
      border-bottom: 0
    }

    .new-theme-design.ai-predictive-maintenance-software .sensorRow strong {
      font-size: 11px
    }

    .new-theme-design.ai-predictive-maintenance-software .ok {
      color: var(--success);
      font-weight: 900
    }

    .new-theme-design.ai-predictive-maintenance-software .warn {
      color: #9A6A00;
      font-weight: 900
    }

    .new-theme-design.ai-predictive-maintenance-software .critical {
      color: var(--danger);
      font-weight: 900
    }

    .new-theme-design.ai-predictive-maintenance-software .custom-progress {
      height: 8px;
      background: #E7EEF2;
      border-radius: 999px;
      overflow: hidden;
      margin: 10px 0;
      width: 100%;
    }

    .new-theme-design.ai-predictive-maintenance-software .custom-progress span {
      display: block;
      height: 100%;
      border-radius: inherit;
      background: linear-gradient(90deg, var(--brand), var(--success));
      transform-origin: left;
      animation: fill 1.7s ease both
    }

    @keyframes fill {
      from {
        transform: scaleX(0)
      }

      to {
        transform: scaleX(1)
      }
    }

    .new-theme-design.ai-predictive-maintenance-software .flow {
      display: grid;
      grid-template-columns: 1fr auto 1fr auto 1fr;
      gap: 8px;
      align-items: center;
      margin-top: 18px
    }

    .new-theme-design.ai-predictive-maintenance-software .step {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 12px;
      padding: 14px;
      text-align: center;
      font-size: 10px;
      font-weight: 800
    }

    .new-theme-design.ai-predictive-maintenance-software .arrow {
      font-weight: 900;
      color: var(--brand)
    }

    .new-theme-design.ai-predictive-maintenance-software .pmCard {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 13px;
      padding: 13px;
      margin-top: 10px
    }

    .new-theme-design.ai-predictive-maintenance-software .pmCard strong {
      font-size: 11px;
      color: #000;
    }

    .new-theme-design.ai-predictive-maintenance-software .pmCard small {
      display: block;
      color: var(--muted);
      font-size: 9px
    }

    .new-theme-design.ai-predictive-maintenance-software .tree {
      padding: 12px;
      color: #000;
    }

    .new-theme-design.ai-predictive-maintenance-software .root {
      padding: 11px 12px;
      background: #fff;
      border: 1px solid var(--line);
      border-left: 4px solid var(--yellow);
      border-radius: 11px;
      font-size: 11px;
      font-weight: 900
    }

    .new-theme-design.ai-predictive-maintenance-software .children {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 10px;
      margin: 12px 0 0 25px
    }

    .new-theme-design.ai-predictive-maintenance-software .child {
      padding: 10px;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 10px;
      font-size: 10px
    }

    .new-theme-design.ai-predictive-maintenance-software .bars {
      height: 140px;
      display: flex;
      align-items: flex-end;
      gap: 9px;
      padding: 14px;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 13px
    }

    .new-theme-design.ai-predictive-maintenance-software .barCol {
      flex: 1;
      border-radius: 7px 7px 2px 2px;
      transform-origin: bottom;
      animation: barRise 1.3s ease both
    }

    @keyframes barRise {
      from {
        transform: scaleY(0)
      }

      to {
        transform: scaleY(1)
      }
    }

    .new-theme-design.ai-predictive-maintenance-software .barCol:nth-child(1) {
      height: 42%;
      background: var(--brand)
    }

    .new-theme-design.ai-predictive-maintenance-software .barCol:nth-child(2) {
      height: 62%;
      background: var(--yellow)
    }

    .new-theme-design.ai-predictive-maintenance-software .barCol:nth-child(3) {
      height: 82%;
      background: var(--success)
    }

    .new-theme-design.ai-predictive-maintenance-software .barCol:nth-child(4) {
      height: 55%;
      background: var(--brand-dark)
    }

    .new-theme-design.ai-predictive-maintenance-software .barCol:nth-child(5) {
      height: 72%;
      background: #62CCFF
    }

    .new-theme-design.ai-predictive-maintenance-software .cta {
      margin-top: 30px;
      padding: 22px 24px;
      border: 1px solid var(--line);
      border-left: 5px solid var(--yellow);
      border-radius: 17px;
      background: #fff;
      display: flex;
      justify-content: space-between;
      gap: 22px;
      align-items: center
    }

    .new-theme-design.ai-predictive-maintenance-software .cta.darkCta {
      background: #121212;
      border-color: #303030;
      color: #fff
    }

    .new-theme-design.ai-predictive-maintenance-software .cta h3 {
      font-size: 19px
    }

    .new-theme-design.ai-predictive-maintenance-software .cta.darkCta h3 {
      color: #fff
    }

    .new-theme-design.ai-predictive-maintenance-software .cta p {
      color: var(--muted);
      font-size: 15px;
      margin-top: 5px;
      max-width: 650px
    }

    .new-theme-design.ai-predictive-maintenance-software .cta.darkCta p {
      color: #D1D1D1
    }

    .new-theme-design.ai-predictive-maintenance-software .ctaBtns {
      display: flex;
      gap: 9px;
      flex-wrap: wrap;
      flex: 0 0 auto
    }

    .new-theme-design.ai-predictive-maintenance-software .metrics {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px
    }

    .new-theme-design.ai-predictive-maintenance-software .metric {
      background: #151515;
      border: 1px solid #303030;
      border-radius: 15px;
      padding: 22px
    }

    .new-theme-design.ai-predictive-maintenance-software .metric strong {
      display: block;
      color: var(--yellow);
      font-size: 22px
    }

    .new-theme-design.ai-predictive-maintenance-software .metric span {
      font-size: 15px;
      color: #D2D2D2
    }

    .new-theme-design.ai-predictive-maintenance-software .integrations {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 12px;
      margin-top: 25px
    }

    .new-theme-design.ai-predictive-maintenance-software .integration {
      height: 70px;
      background: #fff;
      border: 1px solid var(--line);
      border-bottom: 3px solid var(--brand);
      border-radius: 12px;
      display: grid;
      place-items: center;
      font-size: 12px;
      font-weight: 800
    }

    .new-theme-design.ai-predictive-maintenance-software .rating {
      padding: 30px 0;
      background: #0B0B0B;
      color: #fff;
      border-top: 4px solid var(--yellow)
    }

    .new-theme-design.ai-predictive-maintenance-software .ratingGrid {
      display: grid;
      grid-template-columns: 1.3fr repeat(4, 1fr);
      gap: 12px;
      align-items: center
    }

    .new-theme-design.ai-predictive-maintenance-software .ratingItem {
      text-align: center;
      border-left: 1px solid #2D2D2D
    }

    .new-theme-design.ai-predictive-maintenance-software .stars {
      color: var(--yellow);
      letter-spacing: 2px
    }

    .new-theme-design.ai-predictive-maintenance-software .useCases {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 15px
    }

    .new-theme-design.ai-predictive-maintenance-software .useCase {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 16px;
      padding: 20px
    }

    .new-theme-design.ai-predictive-maintenance-software .useIcon {
      width: 42px;
      height: 42px;
      border-radius: 11px;
      background: var(--yellow);
      display: grid;
      place-items: center;
      font-size: 11px;
      font-weight: 900;
      margin-bottom: 14px
    }

    .new-theme-design.ai-predictive-maintenance-software .useCase p {
      color: var(--muted);
      font-size: 15px;
      margin-top: 7px
    }

    .new-theme-design.ai-predictive-maintenance-software .faq {
      max-width: 900px
    }

    .new-theme-design.ai-predictive-maintenance-software .faq details {
      border: 1px solid var(--line);
      border-radius: 13px;
      padding: 18px 20px;
      margin-bottom: 10px;
      background: #fff
    }

    .new-theme-design.ai-predictive-maintenance-software .faq summary {
      font-weight: 800;
      cursor: pointer;
      color: var(--navy)
    }

    .new-theme-design.ai-predictive-maintenance-software .faq details p {
      color: var(--muted);
      font-size: 16px;
      margin-top: 10px
    }

    .new-theme-design.ai-predictive-maintenance-software .final {
      background: linear-gradient(135deg, var(--black), #202020);
      border-top: 5px solid var(--yellow);
      padding: 44px;
      color: #fff;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 28px;
      align-items: center
    }

    .new-theme-design.ai-predictive-maintenance-software .final h2 {
      color: #fff
    }

    .new-theme-design.ai-predictive-maintenance-software .final p {
      color: #DDD;
      margin-top: 12px;
      max-width: 700px
    }

    .new-theme-design.ai-predictive-maintenance-software .reveal {
      opacity: 0;
      transform: translateY(20px);
      transition: .65s ease
    }

    .new-theme-design.ai-predictive-maintenance-software .reveal.show {
      opacity: 1;
      transform: none
    }

    .new-theme-design.ai-predictive-maintenance-software .final .secondary:hover {
      background: #323232 !important;
    }

    @media(max-width:960px) {

      .new-theme-design.ai-predictive-maintenance-software .heroGrid,
      .new-theme-design.ai-predictive-maintenance-software .aiGrid,
      .new-theme-design.ai-predictive-maintenance-software .feature,
      .new-theme-design.ai-predictive-maintenance-software .final {
        grid-template-columns: 1fr
      }

      .new-theme-design.ai-predictive-maintenance-software .feature.reverse .visual {
        order: 0
      }

      .new-theme-design.ai-predictive-maintenance-software .heroVisual {
        min-height: 460px
      }

      .new-theme-design.ai-predictive-maintenance-software .outcomes,
      .new-theme-design.ai-predictive-maintenance-software .metrics,
      .new-theme-design.ai-predictive-maintenance-software .useCases {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.ai-predictive-maintenance-software .logos {
        grid-template-columns: repeat(4, 1fr)
      }

      .new-theme-design.ai-predictive-maintenance-software .integrations {
        grid-template-columns: repeat(3, 1fr)
      }

      .new-theme-design.ai-predictive-maintenance-software .ratingGrid {
        grid-template-columns: repeat(2, 1fr)
      }
    }

    @media(max-width:640px) {
      .new-theme-design.ai-predictive-maintenance-software .wrap {
        width: calc(100% - 24px)
      }

      .new-theme-design.ai-predictive-maintenance-software .hero {
        padding: 54px 0
      }

      .new-theme-design.ai-predictive-maintenance-software .heroVisual {
        min-height: 430px
      }

      .new-theme-design.ai-predictive-maintenance-software .predictPanel {
        position: relative;
        width: 100%;
        top: 0
      }

      .new-theme-design.ai-predictive-maintenance-software .predictionCard {
        display: none
      }

      .new-theme-design.ai-predictive-maintenance-software .fl,
      .new-theme-design.ai-predictive-maintenance-software .outcomes,
      .new-theme-design.ai-predictive-maintenance-software .metrics,
      .new-theme-design.ai-predictive-maintenance-software .useCases,
      .new-theme-design.ai-predictive-maintenance-software .logos,
      .new-theme-design.ai-predictive-maintenance-software .integrations,
      .new-theme-design.ai-predictive-maintenance-software .aiMini,
      .new-theme-design.ai-predictive-maintenance-software .ratingGrid {
        grid-template-columns: 1fr
      }

      .new-theme-design.ai-predictive-maintenance-software .cta {
        flex-direction: column;
        align-items: flex-start
      }

      .new-theme-design.ai-predictive-maintenance-software .flow {
        grid-template-columns: 1fr
      }

      .new-theme-design.ai-predictive-maintenance-software .arrow {
        transform: rotate(90deg)
      }
    }

    @media(prefers-reduced-motion:reduce) {

      *,
      *:before,
      *:after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important
      }
    }


    /* --- Hero v3: real technician + animated Asset Health phone + predictive WO card --- */
    .new-theme-design.ai-predictive-maintenance-software .heroVisual {
      min-height: 515px;
      position: relative
    }

    .new-theme-design.ai-predictive-maintenance-software .predictPanel,
    .new-theme-design.ai-predictive-maintenance-software .predictionCard,
    .new-theme-design.ai-predictive-maintenance-software .aiBadge {
      display: none !important
    }

    .new-theme-design.ai-predictive-maintenance-software .heroDeviceStage {
      position: relative;
      min-height: 510px;
      width: 100%;
      max-width: 620px;
      margin-left: auto
    }

    /* Real technician, center/right, facing the Asset Health phone */
    .new-theme-design.ai-predictive-maintenance-software .techPerson {
      position: absolute;
      left: 43%;
      top: 48px;
      width: 300px;
      height: 440px;
      transform: translateX(-50%);
      z-index: 4;
      pointer-events: none;
      filter: drop-shadow(0 20px 24px rgba(6, 59, 92, .18));
      animation: techFloat 4.5s ease-in-out infinite
    }

    .new-theme-design.ai-predictive-maintenance-software .techPerson img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block
    }

    /* Halo behind the person */
    .new-theme-design.ai-predictive-maintenance-software .heroHalo {
      position: absolute;
      left: 44%;
      top: 64px;
      width: 330px;
      height: 330px;
      transform: translateX(-50%);
      border-radius: 50%;
      background: radial-gradient(circle, rgba(0, 168, 248, .18) 0, rgba(0, 168, 248, .07) 48%, transparent 72%);
      z-index: 1;
      animation: haloPulse 3.5s ease-in-out infinite
    }

    /* Asset Health phone at technician's right */
    .new-theme-design.ai-predictive-maintenance-software .assetPhone {
      position: absolute;
      right: 0;
      top: 20px;
      width: 225px;
      z-index: 5;
      background: #0D1117;
      border: 1px solid #2B3340;
      border-radius: 32px;
      padding: 9px;
      box-shadow: 0 24px 52px rgba(6, 59, 92, .24);
      transform: rotate(1.5deg);
      animation: assetPhoneFloat 4.8s ease-in-out infinite
    }

    .new-theme-design.ai-predictive-maintenance-software .assetPhoneScreen {
      background: #fff;
      border-radius: 24px;
      min-height: 438px;
      overflow: hidden;
      position: relative
    }

    .new-theme-design.ai-predictive-maintenance-software .assetPhoneTop {
      height: 24px;
      background: #0C0C0C;
      display: flex;
      justify-content: center;
      align-items: center
    }

    .new-theme-design.ai-predictive-maintenance-software .assetPhoneNotch {
      width: 72px;
      height: 7px;
      border-radius: 99px;
      background: #333
    }

    .new-theme-design.ai-predictive-maintenance-software .assetHeader {
      padding: 10px 11px;
      background: linear-gradient(145deg, #F7FCFF, #EAF8FF);
      border-bottom: 1px solid var(--line)
    }

    .new-theme-design.ai-predictive-maintenance-software .assetHeader strong {
      display: block;
      font-size: 10px
    }

    .new-theme-design.ai-predictive-maintenance-software .assetHeader small {
      display: block;
      color: var(--muted);
      font-size: 7px;
      margin-top: 2px
    }

    .new-theme-design.ai-predictive-maintenance-software .assetSummary {
      margin: 9px;
      padding: 9px;
      border: 1px solid var(--line);
      border-radius: 11px;
      background: #fff
    }

    .new-theme-design.ai-predictive-maintenance-software .assetSummaryTop {
      display: grid;
      grid-template-columns: 34px 1fr auto;
      gap: 7px;
      align-items: center
    }

    .new-theme-design.ai-predictive-maintenance-software .assetMachine {
      width: 32px;
      height: 32px;
      border-radius: 8px;
      background: linear-gradient(145deg, #D8E4E9, #7C96A4);
      position: relative
    }

    .new-theme-design.ai-predictive-maintenance-software .assetMachine:after {
      content: "";
      position: absolute;
      right: 4px;
      top: 4px;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--success);
      box-shadow: 0 0 0 4px var(--success-bg);
      animation: healthPulse 2s ease-in-out infinite
    }

    .new-theme-design.ai-predictive-maintenance-software .assetSummaryTop strong {
      font-size: 8px
    }

    .new-theme-design.ai-predictive-maintenance-software .assetSummaryTop small {
      display: block;
      color: var(--muted);
      font-size: 6.5px
    }

    .new-theme-design.ai-predictive-maintenance-software .assetHealthChip {
      font-size: 6px;
      font-weight: 900;
      color: var(--success);
      background: var(--success-bg);
      padding: 4px 5px;
      border-radius: 999px
    }

    .new-theme-design.ai-predictive-maintenance-software .healthGaugeWrap {
      display: grid;
      grid-template-columns: 82px 1fr;
      gap: 8px;
      align-items: center;
      margin-top: 9px
    }

    .new-theme-design.ai-predictive-maintenance-software .healthGauge {
      width: 78px;
      height: 78px;
      border-radius: 50%;
      background: conic-gradient(var(--success) 0 82%, #E8EEF2 82% 100%);
      position: relative;
      display: grid;
      place-items: center
    }

    .new-theme-design.ai-predictive-maintenance-software .healthGauge:after {
      content: "";
      position: absolute;
      inset: 13px;
      border-radius: 50%;
      background: #fff
    }

    .new-theme-design.ai-predictive-maintenance-software .healthGaugeValue {
      position: relative;
      z-index: 2;
      text-align: center;
      font-size: 15px;
      font-weight: 900;
      color: var(--navy)
    }

    .new-theme-design.ai-predictive-maintenance-software .healthGaugeValue span {
      display: block;
      font-size: 5.5px;
      font-weight: 700;
      color: var(--muted)
    }

    .new-theme-design.ai-predictive-maintenance-software .healthMetrics {
      display: grid;
      gap: 5px
    }

    .new-theme-design.ai-predictive-maintenance-software .healthMetric {
      padding: 5px 6px;
      border-radius: 7px;
      background: var(--sky2);
      border: 1px solid var(--line)
    }

    .new-theme-design.ai-predictive-maintenance-software .healthMetric strong {
      display: block;
      font-size: 7.5px
    }

    .new-theme-design.ai-predictive-maintenance-software .healthMetric span {
      font-size: 5.5px;
      color: var(--muted)
    }

    .new-theme-design.ai-predictive-maintenance-software .assetChart {
      margin: 8px 9px 0;
      height: 100px;
      border: 1px solid var(--line);
      border-radius: 9px;
      overflow: hidden;
      position: relative;
      background: linear-gradient(180deg, #fff, #F8FCFF)
    }

    .new-theme-design.ai-predictive-maintenance-software .assetChartLabel {
      position: absolute;
      left: 7px;
      top: 6px;
      font-size: 6px;
      font-weight: 900;
      color: var(--navy)
    }

    .new-theme-design.ai-predictive-maintenance-software .assetThreshold {
      position: absolute;
      left: 7px;
      right: 7px;
      top: 30px;
      border-top: 1.5px dashed var(--danger);
      color: var(--danger);
      font-size: 5px;
      padding-top: 2px
    }

    .new-theme-design.ai-predictive-maintenance-software .assetWave {
      position: absolute;
      left: 8px;
      right: 8px;
      bottom: 9px;
      height: 58px
    }

    .new-theme-design.ai-predictive-maintenance-software .assetWave svg {
      width: 100%;
      height: 100%
    }

    .new-theme-design.ai-predictive-maintenance-software .assetWave path {
      stroke: var(--brand);
      stroke-width: 3;
      fill: none;
      stroke-dasharray: 430;
      stroke-dashoffset: 430;
      animation: assetWaveDraw 2.5s ease forwards
    }

    .new-theme-design.ai-predictive-maintenance-software .assetBars {
      margin: 8px 9px 0;
      height: 50px;
      display: flex;
      align-items: flex-end;
      gap: 3px;
      border: 1px solid var(--line);
      border-radius: 8px;
      padding: 6px;
      background: #fff
    }

    .new-theme-design.ai-predictive-maintenance-software .assetBars span {
      flex: 1;
      border-radius: 3px 3px 1px 1px;
      transform-origin: bottom;
      animation: miniBar 1.3s ease both
    }

    .new-theme-design.ai-predictive-maintenance-software .assetBars span:nth-child(1) {
      height: 35%;
      background: #62CCFF
    }

    .new-theme-design.ai-predictive-maintenance-software .assetBars span:nth-child(2) {
      height: 55%;
      background: var(--brand)
    }

    .new-theme-design.ai-predictive-maintenance-software .assetBars span:nth-child(3) {
      height: 70%;
      background: var(--yellow)
    }

    .new-theme-design.ai-predictive-maintenance-software .assetBars span:nth-child(4) {
      height: 48%;
      background: var(--brand-dark)
    }

    .new-theme-design.ai-predictive-maintenance-software .assetBars span:nth-child(5) {
      height: 80%;
      background: var(--success)
    }

    .new-theme-design.ai-predictive-maintenance-software .assetBars span:nth-child(6) {
      height: 62%;
      background: #7C67E8
    }

    .new-theme-design.ai-predictive-maintenance-software .assetInsight {
      margin: 8px 9px 10px;
      background: #111;
      color: #fff;
      border-radius: 9px;
      padding: 8px
    }

    .new-theme-design.ai-predictive-maintenance-software .assetInsight strong {
      display: block;
      color: var(--yellow);
      font-size: 7.5px
    }

    .new-theme-design.ai-predictive-maintenance-software .assetInsight span {
      display: block;
      color: #D7D7D7;
      font-size: 6px;
      margin-top: 2px
    }

    /* Square Predictive Work Order card at technician's bottom-left */
    .new-theme-design.ai-predictive-maintenance-software .predictiveSquare {
      position: absolute;
      left: 0;
      bottom: 14px;
      width: 190px;
      min-height: 190px;
      z-index: 6;
      border-radius: 18px;
      background: #10151D;
      color: #fff;
      border: 1px solid #2F3946;
      box-shadow: 0 20px 42px rgba(0, 0, 0, .22);
      overflow: hidden;
      animation: workCardFloat 5s ease-in-out infinite
    }

    .new-theme-design.ai-predictive-maintenance-software .predictiveSquareHeader {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 11px 12px;
      background: linear-gradient(135deg, #111, #1D2733);
      border-bottom: 1px solid #303A46
    }

    .new-theme-design.ai-predictive-maintenance-software .predictiveSquareHeader strong {
      font-size: 9px
    }

    .new-theme-design.ai-predictive-maintenance-software .autoChip {
      font-size: 5.5px;
      font-weight: 900;
      color: #000;
      background: var(--yellow);
      padding: 4px 5px;
      border-radius: 999px
    }

    .new-theme-design.ai-predictive-maintenance-software .predictiveSquareBody {
      padding: 11px 12px
    }

    .new-theme-design.ai-predictive-maintenance-software .woLine {
      display: flex;
      justify-content: space-between;
      gap: 7px;
      padding: 5px 0;
      border-bottom: 1px solid #27313C;
      font-size: 6.5px
    }

    .new-theme-design.ai-predictive-maintenance-software .woLine:last-of-type {
      border-bottom: 0
    }

    .new-theme-design.ai-predictive-maintenance-software .woLine strong {
      font-size: 6.5px
    }

    .new-theme-design.ai-predictive-maintenance-software .woRisk {
      color: #FF9292;
      font-weight: 900
    }

    .new-theme-design.ai-predictive-maintenance-software .woProgressLabel {
      display: flex;
      justify-content: space-between;
      margin-top: 9px;
      font-size: 6px;
      color: #D6D6D6
    }

    .new-theme-design.ai-predictive-maintenance-software .woProgressTrack {
      height: 7px;
      border-radius: 999px;
      background: #29333E;
      overflow: hidden;
      margin-top: 5px
    }

    .new-theme-design.ai-predictive-maintenance-software .woProgressFill {
      height: 100%;
      width: 87%;
      border-radius: inherit;
      background: linear-gradient(90deg, var(--brand), var(--yellow), var(--danger));
      transform-origin: left;
      animation: woFill 2s ease both
    }

    .new-theme-design.ai-predictive-maintenance-software .woStatus {
      margin-top: 9px;
      padding: 8px;
      border-radius: 9px;
      background: #191F28;
      border: 1px solid #2D3742;
      font-size: 6.5px;
      position: relative;
      overflow: hidden
    }

    .new-theme-design.ai-predictive-maintenance-software .woStatus:after {
      content: "";
      position: absolute;
      left: -40%;
      top: 0;
      bottom: 0;
      width: 28%;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .17), transparent);
      animation: statusSweep 3.5s ease-in-out infinite
    }

    .new-theme-design.ai-predictive-maintenance-software .woStatus strong {
      display: block;
      color: var(--yellow);
      font-size: 7px
    }

    .new-theme-design.ai-predictive-maintenance-software .heroAiTag {
      position: absolute;
      right: 8px;
      bottom: 18px;
      z-index: 7;
      background: var(--yellow);
      color: #000;
      font-size: 8px;
      font-weight: 900;
      padding: 7px 9px;
      border-radius: 10px;
      box-shadow: 0 8px 18px rgba(0, 0, 0, .12);
      animation: float 3.2s ease-in-out infinite
    }

    @keyframes assetPhoneFloat {

      0%,
      100% {
        transform: translateY(0) rotate(1.5deg)
      }

      50% {
        transform: translateY(-7px) rotate(.5deg)
      }
    }

    @keyframes workCardFloat {

      0%,
      100% {
        transform: translateY(0)
      }

      50% {
        transform: translateY(6px)
      }
    }

    @keyframes techFloat {

      0%,
      100% {
        transform: translateX(-50%) translateY(0)
      }

      50% {
        transform: translateX(-50%) translateY(-5px)
      }
    }

    @keyframes haloPulse {

      0%,
      100% {
        transform: translateX(-50%) scale(1);
        opacity: .8
      }

      50% {
        transform: translateX(-50%) scale(1.05);
        opacity: 1
      }
    }

    @keyframes healthPulse {
      50% {
        box-shadow: 0 0 0 8px rgba(17, 138, 97, .08)
      }
    }

    @keyframes assetWaveDraw {
      to {
        stroke-dashoffset: 0
      }
    }

    @keyframes miniBar {
      from {
        transform: scaleY(0)
      }

      to {
        transform: scaleY(1)
      }
    }

    @keyframes woFill {
      from {
        transform: scaleX(0)
      }

      to {
        transform: scaleX(1)
      }
    }

    @keyframes statusSweep {

      0%,
      45% {
        left: -40%
      }

      70%,
      100% {
        left: 115%
      }
    }

    @media(max-width:960px) {
      .new-theme-design.ai-predictive-maintenance-software .heroDeviceStage {
        margin: 0 auto;
        min-height: 510px
      }
    }

    @media(max-width:640px) {
      .new-theme-design.ai-predictive-maintenance-software .heroDeviceStage {
        min-height: 430px;
        max-width: 360px
      }

      .new-theme-design.ai-predictive-maintenance-software .assetPhone {
        width: 165px;
        right: 0;
        top: 22px
      }

      .new-theme-design.ai-predictive-maintenance-software .assetPhoneScreen {
        min-height: 330px
      }

      .new-theme-design.ai-predictive-maintenance-software .techPerson {
        width: 205px;
        height: 320px;
        top: 70px;
        left: 45%
      }

      .new-theme-design.ai-predictive-maintenance-software .heroHalo {
        width: 235px;
        height: 235px;
        top: 78px
      }

      .new-theme-design.ai-predictive-maintenance-software .predictiveSquare {
        width: 150px;
        min-height: 150px;
        left: 0;
        bottom: 8px
      }

      .new-theme-design.ai-predictive-maintenance-software .assetChart {
        height: 70px
      }

      .new-theme-design.ai-predictive-maintenance-software .assetBars {
        height: 38px
      }

      .new-theme-design.ai-predictive-maintenance-software .heroAiTag {
        right: 0;
        bottom: 0
      }
    }

    /* Hero readability upgrade - preserves the rest of the page */
    .new-theme-design.ai-predictive-maintenance-software .heroDeviceStage {
      max-width: 650px !important;
      min-height: 535px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .techPerson {
      left: 41% !important;
      top: 38px !important;
      width: 315px !important;
      height: 470px !important;
      z-index: 4 !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .techPerson img {
      object-position: center !important;
    }

    /* Larger / clearer Asset Health mobile */
    .new-theme-design.ai-predictive-maintenance-software .assetPhone {
      right: -4px !important;
      top: 8px !important;
      width: 246px !important;
      padding: 8px !important;
      border-radius: 31px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .assetPhoneScreen {
      min-height: 470px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .assetHeader {
      padding: 12px 12px 10px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .assetHeader strong {
      font-size: 12px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .assetHeader small {
      font-size: 8px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .assetSummary {
      margin: 10px !important;
      padding: 11px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .assetSummaryTop strong {
      font-size: 10px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .assetSummaryTop small,
    .new-theme-design.ai-predictive-maintenance-software .assetHealthChip {
      font-size: 7px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .healthGaugeWrap {
      grid-template-columns: 92px 1fr !important;
      gap: 9px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .healthGauge {
      width: 88px !important;
      height: 88px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .healthGaugeValue {
      font-size: 18px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .healthGaugeValue span {
      font-size: 7px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .healthMetric {
      padding: 6px 7px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .healthMetric strong {
      font-size: 9px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .healthMetric span {
      font-size: 6.5px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .assetChart {
      height: 118px !important;
      margin: 9px 10px 0 !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .assetChartLabel {
      font-size: 7.5px !important;
      top: 7px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .assetThreshold {
      top: 34px !important;
      font-size: 6px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .assetWave {
      height: 66px !important;
      bottom: 10px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .assetBars {
      height: 54px !important;
      margin: 9px 10px 0 !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .assetInsight {
      margin: 9px 10px 11px !important;
      padding: 9px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .assetInsight strong {
      font-size: 8.5px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .assetInsight span {
      font-size: 7px !important;
      line-height: 1.35 !important;
    }

    /* Live chart layers */
    .new-theme-design.ai-predictive-maintenance-software .liveChartGrid {
      position: absolute;
      left: 8px;
      right: 8px;
      top: 26px;
      bottom: 8px;
      pointer-events: none;
    }

    .new-theme-design.ai-predictive-maintenance-software .liveChartGrid span {
      position: absolute;
      left: 0;
      right: 0;
      height: 1px;
      background: #EDF2F5;
    }

    .new-theme-design.ai-predictive-maintenance-software .liveChartGrid span:nth-child(1) {
      top: 20%
    }

    .new-theme-design.ai-predictive-maintenance-software .liveChartGrid span:nth-child(2) {
      top: 50%
    }

    .new-theme-design.ai-predictive-maintenance-software .liveChartGrid span:nth-child(3) {
      top: 80%
    }

    .new-theme-design.ai-predictive-maintenance-software #liveVibrationSvg {
      position: absolute;
      left: 8px;
      right: 8px;
      bottom: 8px;
      width: calc(100% - 16px);
      height: 72px;
      overflow: visible;
    }

    .new-theme-design.ai-predictive-maintenance-software #liveVibrationArea {
      fill: rgba(0, 168, 248, .10);
    }

    .new-theme-design.ai-predictive-maintenance-software #liveVibrationLine {
      fill: none;
      stroke: var(--brand);
      stroke-width: 3.2;
      stroke-linecap: round;
      stroke-linejoin: round;
      filter: drop-shadow(0 2px 2px rgba(0, 168, 248, .18));
    }

    .new-theme-design.ai-predictive-maintenance-software #liveVibrationDot {
      fill: #fff;
      stroke: var(--brand);
      stroke-width: 3;
      filter: drop-shadow(0 0 5px rgba(0, 168, 248, .65));
    }

    .new-theme-design.ai-predictive-maintenance-software #liveVibrationPulse {
      fill: rgba(0, 168, 248, .16);
      stroke: rgba(0, 168, 248, .25);
      stroke-width: 1;
      transform-origin: center;
      animation: livePointPulse 1.4s ease-out infinite;
    }

    .new-theme-design.ai-predictive-maintenance-software .liveReading {
      position: absolute;
      right: 7px;
      top: 8px;
      z-index: 3;
      font-size: 6.5px;
      font-weight: 900;
      color: var(--navy);
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 7px;
      padding: 4px 6px;
      box-shadow: 0 4px 10px rgba(6, 59, 92, .07);
    }

    @keyframes livePointPulse {
      0% {
        transform: scale(.55);
        opacity: .9
      }

      100% {
        transform: scale(2.4);
        opacity: 0
      }
    }

    /* Larger / clearer Predictive Work Order square */
    .new-theme-design.ai-predictive-maintenance-software .predictiveSquare {
      left: -6px !important;
      bottom: 8px !important;
      width: 212px !important;
      min-height: 205px !important;
      border-radius: 18px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .predictiveSquareHeader {
      padding: 12px 13px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .predictiveSquareHeader strong {
      font-size: 10.5px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .autoChip {
      font-size: 6px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .predictiveSquareBody {
      padding: 12px 13px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .woLine,
    .new-theme-design.ai-predictive-maintenance-software .woLine strong {
      font-size: 7.5px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .woProgressLabel {
      font-size: 7px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .woProgressTrack {
      height: 8px !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .woStatus {
      font-size: 7px !important;
      line-height: 1.4 !important;
    }

    .new-theme-design.ai-predictive-maintenance-software .woStatus strong {
      font-size: 8px !important;
    }

    /* Responsive */
    @media(max-width:640px) {
      .new-theme-design.ai-predictive-maintenance-software .techPerson {
        width: 220px !important;
        height: 330px !important;
        top: 62px !important
      }

      .new-theme-design.ai-predictive-maintenance-software .assetPhone {
        width: 174px !important;
        right: 0 !important
      }

      .new-theme-design.ai-predictive-maintenance-software .assetPhoneScreen {
        min-height: 355px !important
      }

      .new-theme-design.ai-predictive-maintenance-software .predictiveSquare {
        width: 155px !important;
        min-height: 155px !important
      }

      .new-theme-design.ai-predictive-maintenance-software .assetChart {
        height: 78px !important
      }
    }

    @media(max-width:767px) {
      .new-theme-design.ai-predictive-maintenance-software .heroVisual {
        display: none;
      }

      .new-theme-design.ai-predictive-maintenance-software .final {
        padding-left: 24px;
        padding-right: 24px;
      }

      .new-theme-design section {
        padding-top: 34px;
        padding-bottom: 34px;
      }

      .new-theme-design.ai-predictive-maintenance-software .key-feature-sec-head,
      .ai-predictive-maintenance-software .key-feature-sec-head,
      .integrations-panel .key-feature-sec-head {
        display: none !important;
      }

      .new-theme-design.ai-predictive-maintenance-software .visual {
        order: 0;
      }

      .new-theme-design.ai-predictive-maintenance-software .visual-cont {
        order: 1;
      }

      .new-theme-design.ai-predictive-maintenance-software .heroVisual,
      .new-theme-design.asset-manage-operations-teams .heroVisual {
        display: none !important;
      }

      .new-theme-design.ai-predictive-maintenance-software .step+p {
        display: none;
      }

      .new-theme-design.ai-predictive-maintenance-software .sectionHead {
        margin-bottom: 0;
      }
    }

    /*----------------AI Predictive Maintenance Software Ends----------------*/
    /*----------------IoT Condition Monitoring Software Starts----------------*/
    :root {
      --brand: #00A8F8;
      --brand-dark: #007FC5;
      --navy: #063B5C;
      --sky: #EAF8FF;
      --sky2: #F5FBFF;
      --ink: #11283A;
      --line: #D9E8F1;
      --green: #118A61;
      --greenbg: #EAF8F3;
      --yellow: #FFC928;
      --yellowsoft: #FFF7D6;
      --black: #0B0B0B;
      --black2: #171717;
      --danger: #E25757;
      --shadow: 0 18px 48px rgba(6, 59, 92, .12);
    }

    .new-theme-design.iot-condition-monitoring-software .ey {
      display: inline-flex;
      padding: 8px 13px;
      border-radius: 999px;
      background: var(--yellowsoft);
      font-size: 13px;
      font-weight: 850;
      margin-bottom: 18px
    }

    .new-theme-design.iot-condition-monitoring-software .lead {
      font-size: 18px;
      color: var(--muted);
      margin-top: 20px;
      max-width: 760px
    }

    .new-theme-design.iot-condition-monitoring-software .btn {
      display: inline-flex;
      min-height: 48px;
      padding: 0 22px;
      align-items: center;
      justify-content: center;
      border-radius: 12px;
      border: 1px solid transparent;
      font-weight: 850;
      transition: .2s
    }

    .new-theme-design.iot-condition-monitoring-software .btn:hover {
      transform: translateY(-2px)
    }

    .new-theme-design.iot-condition-monitoring-software .btn.black {
      background: #0b0b0b;
      color: #fff
    }

    .new-theme-design.iot-condition-monitoring-software .btn.yellow {
      background: var(--yellow);
      color: #000
    }

    .new-theme-design.iot-condition-monitoring-software .btn.outline {
      background: #fff;
      border-color: var(--line);
      color: var(--navy)
    }

    .new-theme-design.iot-condition-monitoring-software .actions {
      display: flex;
      gap: 11px;
      flex-wrap: wrap;
      margin-top: 27px
    }

    .new-theme-design.iot-condition-monitoring-software .micro {
      font-size: 12px;
      color: var(--muted);
      margin-top: 14px
    }

    .new-theme-design.iot-condition-monitoring-software .hero {
      padding: 74px 0 66px;
      background: radial-gradient(circle at 83% 16%, rgba(0, 168, 248, .18), transparent 31%), linear-gradient(180deg, #fff, #F3FBFF);
      overflow: hidden
    }

    .new-theme-design.iot-condition-monitoring-software .heroGrid {
      display: grid;
      grid-template-columns: .95fr 1.05fr;
      gap: 48px;
      align-items: center
    }

    .new-theme-design.iot-condition-monitoring-software .heroVisual {
      position: relative;
      min-height: 520px
    }

    .new-theme-design.iot-condition-monitoring-software .iotStage {
      position: relative;
      min-height: 520px;
      max-width: 625px;
      margin-left: auto
    }

    .new-theme-design.iot-condition-monitoring-software .halo {
      position: absolute;
      left: 44%;
      top: 55px;
      width: 335px;
      height: 335px;
      transform: translateX(-50%);
      border-radius: 50%;
      background: radial-gradient(circle, rgba(0, 168, 248, .18), rgba(0, 168, 248, .07) 48%, transparent 72%);
      animation: haloPulse 3.6s ease-in-out infinite
    }

    .new-theme-design.iot-condition-monitoring-software .tech {
      position: absolute;
      left: 42%;
      top: 36px;
      width: 310px;
      height: 470px;
      transform: translateX(-50%);
      z-index: 4;
      filter: drop-shadow(0 20px 24px rgba(6, 59, 92, .18));
      animation: techFloat 4.5s ease-in-out infinite
    }

    .new-theme-design.iot-condition-monitoring-software .tech img {
      width: 100%;
      height: 100%;
      object-fit: contain
    }

    .new-theme-design.iot-condition-monitoring-software .sensorPhone {
      position: absolute;
      right: 0;
      top: 5px;
      width: 245px;
      z-index: 6;
      background: #0D1117;
      border: 1px solid #28333D;
      border-radius: 32px;
      padding: 8px;
      box-shadow: 0 24px 52px rgba(6, 59, 92, .25);
      transform: rotate(1deg);
      animation: phoneFloat 4.8s ease-in-out infinite
    }

    .new-theme-design.iot-condition-monitoring-software .phoneScreen {
      background: #fff;
      border-radius: 24px;
      min-height: 470px;
      overflow: hidden
    }

    .new-theme-design.iot-condition-monitoring-software .phoneTop {
      height: 24px;
      background: #0C0C0C;
      display: flex;
      align-items: center;
      justify-content: center
    }

    .new-theme-design.iot-condition-monitoring-software .notch {
      width: 70px;
      height: 7px;
      border-radius: 99px;
      background: #333
    }

    .new-theme-design.iot-condition-monitoring-software .phoneHead {
      padding: 11px 12px;
      background: linear-gradient(145deg, #F7FCFF, #EAF8FF);
      border-bottom: 1px solid var(--line)
    }

    .new-theme-design.iot-condition-monitoring-software .phoneHead strong {
      display: block;
      font-size: 12px
    }

    .new-theme-design.iot-condition-monitoring-software .phoneHead small {
      font-size: 7.5px;
      color: var(--muted)
    }

    .new-theme-design.iot-condition-monitoring-software .assetBox {
      margin: 10px;
      padding: 10px;
      border: 1px solid var(--line);
      border-radius: 11px
    }

    .new-theme-design.iot-condition-monitoring-software .assetTop {
      display: grid;
      grid-template-columns: 34px 1fr auto;
      gap: 7px;
      align-items: center
    }

    .new-theme-design.iot-condition-monitoring-software .machine {
      width: 32px;
      height: 32px;
      border-radius: 8px;
      background: linear-gradient(145deg, #D7E4EA, #7892A1);
      position: relative
    }

    .new-theme-design.iot-condition-monitoring-software .machine:after {
      content: "";
      position: absolute;
      right: 4px;
      top: 4px;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--green);
      box-shadow: 0 0 0 4px var(--greenbg);
      animation: pulse 2s infinite
    }

    .new-theme-design.iot-condition-monitoring-software .assetTop strong {
      font-size: 9px
    }

    .new-theme-design.iot-condition-monitoring-software .assetTop small {
      display: block;
      font-size: 6px;
      color: var(--muted)
    }

    .new-theme-design.iot-condition-monitoring-software .liveChip {
      font-size: 6px;
      font-weight: 900;
      color: var(--green);
      background: var(--greenbg);
      padding: 4px 5px;
      border-radius: 999px
    }

    .new-theme-design.iot-condition-monitoring-software .metrics {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 6px;
      margin: 9px 10px 0
    }

    .new-theme-design.iot-condition-monitoring-software .metric {
      padding: 7px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: #fff
    }

    .new-theme-design.iot-condition-monitoring-software .metric strong {
      display: block;
      font-size: 8.5px
    }

    .new-theme-design.iot-condition-monitoring-software .metric span {
      font-size: 5.7px;
      color: var(--muted)
    }

    .new-theme-design.iot-condition-monitoring-software .iotChart {
      margin: 9px 10px 0;
      height: 118px;
      border: 1px solid var(--line);
      border-radius: 9px;
      position: relative;
      overflow: hidden;
      background: linear-gradient(180deg, #fff, #F8FCFF)
    }

    .new-theme-design.iot-condition-monitoring-software .chartTitle {
      position: absolute;
      left: 7px;
      top: 6px;
      font-size: 7px;
      font-weight: 900;
      color: var(--navy)
    }

    .new-theme-design.iot-condition-monitoring-software .threshold {
      position: absolute;
      left: 7px;
      right: 7px;
      top: 34px;
      border-top: 1.5px dashed var(--danger);
      color: var(--danger);
      font-size: 5.5px;
      padding-top: 2px
    }

    .new-theme-design.iot-condition-monitoring-software .reading {
      position: absolute;
      right: 7px;
      top: 7px;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 6px;
      padding: 3px 5px;
      font-size: 6px;
      font-weight: 900;
      color: var(--navy);
      z-index: 3
    }

    #iotSvg {
      position: absolute;
      left: 8px;
      right: 8px;
      bottom: 8px;
      width: calc(100% - 16px);
      height: 72px
    }

    .new-theme-design.iot-condition-monitoring-software .area {
      fill: rgba(0, 168, 248, .10)
    }

    .new-theme-design.iot-condition-monitoring-software .line {
      fill: none;
      stroke: var(--brand);
      stroke-width: 3.2;
      stroke-linecap: round;
      stroke-linejoin: round
    }

    .new-theme-design.iot-condition-monitoring-software .dotLive {
      fill: #fff;
      stroke: var(--brand);
      stroke-width: 3
    }

    .new-theme-design.iot-condition-monitoring-software .pulseLive {
      fill: rgba(0, 168, 248, .17);
      stroke: rgba(0, 168, 248, .25);
      animation: pointPulse 1.4s ease-out infinite
    }

    .new-theme-design.iot-condition-monitoring-software .alertBox {
      margin: 9px 10px 11px;
      padding: 9px;
      border-radius: 9px;
      background: #111;
      color: #fff
    }

    .new-theme-design.iot-condition-monitoring-software .alertBox strong {
      display: block;
      color: var(--yellow);
      font-size: 8px
    }

    .new-theme-design.iot-condition-monitoring-software .alertBox span {
      display: block;
      color: #D7D7D7;
      font-size: 6.5px;
      line-height: 1.35
    }

    .new-theme-design.iot-condition-monitoring-software .gatewayCard {
      position: absolute;
      left: -5px;
      bottom: 15px;
      width: 205px;
      z-index: 7;
      border-radius: 18px;
      background: #10151D;
      color: #fff;
      border: 1px solid #303B47;
      box-shadow: 0 20px 42px rgba(0, 0, 0, .22);
      overflow: hidden;
      animation: cardFloat 5s ease-in-out infinite
    }

    .new-theme-design.iot-condition-monitoring-software .gatewayHead {
      display: flex;
      justify-content: space-between;
      padding: 11px 12px;
      border-bottom: 1px solid #303A46
    }

    .new-theme-design.iot-condition-monitoring-software .gatewayHead strong {
      font-size: 9px
    }

    .new-theme-design.iot-condition-monitoring-software .gatewayHead span {
      font-size: 5.5px;
      background: var(--yellow);
      color: #000;
      font-weight: 900;
      padding: 4px 5px;
      border-radius: 999px
    }

    .new-theme-design.iot-condition-monitoring-software .gatewayBody {
      padding: 11px 12px
    }

    .new-theme-design.iot-condition-monitoring-software .sensorNode {
      display: grid;
      grid-template-columns: 9px 1fr auto;
      gap: 7px;
      align-items: center;
      padding: 6px 0;
      border-bottom: 1px solid #27313C;
      font-size: 6.5px
    }

    .new-theme-design.iot-condition-monitoring-software .sensorNode:last-child {
      border-bottom: 0
    }

    .new-theme-design.iot-condition-monitoring-software .sensorDot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--green);
      box-shadow: 0 0 0 4px rgba(17, 138, 97, .12)
    }

    .new-theme-design.iot-condition-monitoring-software .sensorNode strong {
      font-size: 6.5px
    }

    .new-theme-design.iot-condition-monitoring-software .sensorVal {
      color: var(--yellow);
      font-weight: 900
    }

    .new-theme-design.iot-condition-monitoring-software .gatewayProgress {
      height: 7px;
      border-radius: 999px;
      background: #29333E;
      overflow: hidden;
      margin-top: 10px
    }

    .new-theme-design.iot-condition-monitoring-software .gatewayProgress span {
      display: block;
      height: 100%;
      width: 84%;
      background: linear-gradient(90deg, var(--brand), var(--green));
      animation: fill 2s ease both
    }

    .new-theme-design.iot-condition-monitoring-software .iotTag {
      position: absolute;
      right: 6px;
      bottom: 18px;
      z-index: 8;
      background: var(--yellow);
      color: #000;
      font-size: 8px;
      font-weight: 900;
      padding: 7px 9px;
      border-radius: 10px;
      animation: float 3.3s ease-in-out infinite
    }

    @keyframes haloPulse {
      50% {
        transform: translateX(-50%) scale(1.05)
      }
    }

    @keyframes techFloat {
      50% {
        transform: translateX(-50%) translateY(-5px)
      }
    }

    @keyframes phoneFloat {
      50% {
        transform: translateY(-7px) rotate(.3deg)
      }
    }

    @keyframes cardFloat {
      50% {
        transform: translateY(6px)
      }
    }

    @keyframes pulse {
      50% {
        box-shadow: 0 0 0 8px rgba(17, 138, 97, .08)
      }
    }

    @keyframes pointPulse {
      0% {
        r: 4;
        opacity: .9
      }

      100% {
        r: 12;
        opacity: 0
      }
    }

    @keyframes fill {
      from {
        transform: scaleX(0);
        transform-origin: left
      }

      to {
        transform: scaleX(1)
      }
    }

    @keyframes float {
      50% {
        transform: translateY(-6px)
      }
    }

    .new-theme-design.iot-condition-monitoring-software .trust {
      padding: 25px 0;
      border-bottom: 1px solid var(--line)
    }

    .new-theme-design.iot-condition-monitoring-software .trustLabel {
      text-align: center;
      font-size: 13px;
      font-weight: 800;
      margin-bottom: 16px
    }

    .new-theme-design.iot-condition-monitoring-software .logos {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      gap: 11px
    }

    .new-theme-design.iot-condition-monitoring-software .logo {
      height: 62px;
      border: 1px dashed #B8D7E7;
      border-radius: 11px;
      display: grid;
      place-items: center;
      color: #8195A2;
      font-size: 11px;
      font-weight: 800
    }

    .new-theme-design.iot-condition-monitoring-software .soft {
      background: var(--sky2)
    }

    .new-theme-design.iot-condition-monitoring-software .dark {
      background: linear-gradient(135deg, var(--black), var(--black2));
      color: #fff;
      border-top: 4px solid var(--yellow)
    }

    .new-theme-design.iot-condition-monitoring-software .dark h2,
    .new-theme-design.iot-condition-monitoring-software .dark h3 {
      color: #fff
    }

    .new-theme-design.iot-condition-monitoring-software .dark p {
      color: #D6D6D6
    }

    .new-theme-design.iot-condition-monitoring-software .dark .ey {
      background: var(--yellow);
      color: #000;
    }

    .new-theme-design.iot-condition-monitoring-software .sectionHead {
      max-width: 920px;
      margin-bottom: 36px
    }

    .new-theme-design.iot-condition-monitoring-software .center {
      text-align: center;
      margin-left: auto;
      margin-right: auto
    }

    .new-theme-design.iot-condition-monitoring-software .sectionHead p {
      color: var(--muted);
      font-size: 17px;
      margin-top: 15px
    }

    .new-theme-design.iot-condition-monitoring-software .outcomes {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px
    }

    .new-theme-design.iot-condition-monitoring-software .outcome {
      background: #fff;
      border: 1px solid var(--line);
      border-top: 3px solid var(--yellow);
      border-radius: 16px;
      padding: 21px
    }

    .new-theme-design.iot-condition-monitoring-software .outcome strong {
      display: block;
      font-size: 18px;
      margin-bottom: 7px
    }

    .new-theme-design.iot-condition-monitoring-software .outcome span {
      font-size: 12.5px;
      color: var(--muted)
    }

    .new-theme-design.iot-condition-monitoring-software .flowGrid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 11px
    }

    .new-theme-design.iot-condition-monitoring-software .flowCard {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 16px;
      padding: 18px;
      min-height: 190px;
      position: relative
    }

    .new-theme-design.iot-condition-monitoring-software .flowNum {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: var(--brand);
      color: #fff;
      display: grid;
      place-items: center;
      font-weight: 900;
      font-size: 11px;
      margin-bottom: 13px
    }

    .new-theme-design.iot-condition-monitoring-software .flowIcon {
      width: 48px;
      height: 48px;
      border-radius: 13px;
      background: var(--yellowsoft);
      display: grid;
      place-items: center;
      font-size: 10px;
      font-weight: 900;
      color: #111;
      margin-bottom: 12px
    }

    .new-theme-design.iot-condition-monitoring-software .flowCard p {
      color: var(--muted);
      font-size: 11.5px;
      margin-top: 7px
    }

    .new-theme-design.iot-condition-monitoring-software .feature {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 48px;
      align-items: center
    }

    .new-theme-design.iot-condition-monitoring-software .feature.reverse .visual {
      order: -1
    }

    .new-theme-design.iot-condition-monitoring-software .feature p {
      color: var(--muted);
      font-size: 16px;
      margin-top: 15px
    }

    .new-theme-design.iot-condition-monitoring-software .fl {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 9px 16px;
      margin-top: 22px
    }

    .new-theme-design.iot-condition-monitoring-software .fi {
      display: flex;
      gap: 9px;
      font-size: 15px
    }

    .new-theme-design.iot-condition-monitoring-software .tick {
      width: 21px;
      height: 21px;
      border-radius: 50%;
      background: var(--greenbg);
      color: var(--green);
      display: grid;
      place-items: center;
      flex: 0 0 21px;
      font-size: 10px;
      font-weight: 900
    }

    .new-theme-design.iot-condition-monitoring-software .visual {
      min-height: 330px;
      border-radius: 20px;
      background: linear-gradient(145deg, #fff, #EAF8FF);
      border: 1px solid #CBEAF9;
      box-shadow: var(--shadow);
      padding: 18px;
      position: relative;
      overflow: hidden
    }

    .new-theme-design.iot-condition-monitoring-software .monitorBoard {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px
    }

    .new-theme-design.iot-condition-monitoring-software .monitorCard {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 12px;
      padding: 12px
    }

    .new-theme-design.iot-condition-monitoring-software .monitorCard strong {
      display: block;
      font-size: 14px
    }

    .new-theme-design.iot-condition-monitoring-software .monitorCard span {
      font-size: 9px;
      color: var(--muted)
    }

    .new-theme-design.iot-condition-monitoring-software .statusLine {
      display: flex;
      justify-content: space-between;
      gap: 8px;
      padding: 8px;
      border-bottom: 1px solid var(--line);
      font-size: 9px
    }

    .new-theme-design.iot-condition-monitoring-software .statusLine:last-child {
      border-bottom: 0
    }

    .new-theme-design.iot-condition-monitoring-software .statusGood {
      color: var(--green);
      font-weight: 900
    }

    .new-theme-design.iot-condition-monitoring-software .statusWarn {
      color: #9A6A00;
      font-weight: 900
    }

    .new-theme-design.iot-condition-monitoring-software .statusBad {
      color: var(--danger);
      font-weight: 900
    }

    .new-theme-design.iot-condition-monitoring-software .triggerFlow {
      display: grid;
      grid-template-columns: 1fr auto 1fr auto 1fr;
      gap: 8px;
      align-items: center;
      margin-top: 22px
    }

    .new-theme-design.iot-condition-monitoring-software .step {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 12px;
      padding: 14px;
      text-align: center;
      font-size: 10px;
      font-weight: 800
    }

    .new-theme-design.iot-condition-monitoring-software .arrow {
      font-weight: 900;
      color: var(--brand)
    }

    .new-theme-design.iot-condition-monitoring-software .workBox {
      margin-top: 14px;
      padding: 13px;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 12px;
      font-size: 10px
    }

    .new-theme-design.iot-condition-monitoring-software .workBox strong {
      display: block
    }

    .new-theme-design.iot-condition-monitoring-software .workBox small {
      color: var(--muted)
    }

    .new-theme-design.iot-condition-monitoring-software .aiGrid {
      display: grid;
      grid-template-columns: .95fr 1.05fr;
      gap: 44px;
      align-items: center
    }

    .new-theme-design.iot-condition-monitoring-software .promptBox {
      background: #111;
      border: 1px solid #333;
      border-radius: 20px;
      padding: 20px
    }

    .new-theme-design.iot-condition-monitoring-software .prompt {
      background: #1B1B1B;
      border: 1px solid #303030;
      border-radius: 11px;
      padding: 12px 13px;
      margin-top: 9px;
      font-size: 12px
    }

    .new-theme-design.iot-condition-monitoring-software .aiMini {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 11px;
      margin-top: 20px
    }

    .new-theme-design.iot-condition-monitoring-software .aiMini div {
      background: #151515;
      border: 1px solid #303030;
      border-radius: 13px;
      padding: 15px
    }

    .new-theme-design.iot-condition-monitoring-software .aiMini strong {
      display: block;
      color: var(--yellow);
      font-size: 13px
    }

    .new-theme-design.iot-condition-monitoring-software .aiMini span {
      font-size: 11px;
      color: #CFCFCF
    }

    .new-theme-design.iot-condition-monitoring-software .cta {
      margin-top: 30px;
      padding: 22px 24px;
      border: 1px solid var(--line);
      border-left: 5px solid var(--yellow);
      border-radius: 17px;
      background: #fff;
      display: flex;
      justify-content: space-between;
      gap: 22px;
      align-items: center
    }

    .new-theme-design.iot-condition-monitoring-software .cta.darkCta {
      background: #121212;
      border-color: #303030;
      color: #fff
    }

    .new-theme-design.iot-condition-monitoring-software .cta h3 {
      font-size: 19px
    }

    .new-theme-design.iot-condition-monitoring-software .cta.darkCta h3 {
      color: #fff
    }

    .new-theme-design.iot-condition-monitoring-software .cta p {
      color: var(--muted);
      font-size: 13px;
      margin-top: 5px;
      max-width: 650px
    }

    .new-theme-design.iot-condition-monitoring-software .cta.darkCta p {
      color: #D1D1D1
    }

    .new-theme-design.iot-condition-monitoring-software .ctaBtns {
      display: flex;
      gap: 9px;
      flex-wrap: wrap;
      flex: 0 0 auto
    }

    .new-theme-design.iot-condition-monitoring-software .integrations {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 12px
    }

    .new-theme-design.iot-condition-monitoring-software .integration {
      height: 70px;
      background: #fff;
      border: 1px solid var(--line);
      border-bottom: 3px solid var(--brand);
      border-radius: 12px;
      display: grid;
      place-items: center;
      font-size: 12px;
      font-weight: 800
    }

    .new-theme-design.iot-condition-monitoring-software .rating {
      padding: 29px 0;
      background: #0B0B0B;
      color: #fff;
      border-top: 4px solid var(--yellow)
    }

    .new-theme-design.iot-condition-monitoring-software .ratingGrid {
      display: grid;
      grid-template-columns: 1.3fr repeat(4, 1fr);
      gap: 12px;
      align-items: center
    }

    .new-theme-design.iot-condition-monitoring-software .ratingItem {
      text-align: center;
      border-left: 1px solid #2D2D2D
    }

    .new-theme-design.iot-condition-monitoring-software .stars {
      color: var(--yellow);
      letter-spacing: 2px
    }

    .new-theme-design.iot-condition-monitoring-software .useCases {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 15px
    }

    .new-theme-design.iot-condition-monitoring-software .useCase {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 16px;
      padding: 20px
    }

    .new-theme-design.iot-condition-monitoring-software .useIcon {
      width: 42px;
      height: 42px;
      border-radius: 11px;
      background: var(--yellow);
      display: grid;
      place-items: center;
      font-size: 10px;
      font-weight: 900;
      margin-bottom: 14px
    }

    .new-theme-design.iot-condition-monitoring-software .useCase p {
      color: var(--muted);
      font-size: 12px;
      margin-top: 7px
    }

    .new-theme-design.iot-condition-monitoring-software .faq {
      max-width: 900px
    }

    .new-theme-design.iot-condition-monitoring-software .faq details {
      border: 1px solid var(--line);
      border-radius: 13px;
      padding: 18px 20px;
      margin-bottom: 10px;
      background: #fff
    }

    .new-theme-design.iot-condition-monitoring-software .faq summary {
      font-weight: 800;
      cursor: pointer;
      color: var(--navy)
    }

    .new-theme-design.iot-condition-monitoring-software .faq details p {
      color: var(--muted);
      font-size: 16px;
      margin-top: 10px
    }

    .new-theme-design.iot-condition-monitoring-software .final {
      background: linear-gradient(135deg, var(--black), #202020);
      border-top: 5px solid var(--yellow);
      padding: 44px;
      color: #fff;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 28px;
      align-items: center
    }

    .new-theme-design.iot-condition-monitoring-software .final h2 {
      color: #fff
    }

    .new-theme-design.iot-condition-monitoring-software .final p {
      color: #DDD;
      margin-top: 12px;
      max-width: 700px
    }

    .new-theme-design.iot-condition-monitoring-software .reveal {
      opacity: 0;
      transform: translateY(18px);
      transition: .6s ease
    }

    .new-theme-design.iot-condition-monitoring-software .reveal.show {
      opacity: 1;
      transform: none
    }

    @media(max-width:960px) {

      .new-theme-design.iot-condition-monitoring-software .heroGrid,
      .new-theme-design.iot-condition-monitoring-software .feature,
      .new-theme-design.iot-condition-monitoring-software .aiGrid,
      .new-theme-design.iot-condition-monitoring-software .final {
        grid-template-columns: 1fr
      }

      .new-theme-design.iot-condition-monitoring-software .feature.reverse .visual {
        order: 0
      }

      .new-theme-design.iot-condition-monitoring-software .iotStage {
        margin: auto
      }

      .new-theme-design.iot-condition-monitoring-software .outcomes,
      .new-theme-design.iot-condition-monitoring-software .useCases {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.iot-condition-monitoring-software .flowGrid {
        grid-template-columns: 1fr 1fr
      }

      .new-theme-design.iot-condition-monitoring-software .logos {
        grid-template-columns: repeat(4, 1fr)
      }

      .new-theme-design.iot-condition-monitoring-software .integrations {
        grid-template-columns: repeat(3, 1fr)
      }

      .new-theme-design.iot-condition-monitoring-software .ratingGrid {
        grid-template-columns: repeat(2, 1fr)
      }
    }

    @media(max-width:640px) {
      .new-theme-design.iot-condition-monitoring-software .wrap {
        width: calc(100% - 24px)
      }

      section {
        padding: 56px 0
      }

      .new-theme-design.iot-condition-monitoring-software .hero {
        padding: 54px 0
      }

      h1 {
        font-size: 42px
      }

      .new-theme-design.iot-condition-monitoring-software .iotStage {
        min-height: 430px;
        max-width: 360px
      }

      .new-theme-design.iot-condition-monitoring-software .tech {
        width: 215px;
        height: 330px;
        top: 65px
      }

      .new-theme-design.iot-condition-monitoring-software .sensorPhone {
        width: 174px;
        right: 0
      }

      .new-theme-design.iot-condition-monitoring-software .phoneScreen {
        min-height: 355px
      }

      .new-theme-design.iot-condition-monitoring-software .gatewayCard {
        width: 150px;
        left: 0;
        bottom: 8px
      }

      .new-theme-design.iot-condition-monitoring-software .fl,
      .new-theme-design.iot-condition-monitoring-software .outcomes,
      .new-theme-design.iot-condition-monitoring-software .useCases,
      .new-theme-design.iot-condition-monitoring-software .flowGrid,
      .new-theme-design.iot-condition-monitoring-software .logos,
      .new-theme-design.iot-condition-monitoring-software .integrations,
      .new-theme-design.iot-condition-monitoring-software .aiMini,
      .new-theme-design.iot-condition-monitoring-software .ratingGrid {
        grid-template-columns: 1fr
      }

      .new-theme-design.iot-condition-monitoring-software .cta {
        flex-direction: column;
        align-items: flex-start
      }

      .new-theme-design.iot-condition-monitoring-software .triggerFlow {
        grid-template-columns: 1fr
      }

      .new-theme-design.iot-condition-monitoring-software .arrow {
        transform: rotate(90deg)
      }
    }

    @media(prefers-reduced-motion:reduce) {

      *,
      *:before,
      *:after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important
      }
    }

    .new-theme-design.iot-condition-monitoring-software .heroPills {
      display: flex;
      gap: 7px;
      flex-wrap: wrap;
      margin-top: 13px
    }

    .new-theme-design.iot-condition-monitoring-software .heroPills span {
      display: inline-flex;
      padding: 6px 9px;
      border-radius: 999px;
      border: 1px solid #C8E8F7;
      background: rgba(255, 255, 255, .78);
      color: var(--navy);
      font-size: 10px;
      font-weight: 800;
      box-shadow: 0 5px 14px rgba(6, 59, 92, .05)
    }

    .new-theme-design.iot-condition-monitoring-software

    /* Richer hero canvas */
    .hero {
      background:
        radial-gradient(circle at 72% 20%, rgba(0, 168, 248, .24), transparent 23%),
        radial-gradient(circle at 92% 58%, rgba(255, 201, 40, .18), transparent 22%),
        radial-gradient(circle at 62% 72%, rgba(17, 138, 97, .11), transparent 23%),
        linear-gradient(180deg, #fff, #ECF8FF) !important;
    }

    .new-theme-design.iot-condition-monitoring-software .iotStage:before {
      content: "";
      position: absolute;
      inset: 40px 0 30px 60px;
      border-radius: 34px;
      background:
        linear-gradient(rgba(0, 168, 248, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 168, 248, .045) 1px, transparent 1px);
      background-size: 28px 28px;
      mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 82%, transparent);
      z-index: 0
    }

    .new-theme-design.iot-condition-monitoring-software .iotStage:after {
      content: "";
      position: absolute;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      left: 45%;
      top: 35%;
      background: var(--brand);
      box-shadow:
        72px -65px 0 rgba(0, 168, 248, .55),
        126px 28px 0 rgba(255, 201, 40, .8),
        -76px 60px 0 rgba(17, 138, 97, .5),
        98px 142px 0 rgba(0, 168, 248, .4);
      animation: networkPulse 2.8s ease-in-out infinite;
      z-index: 2
    }

    @keyframes networkPulse {
      50% {
        filter: drop-shadow(0 0 9px rgba(0, 168, 248, .6));
        transform: scale(1.12)
      }
    }

    .new-theme-design.iot-condition-monitoring-software

    /* Technician richer separation */
    .tech {
      width: 325px !important;
      height: 478px !important;
      left: 41% !important;
      top: 32px !important;
      filter: drop-shadow(0 24px 28px rgba(0, 48, 79, .22)) !important
    }

    .new-theme-design.iot-condition-monitoring-software .halo {
      background:
        radial-gradient(circle at 50% 45%, rgba(255, 255, 255, .8) 0 16%, transparent 17%),
        radial-gradient(circle, rgba(0, 168, 248, .24), rgba(0, 168, 248, .09) 47%, transparent 71%) !important;
    }

    .new-theme-design.iot-condition-monitoring-software

    /* More colorful sensor phone */
    .sensorPhone {
      background: linear-gradient(145deg, #07111D, #172A3A) !important;
      border: 1px solid #344B5F !important;
      box-shadow: 0 26px 58px rgba(0, 62, 103, .28), 0 0 0 5px rgba(0, 168, 248, .04) !important
    }

    .new-theme-design.iot-condition-monitoring-software .phoneHead {
      background: linear-gradient(135deg, #E7F8FF, #EEF4FF 55%, #FFF6D2) !important
    }

    .new-theme-design.iot-condition-monitoring-software .assetBox {
      box-shadow: 0 8px 22px rgba(6, 59, 92, .07)
    }

    .new-theme-design.iot-condition-monitoring-software .metric:nth-child(1) {
      background: linear-gradient(145deg, #fff, #EAF8FF)
    }

    .new-theme-design.iot-condition-monitoring-software .metric:nth-child(2) {
      background: linear-gradient(145deg, #fff, #FFF7D6)
    }

    .new-theme-design.iot-condition-monitoring-software .metric:nth-child(3) {
      background: linear-gradient(145deg, #fff, #EAF8F3)
    }

    .new-theme-design.iot-condition-monitoring-software .iotChart {
      background:
        linear-gradient(rgba(0, 168, 248, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 168, 248, .05) 1px, transparent 1px),
        linear-gradient(180deg, #fff, #F4FBFF) !important;
      background-size: 20px 20px !important
    }

    .new-theme-design.iot-condition-monitoring-software .alertBox {
      background: linear-gradient(135deg, #0B1A27, #142C3D) !important;
      border: 1px solid #24445A
    }

    .new-theme-design.iot-condition-monitoring-software

    /* Gateway card color */
    .gatewayCard {
      background: linear-gradient(145deg, #08131D, #12293A) !important;
      border-color: #25475D !important;
    }

    .new-theme-design.iot-condition-monitoring-software .sensorNode:nth-child(1) .sensorDot {
      background: #04D596
    }

    .new-theme-design.iot-condition-monitoring-software .sensorNode:nth-child(2) .sensorDot {
      background: #FFC928
    }

    .new-theme-design.iot-condition-monitoring-software .sensorNode:nth-child(3) .sensorDot {
      background: #30B8FF
    }

    .new-theme-design.iot-condition-monitoring-software .sensorNode:nth-child(4) .sensorDot {
      background: #9A7BFF
    }

    .new-theme-design.iot-condition-monitoring-software

    /* Floating wireless symbols */
    .iotWireless {
      position: absolute;
      z-index: 3;
      color: var(--brand);
      font-weight: 900;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: #fff;
      border: 1px solid #BDE4F7;
      box-shadow: 0 10px 22px rgba(6, 59, 92, .10);
      animation: wirelessFloat 3.5s ease-in-out infinite
    }

    @keyframes wirelessFloat {
      50% {
        transform: translateY(-7px) scale(1.05)
      }
    }

    .new-theme-design.iot-condition-monitoring-software

    /* Body visual richness */
    .outcome:nth-child(1) {
      border-top-color: #00A8F8
    }

    .new-theme-design.iot-condition-monitoring-software .outcome:nth-child(2) {
      border-top-color: #FFC928
    }

    .new-theme-design.iot-condition-monitoring-software .outcome:nth-child(3) {
      border-top-color: #118A61
    }

    .new-theme-design.iot-condition-monitoring-software .outcome:nth-child(4) {
      border-top-color: #8A6CE8
    }

    .new-theme-design.iot-condition-monitoring-software .flowCard:nth-child(1) .flowNum {
      background: #00A8F8
    }

    .new-theme-design.iot-condition-monitoring-software .flowCard:nth-child(2) .flowNum {
      background: #118A61
    }

    .new-theme-design.iot-condition-monitoring-software .flowCard:nth-child(3) .flowNum {
      background: #8A6CE8
    }

    .new-theme-design.iot-condition-monitoring-software .flowCard:nth-child(4) .flowNum {
      background: #FF9828
    }

    .new-theme-design.iot-condition-monitoring-software .flowCard:nth-child(5) .flowNum {
      background: #00BFA5
    }

    .new-theme-design.iot-condition-monitoring-software .flowCard:nth-child(1) .flowIcon {
      background: #EAF8FF
    }

    .new-theme-design.iot-condition-monitoring-software .flowCard:nth-child(2) .flowIcon {
      background: #EAF8F3
    }

    .new-theme-design.iot-condition-monitoring-software .flowCard:nth-child(3) .flowIcon {
      background: #F0ECFF
    }

    .new-theme-design.iot-condition-monitoring-software .flowCard:nth-child(4) .flowIcon {
      background: #FFF0DD
    }

    .new-theme-design.iot-condition-monitoring-software .flowCard:nth-child(5) .flowIcon {
      background: #E4FBF7
    }

    .new-theme-design.iot-condition-monitoring-software

    /* New condition maintenance section */
    .iotCommercial {
      background: linear-gradient(180deg, #fff, #F7FCFF)
    }

    .new-theme-design.iot-condition-monitoring-software .conditionVisual {
      background:
        radial-gradient(circle at 90% 10%, rgba(255, 201, 40, .18), transparent 25%),
        linear-gradient(145deg, #F4FBFF, #fff) !important
    }

    .new-theme-design.iot-condition-monitoring-software .conditionHeader {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #0C2232;
      color: #fff;
      border-radius: 13px;
      padding: 12px 14px
    }

    .new-theme-design.iot-condition-monitoring-software .conditionHeader strong {
      font-size: 12px
    }

    .new-theme-design.iot-condition-monitoring-software .conditionHeader span {
      background: #04D596;
      color: #062A20;
      border-radius: 999px;
      padding: 4px 7px;
      font-size: 7px;
      font-weight: 900
    }

    .new-theme-design.iot-condition-monitoring-software .conditionTimeline {
      margin-top: 13px;
      display: grid;
      gap: 9px
    }

    .new-theme-design.iot-condition-monitoring-software .timelineRow {
      display: grid;
      grid-template-columns: 13px 1fr auto;
      gap: 10px;
      align-items: center;
      padding: 11px;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 12px;
      box-shadow: 0 6px 16px rgba(6, 59, 92, .04)
    }

    .new-theme-design.iot-condition-monitoring-software .timelineDot {
      width: 11px;
      height: 11px;
      border-radius: 50%
    }

    .new-theme-design.iot-condition-monitoring-software .timelineDot.good {
      background: #16C98D;
      box-shadow: 0 0 0 5px rgba(22, 201, 141, .10)
    }

    .new-theme-design.iot-condition-monitoring-software .timelineDot.warn {
      background: #FFC928;
      box-shadow: 0 0 0 5px rgba(255, 201, 40, .12)
    }

    .new-theme-design.iot-condition-monitoring-software .timelineDot.bad {
      background: #E25757;
      box-shadow: 0 0 0 5px rgba(226, 87, 87, .10)
    }

    .new-theme-design.iot-condition-monitoring-software .timelineRow strong {
      display: block;
      font-size: 10px
    }

    .new-theme-design.iot-condition-monitoring-software .timelineRow small {
      display: block;
      font-size: 8px;
      color: var(--muted)
    }

    .new-theme-design.iot-condition-monitoring-software .timelineState {
      font-size: 7px;
      font-weight: 900;
      border-radius: 999px;
      padding: 5px 7px
    }

    .new-theme-design.iot-condition-monitoring-software .timelineState.normal {
      background: var(--greenbg);
      color: var(--green)
    }

    .new-theme-design.iot-condition-monitoring-software .timelineState.review {
      background: var(--yellowsoft);
      color: #7B5B00
    }

    .new-theme-design.iot-condition-monitoring-software .timelineState.work {
      background: #FFF0F0;
      color: var(--danger)
    }

    .new-theme-design.iot-condition-monitoring-software .conditionFooter {
      margin-top: 13px;
      padding: 12px 13px;
      border-radius: 12px;
      background: linear-gradient(135deg, #0B1B29, #123A51);
      color: #fff;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 10px
    }

    .new-theme-design.iot-condition-monitoring-software .conditionFooter strong {
      display: block;
      font-size: 9px
    }

    .new-theme-design.iot-condition-monitoring-software .conditionFooter span {
      display: block;
      font-size: 7px;
      color: #D2E2EB
    }

    .new-theme-design.iot-condition-monitoring-software .conditionPulse {
      background: var(--yellow);
      color: #000;
      border-radius: 999px;
      padding: 6px 8px;
      font-size: 7px;
      font-weight: 900;
      animation: woPulse 1.8s ease-in-out infinite
    }

    @keyframes woPulse {
      50% {
        box-shadow: 0 0 0 7px rgba(255, 201, 40, .12)
      }
    }

    .new-theme-design.iot-condition-monitoring-software

    /* Better hover energy */
    .flowCard,
    .new-theme-design.iot-condition-monitoring-software .outcome,
    .new-theme-design.iot-condition-monitoring-software .integration,
    .new-theme-design.iot-condition-monitoring-software .useCase,
    .new-theme-design.iot-condition-monitoring-software .monitorCard {
      transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease
    }

    .new-theme-design.iot-condition-monitoring-software .flowCard:hover,
    .new-theme-design.iot-condition-monitoring-software .outcome:hover,
    .new-theme-design.iot-condition-monitoring-software .integration:hover,
    .new-theme-design.iot-condition-monitoring-software .useCase:hover,
    .new-theme-design.iot-condition-monitoring-software .monitorCard:hover {
      transform: translateY(-4px);
      box-shadow: 0 15px 28px rgba(6, 59, 92, .09)
    }

    .new-theme-design.iot-condition-monitoring-software .feature {
      gap: 54px !important
    }

    .new-theme-design.iot-condition-monitoring-software .visual {
      min-height: 390px !important;
      padding: 22px !important;
      border-radius: 24px !important;
      border: 1px solid #BFE4F5 !important;
      background:
        radial-gradient(circle at 90% 10%, rgba(255, 201, 40, .14), transparent 24%),
        radial-gradient(circle at 15% 85%, rgba(0, 168, 248, .11), transparent 24%),
        linear-gradient(145deg, #FFFFFF, #EAF8FF) !important;
      box-shadow: 0 22px 54px rgba(6, 59, 92, .13) !important;
    }

    .new-theme-design.iot-condition-monitoring-software .visual:before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        linear-gradient(rgba(0, 168, 248, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 168, 248, .035) 1px, transparent 1px);
      background-size: 24px 24px;
      mask-image: linear-gradient(135deg, #000, transparent 75%);
    }

    .new-theme-design.iot-condition-monitoring-software .visual>* {
      position: relative;
      z-index: 2
    }

    .new-theme-design.iot-condition-monitoring-software .flowCard {
      min-height: 220px !important;
      overflow: hidden;
      box-shadow: 0 10px 26px rgba(6, 59, 92, .06);
    }

    .new-theme-design.iot-condition-monitoring-software .flowCard .flowIcon {
      width: 58px !important;
      height: 58px !important;
      border-radius: 16px !important;
      position: relative;
    }

    .new-theme-design.iot-condition-monitoring-software .flowCard .flowIcon:after {
      content: "";
      position: absolute;
      inset: 8px;
      border-radius: 50%;
      border: 2px dashed rgba(6, 59, 92, .2);
      animation: flowSpin 8s linear infinite;
    }

    .new-theme-design.iot-condition-monitoring-software .flowCard:nth-child(1):before {
      content: "";
      position: absolute;
      right: 14px;
      top: 18px;
      width: 42px;
      height: 42px;
      border-radius: 50%;
      background: radial-gradient(circle, #00A8F8 0 12%, transparent 13%),
        radial-gradient(circle at 70% 20%, #00A8F8 0 8%, transparent 9%),
        radial-gradient(circle at 25% 75%, #00A8F8 0 8%, transparent 9%);
      opacity: .18;
    }

    .new-theme-design.iot-condition-monitoring-software .flowCard:nth-child(2):before {
      content: "";
      position: absolute;
      right: 15px;
      top: 22px;
      width: 56px;
      height: 36px;
      background: linear-gradient(145deg, transparent 46%, #118A61 47% 52%, transparent 53%);
      opacity: .25;
      transform: skewX(-16deg)
    }

    .new-theme-design.iot-condition-monitoring-software .flowCard:nth-child(3):before {
      content: "";
      position: absolute;
      right: 18px;
      top: 22px;
      width: 46px;
      height: 46px;
      border-radius: 50%;
      border: 6px solid rgba(138, 108, 232, .18);
      box-shadow: 0 0 0 7px rgba(138, 108, 232, .07)
    }

    .new-theme-design.iot-condition-monitoring-software .flowCard:nth-child(4):before {
      content: "!";
      position: absolute;
      right: 18px;
      top: 20px;
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: #FFF1DF;
      color: #FF9828;
      display: grid;
      place-items: center;
      font-weight: 900
    }

    .new-theme-design.iot-condition-monitoring-software .flowCard:nth-child(5):before {
      content: "✓";
      position: absolute;
      right: 18px;
      top: 20px;
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: #E4FBF7;
      color: #00A98F;
      display: grid;
      place-items: center;
      font-weight: 900
    }

    @keyframes flowSpin {
      to {
        transform: rotate(360deg)
      }
    }

    .new-theme-design.iot-condition-monitoring-software .monitorBoard {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 12px !important
    }

    .new-theme-design.iot-condition-monitoring-software .monitorCard {
      padding: 16px !important;
      border-radius: 14px !important;
      overflow: hidden;
      position: relative;
    }

    .new-theme-design.iot-condition-monitoring-software .monitorCard strong {
      font-size: 21px !important;
      color: var(--navy)
    }

    .new-theme-design.iot-condition-monitoring-software .monitorCard span {
      font-size: 10px !important
    }

    .new-theme-design.iot-condition-monitoring-software .monitorCard:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      height: 4px;
      width: 65%;
      background: linear-gradient(90deg, var(--brand), #69D0FF);
      animation: metricFlow 3.4s ease-in-out infinite alternate
    }

    .new-theme-design.iot-condition-monitoring-software .monitorCard:nth-child(2):after {
      background: linear-gradient(90deg, var(--yellow), #FF9E32);
      width: 74%
    }

    .new-theme-design.iot-condition-monitoring-software .monitorCard:nth-child(3):after {
      background: linear-gradient(90deg, var(--green), #51D7A6);
      width: 52%
    }

    .new-theme-design.iot-condition-monitoring-software .monitorCard:nth-child(4):after {
      background: linear-gradient(90deg, #8A6CE8, #B79BFF);
      width: 84%
    }

    @keyframes metricFlow {
      from {
        transform: scaleX(.45);
        transform-origin: left
      }

      to {
        transform: scaleX(1);
        transform-origin: left
      }
    }

    .new-theme-design.iot-condition-monitoring-software .assetHealthGraphic {
      margin-top: 15px;
      background: #0C2333;
      color: #fff;
      border-radius: 17px;
      padding: 15px;
      display: grid;
      grid-template-columns: 122px 1fr;
      gap: 15px;
      align-items: center;
      border: 1px solid #19455E;
      box-shadow: 0 16px 28px rgba(0, 45, 73, .18)
    }

    .new-theme-design.iot-condition-monitoring-software .healthRingLarge {
      width: 112px;
      height: 112px;
      border-radius: 50%;
      background: conic-gradient(#12CB88 0 84%, #183A4D 84% 100%);
      display: grid;
      place-items: center;
      position: relative
    }

    .new-theme-design.iot-condition-monitoring-software .healthRingLarge:after {
      content: "";
      position: absolute;
      inset: 15px;
      border-radius: 50%;
      background: #0C2333
    }

    .new-theme-design.iot-condition-monitoring-software .healthRingLarge div {
      position: relative;
      z-index: 2;
      text-align: center
    }

    .new-theme-design.iot-condition-monitoring-software .healthRingLarge strong {
      display: block;
      font-size: 26px;
      color: #fff
    }

    .new-theme-design.iot-condition-monitoring-software .healthRingLarge span {
      display: block;
      font-size: 8px;
      color: #BFD8E5
    }

    .new-theme-design.iot-condition-monitoring-software .assetSpark {
      height: 104px;
      position: relative
    }

    .new-theme-design.iot-condition-monitoring-software .assetSpark svg {
      width: 100%;
      height: 100%
    }

    .new-theme-design.iot-condition-monitoring-software .assetSpark .sparkLine {
      fill: none;
      stroke: #38C4FF;
      stroke-width: 3;
      stroke-linejoin: round;
      stroke-linecap: round
    }

    .new-theme-design.iot-condition-monitoring-software .assetSpark .sparkArea {
      fill: rgba(56, 196, 255, .10)
    }

    .new-theme-design.iot-condition-monitoring-software .assetSpark .sparkThreshold {
      stroke: #FF6767;
      stroke-width: 1.5;
      stroke-dasharray: 6 5
    }

    .new-theme-design.iot-condition-monitoring-software .assetSpark .sparkDot {
      fill: #fff;
      stroke: #38C4FF;
      stroke-width: 3
    }

    .new-theme-design.iot-condition-monitoring-software .assetSparkLabel {
      position: absolute;
      left: 0;
      top: 0;
      font-size: 8px;
      color: #BFD8E5
    }

    .new-theme-design.iot-condition-monitoring-software .assetSparkValue {
      position: absolute;
      right: 0;
      top: 0;
      font-size: 9px;
      color: #fff;
      font-weight: 900
    }

    .new-theme-design.iot-condition-monitoring-software

    /* Trigger section: richer animated workflow */
    .triggerFlow {
      gap: 12px !important;
      margin-top: 16px !important
    }

    .new-theme-design.iot-condition-monitoring-software .step {
      min-height: 82px;
      display: grid;
      place-items: center;
      padding: 14px 10px !important;
      border-radius: 15px !important;
      box-shadow: 0 8px 20px rgba(6, 59, 92, .06)
    }

    .new-theme-design.iot-condition-monitoring-software .triggerFlow .step:nth-child(1) {
      border-top: 4px solid #00A8F8
    }

    .new-theme-design.iot-condition-monitoring-software .triggerFlow .step:nth-child(3) {
      border-top: 4px solid #FFC928
    }

    .new-theme-design.iot-condition-monitoring-software .triggerFlow .step:nth-child(5) {
      border-top: 4px solid #118A61
    }

    .new-theme-design.iot-condition-monitoring-software .triggerFlow .arrow {
      font-size: 22px
    }

    .new-theme-design.iot-condition-monitoring-software .workBox {
      padding: 15px !important;
      border-radius: 14px !important;
      box-shadow: 0 8px 18px rgba(6, 59, 92, .05);
      position: relative;
      overflow: hidden
    }

    .new-theme-design.iot-condition-monitoring-software .workBox:after {
      content: "";
      position: absolute;
      left: -35%;
      top: 0;
      bottom: 0;
      width: 25%;
      background: linear-gradient(90deg, transparent, rgba(0, 168, 248, .08), transparent);
      animation: workSweep 4s ease-in-out infinite
    }

    @keyframes workSweep {

      0%,
      45% {
        left: -35%
      }

      70%,
      100% {
        left: 115%
      }
    }

    .new-theme-design.iot-condition-monitoring-software .autoWorkProgress {
      margin-top: 15px;
      background: #0C2333;
      border-radius: 14px;
      color: #fff;
      padding: 13px 14px
    }

    .new-theme-design.iot-condition-monitoring-software .autoWorkProgressTop {
      display: flex;
      justify-content: space-between;
      font-size: 9px;
      font-weight: 800
    }

    .new-theme-design.iot-condition-monitoring-software .autoWorkTrack {
      height: 9px;
      background: #17394D;
      border-radius: 999px;
      overflow: hidden;
      margin-top: 8px
    }

    .new-theme-design.iot-condition-monitoring-software .autoWorkFill {
      height: 100%;
      width: 78%;
      border-radius: inherit;
      background: linear-gradient(90deg, #00A8F8, #12CB88, #FFC928);
      animation: autoWorkGrow 3s ease-in-out infinite alternate
    }

    @keyframes autoWorkGrow {
      from {
        width: 43%
      }

      to {
        width: 92%
      }
    }

    .new-theme-design.iot-condition-monitoring-software .conditionVisual {
      min-height: 410px !important
    }

    .new-theme-design.iot-condition-monitoring-software .conditionTimeline {
      gap: 12px !important
    }

    .new-theme-design.iot-condition-monitoring-software .timelineRow {
      padding: 14px !important
    }

    .new-theme-design.iot-condition-monitoring-software .timelineRow strong {
      font-size: 12px !important
    }

    .new-theme-design.iot-condition-monitoring-software .timelineRow small {
      font-size: 9px !important
    }

    .new-theme-design.iot-condition-monitoring-software .conditionFooter {
      padding: 15px !important
    }

    .new-theme-design.iot-condition-monitoring-software .conditionPulse {
      padding: 8px 10px !important
    }

    .new-theme-design.iot-condition-monitoring-software

    /* Add animated mini chart to condition visual */
    .conditionMiniChart {
      height: 95px;
      margin-top: 14px;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 13px;
      padding: 9px;
      position: relative;
      overflow: hidden
    }

    .new-theme-design.iot-condition-monitoring-software .conditionMiniChart svg {
      width: 100%;
      height: 100%
    }

    .new-theme-design.iot-condition-monitoring-software .conditionMiniChart .condLine {
      fill: none;
      stroke: #8A6CE8;
      stroke-width: 3;
      stroke-dasharray: 480;
      stroke-dashoffset: 480;
      animation: condDraw 3.4s ease forwards infinite
    }

    .new-theme-design.iot-condition-monitoring-software .conditionMiniChart .condArea {
      fill: rgba(138, 108, 232, .09)
    }

    .new-theme-design.iot-condition-monitoring-software .conditionMiniChart .condThreshold {
      stroke: #E25757;
      stroke-width: 1.5;
      stroke-dasharray: 6 5
    }

    @keyframes condDraw {
      0% {
        stroke-dashoffset: 480
      }

      65%,
      100% {
        stroke-dashoffset: 0
      }
    }

    .new-theme-design.iot-condition-monitoring-software .integration {
      min-height: 82px !important;
      position: relative;
      overflow: hidden;
      transition: .22s ease
    }

    .new-theme-design.iot-condition-monitoring-software .integration:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 5px;
      background: var(--brand)
    }

    .new-theme-design.iot-condition-monitoring-software .integration:nth-child(2):before {
      background: #FFC928
    }

    .new-theme-design.iot-condition-monitoring-software .integration:nth-child(3):before {
      background: #8A6CE8
    }

    .new-theme-design.iot-condition-monitoring-software .integration:nth-child(4):before {
      background: #00BFA5
    }

    .new-theme-design.iot-condition-monitoring-software .integration:nth-child(5):before {
      background: #FF8C42
    }

    .new-theme-design.iot-condition-monitoring-software .integration:nth-child(6):before {
      background: #64B5F6
    }

    .new-theme-design.iot-condition-monitoring-software .integration:nth-child(7):before {
      background: #7C67E8
    }

    .new-theme-design.iot-condition-monitoring-software .integration:nth-child(8):before {
      background: #118A61
    }

    .new-theme-design.iot-condition-monitoring-software .integration:nth-child(9):before {
      background: #E25757
    }

    .new-theme-design.iot-condition-monitoring-software .integration:nth-child(10):before {
      background: #00A8F8
    }

    .new-theme-design.iot-condition-monitoring-software .integrationPulseRow {
      margin-top: 22px;
      background: #0D2535;
      color: #fff;
      border-radius: 16px;
      padding: 13px 15px;
      display: grid;
      grid-template-columns: auto 1fr auto;
      gap: 12px;
      align-items: center
    }

    .new-theme-design.iot-condition-monitoring-software .integrationPulseDot {
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: #12CB88;
      box-shadow: 0 0 0 6px rgba(18, 203, 136, .10);
      animation: intPulse 1.7s ease-in-out infinite
    }

    .new-theme-design.iot-condition-monitoring-software .integrationStream {
      height: 8px;
      border-radius: 999px;
      background: #173B50;
      overflow: hidden
    }

    .new-theme-design.iot-condition-monitoring-software .integrationStream span {
      display: block;
      height: 100%;
      width: 32%;
      border-radius: inherit;
      background: linear-gradient(90deg, #00A8F8, #12CB88, #FFC928);
      animation: streamMove 2.6s linear infinite
    }

    .new-theme-design.iot-condition-monitoring-software .integrationPulseRow strong {
      font-size: 10px
    }

    @keyframes intPulse {
      50% {
        box-shadow: 0 0 0 11px rgba(18, 203, 136, .03)
      }
    }

    @keyframes streamMove {
      from {
        transform: translateX(-120%)
      }

      to {
        transform: translateX(330%)
      }
    }

    /* Respect reduced motion */
    @media(prefers-reduced-motion:reduce) {

      .new-theme-design.iot-condition-monitoring-software .flowIcon:after,
      .new-theme-design.iot-condition-monitoring-software .monitorCard:after,
      .new-theme-design.iot-condition-monitoring-software .workBox:after,
      .new-theme-design.iot-condition-monitoring-software .autoWorkFill,
      .new-theme-design.iot-condition-monitoring-software .conditionMiniChart .condLine,
      .new-theme-design.iot-condition-monitoring-software .integrationPulseDot,
      .new-theme-design.iot-condition-monitoring-software .integrationStream span {
        animation: none !important
      }
    }

    .new-theme-design.iot-condition-monitoring-software .sensorTypeGrid {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 12px;
      margin-top: 28px
    }

    .new-theme-design.iot-condition-monitoring-software .sensorTypeCard {
      min-height: 145px;
      border: 1px solid var(--line);
      border-radius: 16px;
      background: #fff;
      padding: 16px;
      text-align: center;
      box-shadow: 0 8px 22px rgba(6, 59, 92, .05);
      position: relative;
      overflow: hidden;
      transition: .22s ease
    }

    .new-theme-design.iot-condition-monitoring-software .sensorTypeCard:hover {
      transform: translateY(-4px);
      box-shadow: 0 15px 30px rgba(6, 59, 92, .10)
    }

    .new-theme-design.iot-condition-monitoring-software .sensorTypeIcon {
      width: 52px;
      height: 52px;
      border-radius: 15px;
      margin: 0 auto 12px;
      display: grid;
      place-items: center;
      font-weight: 900;
      font-size: 10px;
      color: #0B2232;
      position: relative
    }

    .new-theme-design.iot-condition-monitoring-software .sensorTypeCard:nth-child(1) .sensorTypeIcon {
      background: #EAF8FF
    }

    .new-theme-design.iot-condition-monitoring-software .sensorTypeCard:nth-child(2) .sensorTypeIcon {
      background: #FFF4D5
    }

    .new-theme-design.iot-condition-monitoring-software .sensorTypeCard:nth-child(3) .sensorTypeIcon {
      background: #EAF8F3
    }

    .new-theme-design.iot-condition-monitoring-software .sensorTypeCard:nth-child(4) .sensorTypeIcon {
      background: #F0ECFF
    }

    .new-theme-design.iot-condition-monitoring-software .sensorTypeCard:nth-child(5) .sensorTypeIcon {
      background: #FFF0EA
    }

    .new-theme-design.iot-condition-monitoring-software .sensorTypeCard:nth-child(6) .sensorTypeIcon {
      background: #EAF4FF
    }

    .new-theme-design.iot-condition-monitoring-software .sensorTypeIcon:after {
      content: "";
      position: absolute;
      inset: 8px;
      border-radius: 50%;
      border: 2px dashed rgba(6, 59, 92, .22);
      animation: sensorIconSpin 9s linear infinite
    }

    .new-theme-design.iot-condition-monitoring-software .sensorTypeCard strong {
      display: block;
      font-size: 16px;
      line-height: 20px;
    }

    .new-theme-design.iot-condition-monitoring-software .sensorTypeCard span {
      display: block;
      color: var(--muted);
      font-size: 15px;
      line-height: 1.45;
      margin-top: 5px
    }

    @keyframes sensorIconSpin {
      to {
        transform: rotate(360deg)
      }
    }

    .new-theme-design.iot-condition-monitoring-software .connectivitySection {
      background: linear-gradient(180deg, #F7FCFF, #fff)
    }

    .new-theme-design.iot-condition-monitoring-software .connectivityMap {
      position: relative;
      min-height: 420px;
      border-radius: 24px;
      border: 1px solid #BFE4F5;
      background:
        radial-gradient(circle at 50% 50%, rgba(0, 168, 248, .12), transparent 28%),
        linear-gradient(145deg, #F8FDFF, #EAF8FF);
      box-shadow: 0 20px 48px rgba(6, 59, 92, .10);
      overflow: hidden
    }

    .new-theme-design.iot-condition-monitoring-software .connectivityMap:before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(rgba(0, 168, 248, .04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 168, 248, .04) 1px, transparent 1px);
      background-size: 28px 28px
    }

    .new-theme-design.iot-condition-monitoring-software .connectCenter {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 150px;
      height: 150px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      text-align: center;
      background: #0C2333;
      color: #fff;
      border: 8px solid rgba(0, 168, 248, .10);
      box-shadow: 0 18px 36px rgba(0, 45, 73, .22);
      z-index: 3
    }

    .new-theme-design.iot-condition-monitoring-software .connectCenter strong {
      font-size: 15px
    }

    .new-theme-design.iot-condition-monitoring-software .connectCenter span {
      font-size: 9px;
      color: #C9DFE9;
      margin-top: 4px;
      display: block
    }

    .new-theme-design.iot-condition-monitoring-software .connectNode {
      position: absolute;
      width: 112px;
      min-height: 72px;
      border-radius: 14px;
      background: #fff;
      border: 1px solid var(--line);
      box-shadow: 0 10px 24px rgba(6, 59, 92, .08);
      padding: 12px;
      text-align: center;
      z-index: 3;
      animation: connectFloat 4s ease-in-out infinite
    }

    .new-theme-design.iot-condition-monitoring-software .connectNode strong {
      display: block;
      font-size: 11px
    }

    .new-theme-design.iot-condition-monitoring-software .connectNode span {
      font-size: 8px;
      color: var(--muted)
    }

    .new-theme-design.iot-condition-monitoring-software .node1 {
      left: 7%;
      top: 10%
    }

    .new-theme-design.iot-condition-monitoring-software .node2 {
      right: 7%;
      top: 10%;
      animation-delay: .5s
    }

    .new-theme-design.iot-condition-monitoring-software .node3 {
      left: 4%;
      bottom: 11%;
      animation-delay: 1s
    }

    .new-theme-design.iot-condition-monitoring-software .node4 {
      right: 5%;
      bottom: 10%;
      animation-delay: 1.4s
    }

    .new-theme-design.iot-condition-monitoring-software .node5 {
      left: 50%;
      top: 4%;
      transform: translateX(-50%);
      animation-delay: .8s
    }

    .new-theme-design.iot-condition-monitoring-software .node6 {
      left: 50%;
      bottom: 3%;
      transform: translateX(-50%);
      animation-delay: 1.7s
    }

    .new-theme-design.iot-condition-monitoring-software .connectLine {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 1px;
      height: 1px;
      z-index: 2
    }

    .new-theme-design.iot-condition-monitoring-software .connectivityPulse {
      position: absolute;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: var(--brand);
      box-shadow: 0 0 0 8px rgba(0, 168, 248, .08);
      z-index: 4;
      animation: pulseTravel 4s linear infinite
    }

    @keyframes connectFloat {
      50% {
        transform: translateY(-5px)
      }
    }

    @keyframes pulseTravel {
      0% {
        left: 50%;
        top: 50%;
        opacity: 0
      }

      10% {
        opacity: 1
      }

      35% {
        left: 13%;
        top: 18%
      }

      50% {
        left: 50%;
        top: 50%
      }

      70% {
        left: 84%;
        top: 78%
      }

      100% {
        left: 50%;
        top: 50%;
        opacity: 0
      }
    }

    .new-theme-design.iot-condition-monitoring-software .compareGrid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
      margin-top: 28px
    }

    .new-theme-design.iot-condition-monitoring-software .compareCard {
      border-radius: 18px;
      border: 1px solid var(--line);
      padding: 24px;
      background: #fff;
      box-shadow: 0 8px 24px rgba(6, 59, 92, .05)
    }

    .new-theme-design.iot-condition-monitoring-software .compareCard.condition {
      background: linear-gradient(145deg, #F4FCFF, #fff);
      border-top: 4px solid var(--brand)
    }

    .new-theme-design.iot-condition-monitoring-software .compareCard.preventive {
      border-top: 4px solid var(--yellow)
    }

    .new-theme-design.iot-condition-monitoring-software .compareCard h3 {
      font-size: 21px;
      margin-bottom: 14px
    }

    .new-theme-design.iot-condition-monitoring-software .compareRow {
      display: grid;
      grid-template-columns: 28px 1fr;
      gap: 10px;
      padding: 10px 0;
      border-bottom: 1px solid var(--line);
      font-size: 12px
    }

    .new-theme-design.iot-condition-monitoring-software .compareRow:last-child {
      border-bottom: 0
    }

    .new-theme-design.iot-condition-monitoring-software .compareIcon {
      width: 24px;
      height: 24px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      font-size: 10px;
      font-weight: 900
    }

    .new-theme-design.iot-condition-monitoring-software .condition .compareIcon {
      background: #EAF8FF;
      color: var(--brand-dark)
    }

    .new-theme-design.iot-condition-monitoring-software .preventive .compareIcon {
      background: var(--yellowsoft);
      color: #7B5B00
    }

    .new-theme-design.iot-condition-monitoring-software .hybridStrip {
      margin-top: 18px;
      border-radius: 16px;
      padding: 16px 18px;
      background: #0C2333;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 18px
    }

    .new-theme-design.iot-condition-monitoring-software .hybridStrip strong {
      font-size: 14px
    }

    .new-theme-design.iot-condition-monitoring-software .hybridStrip span {
      font-size: 11px;
      color: #CFE2EC
    }

    .new-theme-design.iot-condition-monitoring-software .analyticsGraphic {
      min-height: 410px;
      border-radius: 24px;
      background: #0B2333;
      padding: 18px;
      color: #fff;
      border: 1px solid #21485D;
      box-shadow: 0 22px 48px rgba(0, 45, 73, .2)
    }

    .new-theme-design.iot-condition-monitoring-software .analyticsHeader {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 14px
    }

    .new-theme-design.iot-condition-monitoring-software .analyticsHeader strong {
      font-size: 13px
    }

    .new-theme-design.iot-condition-monitoring-software .analyticsHeader span {
      background: #143D52;
      color: #A9E9FF;
      padding: 5px 7px;
      border-radius: 999px;
      font-size: 7px;
      font-weight: 900
    }

    .new-theme-design.iot-condition-monitoring-software .analyticsKpis {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 9px
    }

    .new-theme-design.iot-condition-monitoring-software .analyticsKpi {
      background: #102F41;
      border: 1px solid #1B4B62;
      border-radius: 12px;
      padding: 11px
    }

    .new-theme-design.iot-condition-monitoring-software .analyticsKpi strong {
      display: block;
      font-size: 18px;
      color: #fff
    }

    .new-theme-design.iot-condition-monitoring-software .analyticsKpi span {
      font-size: 7.5px;
      color: #BFD9E5
    }

    .new-theme-design.iot-condition-monitoring-software .analyticsChart {
      height: 180px;
      margin-top: 13px;
      border-radius: 14px;
      background:
        linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
      background-size: 28px 28px;
      position: relative;
      overflow: hidden
    }

    .new-theme-design.iot-condition-monitoring-software .analyticsChart svg {
      width: 100%;
      height: 100%
    }

    .new-theme-design.iot-condition-monitoring-software .analyticsArea {
      fill: rgba(56, 196, 255, .10)
    }

    .new-theme-design.iot-condition-monitoring-software .analyticsLine {
      fill: none;
      stroke: #38C4FF;
      stroke-width: 3;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-dasharray: 620;
      stroke-dashoffset: 620;
      animation: analyticsDraw 4.2s ease infinite
    }

    .new-theme-design.iot-condition-monitoring-software .analyticsSecond {
      fill: none;
      stroke: #FFC928;
      stroke-width: 2.4;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-dasharray: 620;
      stroke-dashoffset: 620;
      animation: analyticsDraw 4.2s .8s ease infinite
    }

    .new-theme-design.iot-condition-monitoring-software .analyticsLegend {
      display: flex;
      gap: 14px;
      margin-top: 10px;
      font-size: 8px;
      color: #C9DEE8
    }

    .new-theme-design.iot-condition-monitoring-software .legendDot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      display: inline-block;
      margin-right: 5px
    }

    @keyframes analyticsDraw {
      0% {
        stroke-dashoffset: 620
      }

      65%,
      100% {
        stroke-dashoffset: 0
      }
    }

    .new-theme-design.iot-condition-monitoring-software .proofSection {
      background: linear-gradient(180deg, #fff, #F7FCFF)
    }

    .new-theme-design.iot-condition-monitoring-software .proofGrid {
      display: grid;
      grid-template-columns: 1.2fr .8fr;
      gap: 26px;
      align-items: stretch
    }

    .new-theme-design.iot-condition-monitoring-software .proofQuote {
      border-radius: 22px;
      background: #fff;
      border: 1px solid var(--line);
      box-shadow: 0 16px 36px rgba(6, 59, 92, .08);
      padding: 28px;
      position: relative;
      overflow: hidden
    }

    .new-theme-design.iot-condition-monitoring-software .proofQuote:before {
      content: "“";
      position: absolute;
      right: 18px;
      top: -20px;
      font-size: 120px;
      line-height: 1;
      color: rgba(0, 168, 248, .08);
      font-family: Georgia, serif
    }

    .new-theme-design.iot-condition-monitoring-software .proofQuote p {
      font-size: 18px;
      line-height: 1.6;
      color: #223B4E
    }

    .new-theme-design.iot-condition-monitoring-software .proofPerson {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-top: 20px
    }

    .new-theme-design.iot-condition-monitoring-software .proofAvatar {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: linear-gradient(145deg, #B8D9E8, #6A9DB5)
    }

    .new-theme-design.iot-condition-monitoring-software .proofPerson strong {
      display: block;
      font-size: 12px
    }

    .new-theme-design.iot-condition-monitoring-software .proofPerson span {
      font-size: 10px;
      color: var(--muted)
    }

    .new-theme-design.iot-condition-monitoring-software .proofStats {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px
    }

    .new-theme-design.iot-condition-monitoring-software .proofStat {
      border-radius: 18px;
      background: #0C2333;
      color: #fff;
      padding: 20px;
      border: 1px solid #21495E
    }

    .new-theme-design.iot-condition-monitoring-software .proofStat strong {
      display: block;
      font-size: 28px;
      color: var(--yellow)
    }

    .new-theme-design.iot-condition-monitoring-software .proofStat span {
      font-size: 10px;
      color: #C9DEE8
    }

    .new-theme-design.iot-condition-monitoring-software .proofStat:nth-child(2) {
      background: #11364A
    }

    .new-theme-design.iot-condition-monitoring-software .proofStat:nth-child(3) {
      background: #0E3142
    }

    .new-theme-design.iot-condition-monitoring-software .proofStat:nth-child(4) {
      background: #133C50
    }

    .new-theme-design.iot-condition-monitoring-software .button.secondary:hover {
      background: #323232 !important;
    }

    @media(max-width:960px) {
      .new-theme-design.iot-condition-monitoring-software .sensorTypeGrid {
        grid-template-columns: repeat(3, 1fr)
      }

      .new-theme-design.iot-condition-monitoring-software .compareGrid,
      .new-theme-design.iot-condition-monitoring-software .proofGrid {
        grid-template-columns: 1fr
      }
    }

    @media(max-width:640px) {
      .new-theme-design.iot-condition-monitoring-software .sensorTypeGrid {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.iot-condition-monitoring-software .connectivityMap {
        min-height: 520px
      }

      .new-theme-design.iot-condition-monitoring-software .connectNode {
        width: 96px
      }

      .new-theme-design.iot-condition-monitoring-software .node1 {
        left: 2%
      }

      .new-theme-design.iot-condition-monitoring-software .node2 {
        right: 2%
      }

      .new-theme-design.iot-condition-monitoring-software .node3 {
        left: 2%
      }

      .new-theme-design.iot-condition-monitoring-software .node4 {
        right: 2%
      }

      .new-theme-design.iot-condition-monitoring-software .hybridStrip {
        flex-direction: column;
        align-items: flex-start
      }

      .new-theme-design.iot-condition-monitoring-software .analyticsKpis {
        grid-template-columns: 1fr
      }

      .new-theme-design.iot-condition-monitoring-software .proofStats {
        grid-template-columns: 1fr
      }
    }

    @media (max-width: 767px) {
      .new-theme-design.iot-condition-monitoring-software .heroVisual {
        display: none;
      }

      .new-theme-design.iot-condition-monitoring-software .visual {
        order: 0;
      }

      .new-theme-design.iot-condition-monitoring-software .visual-content {
        order: 1;
      }

      .new-theme-design.iot-condition-monitoring-software .step+p {
        display: none;
      }

      .new-theme-design.iot-condition-monitoring-software .final {
        padding-left: 24px;
        padding-right: 24px;
      }

      .new-theme-design.iot-condition-monitoring-software .final .button {
        width: 100%;
      }
    }

    /*----------------IoT Condition Monitoring Software Ends----------------*/
    /*----------------Asset Management Software Starts----------------*/
    :root {
      --brand: #00A8F8;
      --brand2: #007FC5;
      --navy: #063B5C;
      --navy2: #0A4E75;
      --sky: #EAF8FF;
      --sky2: #F5FBFF;
      --ink: #11283A;
      --line: #D9E8F1;
      --green: #118A61;
      --greenbg: #EAF8F3;
      --yellow: #FFC928;
      --yellowsoft: #FFF7D6;
      --black: #0B0B0B;
      --black2: #171717;
      --red: #E25757;
      --purple: #7C67E8;
      --shadow: 0 18px 48px rgba(6, 59, 92, .12);
    }

    .new-theme-design.asset-management-software .ey {
      display: inline-flex;
      padding: 8px 13px;
      border-radius: 999px;
      background: var(--yellowsoft);
      font-size: 13px;
      font-weight: 850;
      margin-bottom: 18px
    }

    .new-theme-design.asset-management-software .lead {
      font-size: 18px;
      color: var(--muted);
      margin-top: 20px;
      max-width: 760px
    }

    .new-theme-design.asset-management-software .btn {
      display: inline-flex;
      min-height: 48px;
      padding: 0 22px;
      align-items: center;
      justify-content: center;
      border-radius: 12px;
      border: 1px solid transparent;
      font-weight: 850;
      transition: .2s
    }

    .new-theme-design.asset-management-software .btn:hover {
      transform: translateY(-2px)
    }

    .new-theme-design.asset-management-software .btn.black {
      background: #0b0b0b;
      color: #fff
    }

    .new-theme-design.asset-management-software .btn.yellow {
      background: var(--yellow);
      color: #000
    }

    .new-theme-design.asset-management-software .btn.outline {
      background: #fff;
      border-color: var(--line);
      color: var(--navy)
    }

    .new-theme-design.asset-management-software .actions {
      display: flex;
      gap: 11px;
      flex-wrap: wrap;
      margin-top: 27px
    }

    .new-theme-design.asset-management-software .micro {
      font-size: 12px;
      color: var(--muted);
      margin-top: 14px
    }

    .new-theme-design.asset-management-software .soft {
      background: var(--sky2)
    }

    .new-theme-design.asset-management-software .dark {
      background: linear-gradient(135deg, var(--black), var(--black2));
      color: #fff;
      border-top: 4px solid var(--yellow)
    }

    .new-theme-design.asset-management-software .dark h2,
    .new-theme-design.asset-management-software .dark h3 {
      color: #fff
    }

    .new-theme-design.asset-management-software .dark p {
      color: #D6D6D6
    }

    .new-theme-design.asset-management-software .dark .ey {
      background: var(--yellow);
      color: #000;
    }

    .new-theme-design.asset-management-software .sectionHead {
      max-width: 830px;
      margin-bottom: 38px
    }

    .new-theme-design.asset-management-software .center {
      text-align: center;
      margin-left: auto;
      margin-right: auto
    }

    .new-theme-design.asset-management-software .sectionHead p {
      color: var(--muted);
      font-size: 17px;
      margin-top: 15px
    }

    /* HERO */
    .new-theme-design.asset-management-software .hero {
      padding: 72px 0 68px;
      background:
        radial-gradient(circle at 78% 18%, rgba(0, 168, 248, .22), transparent 28%),
        radial-gradient(circle at 93% 70%, rgba(255, 201, 40, .16), transparent 20%),
        linear-gradient(180deg, #fff, #EFF9FE);
      overflow: hidden
    }

    .new-theme-design.asset-management-software .heroGrid {
      display: grid;
      grid-template-columns: .96fr 1.04fr;
      gap: 44px;
      align-items: center
    }

    .new-theme-design.asset-management-software .heroPills {
      display: flex;
      gap: 7px;
      flex-wrap: wrap;
      margin-top: 14px
    }

    .new-theme-design.asset-management-software .heroPills span {
      padding: 6px 9px;
      border: 1px solid #C8E8F7;
      border-radius: 999px;
      background: #fff;
      color: var(--navy);
      font-size: 10px;
      font-weight: 800
    }

    .new-theme-design.asset-management-software .heroVisual {
      min-height: 525px;
      position: relative
    }

    .new-theme-design.asset-management-software .assetStage {
      min-height: 525px;
      position: relative;
      max-width: 620px;
      margin-left: auto
    }

    .new-theme-design.asset-management-software .assetStage:before {
      content: "";
      position: absolute;
      inset: 50px 0 30px 50px;
      border-radius: 34px;
      background:
        linear-gradient(rgba(0, 168, 248, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 168, 248, .045) 1px, transparent 1px);
      background-size: 28px 28px;
      z-index: 0
    }

    .new-theme-design.asset-management-software .halo {
      position: absolute;
      left: 44%;
      top: 64px;
      width: 325px;
      height: 325px;
      transform: translateX(-50%);
      border-radius: 50%;
      background: radial-gradient(circle, rgba(0, 168, 248, .23), rgba(0, 168, 248, .08) 48%, transparent 72%);
      z-index: 1;
      animation: haloPulse 4s ease-in-out infinite
    }

    .new-theme-design.asset-management-software .tech {
      position: absolute;
      left: 41%;
      top: 42px;
      width: 355px;
      height: 455px;
      transform: translateX(-50%);
      z-index: 4;
      filter: drop-shadow(0 20px 24px rgba(6, 59, 92, .2));
      animation: techFloat 4.5s ease-in-out infinite
    }

    .new-theme-design.asset-management-software .tech img {
      width: 100%;
      height: 100%;
      object-fit: contain
    }

    /* Asset health mobile */
    .new-theme-design.asset-management-software .assetPhone {
      position: absolute;
      right: 0;
      top: 6px;
      width: 238px;
      z-index: 6;
      background: linear-gradient(145deg, #08131D, #162B3A);
      border: 1px solid #304858;
      border-radius: 32px;
      padding: 8px;
      box-shadow: 0 24px 52px rgba(6, 59, 92, .26);
      animation: phoneFloat 4.8s ease-in-out infinite
    }

    .new-theme-design.asset-management-software .phoneScreen {
      background: #fff;
      border-radius: 24px;
      min-height: 467px;
      overflow: hidden
    }

    .new-theme-design.asset-management-software .phoneTop {
      height: 24px;
      background: #0C0C0C;
      display: flex;
      align-items: center;
      justify-content: center
    }

    .new-theme-design.asset-management-software .notch {
      width: 68px;
      height: 7px;
      border-radius: 99px;
      background: #333
    }

    .new-theme-design.asset-management-software .phoneHead {
      padding: 11px 12px;
      background: linear-gradient(135deg, #E8F9FF, #FFF5D0);
      border-bottom: 1px solid var(--line)
    }

    .new-theme-design.asset-management-software .phoneHead strong {
      display: block;
      font-size: 12px
    }

    .new-theme-design.asset-management-software .phoneHead small {
      font-size: 7px;
      color: var(--muted)
    }

    .new-theme-design.asset-management-software .assetMini {
      margin: 10px;
      padding: 10px;
      border: 1px solid var(--line);
      border-radius: 11px
    }

    .new-theme-design.asset-management-software .assetMiniTop {
      display: grid;
      grid-template-columns: 34px 1fr auto;
      gap: 7px;
      align-items: center
    }

    .new-theme-design.asset-management-software .machine {
      width: 32px;
      height: 32px;
      border-radius: 8px;
      background: linear-gradient(145deg, #D8E5EB, #7893A1);
      position: relative
    }

    .new-theme-design.asset-management-software .machine:after {
      content: "";
      position: absolute;
      right: 4px;
      top: 4px;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--green);
      box-shadow: 0 0 0 4px var(--greenbg);
      animation: pulse 2s infinite
    }

    .new-theme-design.asset-management-software .assetMiniTop strong {
      font-size: 9px
    }

    .new-theme-design.asset-management-software .assetMiniTop small {
      display: block;
      font-size: 6px;
      color: var(--muted)
    }

    .new-theme-design.asset-management-software .healthChip {
      font-size: 6px;
      font-weight: 900;
      background: var(--greenbg);
      color: var(--green);
      padding: 4px 5px;
      border-radius: 999px
    }

    .new-theme-design.asset-management-software .healthSplit {
      display: grid;
      grid-template-columns: 86px 1fr;
      gap: 8px;
      align-items: center;
      margin-top: 10px
    }

    .new-theme-design.asset-management-software .healthRing {
      width: 82px;
      height: 82px;
      border-radius: 50%;
      background: conic-gradient(var(--green) 0 86%, #E8EEF2 86%);
      display: grid;
      place-items: center;
      position: relative
    }

    .new-theme-design.asset-management-software .healthRing:after {
      content: "";
      position: absolute;
      inset: 13px;
      background: #fff;
      border-radius: 50%
    }

    .new-theme-design.asset-management-software .healthValue {
      position: relative;
      z-index: 2;
      font-size: 18px;
      font-weight: 900;
      color: var(--navy);
      text-align: center
    }

    .new-theme-design.asset-management-software .healthValue span {
      display: block;
      font-size: 6px;
      color: var(--muted)
    }

    .new-theme-design.asset-management-software .healthStats {
      display: grid;
      gap: 5px
    }

    .new-theme-design.asset-management-software .healthStat {
      padding: 6px;
      border: 1px solid var(--line);
      border-radius: 7px;
      background: var(--sky2)
    }

    .new-theme-design.asset-management-software .healthStat strong {
      display: block;
      font-size: 8.5px
    }

    .new-theme-design.asset-management-software .healthStat span {
      font-size: 5.7px;
      color: var(--muted)
    }

    .new-theme-design.asset-management-software .assetTrend {
      margin: 9px 10px 0;
      height: 105px;
      border: 1px solid var(--line);
      border-radius: 9px;
      background: linear-gradient(180deg, #fff, #F7FCFF);
      position: relative;
      overflow: hidden
    }

    .new-theme-design.asset-management-software .assetTrendTitle {
      position: absolute;
      left: 7px;
      top: 6px;
      font-size: 7px;
      font-weight: 900;
      color: var(--navy)
    }

    .new-theme-design.asset-management-software .assetTrend svg {
      position: absolute;
      left: 8px;
      right: 8px;
      bottom: 8px;
      width: calc(100% - 16px);
      height: 70px
    }

    .new-theme-design.asset-management-software .assetTrendArea {
      fill: rgba(0, 168, 248, .10)
    }

    .new-theme-design.asset-management-software .assetTrendLine {
      fill: none;
      stroke: var(--brand);
      stroke-width: 3;
      stroke-linecap: round;
      stroke-linejoin: round
    }

    .new-theme-design.asset-management-software .assetTrendDot {
      fill: #fff;
      stroke: var(--brand);
      stroke-width: 3
    }

    .new-theme-design.asset-management-software .aiInsight {
      margin: 9px 10px 11px;
      padding: 9px;
      background: #0D2231;
      color: #fff;
      border-radius: 9px
    }

    .new-theme-design.asset-management-software .aiInsight strong {
      display: block;
      color: var(--yellow);
      font-size: 8px
    }

    .new-theme-design.asset-management-software .aiInsight span {
      font-size: 6.5px;
      color: #D3E2EA
    }

    /* Lifecycle card */
    .new-theme-design.asset-management-software .lifecycleCard {
      position: absolute;
      left: -6px;
      bottom: 8px;
      width: 205px;
      z-index: 7;
      border-radius: 18px;
      background: #10151D;
      color: #fff;
      border: 1px solid #303B47;
      box-shadow: 0 20px 42px rgba(0, 0, 0, .22);
      overflow: hidden;
      animation: cardFloat 5s ease-in-out infinite
    }

    .new-theme-design.asset-management-software .lifecycleHead {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 11px 12px;
      border-bottom: 1px solid #303A46
    }

    .new-theme-design.asset-management-software .lifecycleHead strong {
      font-size: 9px
    }

    .new-theme-design.asset-management-software .lifecycleHead span {
      font-size: 5.5px;
      background: var(--yellow);
      color: #000;
      font-weight: 900;
      padding: 4px 5px;
      border-radius: 999px
    }

    .new-theme-design.asset-management-software .lifecycleBody {
      padding: 11px
    }

    .new-theme-design.asset-management-software .lifeRow {
      display: grid;
      grid-template-columns: 10px 1fr auto;
      gap: 7px;
      align-items: center;
      padding: 6px 0;
      border-bottom: 1px solid #28313A;
      font-size: 6.5px
    }

    .new-theme-design.asset-management-software .lifeRow:last-child {
      border-bottom: 0
    }

    .new-theme-design.asset-management-software .lifeDot {
      width: 8px;
      height: 8px;
      border-radius: 50%
    }

    .new-theme-design.asset-management-software .lifeRow:nth-child(1) .lifeDot {
      background: #00A8F8
    }

    .new-theme-design.asset-management-software .lifeRow:nth-child(2) .lifeDot {
      background: #118A61
    }

    .new-theme-design.asset-management-software .lifeRow:nth-child(3) .lifeDot {
      background: #FFC928
    }

    .new-theme-design.asset-management-software .lifeRow:nth-child(4) .lifeDot {
      background: #7C67E8
    }

    .new-theme-design.asset-management-software .lifeRow strong {
      font-size: 6.5px
    }

    .new-theme-design.asset-management-software .lifeVal {
      color: #D5E6EF
    }

    .new-theme-design.asset-management-software .assetTag {
      position: absolute;
      right: 5px;
      bottom: 18px;
      z-index: 8;
      background: var(--yellow);
      color: #000;
      font-size: 8px;
      font-weight: 900;
      padding: 7px 9px;
      border-radius: 10px;
      animation: float 3.3s ease-in-out infinite
    }

    @keyframes haloPulse {
      50% {
        transform: translateX(-50%) scale(1.05)
      }
    }

    @keyframes techFloat {
      50% {
        transform: translateX(-50%) translateY(-5px)
      }
    }

    @keyframes phoneFloat {
      50% {
        transform: translateY(-7px)
      }
    }

    @keyframes cardFloat {
      50% {
        transform: translateY(6px)
      }
    }

    @keyframes pulse {
      50% {
        box-shadow: 0 0 0 8px rgba(17, 138, 97, .08)
      }
    }

    @keyframes float {
      50% {
        transform: translateY(-6px)
      }
    }

    /* TRUST */
    .new-theme-design.asset-management-software .trust {
      padding: 25px 0;
      border-bottom: 1px solid var(--line)
    }

    .new-theme-design.asset-management-software .trustLabel {
      text-align: center;
      font-size: 13px;
      font-weight: 800;
      margin-bottom: 16px
    }

    .new-theme-design.asset-management-software .logos {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      gap: 11px
    }

    .new-theme-design.asset-management-software .logo {
      height: 62px;
      border: 1px dashed #B8D7E7;
      border-radius: 11px;
      display: grid;
      place-items: center;
      color: #8195A2;
      font-size: 11px;
      font-weight: 800
    }

    /* OUTCOMES */
    .new-theme-design.asset-management-software .outcomes {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px
    }

    .new-theme-design.asset-management-software .outcome {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 16px;
      padding: 22px;
      box-shadow: 0 8px 24px rgba(6, 59, 92, .05);
      position: relative;
      overflow: hidden
    }

    .new-theme-design.asset-management-software .outcome:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 4px;
      background: var(--brand)
    }

    .new-theme-design.asset-management-software .outcome:nth-child(2):before {
      background: var(--yellow)
    }

    .new-theme-design.asset-management-software .outcome:nth-child(3):before {
      background: var(--green)
    }

    .new-theme-design.asset-management-software .outcome:nth-child(4):before {
      background: var(--purple)
    }

    .new-theme-design.asset-management-software .outcome strong {
      display: block;
      font-size: 18px;
      margin-bottom: 7px
    }

    .new-theme-design.asset-management-software .outcome span {
      font-size: 15px;
      color: var(--muted)
    }

    /* FEATURE */
    .new-theme-design.asset-management-software .feature {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 50px;
      align-items: center
    }

    .new-theme-design.asset-management-software .feature.reverse .visual {
      order: -1
    }

    .new-theme-design.asset-management-software .feature p {
      color: var(--muted);
      font-size: 16px;
      margin-top: 15px
    }

    .new-theme-design.asset-management-software .fl {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 9px 16px;
      margin-top: 22px
    }

    .new-theme-design.asset-management-software .fi {
      display: flex;
      gap: 9px;
      font-size: 15px
    }

    .new-theme-design.asset-management-software .tick {
      width: 21px;
      height: 21px;
      border-radius: 50%;
      background: var(--greenbg);
      color: var(--green);
      display: grid;
      place-items: center;
      flex: 0 0 21px;
      font-size: 10px;
      font-weight: 900
    }

    .new-theme-design.asset-management-software .visual {
      min-height: 365px;
      border-radius: 22px;
      background: radial-gradient(circle at 90% 10%, rgba(255, 201, 40, .14), transparent 24%), linear-gradient(145deg, #fff, #EAF8FF);
      border: 1px solid #C0E5F5;
      box-shadow: var(--shadow);
      padding: 20px;
      position: relative;
      overflow: hidden
    }

    .new-theme-design.asset-management-software .visual:before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(rgba(0, 168, 248, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 168, 248, .035) 1px, transparent 1px);
      background-size: 24px 24px;
      mask-image: linear-gradient(135deg, #000, transparent 75%)
    }

    .new-theme-design.asset-management-software .visual>* {
      position: relative;
      z-index: 2
    }

    /* hierarchy */
    .new-theme-design.asset-management-software .treeRoot {
      padding: 12px 14px;
      background: #0C2333;
      color: #fff;
      border-radius: 12px;
      border-left: 5px solid var(--yellow);
      font-size: 14px;
      font-weight: 900
    }

    .new-theme-design.asset-management-software .treeLevel {
      margin-left: 26px;
      margin-top: 10px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px
    }

    .new-theme-design.asset-management-software .treeNode {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 11px;
      padding: 11px;
      font-size: 9px;
      position: relative
    }

    .new-theme-design.asset-management-software .treeNode strong {
      display: block;
      font-size: 10px
    }

    .new-theme-design.asset-management-software .treeNode:before {
      content: "";
      position: absolute;
      width: 15px;
      height: 1px;
      background: #BFD9E7;
      left: -16px;
      top: 50%
    }

    .new-theme-design.asset-management-software .treeNode:nth-child(1) {
      border-top: 3px solid var(--brand)
    }

    .new-theme-design.asset-management-software .treeNode:nth-child(2) {
      border-top: 3px solid var(--green)
    }

    .new-theme-design.asset-management-software .treeNode:nth-child(3) {
      border-top: 3px solid var(--yellow)
    }

    .new-theme-design.asset-management-software .treeNode:nth-child(4) {
      border-top: 3px solid var(--purple)
    }

    /* mobile QR */
    .new-theme-design.asset-management-software .mobileLookup {
      display: grid;
      grid-template-columns: 190px 1fr;
      gap: 18px;
      align-items: center
    }

    .new-theme-design.asset-management-software .phoneMock {
      background: #101010;
      border-radius: 28px;
      padding: 8px;
      box-shadow: 0 18px 35px rgba(0, 0, 0, .16)
    }

    .new-theme-design.asset-management-software .phoneMockInner {
      background: #fff;
      border-radius: 21px;
      min-height: 300px;
      padding: 12px
    }

    .new-theme-design.asset-management-software .qr {
      width: 76px;
      height: 76px;
      margin: 10px auto;
      background: repeating-linear-gradient(0deg, #111 0 5px, #fff 5px 9px), repeating-linear-gradient(90deg, transparent 0 6px, #111 6px 9px);
      border: 8px solid #fff;
      box-shadow: 0 0 0 1px var(--line);
      position: relative;
      overflow: hidden
    }

    .new-theme-design.asset-management-software .qr:after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      height: 3px;
      background: var(--yellow);
      box-shadow: 0 0 10px var(--yellow);
      animation: scan 2.2s ease-in-out infinite
    }

    @keyframes scan {

      0%,
      100% {
        top: 8%
      }

      50% {
        top: 88%
      }
    }

    .new-theme-design.asset-management-software .lookupRows {
      display: grid;
      gap: 7px;
      margin-top: 10px
    }

    .new-theme-design.asset-management-software .lookupRow {
      padding: 7px;
      border: 1px solid var(--line);
      border-radius: 8px;
      font-size: 7px
    }

    .new-theme-design.asset-management-software .lookupSide {
      display: grid;
      gap: 9px
    }

    .new-theme-design.asset-management-software .lookupCard {
      padding: 13px;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 12px
    }

    .new-theme-design.asset-management-software .lookupCard strong {
      display: block;
      font-size: 11px
    }

    .new-theme-design.asset-management-software .lookupCard span {
      font-size: 8px;
      color: var(--muted)
    }

    /* lifecycle TCO */
    .new-theme-design.asset-management-software .lifecycleChart {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px
    }

    .new-theme-design.asset-management-software .costCard {
      padding: 14px;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 13px
    }

    .new-theme-design.asset-management-software .costCard strong {
      display: block;
      font-size: 20px;
      color: var(--navy)
    }

    .new-theme-design.asset-management-software .costCard span {
      font-size: 8px;
      color: var(--muted)
    }

    .new-theme-design.asset-management-software .depreciation {
      height: 155px;
      margin-top: 12px;
      background: #0D2535;
      border-radius: 14px;
      padding: 12px;
      position: relative
    }

    .new-theme-design.asset-management-software .depreciation svg {
      width: 100%;
      height: 100%
    }

    .new-theme-design.asset-management-software .depLine {
      fill: none;
      stroke: var(--yellow);
      stroke-width: 3;
      stroke-dasharray: 500;
      stroke-dashoffset: 500;
      animation: draw 3.5s ease infinite
    }

    .new-theme-design.asset-management-software .depArea {
      fill: rgba(255, 201, 40, .08)
    }

    @keyframes draw {
      0% {
        stroke-dashoffset: 500
      }

      65%,
      100% {
        stroke-dashoffset: 0
      }
    }

    /* work/PM */
    .new-theme-design.asset-management-software .workCards {
      display: grid;
      gap: 10px
    }

    .new-theme-design.asset-management-software .workCard {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 12px;
      padding: 12px;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 10px
    }

    .new-theme-design.asset-management-software .workCard strong {
      display: block;
      font-size: 10px
    }

    .new-theme-design.asset-management-software .workCard small {
      font-size: 8px;
      color: var(--muted)
    }

    .new-theme-design.asset-management-software .status {
      padding: 5px 7px;
      border-radius: 999px;
      font-size: 7px;
      font-weight: 900
    }

    .new-theme-design.asset-management-software .done {
      background: var(--greenbg);
      color: var(--green)
    }

    .new-theme-design.asset-management-software .due {
      background: var(--yellowsoft);
      color: #7B5B00
    }

    .new-theme-design.asset-management-software .urgent {
      background: #FFF0F0;
      color: var(--red)
    }

    .new-theme-design.asset-management-software .downtimeChart {
      height: 95px;
      margin-top: 13px;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 12px;
      padding: 8px;
      display: flex;
      align-items: flex-end;
      gap: 6px
    }

    .new-theme-design.asset-management-software .downtimeChart span {
      flex: 1;
      border-radius: 5px 5px 2px 2px;
      transform-origin: bottom;
      animation: bars 1.4s ease both
    }

    .new-theme-design.asset-management-software .downtimeChart span:nth-child(1) {
      height: 82%;
      background: #E25757
    }

    .new-theme-design.asset-management-software .downtimeChart span:nth-child(2) {
      height: 66%;
      background: #FF9B55
    }

    .new-theme-design.asset-management-software .downtimeChart span:nth-child(3) {
      height: 52%;
      background: #FFC928
    }

    .new-theme-design.asset-management-software .downtimeChart span:nth-child(4) {
      height: 42%;
      background: #62CCFF
    }

    .new-theme-design.asset-management-software .downtimeChart span:nth-child(5) {
      height: 28%;
      background: #118A61
    }

    @keyframes bars {
      from {
        transform: scaleY(0)
      }

      to {
        transform: scaleY(1)
      }
    }

    /* VEDA */
    .new-theme-design.asset-management-software .aiGrid {
      display: grid;
      grid-template-columns: .95fr 1.05fr;
      gap: 44px;
      align-items: center
    }

    .new-theme-design.asset-management-software .promptBox {
      background: #111;
      border: 1px solid #333;
      border-radius: 20px;
      padding: 20px
    }

    .new-theme-design.asset-management-software .prompt {
      background: #1B1B1B;
      border: 1px solid #303030;
      border-radius: 11px;
      padding: 12px 13px;
      margin-top: 9px;
      font-size: 12px;
      opacity: 0;
      transform: translateX(8px);
      animation: promptIn .4s ease forwards
    }

    .new-theme-design.asset-management-software .prompt:nth-child(2) {
      animation-delay: .15s
    }

    .new-theme-design.asset-management-software .prompt:nth-child(3) {
      animation-delay: .3s
    }

    .new-theme-design.asset-management-software .prompt:nth-child(4) {
      animation-delay: .45s
    }

    .new-theme-design.asset-management-software .prompt:nth-child(5) {
      animation-delay: .6s
    }

    @keyframes promptIn {
      to {
        opacity: 1;
        transform: none
      }
    }

    .new-theme-design.asset-management-software .aiMini {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 11px;
      margin-top: 20px
    }

    .new-theme-design.asset-management-software .aiMini div {
      background: #151515;
      border: 1px solid #303030;
      border-radius: 13px;
      padding: 15px
    }

    .new-theme-design.asset-management-software .aiMini strong {
      display: block;
      color: var(--yellow);
      font-size: 15px
    }

    .new-theme-design.asset-management-software .aiMini span {
      font-size: 14px;
      color: #CFCFCF
    }

    /* connected asset intelligence */
    .new-theme-design.asset-management-software .connectedGrid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px
    }

    .new-theme-design.asset-management-software .connectedCard {
      background: #151515;
      border: 1px solid #303030;
      border-radius: 15px;
      padding: 20px
    }

    .new-theme-design.asset-management-software .connectedCard strong {
      display: block;
      color: var(--yellow);
      font-size: 16px;
      margin-bottom: 5px
    }

    .new-theme-design.asset-management-software .connectedCard span {
      font-size: 15px;
      color: #D0D0D0
    }

    /* integration */
    .new-theme-design.asset-management-software .integrations {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 12px
    }

    .new-theme-design.asset-management-software .integration {
      height: 72px;
      border: 1px solid var(--line);
      border-bottom: 3px solid var(--brand);
      border-radius: 12px;
      background: #fff;
      display: grid;
      place-items: center;
      font-size: 14px;
      font-weight: 800;
      position: relative;
      overflow: hidden
    }

    .new-theme-design.asset-management-software .integration:nth-child(2n) {
      border-bottom-color: var(--yellow)
    }

    .new-theme-design.asset-management-software .integration:nth-child(3n) {
      border-bottom-color: var(--green)
    }

    .new-theme-design.asset-management-software .stream {
      margin-top: 20px;
      background: #0C2333;
      color: #fff;
      border-radius: 15px;
      padding: 12px 14px;
      display: grid;
      grid-template-columns: auto 1fr auto;
      gap: 12px;
      align-items: center
    }

    .new-theme-design.asset-management-software .streamDot {
      width: 11px;
      height: 11px;
      border-radius: 50%;
      background: #12CB88;
      box-shadow: 0 0 0 6px rgba(18, 203, 136, .1);
      animation: pulse 2s infinite
    }

    .new-theme-design.asset-management-software .streamTrack {
      height: 8px;
      border-radius: 999px;
      background: #173B50;
      overflow: hidden
    }

    .new-theme-design.asset-management-software .streamTrack span {
      display: block;
      width: 30%;
      height: 100%;
      background: linear-gradient(90deg, var(--brand), var(--green), var(--yellow));
      animation: stream 2.6s linear infinite
    }

    @keyframes stream {
      from {
        transform: translateX(-120%)
      }

      to {
        transform: translateX(340%)
      }
    }

    /* feature grid */
    .new-theme-design.asset-management-software .featureGrid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px
    }

    .new-theme-design.asset-management-software .featureCard {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 16px;
      padding: 19px;
      transition: .22s
    }

    .new-theme-design.asset-management-software .featureCard:hover {
      transform: translateY(-4px);
      box-shadow: 0 14px 30px rgba(6, 59, 92, .09)
    }

    .new-theme-design.asset-management-software .featureIcon {
      width: 42px;
      height: 42px;
      border-radius: 12px;
      background: var(--yellow);
      display: grid;
      place-items: center;
      font-size: 10px;
      font-weight: 900;
      margin-bottom: 13px
    }

    .new-theme-design.asset-management-software .featureCard p {
      font-size: 15px;
      color: var(--muted);
      margin: 7px 0 0
    }

    /* reviews */
    .new-theme-design.asset-management-software .reviews {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px
    }

    .new-theme-design.asset-management-software .review {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 17px;
      padding: 21px;
      box-shadow: 0 8px 24px rgba(6, 59, 92, .05)
    }

    .new-theme-design.asset-management-software .stars {
      color: var(--yellow);
      letter-spacing: 2px;
      font-size: 15px
    }

    .new-theme-design.asset-management-software .review p {
      font-size: 12px;
      color: #344C5E;
      margin: 12px 0
    }

    .new-theme-design.asset-management-software .review strong {
      font-size: 12px
    }

    .new-theme-design.asset-management-software .review span {
      display: block;
      font-size: 9px;
      color: var(--muted)
    }

    .new-theme-design.asset-management-software .ratingBand {
      padding: 28px 0;
      background: #0B0B0B;
      color: #fff;
      border-top: 4px solid var(--yellow)
    }

    .new-theme-design.asset-management-software .ratingGrid {
      display: grid;
      grid-template-columns: 1.3fr repeat(4, 1fr);
      gap: 12px;
      align-items: center
    }

    .new-theme-design.asset-management-software .ratingItem {
      text-align: center;
      border-left: 1px solid #2D2D2D
    }

    /* industries */
    .new-theme-design.asset-management-software .useCases {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 15px
    }

    .new-theme-design.asset-management-software .useCase {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 16px;
      padding: 20px
    }

    .new-theme-design.asset-management-software .useIcon {
      width: 42px;
      height: 42px;
      border-radius: 11px;
      background: var(--yellow);
      display: grid;
      place-items: center;
      font-size: 10px;
      font-weight: 900;
      margin-bottom: 14px
    }

    .new-theme-design.asset-management-software .useCase p {
      color: var(--muted);
      font-size: 15px;
      margin-top: 7px
    }

    /* FAQ */
    .new-theme-design.asset-management-software .faq {
      max-width: 900px
    }

    .new-theme-design.asset-management-software .faq details {
      border: 1px solid var(--line);
      border-radius: 13px;
      padding: 18px 20px;
      margin-bottom: 10px;
      background: #fff
    }

    .new-theme-design.asset-management-software .faq summary {
      font-weight: 800;
      cursor: pointer;
      color: var(--navy)
    }

    .new-theme-design.asset-management-software .faq details p {
      color: var(--muted);
      font-size: 16px;
      margin-top: 10px
    }

    /* CTA */
    .new-theme-design.asset-management-software .cta {
      margin-top: 30px;
      padding: 22px 24px;
      border: 1px solid var(--line);
      border-left: 5px solid var(--yellow);
      border-radius: 17px;
      background: #fff;
      display: flex;
      justify-content: space-between;
      gap: 22px;
      align-items: center
    }

    .new-theme-design.asset-management-software .cta.darkCta {
      background: #121212;
      border-color: #303030;
      color: #fff
    }

    .new-theme-design.asset-management-software .cta h3 {
      font-size: 19px
    }

    .new-theme-design.asset-management-software .cta.darkCta h3 {
      color: #fff
    }

    .new-theme-design.asset-management-software .cta p {
      color: var(--muted);
      font-size: 15px;
      margin-top: 5px;
      max-width: 650px
    }

    .new-theme-design.asset-management-software .cta.darkCta p {
      color: #D1D1D1
    }

    .new-theme-design.asset-management-software .ctaBtns {
      display: flex;
      gap: 9px;
      flex-wrap: wrap;
      flex: 0 0 auto
    }

    .new-theme-design.asset-management-software .final {
      background: linear-gradient(135deg, #0B0B0B, #202020);
      border-top: 5px solid var(--yellow);
      padding: 44px;
      color: #fff;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 28px;
      align-items: center
    }

    .new-theme-design.asset-management-software .final h2 {
      color: #fff
    }

    .new-theme-design.asset-management-software .final p {
      color: #DDD;
      margin-top: 12px;
      max-width: 720px
    }

    .new-theme-design.asset-management-software .reveal {
      opacity: 0;
      transform: translateY(18px);
      transition: .6s ease
    }

    .new-theme-design.asset-management-software .reveal.show {
      opacity: 1;
      transform: none
    }

    @media(max-width:960px) {

      .new-theme-design.asset-management-software .heroGrid,
      .new-theme-design.asset-management-software .feature,
      .new-theme-design.asset-management-software .aiGrid,
      .new-theme-design.asset-management-software .final {
        grid-template-columns: 1fr
      }

      .new-theme-design.asset-management-software .feature.reverse .visual {
        order: 0
      }

      .new-theme-design.asset-management-software .assetStage {
        margin: auto
      }

      .new-theme-design.asset-management-software .outcomes,
      .new-theme-design.asset-management-software .featureGrid,
      .new-theme-design.asset-management-software .connectedGrid,
      .new-theme-design.asset-management-software .useCases {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.asset-management-software .logos {
        grid-template-columns: repeat(4, 1fr)
      }

      .new-theme-design.asset-management-software .integrations {
        grid-template-columns: repeat(3, 1fr)
      }

      .new-theme-design.asset-management-software .reviews {
        grid-template-columns: 1fr
      }

      .new-theme-design.asset-management-software .ratingGrid {
        grid-template-columns: repeat(2, 1fr)
      }
    }

    @media(max-width:640px) {
      .new-theme-design.asset-management-software .wrap {
        width: calc(100% - 24px)
      }

      .new-theme-design.asset-management-software .hero {
        padding: 54px 0
      }

      .new-theme-design.asset-management-software .assetStage {
        min-height: 430px;
        max-width: 360px
      }

      .new-theme-design.asset-management-software .tech {
        width: 210px;
        height: 330px;
        top: 62px
      }

      .new-theme-design.asset-management-software .assetPhone {
        width: 172px
      }

      .new-theme-design.asset-management-software .phoneScreen {
        min-height: 350px
      }

      .new-theme-design.asset-management-software .lifecycleCard {
        width: 150px
      }

      .new-theme-design.asset-management-software .fl,
      .new-theme-design.asset-management-software .outcomes,
      .new-theme-design.asset-management-software .featureGrid,
      .new-theme-design.asset-management-software .connectedGrid,
      .new-theme-design.asset-management-software .useCases,
      .new-theme-design.asset-management-software .logos,
      .new-theme-design.asset-management-software .integrations,
      .new-theme-design.asset-management-software .aiMini,
      .new-theme-design.asset-management-software .ratingGrid {
        grid-template-columns: 1fr
      }

      .new-theme-design.asset-management-software .mobileLookup {
        grid-template-columns: 1fr
      }

      .new-theme-design.asset-management-software .cta {
        flex-direction: column;
        align-items: flex-start
      }
    }

    @media(prefers-reduced-motion:reduce) {

      *,
      *:before,
      *:after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important
      }
    }

    @media (max-width: 767px) {
      .new-theme-design.asset-management-software .heroVisual {
        display: none;
      }

      .new-theme-design.asset-management-software .visual {
        order: 0;
      }

      .new-theme-design.asset-management-software .visual-content {
        order: 1;
      }

      .new-theme-design.asset-management-software .final {
        padding-left: 24px;
        padding-right: 24px;
      }

      .new-theme-design.asset-management-software .ctaBtns .button {
        width: 100%;
      }
    }

    /*----------------Asset Management Software Ends----------------*/
    /*----------------Enterprise CMMS Reporting & Power BI Analytics Starts----------------*/
    .new-theme-design.enterprise-cmms-reporting-power-bi .ey {
      display: inline-flex;
      padding: 8px 13px;
      border-radius: 999px;
      background: var(--yellowsoft);
      font-size: 13px;
      font-weight: 850;
      margin-bottom: 18px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .lead {
      font-size: 18px;
      color: var(--muted);
      margin-top: 20px;
      max-width: 760px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .btn {
      display: inline-flex;
      min-height: 48px;
      padding: 0 22px;
      align-items: center;
      justify-content: center;
      border-radius: 12px;
      border: 1px solid transparent;
      font-weight: 850;
      transition: .2s
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .btn:hover {
      transform: translateY(-2px)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .btn:focus-visible,
    a:focus-visible,
    summary:focus-visible {
      outline: 3px solid rgba(0, 168, 248, .35);
      outline-offset: 3px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .btn.black {
      background: #0b0b0b;
      color: #fff
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .btn.yellow {
      background: var(--yellow);
      color: #000
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .btn.outline {
      background: #fff;
      border-color: var(--line);
      color: var(--navy)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .actions {
      display: flex;
      gap: 11px;
      flex-wrap: wrap;
      margin-top: 27px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .micro {
      font-size: 12px;
      color: var(--muted);
      margin-top: 14px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .soft {
      background: var(--sky2)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .dark {
      background: linear-gradient(135deg, var(--black), var(--black2));
      color: #fff;
      border-top: 4px solid var(--yellow)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .dark h2,
    .new-theme-design.enterprise-cmms-reporting-power-bi .dark h3 {
      color: #fff
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .dark p {
      color: #D6D6D6
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .dark .ey {
      background: var(--yellow);
      color: #000
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .sectionHead {
      max-width: 860px;
      margin-bottom: 38px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .center {
      text-align: center;
      margin-left: auto;
      margin-right: auto
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .sectionHead p {
      color: var(--muted);
      font-size: 17px;
      margin-top: 15px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .visuallyHidden {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      padding: 0 !important;
      margin: -1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
      border: 0 !important
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .skipLink {
      position: fixed;
      left: 14px;
      top: 12px;
      z-index: 9999;
      background: #fff;
      color: #000;
      padding: 10px 14px;
      border-radius: 8px;
      box-shadow: var(--shadow);
      transform: translateY(-150%);
      transition: .2s
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .skipLink:focus {
      transform: none
    }

    /* HERO */
    .new-theme-design.enterprise-cmms-reporting-power-bi .hero {
      padding: 72px 0 68px;
      background:
        radial-gradient(circle at 78% 18%, rgba(0, 168, 248, .22), transparent 28%),
        radial-gradient(circle at 93% 70%, rgba(255, 201, 40, .16), transparent 20%),
        linear-gradient(180deg, #fff, #EFF9FE);
      overflow: hidden
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .heroGrid {
      display: grid;
      grid-template-columns: .96fr 1.04fr;
      gap: 42px;
      align-items: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .heroPills {
      display: flex;
      gap: 7px;
      flex-wrap: wrap;
      margin-top: 14px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .heroPills span {
      padding: 6px 9px;
      border: 1px solid #C8E8F7;
      border-radius: 999px;
      background: #fff;
      color: var(--navy);
      font-size: 10px;
      font-weight: 800
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .heroVisual {
      min-height: 540px;
      position: relative
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportStage {
      min-height: 540px;
      position: relative;
      max-width: 650px;
      margin-left: auto
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportStage:before {
      content: "";
      position: absolute;
      inset: 34px 0 20px 34px;
      border-radius: 36px;
      background: linear-gradient(rgba(0, 168, 248, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 168, 248, .045) 1px, transparent 1px);
      background-size: 28px 28px;
      z-index: 0
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportHalo {
      position: absolute;
      left: 53%;
      top: 34px;
      width: 420px;
      height: 420px;
      transform: translateX(-50%);
      border-radius: 50%;
      background: radial-gradient(circle, rgba(0, 168, 248, .22), rgba(0, 168, 248, .08) 47%, transparent 72%);
      z-index: 1;
      animation: haloPulse 4s ease-in-out infinite
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .mainDash {
      position: absolute;
      left: 14px;
      right: 0;
      top: 42px;
      z-index: 3;
      background: #fff;
      border: 1px solid #BEDFEE;
      border-radius: 24px;
      box-shadow: 0 30px 70px rgba(6, 59, 92, .2);
      overflow: hidden;
      animation: dashFloat 5s ease-in-out infinite
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .dashNav {
      height: 45px;
      background: #0C2333;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 15px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .dashBrand {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 9px;
      font-weight: 900
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .dashBrand i {
      display: block;
      width: 24px;
      height: 24px;
      border-radius: 8px;
      background: linear-gradient(135deg, var(--brand), var(--brand2));
      position: relative
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .dashBrand i:before,
    .new-theme-design.enterprise-cmms-reporting-power-bi .dashBrand i:after {
      content: "";
      position: absolute;
      background: #fff;
      border-radius: 99px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .dashBrand i:before {
      width: 12px;
      height: 3px;
      left: 6px;
      top: 7px;
      box-shadow: 0 5px 0 #fff, 0 10px 0 #fff
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .dashBrand i:after {
      width: 3px;
      height: 16px;
      right: 5px;
      top: 4px;
      opacity: .55
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .dashControls {
      display: flex;
      gap: 6px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .dashControl {
      font-size: 6px;
      padding: 5px 7px;
      border: 1px solid #2C4B5F;
      border-radius: 7px;
      color: #D4E6F0
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .dashBody {
      padding: 14px;
      background: linear-gradient(180deg, #F8FCFF, #EEF8FD)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .dashTitleRow {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 10px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .dashTitleRow strong {
      font-size: 10px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .dashTitleRow span {
      font-size: 6px;
      color: var(--muted)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .dashKpis {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .kpi {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 11px;
      padding: 9px;
      position: relative;
      overflow: hidden
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .kpi:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 3px;
      background: var(--brand)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .kpi:nth-child(2):before {
      background: var(--green)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .kpi:nth-child(3):before {
      background: var(--yellow)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .kpi:nth-child(4):before {
      background: var(--purple)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .kpi label {
      display: block;
      font-size: 5.8px;
      color: var(--muted);
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .04em
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .kpi strong {
      display: block;
      font-size: 16px;
      color: var(--navy);
      line-height: 1.2;
      margin-top: 4px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .kpi small {
      font-size: 5.5px;
      color: var(--green)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .heroChartGrid {
      display: grid;
      grid-template-columns: 1.45fr .75fr;
      gap: 8px;
      margin-top: 8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .panel {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 12px;
      padding: 10px;
      position: relative;
      overflow: hidden
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .panelTitle {
      display: flex;
      justify-content: space-between;
      align-items: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .panelTitle strong {
      font-size: 7px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .panelTitle span {
      font-size: 5.5px;
      color: var(--muted)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .trendSvg {
      width: 100%;
      height: 115px;
      margin-top: 7px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .gridLine {
      stroke: #E7F0F5;
      stroke-width: 1
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .trendArea {
      fill: rgba(0, 168, 248, .11)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .trendLine {
      fill: none;
      stroke: var(--brand);
      stroke-width: 3.5;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-dasharray: 700;
      stroke-dashoffset: 700;
      animation: drawLine 3.2s ease forwards
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .trendPoint {
      fill: #fff;
      stroke: var(--brand);
      stroke-width: 3
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .donutWrap {
      display: grid;
      place-items: center;
      padding-top: 10px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .donut {
      width: 102px;
      height: 102px;
      position: relative
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .donut svg {
      transform: rotate(-90deg)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .donutTrack {
      fill: none;
      stroke: #E6EEF2;
      stroke-width: 12
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .donutValue {
      fill: none;
      stroke: var(--green);
      stroke-width: 12;
      stroke-linecap: round;
      stroke-dasharray: 251;
      stroke-dashoffset: 28;
      animation: donutIn 1.6s ease both
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .donutText {
      position: absolute;
      inset: 0;
      display: grid;
      place-items: center;
      text-align: center;
      font-size: 18px;
      font-weight: 900;
      color: var(--navy)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .donutText span {
      display: block;
      font-size: 6px;
      color: var(--muted);
      font-weight: 700
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .bottomGrid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      margin-top: 8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .barPanel {
      height: 107px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .bars {
      height: 70px;
      display: flex;
      align-items: flex-end;
      gap: 6px;
      padding-top: 10px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .bars span {
      flex: 1;
      border-radius: 4px 4px 2px 2px;
      background: linear-gradient(180deg, var(--brand), var(--brand2));
      transform-origin: bottom;
      animation: barsIn 1.3s ease both
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .bars span:nth-child(1) {
      height: 56%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .bars span:nth-child(2) {
      height: 78%;
      animation-delay: .08s
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .bars span:nth-child(3) {
      height: 47%;
      animation-delay: .16s
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .bars span:nth-child(4) {
      height: 88%;
      animation-delay: .24s
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .bars span:nth-child(5) {
      height: 61%;
      animation-delay: .32s
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .bars span:nth-child(6) {
      height: 38%;
      animation-delay: .4s
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .badActors {
      display: grid;
      gap: 6px;
      margin-top: 8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .badRow {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 8px;
      align-items: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .badRow strong {
      font-size: 6.2px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .badRow em {
      font-style: normal;
      font-size: 5.5px;
      color: var(--red);
      font-weight: 900
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .badTrack {
      grid-column: 1/-1;
      height: 4px;
      background: #EEF2F4;
      border-radius: 99px;
      overflow: hidden
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .badTrack i {
      display: block;
      height: 100%;
      border-radius: 99px;
      background: linear-gradient(90deg, var(--red), var(--orange))
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .badRow:nth-child(2) .badTrack i {
      width: 68%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .badRow:nth-child(3) .badTrack i {
      width: 47%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .badRow:nth-child(4) .badTrack i {
      width: 31%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .liveChip {
      position: absolute;
      right: -4px;
      top: 18px;
      z-index: 5;
      background: #0B0B0B;
      color: #fff;
      border: 1px solid #2D2D2D;
      border-radius: 12px;
      padding: 9px 11px;
      font-size: 8px;
      font-weight: 900;
      box-shadow: 0 14px 28px rgba(0, 0, 0, .18);
      animation: chipFloat 3.6s ease-in-out infinite
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .liveChip:before {
      content: "";
      display: inline-block;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: #12CB88;
      margin-right: 6px;
      box-shadow: 0 0 0 5px rgba(18, 203, 136, .12)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .vedaFloat {
      position: absolute;
      left: -2px;
      bottom: 7px;
      z-index: 6;
      width: 225px;
      border-radius: 16px;
      background: #10151D;
      color: #fff;
      border: 1px solid #303B47;
      box-shadow: 0 20px 42px rgba(0, 0, 0, .22);
      padding: 13px;
      animation: cardFloat 5s ease-in-out infinite
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .vedaFloat strong {
      display: block;
      color: var(--yellow);
      font-size: 9px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .vedaFloat p {
      font-size: 6.8px;
      color: #D5E6EF;
      margin-top: 5px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .vedaFloat span {
      display: inline-flex;
      margin-top: 8px;
      background: #202A34;
      border: 1px solid #34414D;
      border-radius: 999px;
      padding: 4px 6px;
      font-size: 5.5px;
      color: #D5E6EF
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .sampleTag {
      position: absolute;
      right: 10px;
      bottom: 12px;
      z-index: 7;
      background: var(--yellow);
      color: #000;
      font-size: 7px;
      font-weight: 900;
      padding: 6px 8px;
      border-radius: 9px
    }

    @keyframes haloPulse {
      50% {
        transform: translateX(-50%) scale(1.05)
      }
    }

    @keyframes dashFloat {
      50% {
        transform: translateY(-6px)
      }
    }

    @keyframes cardFloat {
      50% {
        transform: translateY(6px)
      }
    }

    @keyframes chipFloat {
      50% {
        transform: translateY(-5px)
      }
    }

    @keyframes drawLine {
      to {
        stroke-dashoffset: 0
      }
    }

    @keyframes donutIn {
      from {
        stroke-dashoffset: 251
      }

      to {
        stroke-dashoffset: 28
      }
    }

    @keyframes barsIn {
      from {
        transform: scaleY(0)
      }

      to {
        transform: scaleY(1)
      }
    }

    /* TRUST */
    .new-theme-design.enterprise-cmms-reporting-power-bi .trust {
      padding: 25px 0;
      border-bottom: 1px solid var(--line)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .trustLabel {
      text-align: center;
      font-size: 13px;
      font-weight: 800;
      margin-bottom: 16px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .logos {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      gap: 11px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .logo {
      height: 62px;
      border: 1px dashed #B8D7E7;
      border-radius: 11px;
      display: grid;
      place-items: center;
      color: #8195A2;
      font-size: 11px;
      font-weight: 800;
      text-align: center;
      padding: 6px
    }

    /* ANSWER + OUTCOMES */
    .new-theme-design.enterprise-cmms-reporting-power-bi .answerBox {
      max-width: 950px;
      margin: 0 auto 26px;
      padding: 20px 22px;
      border: 1px solid #BFE1F2;
      border-left: 5px solid var(--brand);
      border-radius: 16px;
      background: #fff;
      box-shadow: 0 10px 28px rgba(6, 59, 92, .06)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .answerBox strong {
      display: block;
      color: var(--navy);
      font-size: 16px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .answerBox p {
      color: var(--muted);
      font-size: 15px;
      margin-top: 6px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .outcomes {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .outcome {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 16px;
      padding: 22px;
      box-shadow: 0 8px 24px rgba(6, 59, 92, .05);
      position: relative;
      overflow: hidden
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .outcome:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 4px;
      background: var(--brand)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .outcome:nth-child(2):before {
      background: var(--yellow)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .outcome:nth-child(3):before {
      background: var(--green)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .outcome:nth-child(4):before {
      background: var(--purple)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .outcome strong {
      display: block;
      font-size: 18px;
      margin-bottom: 7px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .outcome span {
      font-size: 15px;
      color: var(--muted)
    }

    /* FEATURE */
    .new-theme-design.enterprise-cmms-reporting-power-bi .feature {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 50px;
      align-items: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .feature.reverse .visual {
      order: -1
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .feature p {
      color: var(--muted);
      font-size: 16px;
      margin-top: 15px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .fl {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 9px 16px;
      margin-top: 22px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .fi {
      display: flex;
      gap: 9px;
      font-size: 15px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .tick {
      width: 21px;
      height: 21px;
      border-radius: 50%;
      background: var(--greenbg);
      color: var(--green);
      display: grid;
      place-items: center;
      flex: 0 0 21px;
      font-size: 10px;
      font-weight: 900
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .visual {
      min-height: 365px;
      border-radius: 22px;
      background: radial-gradient(circle at 90% 10%, rgba(255, 201, 40, .14), transparent 24%), linear-gradient(145deg, #fff, #EAF8FF);
      border: 1px solid #C0E5F5;
      box-shadow: var(--shadow);
      padding: 20px;
      position: relative;
      overflow: hidden
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .visual:before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(rgba(0, 168, 248, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 168, 248, .035) 1px, transparent 1px);
      background-size: 24px 24px;
      mask-image: linear-gradient(135deg, #000, transparent 75%)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .visual>* {
      position: relative;
      z-index: 2
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .visualLabel {
      font-size: 8px;
      font-weight: 900;
      color: var(--navy);
      margin-bottom: 10px;
      text-transform: uppercase;
      letter-spacing: .08em
    }

    /* live dashboard visual */
    .new-theme-design.enterprise-cmms-reporting-power-bi .opsKpis {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .opsKpi {
      padding: 11px;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 11px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .opsKpi span {
      display: block;
      font-size: 6.5px;
      color: var(--muted);
      text-transform: uppercase;
      font-weight: 800
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .opsKpi strong {
      font-size: 16px;
      color: var(--navy)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .opsKpi em {
      display: block;
      font-style: normal;
      font-size: 6px;
      color: var(--green)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .opsGrid {
      display: grid;
      grid-template-columns: 1.35fr .65fr;
      gap: 10px;
      margin-top: 10px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .opsPanel {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 13px;
      padding: 11px;
      min-height: 218px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .opsPanelTitle {
      display: flex;
      justify-content: space-between;
      font-size: 7px;
      font-weight: 900;
      color: var(--navy)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .opsPanelTitle span {
      color: var(--muted);
      font-weight: 700
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .opsLine {
      height: 145px;
      margin-top: 10px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .opsLine svg {
      width: 100%;
      height: 100%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .opsArea {
      fill: rgba(0, 168, 248, .09)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .opsPath {
      fill: none;
      stroke: var(--brand);
      stroke-width: 4;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-dasharray: 700;
      stroke-dashoffset: 700;
      animation: drawLine 3.4s ease forwards
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .opsDot {
      fill: #fff;
      stroke: var(--brand);
      stroke-width: 3
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .siteRows {
      display: grid;
      gap: 10px;
      margin-top: 12px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .siteRow {
      font-size: 7px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .siteMeta {
      display: flex;
      justify-content: space-between;
      font-weight: 800
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .siteMeta span {
      color: var(--muted)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .siteTrack {
      height: 8px;
      background: #EEF3F6;
      border-radius: 99px;
      overflow: hidden;
      margin-top: 5px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .siteTrack i {
      display: block;
      height: 100%;
      border-radius: 99px;
      background: linear-gradient(90deg, var(--brand), var(--green));
      transform-origin: left;
      animation: growWide 1.4s ease both
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .siteRow:nth-child(1) i {
      width: 92%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .siteRow:nth-child(2) i {
      width: 84%;
      animation-delay: .12s
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .siteRow:nth-child(3) i {
      width: 76%;
      animation-delay: .24s
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .siteRow:nth-child(4) i {
      width: 69%;
      animation-delay: .36s
    }

    @keyframes growWide {
      from {
        transform: scaleX(0)
      }

      to {
        transform: scaleX(1)
      }
    }

    /* report builder visual */
    .new-theme-design.enterprise-cmms-reporting-power-bi .builder {
      display: grid;
      grid-template-columns: 132px 1fr;
      gap: 10px;
      min-height: 322px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .widgetShelf {
      background: #0C2333;
      color: #fff;
      border-radius: 14px;
      padding: 11px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .widgetShelf strong {
      display: block;
      font-size: 8px;
      color: var(--yellow);
      margin-bottom: 9px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .widget {
      display: flex;
      align-items: center;
      gap: 7px;
      padding: 8px;
      border: 1px solid #28495D;
      border-radius: 9px;
      margin-bottom: 7px;
      background: #123246;
      font-size: 6.5px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .widget i {
      display: grid;
      place-items: center;
      width: 20px;
      height: 20px;
      border-radius: 6px;
      background: #1C4A64;
      color: #8ED9FF;
      font-style: normal;
      font-weight: 900
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .widget.active {
      border-color: var(--yellow);
      box-shadow: 0 0 0 3px rgba(255, 201, 40, .08)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .builderCanvas {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 14px;
      padding: 11px;
      position: relative
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .builderTop {
      display: flex;
      justify-content: space-between;
      align-items: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .builderTop strong {
      font-size: 8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .saveBtn {
      font-size: 6px;
      background: var(--yellow);
      padding: 5px 7px;
      border-radius: 7px;
      font-weight: 900
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .filterRow {
      display: flex;
      gap: 5px;
      flex-wrap: wrap;
      margin-top: 9px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .filterChip {
      font-size: 5.7px;
      padding: 5px 7px;
      border: 1px solid var(--line);
      border-radius: 7px;
      color: var(--navy);
      background: var(--sky2)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .canvasGrid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      margin-top: 10px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .canvasCard {
      border: 1px dashed #AFCEDD;
      border-radius: 10px;
      padding: 9px;
      min-height: 85px;
      background: #FBFEFF
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .canvasCard.wide {
      grid-column: 1/-1;
      min-height: 112px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .canvasCard strong {
      display: block;
      font-size: 6.5px;
      color: var(--navy)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .tinyBars {
      height: 50px;
      display: flex;
      align-items: flex-end;
      gap: 5px;
      margin-top: 7px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .tinyBars i {
      flex: 1;
      border-radius: 3px 3px 1px 1px;
      background: var(--brand);
      height: 40%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .tinyBars i:nth-child(2) {
      height: 70%;
      background: var(--green)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .tinyBars i:nth-child(3) {
      height: 55%;
      background: var(--yellow)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .tinyBars i:nth-child(4) {
      height: 82%;
      background: var(--purple)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .tinyBars i:nth-child(5) {
      height: 64%;
      background: var(--orange)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .tinyDonut {
      width: 55px;
      height: 55px;
      margin: 8px auto 0;
      border-radius: 50%;
      background: conic-gradient(var(--green) 0 73%, var(--yellow) 73% 88%, #E5EEF3 88%);
      position: relative
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .tinyDonut:after {
      content: "73%";
      position: absolute;
      inset: 9px;
      border-radius: 50%;
      background: #fff;
      display: grid;
      place-items: center;
      font-size: 8px;
      font-weight: 900;
      color: var(--navy)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .miniTable {
      margin-top: 8px;
      display: grid;
      gap: 5px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .miniTable div {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 7px;
      padding-bottom: 4px;
      border-bottom: 1px solid #EDF2F5;
      font-size: 5.8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .miniTable div:last-child {
      border-bottom: 0
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .dragHint {
      position: absolute;
      right: 18px;
      top: 84px;
      background: #0B0B0B;
      color: #fff;
      border-radius: 9px;
      padding: 7px 8px;
      font-size: 5.8px;
      font-weight: 800;
      box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
      animation: dragMove 3.6s ease-in-out infinite
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .dragHint:before {
      content: "↕";
      color: var(--yellow);
      font-size: 10px;
      margin-right: 5px
    }

    @keyframes dragMove {
      50% {
        transform: translate(-18px, 22px)
      }
    }

    /* scheduling visual */
    .new-theme-design.enterprise-cmms-reporting-power-bi .scheduleGrid {
      display: grid;
      grid-template-columns: .82fr 1.18fr;
      gap: 12px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .calendarCard,
    .new-theme-design.enterprise-cmms-reporting-power-bi .deliveryCard {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 14px;
      padding: 13px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .calendarHead {
      display: flex;
      justify-content: space-between;
      align-items: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .calendarHead strong {
      font-size: 9px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .calendarHead span {
      font-size: 6px;
      color: var(--muted)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .week {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      gap: 4px;
      margin-top: 11px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .day {
      aspect-ratio: 1;
      border-radius: 7px;
      background: var(--sky2);
      display: grid;
      place-items: center;
      font-size: 6px;
      color: var(--muted)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .day.head {
      background: transparent;
      font-weight: 900;
      color: var(--navy)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .day.active {
      background: var(--yellow);
      color: #000;
      font-weight: 900;
      box-shadow: 0 0 0 3px rgba(255, 201, 40, .16)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .day.mark {
      position: relative
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .day.mark:after {
      content: "";
      position: absolute;
      bottom: 3px;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: var(--brand)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .scheduleList {
      margin-top: 13px;
      display: grid;
      gap: 7px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .scheduleItem {
      display: grid;
      grid-template-columns: 8px 1fr auto;
      gap: 7px;
      align-items: center;
      padding: 7px;
      border: 1px solid var(--line);
      border-radius: 9px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .scheduleItem i {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--brand);
      box-shadow: 0 0 0 4px rgba(0, 168, 248, .08)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .scheduleItem:nth-child(2) i {
      background: var(--green)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .scheduleItem:nth-child(3) i {
      background: var(--yellow)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .scheduleItem strong {
      display: block;
      font-size: 6.5px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .scheduleItem span {
      font-size: 5px;
      color: var(--muted)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .scheduleItem em {
      font-style: normal;
      font-size: 5px;
      color: var(--navy);
      font-weight: 900
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .deliveryCard {
      background: #0C2333;
      color: #fff;
      position: relative;
      overflow: hidden
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .deliveryCard:before {
      content: "";
      position: absolute;
      width: 160px;
      height: 160px;
      border-radius: 50%;
      background: rgba(0, 168, 248, .13);
      right: -70px;
      top: -70px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .deliveryCard>* {
      position: relative
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .deliveryHead {
      display: flex;
      justify-content: space-between
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .deliveryHead strong {
      font-size: 9px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .deliveryHead span {
      font-size: 5.5px;
      color: #BBD1DE
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .mailPreview {
      margin-top: 12px;
      background: #fff;
      color: var(--ink);
      border-radius: 12px;
      padding: 12px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .mailTop {
      display: flex;
      justify-content: space-between;
      align-items: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .mailTop strong {
      font-size: 7px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .mailTop span {
      font-size: 5px;
      color: var(--muted)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .mailLine {
      height: 5px;
      border-radius: 99px;
      background: #E7EEF2;
      margin-top: 7px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .mailLine:nth-child(2) {
      width: 86%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .mailLine:nth-child(3) {
      width: 62%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .attachment {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-top: 11px;
      padding: 8px;
      border: 1px solid var(--line);
      border-radius: 9px;
      background: var(--sky2)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .attachment i {
      display: grid;
      place-items: center;
      width: 29px;
      height: 29px;
      border-radius: 8px;
      background: #FFF0F0;
      color: var(--red);
      font-style: normal;
      font-size: 7px;
      font-weight: 900
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .attachment strong {
      display: block;
      font-size: 6.5px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .attachment span {
      font-size: 5px;
      color: var(--muted)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .formatChips {
      display: flex;
      gap: 6px;
      margin-top: 12px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .formatChips span {
      font-size: 5.5px;
      padding: 5px 7px;
      border: 1px solid #315064;
      border-radius: 7px;
      color: #D4E6F0
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .deliveryPulse {
      margin-top: 13px;
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 6px;
      color: #D4E6F0
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .deliveryPulse i {
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: #12CB88;
      box-shadow: 0 0 0 0 rgba(18, 203, 136, .35);
      animation: pulseOut 2s infinite
    }

    @keyframes pulseOut {
      70% {
        box-shadow: 0 0 0 9px rgba(18, 203, 136, 0)
      }
    }

    /* reliability visual */
    .new-theme-design.enterprise-cmms-reporting-power-bi .reliabilityTop {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 9px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .relCard {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 12px;
      padding: 11px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .relCard span {
      display: block;
      font-size: 6px;
      color: var(--muted);
      text-transform: uppercase;
      font-weight: 800
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .relCard strong {
      display: block;
      font-size: 18px;
      color: var(--navy)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .relCard em {
      font-style: normal;
      font-size: 5.5px;
      color: var(--green)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .paretoPanel {
      margin-top: 10px;
      background: #0C2333;
      border-radius: 14px;
      padding: 12px;
      color: #fff;
      position: relative
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .paretoHead {
      display: flex;
      justify-content: space-between;
      align-items: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .paretoHead strong {
      font-size: 8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .paretoHead span {
      font-size: 5.5px;
      color: #BBD1DE
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .paretoChart {
      height: 125px;
      display: flex;
      align-items: flex-end;
      gap: 10px;
      padding: 16px 8px 0;
      position: relative
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .paretoChart:before,
    .new-theme-design.enterprise-cmms-reporting-power-bi .paretoChart:after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      height: 1px;
      background: #24485E
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .paretoChart:before {
      top: 46px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .paretoChart:after {
      top: 84px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .paretoBar {
      flex: 1;
      border-radius: 5px 5px 2px 2px;
      background: linear-gradient(180deg, var(--yellow), var(--orange));
      position: relative;
      z-index: 2;
      transform-origin: bottom;
      animation: barsIn 1.3s ease both
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .paretoBar:nth-child(1) {
      height: 91%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .paretoBar:nth-child(2) {
      height: 71%;
      animation-delay: .08s
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .paretoBar:nth-child(3) {
      height: 53%;
      animation-delay: .16s
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .paretoBar:nth-child(4) {
      height: 38%;
      animation-delay: .24s
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .paretoBar:nth-child(5) {
      height: 27%;
      animation-delay: .32s
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .paretoBar span {
      position: absolute;
      bottom: -14px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 5px;
      color: #BBD1DE;
      white-space: nowrap
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .paretoLine {
      position: absolute;
      left: 8px;
      right: 8px;
      top: 17px;
      height: 88px;
      z-index: 3
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .paretoLine svg {
      width: 100%;
      height: 100%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .paretoPath {
      fill: none;
      stroke: #62CCFF;
      stroke-width: 3;
      stroke-linecap: round;
      stroke-dasharray: 500;
      stroke-dashoffset: 500;
      animation: drawLine 3s ease forwards
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .assetRows {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      margin-top: 10px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .assetRow {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 10px;
      padding: 9px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .assetRow strong {
      display: block;
      font-size: 7px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .assetRow span {
      font-size: 5.5px;
      color: var(--muted)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .assetRow em {
      display: inline-flex;
      margin-top: 6px;
      font-style: normal;
      font-size: 5px;
      background: #FFF0F0;
      color: var(--red);
      padding: 4px 5px;
      border-radius: 999px;
      font-weight: 900
    }

    /* VEDA */
    .new-theme-design.enterprise-cmms-reporting-power-bi .aiGrid {
      display: grid;
      grid-template-columns: .95fr 1.05fr;
      gap: 44px;
      align-items: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .promptBox {
      background: #111;
      border: 1px solid #333;
      border-radius: 20px;
      padding: 20px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .promptBox>strong {
      display: flex;
      align-items: center;
      gap: 8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .promptBox>strong:before {
      content: "";
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: var(--yellow);
      box-shadow: 0 0 0 6px rgba(255, 201, 40, .08)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .prompt {
      background: #1B1B1B;
      border: 1px solid #303030;
      border-radius: 11px;
      padding: 12px 13px;
      margin-top: 9px;
      font-size: 15px;
      opacity: 0;
      transform: translateX(8px);
      animation: promptIn .4s ease forwards
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .prompt:nth-child(2) {
      animation-delay: .15s
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .prompt:nth-child(3) {
      animation-delay: .3s
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .prompt:nth-child(4) {
      animation-delay: .45s
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .prompt:nth-child(5) {
      animation-delay: .6s
    }

    @keyframes promptIn {
      to {
        opacity: 1;
        transform: none
      }
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .aiAnswer {
      margin-top: 12px;
      padding: 14px;
      border-radius: 13px;
      background: linear-gradient(135deg, #102735, #153F56);
      border: 1px solid #2D566C
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .aiAnswer small {
      display: block;
      color: var(--yellow);
      font-weight: 900;
      font-size: 16px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .aiAnswer strong {
      display: block;
      font-size: 16px;
      margin-top: 4px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .aiAnswer p {
      font-size: 15px !important;
      margin-top: 5px !important;
      color: #D6E6EF !important
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .aiAnswer span {
      display: inline-flex;
      margin-top: 9px;
      padding: 8px 18px;
      border-radius: 999px;
      background: rgba(255, 255, 255, .06);
      font-size: 15px;
      color: #D6E6EF
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .aiMini {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 11px;
      margin-top: 20px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .aiMini div {
      background: #151515;
      border: 1px solid #303030;
      border-radius: 13px;
      padding: 15px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .aiMini strong {
      display: block;
      color: var(--yellow);
      font-size: 16px;
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .aiMini span {
      font-size: 14px;
      color: #CFCFCF
    }

    /* connected reporting data */
    .new-theme-design.enterprise-cmms-reporting-power-bi .connectedGrid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .connectedCard {
      background: #151515;
      border: 1px solid #303030;
      border-radius: 15px;
      padding: 20px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .connectedCard strong {
      display: block;
      color: var(--yellow);
      font-size: 14px;
      margin-bottom: 5px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .connectedCard span {
      font-size: 11px;
      color: #D0D0D0
    }

    /* feature grid */
    .new-theme-design.enterprise-cmms-reporting-power-bi .featureGrid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .featureCard {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 16px;
      padding: 19px;
      transition: .22s
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .featureCard:hover {
      transform: translateY(-4px);
      box-shadow: 0 14px 30px rgba(6, 59, 92, .09)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .featureIcon {
      width: 42px;
      height: 42px;
      border-radius: 12px;
      background: var(--yellow);
      display: grid;
      place-items: center;
      font-size: 9px;
      font-weight: 900;
      margin-bottom: 13px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .featureCard p {
      font-size: 15px;
      color: var(--muted);
      margin: 7px 0 0
    }

    /* integration */
    .new-theme-design.enterprise-cmms-reporting-power-bi .integrations {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 12px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .integration {
      height: 72px;
      border: 1px solid var(--line);
      border-bottom: 3px solid var(--brand);
      border-radius: 12px;
      background: #fff;
      display: grid;
      place-items: center;
      font-size: 11px;
      font-weight: 800;
      position: relative;
      overflow: hidden;
      text-align: center;
      padding: 8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .integration:nth-child(2n) {
      border-bottom-color: var(--yellow)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .integration:nth-child(3n) {
      border-bottom-color: var(--green)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .stream {
      margin-top: 20px;
      background: #0C2333;
      color: #fff;
      border-radius: 15px;
      padding: 12px 14px;
      display: grid;
      grid-template-columns: auto 1fr auto;
      gap: 12px;
      align-items: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .streamDot {
      width: 11px;
      height: 11px;
      border-radius: 50%;
      background: #12CB88;
      box-shadow: 0 0 0 6px rgba(18, 203, 136, .1);
      animation: pulseOut 2s infinite
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .streamTrack {
      height: 8px;
      border-radius: 999px;
      background: #173B50;
      overflow: hidden
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .streamTrack span {
      display: block;
      width: 30%;
      height: 100%;
      background: linear-gradient(90deg, var(--brand), var(--green), var(--yellow));
      animation: streamMove 2.6s linear infinite
    }

    @keyframes streamMove {
      from {
        transform: translateX(-120%)
      }

      to {
        transform: translateX(340%)
      }
    }

    /* roles */
    .new-theme-design.enterprise-cmms-reporting-power-bi .useCases {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 15px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .useCase {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 16px;
      padding: 20px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .useIcon {
      width: 42px;
      height: 42px;
      border-radius: 11px;
      background: var(--yellow);
      display: grid;
      place-items: center;
      font-size: 9px;
      font-weight: 900;
      margin-bottom: 14px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .useCase p {
      color: var(--muted);
      font-size: 15px;
      margin-top: 7px
    }

    /* reviews */
    .new-theme-design.enterprise-cmms-reporting-power-bi .reviews {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .review {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 17px;
      padding: 21px;
      box-shadow: 0 8px 24px rgba(6, 59, 92, .05)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .stars {
      color: var(--yellow);
      letter-spacing: 2px;
      font-size: 15px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .review p {
      font-size: 12px;
      color: #344C5E;
      margin: 12px 0
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .review strong {
      font-size: 12px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .review span {
      display: block;
      font-size: 9px;
      color: var(--muted)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .ratingBand {
      padding: 28px 0;
      background: #0B0B0B;
      color: #fff;
      border-top: 4px solid var(--yellow)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .ratingGrid {
      display: grid;
      grid-template-columns: 1.3fr repeat(4, 1fr);
      gap: 12px;
      align-items: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .ratingItem {
      text-align: center;
      border-left: 1px solid #2D2D2D
    }

    /* FAQ */
    .new-theme-design.enterprise-cmms-reporting-power-bi .faq {
      max-width: 900px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .faq details {
      border: 1px solid var(--line);
      border-radius: 13px;
      padding: 18px 20px;
      margin-bottom: 10px;
      background: #fff
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .faq summary {
      font-weight: 800;
      cursor: pointer;
      color: var(--navy)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .faq details p {
      color: var(--muted);
      font-size: 16px;
      margin-top: 10px
    }

    /* CTA */
    .new-theme-design.enterprise-cmms-reporting-power-bi .cta {
      margin-top: 30px;
      padding: 22px 24px;
      border: 1px solid var(--line);
      border-left: 5px solid var(--yellow);
      border-radius: 17px;
      background: #fff;
      display: flex;
      justify-content: space-between;
      gap: 22px;
      align-items: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .cta.darkCta {
      background: #121212;
      border-color: #303030;
      color: #fff
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .cta h3 {
      font-size: 19px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .cta.darkCta h3 {
      color: #fff
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .cta p {
      color: var(--muted);
      font-size: 15px;
      margin-top: 5px;
      max-width: 650px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .cta.darkCta p {
      color: #D1D1D1
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .ctaBtns {
      display: flex;
      gap: 9px;
      flex-wrap: wrap;
      flex: 0 0 auto
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .final {
      background: linear-gradient(135deg, #0B0B0B, #202020);
      border-top: 5px solid var(--yellow);
      padding: 44px;
      color: #fff;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 28px;
      align-items: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .final h2 {
      color: #fff
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .final p {
      color: #DDD;
      margin-top: 12px;
      max-width: 720px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reveal {
      opacity: 1;
      transform: none;
      transition: .6s ease
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reveal.show {
      animation: revealIn .6s ease both
    }

    @keyframes revealIn {
      from {
        opacity: 0;
        transform: translateY(18px)
      }

      to {
        opacity: 1;
        transform: none
      }
    }

    @media(max-width:960px) {

      .new-theme-design.enterprise-cmms-reporting-power-bi .heroGrid,
      .new-theme-design.enterprise-cmms-reporting-power-bi .feature,
      .new-theme-design.enterprise-cmms-reporting-power-bi .aiGrid,
      .new-theme-design.enterprise-cmms-reporting-power-bi .final {
        grid-template-columns: 1fr
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .feature.reverse .visual {
        order: 0
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .reportStage {
        margin: auto
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .outcomes,
      .new-theme-design.enterprise-cmms-reporting-power-bi .featureGrid,
      .new-theme-design.enterprise-cmms-reporting-power-bi .connectedGrid,
      .new-theme-design.enterprise-cmms-reporting-power-bi .useCases {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .logos {
        grid-template-columns: repeat(4, 1fr)
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .integrations {
        grid-template-columns: repeat(3, 1fr)
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .reviews {
        grid-template-columns: 1fr
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .ratingGrid {
        grid-template-columns: repeat(2, 1fr)
      }
    }

    @media(max-width:640px) {
      .new-theme-design.enterprise-cmms-reporting-power-bi .wrap {
        width: calc(100% - 24px)
      }

      section {
        padding: 56px 0
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .hero {
        padding: 54px 0
      }

      h1 {
        font-size: 41px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .heroVisual,
      .new-theme-design.enterprise-cmms-reporting-power-bi .reportStage {
        min-height: 455px;
        max-width: 360px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .mainDash {
        left: 0;
        top: 42px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .dashBody {
        padding: 9px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .dashNav {
        height: 36px;
        padding: 0 9px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .dashControl:nth-child(2) {
        display: none
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .dashKpis {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .heroChartGrid {
        grid-template-columns: 1fr
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .heroChartGrid .panel:last-child {
        display: none
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .bottomGrid {
        display: none
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .vedaFloat {
        width: 175px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .sampleTag {
        display: none
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .fl,
      .new-theme-design.enterprise-cmms-reporting-power-bi .outcomes,
      .new-theme-design.enterprise-cmms-reporting-power-bi .featureGrid,
      .new-theme-design.enterprise-cmms-reporting-power-bi .connectedGrid,
      .new-theme-design.enterprise-cmms-reporting-power-bi .useCases,
      .new-theme-design.enterprise-cmms-reporting-power-bi .logos,
      .new-theme-design.enterprise-cmms-reporting-power-bi .integrations,
      .new-theme-design.enterprise-cmms-reporting-power-bi .aiMini,
      .new-theme-design.enterprise-cmms-reporting-power-bi .ratingGrid {
        grid-template-columns: 1fr
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .opsKpis {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .opsGrid {
        grid-template-columns: 1fr
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .builder {
        grid-template-columns: 1fr
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .widgetShelf {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .widgetShelf strong {
        grid-column: 1/-1
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .widget {
        margin: 0
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .scheduleGrid {
        grid-template-columns: 1fr
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .reliabilityTop {
        grid-template-columns: 1fr 1fr
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .relCard:nth-child(3) {
        grid-column: 1/-1
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .assetRows {
        grid-template-columns: 1fr
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .cta {
        flex-direction: column;
        align-items: flex-start
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .stream {
        grid-template-columns: auto 1fr
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .stream strong {
        grid-column: 1/-1
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .final {
        padding: 32px 24px
      }
    }

    @media(prefers-reduced-motion:reduce) {

      *,
      *:before,
      *:after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
        scroll-behavior: auto !important
      }
    }


    /* Portal-derived reporting page additions */
    .new-theme-design.enterprise-cmms-reporting-power-bi .reportFloat {
      background: #111820;
      border-color: #31424D
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportFloat strong {
      font-size: 11px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportFloat p {
      font-size: 8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportFloat span {
      background: rgba(255, 201, 40, .1);
      color: var(--yellow)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .countBadge {
      position: absolute;
      left: -4px;
      bottom: 10px;
      z-index: 8;
      background: #101820;
      color: #fff;
      border: 1px solid #30424D;
      border-radius: 17px;
      padding: 14px 16px;
      width: 180px;
      box-shadow: 0 20px 42px rgba(0, 0, 0, .22);
      animation: cardFloat 5s ease-in-out infinite
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .countBadge small {
      display: block;
      font-size: 6px;
      color: #BBD0DD;
      text-transform: uppercase;
      letter-spacing: .08em;
      font-weight: 800
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .countBadge strong {
      display: block;
      font-size: 31px;
      line-height: 1;
      color: var(--yellow);
      margin: 5px 0
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .countBadge span {
      display: block;
      font-size: 7px;
      color: #D4E2E9
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .pbiBadge {
      position: absolute;
      right: -8px;
      top: 15px;
      z-index: 8;
      display: flex;
      align-items: center;
      gap: 7px;
      background: #fff;
      border: 1px solid #E5D17E;
      border-radius: 12px;
      padding: 8px 11px;
      box-shadow: 0 12px 28px rgba(6, 59, 92, .15);
      font-size: 8px;
      font-weight: 900
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .pbiIcon {
      width: 17px;
      height: 18px;
      display: flex;
      align-items: flex-end;
      gap: 2px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .pbiIcon i {
      display: block;
      width: 4px;
      background: #F2C811;
      border-radius: 2px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .pbiIcon i:nth-child(1) {
      height: 7px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .pbiIcon i:nth-child(2) {
      height: 12px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .pbiIcon i:nth-child(3) {
      height: 18px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportExplorer {
      display: grid;
      grid-template-columns: 190px 1fr;
      border: 1px solid #C8E1ED;
      border-radius: 21px;
      background: #fff;
      box-shadow: var(--shadow);
      overflow: hidden;
      min-height: 390px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportNav {
      background: #F4F8FB;
      border-right: 1px solid #DCE8EE;
      padding: 16px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportNav strong {
      display: block;
      font-size: 10px;
      color: var(--navy);
      margin-bottom: 10px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportTabs {
      display: grid;
      gap: 6px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportTab {
      width: 100%;
      border: 1px solid #D8E4EA;
      background: #fff;
      border-radius: 9px;
      padding: 8px 9px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-family: inherit;
      font-size: 8px;
      font-weight: 800;
      color: #344B5B;
      cursor: pointer
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportTab span {
      font-size: 7px;
      padding: 2px 5px;
      border-radius: 999px;
      background: #EAF4FA;
      color: #0F5AB7
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportTab.active,
    .new-theme-design.enterprise-cmms-reporting-power-bi .reportTab:hover {
      background: #0F5AB7;
      color: #fff;
      border-color: #0F5AB7
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportTab.active span {
      background: rgba(255, 255, 255, .18);
      color: #fff
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportMain {
      padding: 16px;
      background: linear-gradient(180deg, #fff, #F8FCFE)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportTop {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      align-items: flex-start;
      padding-bottom: 12px;
      border-bottom: 1px solid #E0EBF0
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportTop strong {
      display: block;
      font-size: 15px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportTop p {
      font-size: 8px;
      color: var(--muted);
      margin-top: 3px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportTotal {
      text-align: right
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportTotal b {
      display: block;
      font-size: 27px;
      color: #0F5AB7;
      line-height: 1
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportTotal span {
      font-size: 7px;
      color: var(--muted)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportTiles {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 8px;
      margin-top: 12px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportTile {
      min-height: 82px;
      border: 1px solid #D8E2E8;
      border-radius: 9px;
      background: #fff;
      padding: 9px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      box-shadow: 0 4px 10px rgba(20, 65, 92, .04)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportTile i {
      width: 25px;
      height: 25px;
      border-radius: 7px;
      background: #E8F2FF;
      color: #0F5AB7;
      display: grid;
      place-items: center;
      font-style: normal;
      font-size: 7px;
      font-weight: 900;
      margin-bottom: 6px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportTile strong {
      font-size: 7px;
      line-height: 1.3
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportNote {
      margin-top: 10px;
      padding: 8px 9px;
      border-radius: 9px;
      background: #EAF8FF;
      color: #0A4E75;
      font-size: 7px;
      font-weight: 800
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biPortal {
      border: 1px solid #C5D0D8;
      border-radius: 20px;
      background: #fff;
      box-shadow: 0 20px 48px rgba(6, 59, 92, .16);
      overflow: hidden
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biTop {
      padding: 9px 11px;
      background: #F8FAFB;
      border-bottom: 1px solid #E0E6EA;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 8px;
      font-weight: 900
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biTitle {
      background: #4169E1;
      color: #fff;
      padding: 10px 12px;
      display: flex;
      justify-content: space-between;
      align-items: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biTitle strong {
      font-size: 12px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biTitle span {
      font-size: 6px;
      background: #17319B;
      border: 1px solid #fff;
      border-radius: 7px;
      padding: 5px 8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biTabs {
      display: flex;
      gap: 2px;
      padding: 12px 11px 0;
      overflow-x: auto
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biTab {
      min-width: 100px;
      border: 1px solid #2E4278;
      border-bottom: 0;
      border-radius: 8px 8px 0 0;
      background: #4169E1;
      color: #fff;
      padding: 8px 7px;
      font-family: inherit;
      font-size: 7px;
      font-weight: 800;
      cursor: pointer
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biTab.active {
      background: #262321
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biBody {
      background: #E9E9EB;
      padding: 10px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biKpis {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      background: #fff;
      border: 1px solid #C9CDD0;
      border-radius: 9px;
      overflow: hidden
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biMetric {
      padding: 8px;
      border-right: 1px solid #E5E5E5
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biMetric:last-child {
      border-right: 0
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biMetric strong {
      display: block;
      font-size: 12px;
      line-height: 1.1
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biMetric span {
      display: block;
      font-size: 5.5px;
      margin-top: 3px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biGrid {
      display: grid;
      grid-template-columns: 1.25fr .75fr;
      gap: 8px;
      margin-top: 8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biPanel {
      background: #fff;
      border: 1px solid #C9CDD0;
      border-radius: 9px;
      overflow: hidden
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biPanelHead {
      background: #707176;
      color: #fff;
      text-align: center;
      padding: 5px;
      font-size: 7px;
      font-weight: 800
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biPanelBody {
      padding: 8px;
      min-height: 154px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biBars {
      display: grid;
      gap: 8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biBar {
      display: grid;
      grid-template-columns: 68px 1fr 34px;
      gap: 6px;
      align-items: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biBar label {
      font-size: 5.5px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biTrack {
      height: 8px;
      background: #EDF0F2;
      border-radius: 3px;
      overflow: hidden
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biTrack i {
      display: block;
      height: 100%;
      background: #A4DA97;
      border-radius: 3px;
      transform-origin: left;
      animation: barGrow .8s ease both
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biBar b {
      font-size: 6.5px;
      text-align: right
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biRows {
      display: grid;
      gap: 5px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biRow {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 6px;
      padding: 6px;
      border-radius: 6px;
      background: #F1F1F1;
      font-size: 6px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biRow:nth-child(even) {
      background: #E8E8E8
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .biFoot {
      font-size: 5.5px;
      color: #6A7074;
      margin-top: 7px;
      padding-top: 7px;
      border-top: 1px dashed #D7D7D7
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .pbiUSP {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      margin-top: 20px;
      padding: 9px 11px;
      border-radius: 11px;
      background: #FFF7D6;
      border: 1px solid #F3D765;
      color: #5C4B00;
      font-size: 10px;
      font-weight: 850
    }

    @keyframes barGrow {
      from {
        transform: scaleX(0)
      }

      to {
        transform: scaleX(1)
      }
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .portalMock {
      min-height: 370px;
      border-radius: 22px;
      background: #F7F8FA;
      border: 1px solid #C7D5DD;
      box-shadow: var(--shadow);
      padding: 16px;
      position: relative;
      overflow: hidden
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .portalBlue {
      background: #4169E1;
      color: #fff;
      padding: 10px 12px;
      border-radius: 9px 9px 0 0;
      font-size: 11px;
      font-weight: 800;
      display: flex;
      justify-content: space-between
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .portalBlue span {
      font-size: 6px;
      background: #17319B;
      border: 1px solid #fff;
      border-radius: 6px;
      padding: 4px 6px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .portalTabRow {
      display: flex;
      gap: 2px;
      padding: 11px 7px 0;
      overflow: hidden
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .portalTabRow span {
      flex: 1;
      background: #4169E1;
      color: #fff;
      border: 1px solid #273D7A;
      border-radius: 7px 7px 0 0;
      padding: 7px 4px;
      text-align: center;
      font-size: 5.8px;
      font-weight: 800
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .portalTabRow span.active {
      background: #262321
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .portalSummary {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      background: #fff;
      border: 1px solid #C9CDD0;
      border-radius: 9px;
      overflow: hidden
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .portalSummary div {
      padding: 8px;
      border-right: 1px solid #E4E4E4
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .portalSummary div:last-child {
      border-right: 0
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .portalSummary strong {
      display: block;
      font-size: 12px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .portalSummary span {
      display: block;
      font-size: 5.5px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .portalPanels {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px;
      margin-top: 8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .portalPanel {
      background: #fff;
      border: 1px solid #C8CDD1;
      border-radius: 9px;
      overflow: hidden
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .portalPanelHead {
      background: #707176;
      color: #fff;
      text-align: center;
      padding: 5px;
      font-size: 6.5px;
      font-weight: 800
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .portalPanelBody {
      padding: 8px;
      min-height: 105px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .miniDonuts {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 7px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .miniDonut {
      text-align: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .miniDonut b {
      display: block;
      width: 52px;
      height: 52px;
      margin: auto;
      border-radius: 50%;
      background: conic-gradient(#1593F5 0 82%, #263AB1 82% 91%, #F4841E 91% 96%, #D54191 96%);
      position: relative
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .miniDonut b:after {
      content: "";
      position: absolute;
      inset: 12px;
      background: #fff;
      border-radius: 50%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .miniDonut span {
      display: block;
      font-size: 5.5px;
      margin-top: 4px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .costBars {
      height: 80px;
      display: flex;
      align-items: flex-end;
      gap: 6px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .costBars i {
      flex: 1;
      border-radius: 3px 3px 0 0;
      background: #A4DA97
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .costBars i:nth-child(1) {
      height: 30%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .costBars i:nth-child(2) {
      height: 48%;
      background: #F4841E
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .costBars i:nth-child(3) {
      height: 77%;
      background: #242424
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .costBars i:nth-child(4) {
      height: 43%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .costBars i:nth-child(5) {
      height: 92%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .costLegend {
      text-align: center;
      font-size: 5px;
      color: #666;
      margin-top: 4px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .assetAvailability {
      background: #fff;
      border: 1px solid #C9CDD0;
      border-radius: 9px;
      overflow: hidden;
      margin-top: 8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .availabilityHead {
      background: #707176;
      color: #fff;
      text-align: center;
      padding: 5px;
      font-size: 6.5px;
      font-weight: 800
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .availabilityBars {
      height: 110px;
      padding: 9px;
      display: flex;
      align-items: flex-end;
      gap: 6px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .availabilityBars i {
      flex: 1;
      background: #A4DA97;
      border-radius: 2px 2px 0 0
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .availabilityBars i:nth-child(1) {
      height: 8%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .availabilityBars i:nth-child(2) {
      height: 12%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .availabilityBars i:nth-child(3) {
      height: 25%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .availabilityBars i:nth-child(4) {
      height: 55%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .availabilityBars i:nth-child(5) {
      height: 79%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .availabilityBars i:nth-child(6) {
      height: 90%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .availabilityBars i:nth-child(7) {
      height: 98%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .availabilityBars i:nth-child(8) {
      height: 95%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .domainGrid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .domainCard {
      background: #151515;
      border: 1px solid #333;
      border-radius: 16px;
      padding: 19px;
      position: relative;
      overflow: hidden
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .domainCard:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 4px;
      background: var(--yellow)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .domainCard:nth-child(2):before {
      background: var(--brand)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .domainCard:nth-child(3):before {
      background: var(--green)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .domainCard:nth-child(4):before {
      background: var(--purple)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .domainCard:nth-child(5):before {
      background: var(--orange)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .domainCard:nth-child(6):before {
      background: #D54191
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .domainCount {
      display: inline-flex;
      padding: 4px 7px;
      border-radius: 999px;
      background: #242424;
      color: var(--yellow);
      font-size: 14px;
      font-weight: 900
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .domainCard h3 {
      margin-top: 10px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .domainCard p {
      font-size: 15px !important;
      color: #CFCFCF !important;
      margin-top: 7px !important
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .domainTags {
      display: flex;
      gap: 5px;
      flex-wrap: wrap;
      margin-top: 10px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .domainTags span {
      font-size: 14px;
      padding: 6px 14px;
      border: 1px solid #3A3A3A;
      border-radius: 999px;
      color: #DADADA;
      background: #1D1D1D
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .hubGrid {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 12px;
      margin-top: 24px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .hubCard {
      background: #0F55AF;
      color: #fff;
      border: 2px solid #747474;
      border-radius: 7px;
      min-height: 130px;
      padding: 18px 10px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      box-shadow: 7px 8px 0 #EAF5FD, 12px 13px 16px rgba(0, 0, 0, .15)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .hubCard strong {
      font-size: 16px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .hubCard span {
      font-size: 8px;
      color: #D9E9FF;
      margin-top: 5px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .hubCard:nth-child(3) {
      transform: translateY(20px)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .integration.powerbi {
      background: #FFF9DB;
      border-color: #E7CA37;
      border-bottom-color: #F2C811;
      color: #111;
      font-size: 13px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .integration.powerbi small {
      display: block;
      font-size: 7px;
      color: #6B5D15
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .relatedLinks {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 24px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .relatedLinks a {
      padding: 9px 18px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: #fff;
      color: var(--navy);
      font-size: 15px;
      font-weight: 800
    }
    .new-theme-design.enterprise-cmms-reporting-power-bi .relatedLinks a:hover{
      background: #00A8F8;
      color: #fff;
      border-color: #00A8F8;
    }

    @media(max-width:960px) {
      .new-theme-design.enterprise-cmms-reporting-power-bi .reportExplorer {
        grid-template-columns: 170px 1fr
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .reportTiles {
        grid-template-columns: repeat(3, 1fr)
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .domainGrid {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .hubGrid {
        grid-template-columns: repeat(3, 1fr)
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .hubCard:nth-child(3) {
        transform: none
      }
    }

    @media(max-width:640px) {
      .new-theme-design.enterprise-cmms-reporting-power-bi .countBadge {
        width: 145px;
        left: 0;
        padding: 11px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .countBadge strong {
        font-size: 24px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .pbiBadge {
        right: 0
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .reportExplorer {
        display: block
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .reportNav {
        border-right: 0;
        border-bottom: 1px solid #DCE8EE;
        padding: 11px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .reportTabs {
        display: flex;
        overflow-x: auto
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .reportTab {
        min-width: 112px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .reportMain {
        padding: 12px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .reportTiles {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .reportTile {
        min-height: 78px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .biKpis {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .biMetric:nth-child(5) {
        grid-column: 1/-1
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .biGrid {
        grid-template-columns: 1fr
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .portalTabRow {
        overflow-x: auto
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .portalTabRow span {
        min-width: 82px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .portalSummary {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .portalSummary div:nth-child(5) {
        grid-column: 1/-1
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .portalPanels {
        grid-template-columns: 1fr
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .domainGrid,
      .new-theme-design.enterprise-cmms-reporting-power-bi .hubGrid {
        grid-template-columns: 1fr
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .hubCard {
        min-height: 100px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .relatedLinks {
        justify-content: flex-start
      }
    }



    /* ---------- Reporting page refinement v2 ---------- */
    .new-theme-design.enterprise-cmms-reporting-power-bi .reportLibraryFeature {
      grid-template-columns: .9fr 1.1fr
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportAtlas {
      min-height: 430px;
      border: 1px solid #BFE3F3;
      border-radius: 0;
      background: radial-gradient(circle at 82% 12%, rgba(255, 201, 40, .18), transparent 22%), linear-gradient(145deg, #fff, #F0FAFF);
      box-shadow: 0 22px 56px rgba(6, 59, 92, .13);
      padding: 17px;
      position: relative;
      overflow: hidden
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportAtlas:before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(rgba(0, 168, 248, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 168, 248, .035) 1px, transparent 1px);
      background-size: 24px 24px;
      mask-image: linear-gradient(135deg, #000, transparent 78%)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .reportAtlas>* {
      position: relative;
      z-index: 2
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasHeader {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 3px 2px 12px;
      border-bottom: 1px solid #DCEAF1
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasBrand {
      display: flex;
      align-items: center;
      gap: 10px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasBrandIcon {
      width: 39px;
      height: 39px;
      border-radius: 12px;
      background: var(--navy);
      color: #fff;
      display: grid;
      place-items: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasBrandIcon svg {
      width: 21px;
      height: 21px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasBrand strong {
      display: block;
      font-size: 13px;
      color: var(--navy)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasBrand small {
      display: block;
      font-size: 7px;
      color: var(--muted);
      margin-top: 1px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasTotal {
      text-align: right
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasTotal b {
      display: block;
      font-size: 27px;
      line-height: .9;
      color: var(--brand2)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasTotal span {
      font-size: 6px;
      color: var(--muted);
      font-weight: 800
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasCategories {
      display: grid;
      grid-template-columns: repeat(8, 1fr);
      gap: 6px;
      padding: 12px 0 7px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasCategory {
      border: 1px solid #D4E6EE;
      border-radius: 11px;
      background: #fff;
      color: var(--navy);
      padding: 7px 4px 5px;
      display: grid;
      place-items: center;
      gap: 3px;
      cursor: pointer;
      transition: .2s;
      font-family: inherit;
      min-width: 0
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasCategory:hover,
    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasCategory.active {
      transform: translateY(-2px);
      border-color: var(--brand);
      box-shadow: 0 8px 18px rgba(0, 168, 248, .14)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasCategory.active {
      background: var(--navy);
      color: #fff
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasCatIcon {
      width: 24px;
      height: 24px;
      border-radius: 8px;
      background: var(--sky);
      color: var(--brand2);
      display: grid;
      place-items: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasCategory.active .atlasCatIcon {
      background: rgba(255, 255, 255, .14);
      color: var(--yellow)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasCatIcon svg {
      width: 15px;
      height: 15px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasCategory b {
      font-size: 7px;
      line-height: 1
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasCategory.active b {
      color: #fff
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasStage {
      min-height: 290px;
      position: relative;
      margin-top: 2px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasOrbitRing {
      position: absolute;
      left: 50%;
      top: 52%;
      width: 68%;
      height: 67%;
      transform: translate(-50%, -50%);
      border: 1px dashed rgba(0, 127, 197, .25);
      border-radius: 50%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasOrbitRing:before,
    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasOrbitRing:after {
      content: "";
      position: absolute;
      border: 1px solid rgba(0, 168, 248, .08);
      border-radius: 50%;
      inset: 16px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasOrbitRing:after {
      inset: 37px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasCore {
      position: absolute;
      left: 50%;
      top: 52%;
      transform: translate(-50%, -50%);
      width: 118px;
      height: 118px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      align-content: center;
      text-align: center;
      background: linear-gradient(145deg, var(--navy), var(--navy2));
      color: #fff;
      border: 7px solid #E5F6FD;
      box-shadow: 0 18px 40px rgba(6, 59, 92, .22)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasCore:after {
      content: "";
      position: absolute;
      inset: -14px;
      border: 1px solid rgba(0, 168, 248, .23);
      border-radius: 50%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasCore b {
      font-size: 34px;
      line-height: 1;
      color: var(--yellow)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasCore span {
      font-size: 7px;
      font-weight: 850;
      margin-top: 4px;
      max-width: 85px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasReports {
      position: absolute;
      inset: 0
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasReport {
      position: absolute;
      width: 76px;
      height: 76px;
      border-radius: 19px;
      background: #fff;
      border: 1px solid #D4E6EE;
      box-shadow: 0 9px 22px rgba(6, 59, 92, .09);
      display: grid;
      place-items: center;
      align-content: center;
      gap: 4px;
      text-align: center;
      transition: .25s
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasReport:nth-child(1) {
      left: 10%;
      top: 5%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasReport:nth-child(2) {
      right: 11%;
      top: 4%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasReport:nth-child(3) {
      left: 1%;
      top: 40%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasReport:nth-child(4) {
      right: 1%;
      top: 41%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasReport:nth-child(5) {
      left: 13%;
      bottom: 2%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasReport:nth-child(6) {
      right: 13%;
      bottom: 2%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasReportIcon {
      width: 35px;
      height: 35px;
      border-radius: 12px;
      display: grid;
      place-items: center;
      background: var(--sky);
      color: var(--brand2)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasReport:nth-child(2n) .atlasReportIcon {
      background: var(--yellowsoft);
      color: #8C6900
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasReport:nth-child(3n) .atlasReportIcon {
      background: var(--greenbg);
      color: var(--green)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasReportIcon svg {
      width: 20px;
      height: 20px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasReport span {
      font-size: 6.5px;
      font-weight: 850;
      color: #263D4D;
      line-height: 1.1
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasFooter {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding-top: 9px;
      border-top: 1px solid #DCEAF1;
      font-size: 6.5px;
      color: var(--muted);
      font-weight: 700
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasLive {
      display: flex;
      align-items: center;
      gap: 5px;
      color: var(--navy)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .atlasLive i {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: var(--green);
      box-shadow: 0 0 0 5px rgba(17, 138, 97, .09)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBI {
      border: 1px solid #BFE3F3;
      border-radius: 25px;
      background: linear-gradient(145deg, #fff, #ECF9FF);
      box-shadow: 0 22px 56px rgba(6, 59, 92, .14);
      padding: 13px;
      overflow: hidden;
      position: relative
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBI:before {
      content: "";
      position: absolute;
      width: 180px;
      height: 180px;
      border-radius: 50%;
      right: -70px;
      top: -90px;
      background: rgba(255, 201, 40, .14)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBI>* {
      position: relative;
      z-index: 2
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBIHeader {
      min-height: 58px;
      border-radius: 16px;
      background: linear-gradient(135deg, var(--navy), #0A5278);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 10px 13px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBILogo {
      display: flex;
      align-items: center;
      gap: 10px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBILogo strong {
      display: block;
      font-size: 11px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBILogo small {
      display: block;
      font-size: 6px;
      color: #CDEAF7
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .pbiMark {
      display: flex;
      align-items: flex-end;
      gap: 2px;
      width: 23px;
      height: 25px;
      padding: 3px;
      border-radius: 7px;
      background: #FFF7D6
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .pbiMark i {
      display: block;
      width: 4px;
      background: #F2C811;
      border-radius: 2px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .pbiMark i:nth-child(1) {
      height: 7px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .pbiMark i:nth-child(2) {
      height: 12px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .pbiMark i:nth-child(3) {
      height: 18px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .pbiMark.tiny {
      width: 16px;
      height: 17px;
      padding: 2px;
      border-radius: 5px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .pbiMark.tiny i {
      width: 3px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .pbiMark.tiny i:nth-child(1) {
      height: 4px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .pbiMark.tiny i:nth-child(2) {
      height: 7px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .pbiMark.tiny i:nth-child(3) {
      height: 11px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBIFilters {
      display: flex;
      gap: 5px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBIFilters span {
      display: flex;
      align-items: center;
      gap: 4px;
      border: 1px solid rgba(255, 255, 255, .22);
      border-radius: 8px;
      padding: 5px 7px;
      background: rgba(255, 255, 255, .07);
      font-size: 5.5px;
      color: #E7F6FC
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBIFilters svg {
      width: 9px;
      height: 9px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBITabs {
      display: flex;
      gap: 6px;
      padding: 11px 3px 8px;
      overflow-x: auto
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBITab {
      border: 1px solid #CDE5F0;
      background: #fff;
      color: var(--navy);
      border-radius: 999px;
      padding: 7px 10px;
      white-space: nowrap;
      font-family: inherit;
      font-size: 6.5px;
      font-weight: 850;
      cursor: pointer
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBITab:hover,
    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBITab.active {
      background: var(--navy);
      color: #fff;
      border-color: var(--navy)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBITab.active {
      box-shadow: 0 6px 14px rgba(6, 59, 92, .16)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBIBody {
      background: rgba(255, 255, 255, .75);
      border: 1px solid #D6EAF3;
      border-radius: 17px;
      padding: 10px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBIKpis {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 7px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandMetric {
      background: #fff;
      border: 1px solid #D9EAF1;
      border-radius: 11px;
      padding: 9px 7px;
      min-height: 65px;
      position: relative;
      overflow: hidden
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandMetric:after {
      content: "";
      position: absolute;
      right: -10px;
      bottom: -12px;
      width: 35px;
      height: 35px;
      border-radius: 50%;
      background: rgba(0, 168, 248, .07)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandMetricIcon {
      width: 22px;
      height: 22px;
      border-radius: 7px;
      background: var(--sky);
      color: var(--brand2);
      display: grid;
      place-items: center;
      margin-bottom: 5px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandMetric:nth-child(2) .brandMetricIcon {
      background: var(--greenbg);
      color: var(--green)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandMetric:nth-child(3) .brandMetricIcon {
      background: var(--yellowsoft);
      color: #816000
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandMetric:nth-child(4) .brandMetricIcon {
      background: #F0EDFF;
      color: var(--purple)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandMetric:nth-child(5) .brandMetricIcon {
      background: #FFF0EA;
      color: var(--orange)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandMetricIcon svg {
      width: 12px;
      height: 12px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandMetric strong {
      display: block;
      font-size: 12px;
      line-height: 1;
      color: var(--navy)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandMetric span {
      display: block;
      font-size: 5.5px;
      color: var(--muted);
      margin-top: 3px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBIGrid {
      display: grid;
      grid-template-columns: 1.28fr .72fr;
      gap: 8px;
      margin-top: 8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBIPanel {
      background: #fff;
      border: 1px solid #D7E9F1;
      border-radius: 12px;
      padding: 9px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBIPanelHead {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      padding-bottom: 7px;
      border-bottom: 1px solid #E7F0F4
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBIPanelHead strong {
      font-size: 7px;
      color: var(--navy)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBIPanelHead span {
      font-size: 5px;
      color: var(--green);
      background: var(--greenbg);
      padding: 3px 5px;
      border-radius: 99px;
      font-weight: 800
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBIChart {
      display: grid;
      gap: 7px;
      padding-top: 10px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBar {
      display: grid;
      grid-template-columns: 56px 1fr 29px;
      gap: 5px;
      align-items: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBar label {
      font-size: 5.5px;
      color: #455F70
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandTrack {
      height: 8px;
      background: #EDF6FA;
      border-radius: 99px;
      overflow: hidden
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandTrack i {
      display: block;
      height: 100%;
      border-radius: 99px;
      background: linear-gradient(90deg, var(--brand2), var(--brand));
      transform-origin: left;
      animation: barGrow .8s ease both
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBar:nth-child(2) .brandTrack i {
      background: linear-gradient(90deg, var(--green), #35C08C)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBar:nth-child(3) .brandTrack i {
      background: linear-gradient(90deg, #E6B500, var(--yellow))
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBar:nth-child(4) .brandTrack i {
      background: linear-gradient(90deg, var(--purple), #A597F2)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBar b {
      font-size: 5.5px;
      text-align: right;
      color: var(--navy)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBIRows {
      display: grid;
      gap: 5px;
      padding-top: 9px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBIRow {
      display: grid;
      grid-template-columns: auto 1fr auto;
      gap: 6px;
      align-items: center;
      padding: 6px;
      border: 1px solid #E3EEF3;
      border-radius: 8px;
      background: #FAFDFF
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandRowIcon {
      width: 19px;
      height: 19px;
      border-radius: 6px;
      background: var(--sky);
      color: var(--brand2);
      display: grid;
      place-items: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandRowIcon svg {
      width: 10px;
      height: 10px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBIRow span {
      font-size: 5.5px;
      color: var(--muted)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBIRow b {
      font-size: 6px;
      color: var(--navy)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .brandBIFoot {
      display: flex;
      align-items: center;
      gap: 6px;
      margin-top: 8px;
      padding-top: 7px;
      border-top: 1px dashed #D9E8EF;
      font-size: 5px;
      color: var(--muted)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .sceneHeader {
      min-height: 58px;
      border-radius: 15px;
      background: linear-gradient(135deg, var(--navy), #0B5277);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 10px 13px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .sceneTitle {
      display: flex;
      align-items: center;
      gap: 9px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .sceneIcon {
      width: 34px;
      height: 34px;
      border-radius: 10px;
      background: rgba(255, 255, 255, .12);
      color: var(--yellow);
      display: grid;
      place-items: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .sceneIcon svg {
      width: 18px;
      height: 18px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .sceneTitle strong {
      display: block;
      font-size: 11px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .sceneTitle small {
      display: block;
      font-size: 6px;
      color: #CDE8F4
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .sceneFilter {
      display: flex;
      align-items: center;
      gap: 4px;
      font-size: 12px;
      border: 1px solid rgba(255, 255, 255, .22);
      border-radius: 8px;
      padding: 5px 7px;
      background: rgba(255, 255, 255, .07);
      color: #fff;
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .sceneFilter svg {
      width: 9px;
      height: 9px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .sceneTabs {
      display: flex;
      gap: 6px;
      margin: 10px 0 8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .sceneTabs span {
      font-size: 6px;
      font-weight: 850;
      color: var(--navy);
      background: #fff;
      border: 1px solid #D4E7EF;
      border-radius: 999px;
      padding: 5px 8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .sceneTabs span.active {
      background: var(--yellow);
      border-color: var(--yellow);
      color: #1F1B00
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woScene,
    .new-theme-design.enterprise-cmms-reporting-power-bi .assetScene {
      min-height: 390px;
      border-radius: 24px;
      background: radial-gradient(circle at 90% 10%, rgba(255, 201, 40, .16), transparent 25%), linear-gradient(145deg, #fff, #EDF9FF);
      border: 1px solid #BFE2F1;
      box-shadow: var(--shadow);
      padding: 14px;
      position: relative;
      overflow: hidden
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woScene:before,
    .new-theme-design.enterprise-cmms-reporting-power-bi .assetScene:before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(rgba(0, 168, 248, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 168, 248, .03) 1px, transparent 1px);
      background-size: 22px 22px;
      mask-image: linear-gradient(135deg, #000, transparent 78%)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woScene>*,
    .new-theme-design.enterprise-cmms-reporting-power-bi .assetScene>* {
      position: relative;
      z-index: 2
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woMetrics {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 7px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woMetrics>div {
      background: #fff;
      border: 1px solid #D7E8F0;
      border-radius: 11px;
      padding: 8px;
      min-height: 65px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .metricIcon {
      width: 22px;
      height: 22px;
      border-radius: 7px;
      display: grid;
      place-items: center;
      margin-bottom: 4px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .metricIcon svg {
      width: 12px;
      height: 12px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .metricIcon.blue {
      background: var(--sky);
      color: var(--brand2)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .metricIcon.green {
      background: var(--greenbg);
      color: var(--green)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .metricIcon.yellow {
      background: var(--yellowsoft);
      color: #876600
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .metricIcon.purple {
      background: #F0EDFF;
      color: var(--purple)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woMetrics strong {
      display: block;
      font-size: 12px;
      color: var(--navy);
      line-height: 1
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woMetrics small {
      display: block;
      font-size: 5.5px;
      color: var(--muted);
      margin-top: 3px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woCharts {
      display: grid;
      grid-template-columns: 1.15fr .85fr;
      gap: 8px;
      margin-top: 8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woPanel {
      background: #fff;
      border: 1px solid #D7E8F0;
      border-radius: 12px;
      padding: 9px;
      min-height: 139px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .miniHead {
      display: flex;
      justify-content: space-between;
      gap: 8px;
      align-items: center;
      padding-bottom: 7px;
      border-bottom: 1px solid #E5F0F5
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .miniHead strong {
      font-size: 7px;
      color: var(--navy)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .miniHead span {
      font-size: 5px;
      color: var(--muted)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woStatusBars {
      display: grid;
      gap: 7px;
      padding-top: 9px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woStatusBars>div {
      display: grid;
      grid-template-columns: 53px 1fr 28px;
      gap: 5px;
      align-items: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woStatusBars label {
      font-size: 5.5px;
      color: #506877
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woStatusBars span {
      height: 8px;
      background: #EDF6FA;
      border-radius: 99px;
      overflow: hidden
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woStatusBars i {
      display: block;
      height: 100%;
      border-radius: 99px;
      background: linear-gradient(90deg, var(--brand2), var(--brand))
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woStatusBars>div:nth-child(2) i {
      background: linear-gradient(90deg, var(--green), #38C58F)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woStatusBars>div:nth-child(3) i {
      background: linear-gradient(90deg, #DDAE00, var(--yellow))
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woStatusBars>div:nth-child(4) i {
      background: linear-gradient(90deg, var(--purple), #A89AF5)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woStatusBars b {
      font-size: 5.5px;
      text-align: right;
      color: var(--navy)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woDonut {
      display: grid;
      grid-template-columns: 72px 1fr;
      gap: 8px;
      align-items: center;
      padding-top: 10px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woDonutRing {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      background: conic-gradient(var(--brand) 0 82%, var(--yellow) 82% 93%, var(--orange) 93%);
      display: grid;
      place-items: center;
      position: relative
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woDonutRing:after {
      content: "";
      position: absolute;
      inset: 13px;
      background: #fff;
      border-radius: 50%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woDonutRing span {
      position: relative;
      z-index: 2;
      font-size: 13px;
      font-weight: 900;
      color: var(--navy);
      text-align: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woDonutRing small {
      display: block;
      font-size: 4.5px;
      color: var(--muted)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woLegend {
      display: grid;
      gap: 6px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woLegend span {
      display: flex;
      align-items: center;
      gap: 5px;
      font-size: 5.5px;
      color: #506877
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woLegend i {
      width: 7px;
      height: 7px;
      border-radius: 50%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .lgPlanned {
      background: var(--brand)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .lgReactive {
      background: var(--orange)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .lgRecurring {
      background: var(--yellow)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woCostStrip {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 6px;
      margin-top: 8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woCostStrip div {
      background: #fff;
      border: 1px solid #D8E9F1;
      border-radius: 9px;
      padding: 7px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woCostStrip div.total {
      background: var(--navy);
      border-color: var(--navy)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woCostStrip strong {
      display: block;
      font-size: 8px;
      color: var(--navy)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woCostStrip span {
      display: block;
      font-size: 4.8px;
      color: var(--muted)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woCostStrip .total strong {
      color: var(--yellow)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .woCostStrip .total span {
      color: #CDE8F4
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .assetTabs span {
      padding-left: 10px;
      padding-right: 10px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .assetTop {
      display: grid;
      grid-template-columns: .8fr 1.2fr;
      gap: 8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .availabilityGauge {
      background: #fff;
      border: 1px solid #D8E9F1;
      border-radius: 13px;
      padding: 10px;
      display: grid;
      place-items: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .gaugeRing {
      width: 106px;
      height: 106px;
      border-radius: 50%;
      background: conic-gradient(var(--brand) 0 88.43%, #E8F2F6 88.43%);
      display: grid;
      place-items: center;
      position: relative
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .gaugeRing:after {
      content: "";
      position: absolute;
      inset: 17px;
      background: #fff;
      border-radius: 50%
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .gaugeRing>div {
      position: relative;
      z-index: 2;
      text-align: center
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .gaugeRing strong {
      display: block;
      font-size: 18px;
      color: var(--navy)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .gaugeRing span {
      font-size: 5.5px;
      color: var(--muted)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .availabilityGauge>small {
      font-size: 5px;
      color: var(--muted);
      margin-top: 5px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .assetKpiStack {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 7px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .assetKpiStack>div {
      background: #fff;
      border: 1px solid #D8E9F1;
      border-radius: 11px;
      padding: 8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .assetKpiStack span {
      width: 22px;
      height: 22px;
      border-radius: 7px;
      background: var(--sky);
      color: var(--brand2);
      display: grid;
      place-items: center;
      margin-bottom: 5px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .assetKpiStack>div:nth-child(2) span {
      background: var(--yellowsoft);
      color: #876600
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .assetKpiStack>div:nth-child(3) span {
      background: var(--greenbg);
      color: var(--green)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .assetKpiStack>div:nth-child(4) span {
      background: #F0EDFF;
      color: var(--purple)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .assetKpiStack svg {
      width: 12px;
      height: 12px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .assetKpiStack strong {
      display: block;
      font-size: 11px;
      color: var(--navy);
      line-height: 1
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .assetKpiStack small {
      display: block;
      font-size: 5px;
      color: var(--muted);
      margin-top: 3px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .assetChart {
      background: #fff;
      border: 1px solid #D8E9F1;
      border-radius: 12px;
      padding: 9px;
      margin-top: 8px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .assetBars {
      height: 91px;
      display: flex;
      align-items: flex-end;
      gap: 7px;
      padding: 10px 7px 0;
      background: linear-gradient(180deg, transparent, rgba(0, 168, 248, .025))
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .assetBars i {
      flex: 1;
      border-radius: 5px 5px 2px 2px;
      background: linear-gradient(180deg, var(--brand), var(--brand2));
      animation: bars 1.2s ease both
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .assetBars i:nth-child(2n) {
      background: linear-gradient(180deg, #42C998, var(--green))
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .assetAxis {
      display: grid;
      grid-template-columns: repeat(8, 1fr);
      gap: 7px;
      padding: 4px 7px 0
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .assetAxis span {
      text-align: center;
      font-size: 4.5px;
      color: var(--muted)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .toolkitGrid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .toolkitCard {
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 17px;
      padding: 19px;
      box-shadow: 0 8px 22px rgba(6, 59, 92, .05);
      transition: .22s;
      position: relative;
      overflow: hidden
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .toolkitCard:before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 4px;
      background: var(--brand)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .toolkitCard:nth-child(2):before,
    .new-theme-design.enterprise-cmms-reporting-power-bi .toolkitCard:nth-child(6):before {
      background: var(--yellow)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .toolkitCard:nth-child(3):before,
    .new-theme-design.enterprise-cmms-reporting-power-bi .toolkitCard:nth-child(7):before {
      background: var(--green)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .toolkitCard:nth-child(4):before,
    .new-theme-design.enterprise-cmms-reporting-power-bi .toolkitCard:nth-child(8):before {
      background: var(--purple)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .toolkitCard:hover {
      transform: translateY(-4px);
      box-shadow: 0 15px 32px rgba(6, 59, 92, .1)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .toolkitIcon {
      width: 44px;
      height: 44px;
      border-radius: 13px;
      background: var(--sky);
      color: var(--brand2);
      display: grid;
      place-items: center;
      margin-bottom: 13px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .toolkitCard:nth-child(2) .toolkitIcon,
    .new-theme-design.enterprise-cmms-reporting-power-bi .toolkitCard:nth-child(6) .toolkitIcon {
      background: var(--yellowsoft);
      color: #806000
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .toolkitCard:nth-child(3) .toolkitIcon,
    .new-theme-design.enterprise-cmms-reporting-power-bi .toolkitCard:nth-child(7) .toolkitIcon {
      background: var(--greenbg);
      color: var(--green)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .toolkitCard:nth-child(4) .toolkitIcon,
    .new-theme-design.enterprise-cmms-reporting-power-bi .toolkitCard:nth-child(8) .toolkitIcon {
      background: #F0EDFF;
      color: var(--purple)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .toolkitIcon svg {
      width: 23px;
      height: 23px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .toolkitCard h3 {
      font-size: 17px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .toolkitCard p {
      font-size: 15px;
      color: var(--muted);
      margin-top: 7px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .uspBand {
      margin-top: 22px;
      border-radius: 20px;
      padding: 22px;
      background: radial-gradient(circle at 90% 10%, rgba(255, 201, 40, .16), transparent 24%), linear-gradient(135deg, var(--navy), #082E46);
      color: #fff;
      display: grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 22px;
      align-items: center;
      border-bottom: 4px solid var(--yellow)
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .uspLead {
      display: flex;
      align-items: flex-start;
      gap: 12px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .uspSpark {
      width: 42px;
      height: 42px;
      border-radius: 13px;
      background: var(--yellow);
      color: #000;
      display: grid;
      place-items: center;
      font-size: 20px;
      flex: 0 0 42px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .uspLead strong {
      display: block;
      font-size: 17px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .uspLead p {
      font-size: 14px;
      color: #D5E9F3;
      margin-top: 5px
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .uspPills {
      display: flex;
      gap: 7px;
      flex-wrap: wrap;
      justify-content: flex-end
    }

    .new-theme-design.enterprise-cmms-reporting-power-bi .uspPills span {
      font-size: 13px;
      font-weight: 800;
      padding: 7px 9px;
      border-radius: 999px;
      background: rgba(255, 255, 255, .09);
      border: 1px solid rgba(255, 255, 255, .14);
      color: #EAF7FC
    }

    @media(max-width:960px) {
      .new-theme-design.enterprise-cmms-reporting-power-bi .reportLibraryFeature {
        grid-template-columns: 1fr
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .reportAtlas {
        max-width: 680px;
        margin: auto
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .brandBIGrid,
      .new-theme-design.enterprise-cmms-reporting-power-bi .woCharts {
        grid-template-columns: 1fr
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .toolkitGrid {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .uspBand {
        grid-template-columns: 1fr
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .uspPills {
        justify-content: flex-start
      }
    }

    @media(max-width:640px) {
      .new-theme-design.enterprise-cmms-reporting-power-bi .atlasCategories {
        grid-template-columns: repeat(4, 1fr)
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .reportAtlas {
        padding: 12px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .atlasStage {
        min-height: 315px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .atlasCore {
        width: 92px;
        height: 92px;
        border-width: 5px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .atlasCore b {
        font-size: 27px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .atlasReport {
        width: 68px;
        height: 68px;
        border-radius: 16px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .atlasReportIcon {
        width: 30px;
        height: 30px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .atlasReport:nth-child(1) {
        left: 3%;
        top: 5%
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .atlasReport:nth-child(2) {
        right: 3%;
        top: 5%
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .atlasReport:nth-child(3) {
        left: 0;
        top: 41%
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .atlasReport:nth-child(4) {
        right: 0;
        top: 41%
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .atlasReport:nth-child(5) {
        left: 5%;
        bottom: 1%
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .atlasReport:nth-child(6) {
        right: 5%;
        bottom: 1%
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .atlasFooter {
        align-items: flex-start;
        flex-direction: column
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .brandBIFilters {
        display: none
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .brandBIKpis {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .brandMetric:nth-child(5) {
        grid-column: 1/-1
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .brandBIGrid {
        grid-template-columns: 1fr
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .brandBITab {
        min-width: 82px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .woMetrics,
      .new-theme-design.enterprise-cmms-reporting-power-bi .woCostStrip {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .woCharts {
        grid-template-columns: 1fr
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .assetTop {
        grid-template-columns: 1fr
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .assetKpiStack {
        grid-template-columns: repeat(2, 1fr)
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .toolkitGrid {
        grid-template-columns: 1fr
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .uspBand {
        padding: 18px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .sceneTabs {
        overflow-x: auto
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .sceneTabs span {
        white-space: nowrap
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .woScene,
      .new-theme-design.enterprise-cmms-reporting-power-bi .assetScene {
        padding: 11px
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .feature {
        gap: 34px
      }
    }

    @media (max-width: 767px) {
      .new-theme-design.enterprise-cmms-reporting-power-bi .heroVisual {
        display: none;
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .visual {
        order: 0;
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .visual-content {
        order: 1;
      }

      .new-theme-design.enterprise-cmms-reporting-power-bi .hero {
        padding: 34px 0;
      }
    }

    
  /*----------------Enterprise CMMS Reporting & Power BI Analytics Ends----------------*/
/* PURE CSS ICONS */
.new-theme-design.enterprise-cmms-reporting-power-bi .ico{display:inline-block;width:26px;height:26px;position:relative;color:currentColor;flex:0 0 26px}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.report:before{content:"";position:absolute;inset:3px 5px;border:2px solid currentColor;border-radius:4px}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.report:after{content:"";position:absolute;left:9px;top:8px;width:9px;height:2px;border-radius:9px;background:currentColor;box-shadow:0 5px 0 currentColor,0 10px 0 currentColor}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.bars:before{content:"";position:absolute;left:4px;bottom:4px;width:4px;height:8px;border-radius:2px 2px 1px 1px;background:currentColor;box-shadow:7px -5px 0 currentColor,14px -11px 0 currentColor}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.asset:before{content:"";position:absolute;left:5px;top:4px;width:14px;height:7px;border:2px solid currentColor;border-radius:3px;box-shadow:0 8px 0 -2px transparent}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.asset:after{content:"";position:absolute;left:5px;top:15px;width:14px;height:7px;border:2px solid currentColor;border-radius:3px}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.building:before{content:"";position:absolute;left:5px;top:4px;width:16px;height:19px;border:2px solid currentColor;border-radius:3px 3px 1px 1px}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.building:after{content:"";position:absolute;left:9px;top:8px;width:3px;height:3px;background:currentColor;box-shadow:6px 0 0 currentColor,0 6px 0 currentColor,6px 6px 0 currentColor,3px 11px 0 1px currentColor}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.rfid:before{content:"";position:absolute;inset:3px;border:2px solid currentColor;border-color:currentColor transparent currentColor transparent;border-radius:50%;transform:rotate(45deg)}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.rfid:after{content:"";position:absolute;left:10px;top:10px;width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(0,0,0,0),0 0 0 7px currentColor;clip-path:circle(34% at 50% 50%)}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.cart:before{content:"";position:absolute;left:5px;top:7px;width:15px;height:10px;border:2px solid currentColor;border-top:0;transform:skewX(-10deg)}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.cart:after{content:"";position:absolute;left:7px;bottom:3px;width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:10px 0 0 currentColor}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.alert:before{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;background:currentColor;clip-path:polygon(50% 0,100% 92%,0 92%);border-radius:3px}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.alert:after{content:"!";position:absolute;left:0;right:0;top:4px;text-align:center;color:#fff;font-size:14px;font-weight:900}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.box:before{content:"";position:absolute;left:4px;top:7px;width:18px;height:15px;border:2px solid currentColor;border-radius:3px}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.box:after{content:"";position:absolute;left:4px;top:7px;width:18px;height:6px;border-bottom:2px solid currentColor;box-shadow:8px -3px 0 -7px currentColor}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.clock:before{content:"";position:absolute;inset:3px;border:2px solid currentColor;border-radius:50%}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.clock:after{content:"";position:absolute;left:12px;top:7px;width:2px;height:7px;background:currentColor;transform-origin:bottom;border-radius:2px;box-shadow:3px 6px 0 -0.5px currentColor;transform:rotate(-10deg)}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.filter:before{content:"";position:absolute;left:3px;top:4px;width:20px;height:19px;background:currentColor;clip-path:polygon(0 0,100% 0,62% 43%,62% 79%,39% 100%,39% 43%)}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.mail:before{content:"";position:absolute;left:3px;top:6px;width:20px;height:15px;border:2px solid currentColor;border-radius:3px}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.mail:after{content:"";position:absolute;left:6px;top:7px;width:12px;height:12px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.download:before{content:"";position:absolute;left:11px;top:3px;width:4px;height:12px;background:currentColor;border-radius:2px}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.download:after{content:"";position:absolute;left:5px;top:10px;width:16px;height:12px;border-bottom:2px solid currentColor;clip-path:polygon(0 0,38% 0,38% 33%,50% 54%,62% 33%,62% 0,100% 0,50% 72%)}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.bell:before{content:"";position:absolute;left:6px;top:5px;width:14px;height:14px;border:2px solid currentColor;border-radius:10px 10px 5px 5px}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.bell:after{content:"";position:absolute;left:10px;top:20px;width:6px;height:3px;border-radius:0 0 6px 6px;background:currentColor}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.users:before{content:"";position:absolute;left:4px;top:5px;width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:10px 2px 0 -1px currentColor}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.users:after{content:"";position:absolute;left:2px;bottom:3px;width:14px;height:8px;border:2px solid currentColor;border-bottom:0;border-radius:12px 12px 0 0;box-shadow:8px 1px 0 -1px transparent}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.compare:before{content:"";position:absolute;left:3px;top:6px;width:18px;height:3px;background:currentColor;box-shadow:0 10px 0 currentColor}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.compare:after{content:"";position:absolute;left:2px;top:3px;width:22px;height:18px;background:currentColor;clip-path:polygon(0 17%,24% 0,24% 12%,100% 12%,100% 25%,24% 25%,24% 37%,0 20%,100% 80%,76% 63%,76% 75%,0 75%,0 88%,76% 88%,76% 100%)}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.ai:before{content:"";position:absolute;left:11px;top:2px;width:4px;height:22px;border-radius:4px;background:currentColor;box-shadow:0 0 0 0 currentColor}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.ai:after{content:"";position:absolute;left:2px;top:11px;width:22px;height:4px;border-radius:4px;background:currentColor;transform:rotate(45deg);box-shadow:0 0 0 0 currentColor}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.calendar:before{content:"";position:absolute;left:3px;top:5px;width:20px;height:18px;border:2px solid currentColor;border-radius:4px}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.calendar:after{content:"";position:absolute;left:6px;top:10px;width:4px;height:4px;background:currentColor;box-shadow:6px 0 0 currentColor,12px 0 0 currentColor,0 6px 0 currentColor,6px 6px 0 currentColor,12px 6px 0 currentColor}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.cost:before{content:"$";position:absolute;inset:2px;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:900;line-height:20px}
.new-theme-design.enterprise-cmms-reporting-power-bi .ico.wrench:before{content:"";position:absolute;left:5px;top:11px;width:18px;height:5px;border-radius:5px;background:currentColor;transform:rotate(-42deg)}
.new-theme-design.enterprise-cmms-reporting-power-bi  .ico.wrench:after{content:"";position:absolute;left:3px;top:3px;width:9px;height:9px;border:3px solid currentColor;border-right-color:transparent;border-radius:50%;transform:rotate(-42deg)}
.new-theme-design.enterprise-cmms-reporting-power-bi  .ico.spark:before{content:"";position:absolute;left:11px;top:1px;width:4px;height:24px;border-radius:4px;background:currentColor}
.new-theme-design.enterprise-cmms-reporting-power-bi  .ico.spark:after{content:"";position:absolute;left:1px;top:11px;width:24px;height:4px;border-radius:4px;background:currentColor;transform:rotate(45deg)}


/* HERO */
.new-theme-design.enterprise-cmms-reporting-power-bi .hero{padding:72px 0 68px;background:radial-gradient(circle at 78% 18%,rgba(0,168,248,.22),transparent 28%),radial-gradient(circle at 93% 70%,rgba(255,201,40,.16),transparent 20%),linear-gradient(180deg,#fff,#EFF9FE);overflow:hidden}
.new-theme-design.enterprise-cmms-reporting-power-bi .heroGrid{display:grid;grid-template-columns:.95fr 1.05fr;gap:44px;align-items:center}
.new-theme-design.enterprise-cmms-reporting-power-bi .heroPills{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
.new-theme-design.enterprise-cmms-reporting-power-bi .heroPills span{padding:6px 9px;border:1px solid #C8E8F7;border-radius:999px;background:#fff;color:var(--navy);font-size:10px;font-weight:800}
.new-theme-design.enterprise-cmms-reporting-power-bi .heroVisual{min-height:545px;position:relative}
.new-theme-design.enterprise-cmms-reporting-power-bi .reportStage{min-height:545px;position:relative;max-width:650px;margin-left:auto}
.new-theme-design.enterprise-cmms-reporting-power-bi .reportStage:before{content:"";position:absolute;inset:35px 0 20px 35px;border-radius:36px;background:linear-gradient(rgba(0,168,248,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,168,248,.045) 1px,transparent 1px);background-size:28px 28px;z-index:0}
.new-theme-design.enterprise-cmms-reporting-power-bi .reportHalo{position:absolute;left:53%;top:38px;width:420px;height:420px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(0,168,248,.22),rgba(0,168,248,.08) 47%,transparent 72%);z-index:1;animation:haloPulse 4s ease-in-out infinite}
.new-theme-design.enterprise-cmms-reporting-power-bi .mainDash{position:absolute;left:12px;right:0;top:44px;z-index:3;background:#fff;border:1px solid #BEDFEE;border-radius:24px;box-shadow:var(--shadow2);overflow:hidden;animation:dashFloat 5s ease-in-out infinite}
.new-theme-design.enterprise-cmms-reporting-power-bi .dashNav{height:46px;background:#0C2333;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 15px}
.new-theme-design.enterprise-cmms-reporting-power-bi .dashBrand{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:900}
.new-theme-design.enterprise-cmms-reporting-power-bi .dashLogo{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--brand),var(--brand2));position:relative}
.new-theme-design.enterprise-cmms-reporting-power-bi .dashLogo:before{content:"";position:absolute;left:6px;top:7px;width:4px;height:12px;background:#fff;border-radius:2px;box-shadow:6px -3px 0 #fff,12px -7px 0 #fff}
.new-theme-design.enterprise-cmms-reporting-power-bi .dashControls{display:flex;gap:6px}.dashControl{font-size:6px;padding:5px 7px;border:1px solid #2C4B5F;border-radius:7px;color:#D4E6F0}
.new-theme-design.enterprise-cmms-reporting-power-bi .dashBody{padding:14px;background:linear-gradient(180deg,#F8FCFF,#EEF8FD)}
.new-theme-design.enterprise-cmms-reporting-power-bi .dashTitleRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dashTitleRow strong{font-size:10px}.dashTitleRow span{font-size:6px;color:var(--muted)}
.new-theme-design.enterprise-cmms-reporting-power-bi .dashKpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.new-theme-design.enterprise-cmms-reporting-power-bi .kpi{background:#fff;border:1px solid var(--line);border-radius:11px;padding:9px;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--brand)}.kpi:nth-child(2):before{background:var(--green)}.kpi:nth-child(3):before{background:var(--yellow)}.kpi:nth-child(4):before{background:var(--purple)}
.new-theme-design.enterprise-cmms-reporting-power-bi .kpi label{display:block;font-size:5.8px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em}.kpi strong{display:block;font-size:16px;color:var(--navy);line-height:1.2;margin-top:4px}.kpi small{font-size:5.5px;color:var(--green)}
.new-theme-design.enterprise-cmms-reporting-power-bi .heroChartGrid{display:grid;grid-template-columns:1.45fr .75fr;gap:8px;margin-top:8px}
.new-theme-design.enterprise-cmms-reporting-power-bi .panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;position:relative;overflow:hidden}.panelTitle{display:flex;justify-content:space-between;align-items:center}.panelTitle strong{font-size:7px}.panelTitle span{font-size:5.5px;color:var(--muted)}
.new-theme-design.enterprise-cmms-reporting-power-bi .trendPlot{height:116px;margin-top:7px;position:relative;background:repeating-linear-gradient(to bottom,#fff 0,#fff 27px,#EAF1F5 28px);overflow:hidden;border-radius:7px}
.new-theme-design.enterprise-cmms-reporting-power-bi .trendBars{position:absolute;inset:11px 8px 9px;display:flex;align-items:flex-end;gap:7px}.trendBars i{flex:1;background:linear-gradient(180deg,rgba(0,168,248,.42),rgba(0,127,197,.12));border-radius:4px 4px 1px 1px;transform-origin:bottom;animation:barRise 1.4s ease both}.trendBars i:nth-child(1){height:32%}.trendBars i:nth-child(2){height:40%}.trendBars i:nth-child(3){height:48%}.trendBars i:nth-child(4){height:44%}.trendBars i:nth-child(5){height:58%}.trendBars i:nth-child(6){height:66%}.trendBars i:nth-child(7){height:62%}.trendBars i:nth-child(8){height:78%}.trendBars i:nth-child(9){height:84%}.trendBars i:nth-child(10){height:90%}
.new-theme-design.enterprise-cmms-reporting-power-bi .trendPath span{position:absolute;height:3px;background:var(--brand);border-radius:99px;transform-origin:left;animation:lineGrow 2s ease both}.trendPath .s1{left:5%;bottom:36%;width:10%;transform:rotate(-14deg)}.trendPath .s2{left:14%;bottom:43%;width:11%;transform:rotate(-13deg)}.trendPath .s3{left:24%;bottom:51%;width:10%;transform:rotate(6deg)}.trendPath .s4{left:33%;bottom:48%;width:11%;transform:rotate(-18deg)}.trendPath .s5{left:43%;bottom:61%;width:11%;transform:rotate(-13deg)}.trendPath .s6{left:53%;bottom:70%;width:11%;transform:rotate(5deg)}.trendPath .s7{left:63%;bottom:67%;width:11%;transform:rotate(-18deg)}.trendPath .s8{left:73%;bottom:80%;width:11%;transform:rotate(-8deg)}.trendPath .s9{left:83%;bottom:86%;width:10%;transform:rotate(-4deg)}
.new-theme-design.enterprise-cmms-reporting-power-bi .donutWrap{display:grid;place-items:center;padding-top:11px}.donut{width:104px;height:104px;border-radius:50%;background:conic-gradient(var(--green) 0 92%,#E6EEF2 92%);display:grid;place-items:center;position:relative;animation:donutPulse 3s ease-in-out infinite}.donut:after{content:"";position:absolute;inset:14px;background:#fff;border-radius:50%}.donutText{position:relative;z-index:2;text-align:center;font-size:19px;font-weight:900;color:var(--navy)}.donutText span{display:block;font-size:6px;color:var(--muted);font-weight:700}
.new-theme-design.enterprise-cmms-reporting-power-bi .bottomGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.miniPanel{height:106px}.miniBars{height:70px;display:flex;align-items:flex-end;gap:6px;padding-top:10px}.miniBars span{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--brand),var(--brand2));transform-origin:bottom;animation:barRise 1.3s ease both}.miniBars span:nth-child(1){height:56%}.miniBars span:nth-child(2){height:78%}.miniBars span:nth-child(3){height:47%}.miniBars span:nth-child(4){height:88%}.miniBars span:nth-child(5){height:61%}.miniBars span:nth-child(6){height:38%}
.new-theme-design.enterprise-cmms-reporting-power-bi .badRows{display:grid;gap:6px;margin-top:8px}.badRow{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.badRow strong{font-size:6.2px}.badRow em{font-style:normal;font-size:5.5px;color:var(--red);font-weight:900}.badTrack{grid-column:1/-1;height:4px;background:#EEF2F4;border-radius:99px;overflow:hidden}.badTrack i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--orange),var(--red))}.badRow:nth-child(1) .badTrack i{width:82%}.badRow:nth-child(2) .badTrack i{width:61%}.badRow:nth-child(3) .badTrack i{width:44%}
.new-theme-design.enterprise-cmms-reporting-power-bi .reportFloat{position:absolute;left:-8px;bottom:5px;z-index:5;width:200px;background:#101820;color:#fff;border:1px solid #2D3A46;border-radius:18px;box-shadow:0 20px 45px rgba(0,0,0,.22);overflow:hidden;animation:floatCard 5.4s ease-in-out infinite}.floatHead{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-bottom:1px solid #2B3741}.floatHead strong{font-size:9px}.floatHead span{font-size:6px;padding:4px 6px;border-radius:999px;background:var(--yellow);color:#000;font-weight:900}.floatRows{padding:8px 11px}.floatRow{display:grid;grid-template-columns:22px 1fr auto;gap:7px;align-items:center;padding:6px 0;border-bottom:1px solid #29343E}.floatRow:last-child{border-bottom:0}.floatIcon{width:21px;height:21px;border-radius:7px;background:#16384C;color:#62CCFF;display:grid;place-items:center}.floatIcon .ico{width:14px;height:14px;transform:scale(.65)}.floatRow strong{font-size:6.5px}.floatRow b{font-size:6px;color:var(--yellow)}
.new-theme-design.enterprise-cmms-reporting-power-bi .pbiBadge{position:absolute;right:3px;bottom:11px;z-index:6;background:var(--yellow);color:#151515;border-radius:12px;padding:9px 11px;font-size:8px;font-weight:900;box-shadow:0 12px 28px rgba(255,201,40,.28);display:flex;align-items:center;gap:8px;animation:badgeFloat 3.3s ease-in-out infinite}.pbiMark{display:flex;align-items:flex-end;gap:2px;height:18px}.pbiMark i{display:block;width:5px;border-radius:2px;background:#1A1A1A}.pbiMark i:nth-child(1){height:9px}.pbiMark i:nth-child(2){height:14px}.pbiMark i:nth-child(3){height:18px}

/* REPORT LIBRARY VISUAL */
.new-theme-design.enterprise-cmms-reporting-power-bi .libraryVisual{min-height:440px;padding:18px}
.new-theme-design.enterprise-cmms-reporting-power-bi .libraryShell{background:rgba(255,255,255,.85);border:1px solid #C9E4F0;border-radius:20px;box-shadow:0 16px 40px rgba(6,59,92,.10);padding:15px;height:100%}
.new-theme-design.enterprise-cmms-reporting-power-bi .libraryHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.new-theme-design.enterprise-cmms-reporting-power-bi .libraryTitle{display:flex;align-items:center;gap:10px}.libraryTitle .iconTile{width:38px;height:38px;border-radius:11px;background:var(--navy);color:var(--yellow);display:grid;place-items:center}.libraryTitle strong{display:block;font-size:12px}.libraryTitle small{display:block;font-size:7px;color:var(--muted)}
.new-theme-design.enterprise-cmms-reporting-power-bi .libraryTotal{text-align:right}.libraryTotal b{display:block;font-size:26px;line-height:1;color:var(--brand2)}.libraryTotal span{font-size:7px;color:var(--muted)}
.new-theme-design.enterprise-cmms-reporting-power-bi .domainGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:13px}
.new-theme-design.enterprise-cmms-reporting-power-bi .domainCard{min-height:93px;background:#fff;border:1px solid #D8E8F0;border-radius:13px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;transition:.2s}.domainCard:hover{transform:translateY(-2px);border-color:#A8DDF3;box-shadow:0 10px 22px rgba(6,59,92,.08)}
.new-theme-design.enterprise-cmms-reporting-power-bi .domainCard:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--brand)}.domainCard:nth-child(2):after{background:var(--green)}.domainCard:nth-child(3):after{background:var(--yellow)}.domainCard:nth-child(4):after{background:var(--purple)}.domainCard:nth-child(5):after{background:var(--orange)}.domainCard:nth-child(6):after{background:var(--red)}.domainCard:nth-child(7):after{background:var(--brand2)}.domainCard:nth-child(8):after{background:var(--green)}
.new-theme-design.enterprise-cmms-reporting-power-bi .domainIcon{width:38px;height:38px;border-radius:12px;background:var(--sky);color:var(--brand2);display:grid;place-items:center;margin-bottom:5px}.domainCard:nth-child(2) .domainIcon{background:var(--greenbg);color:var(--green)}.domainCard:nth-child(3) .domainIcon{background:var(--yellowsoft);color:#806000}.domainCard:nth-child(4) .domainIcon{background:var(--purplebg);color:var(--purple)}.domainCard:nth-child(5) .domainIcon{background:var(--orangebg);color:var(--orange)}.domainCard:nth-child(6) .domainIcon{background:var(--redbg);color:var(--red)}
.new-theme-design.enterprise-cmms-reporting-power-bi .domainCard strong{font-size:15px;line-height:1;color:var(--navy)}.domainCard span{font-size:7px;color:var(--muted);margin-top:4px;font-weight:750}
.new-theme-design.enterprise-cmms-reporting-power-bi .reportSamples{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:12px}.sampleChip{background:#0D2535;color:#fff;border-radius:9px;padding:8px 4px;text-align:center;font-size:6.5px;font-weight:800}.sampleChip b{display:block;color:var(--yellow);font-size:8px}

/* POWER BI BOARD */
.new-theme-design.enterprise-cmms-reporting-power-bi .pbiUSP{display:flex;align-items:center;gap:10px;margin-top:18px;padding:12px 14px;border-radius:12px;background:var(--yellowsoft);color:#5F4800;font-size:12px;font-weight:850}.pbiUSP .pbiMark i{background:#5F4800}
.new-theme-design.enterprise-cmms-reporting-power-bi .powerBoard{min-height:420px;padding:14px;background:radial-gradient(circle at 90% 12%,rgba(255,201,40,.20),transparent 24%),linear-gradient(145deg,#F9FDFF,#E7F7FF)}
.new-theme-design.enterprise-cmms-reporting-power-bi .powerShell{border:1px solid #C9E4F0;border-radius:18px;background:rgba(255,255,255,.78);padding:11px;box-shadow:0 16px 38px rgba(6,59,92,.10)}
.new-theme-design.enterprise-cmms-reporting-power-bi .powerHeader{min-height:50px;border-radius:13px;background:linear-gradient(135deg,var(--navy),#0B5277);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px}
.new-theme-design.enterprise-cmms-reporting-power-bi .powerBrand{display:flex;align-items:center;gap:9px}.powerMark{width:34px;height:34px;border-radius:10px;background:var(--yellow);display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:7px}.powerMark i{width:5px;background:#1B1B1B;border-radius:2px}.powerMark i:nth-child(1){height:9px}.powerMark i:nth-child(2){height:14px}.powerMark i:nth-child(3){height:19px}.powerBrand strong{display:block;font-size:10px}.powerBrand small{display:block;font-size:6px;color:#CDE8F4}
.new-theme-design.enterprise-cmms-reporting-power-bi .filterChips{display:flex;gap:5px}.filterChips span{font-size:5.5px;padding:5px 7px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:rgba(255,255,255,.07)}
.new-theme-design.enterprise-cmms-reporting-power-bi .powerTabs{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0}.powerTabs span{font-size:5.5px;font-weight:850;color:var(--navy);background:#fff;border:1px solid #D4E7EF;border-radius:999px;padding:5px 7px}.powerTabs span.active{background:var(--yellow);border-color:var(--yellow);color:#1F1B00}
.new-theme-design.enterprise-cmms-reporting-power-bi .powerMetrics{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.powerMetric{background:#fff;border:1px solid #D9EAF1;border-radius:10px;padding:8px;position:relative;overflow:hidden}.powerMetric:after{content:"";position:absolute;right:-9px;bottom:-11px;width:34px;height:34px;border-radius:50%;background:rgba(0,168,248,.07)}.powerMetric strong{display:block;font-size:12px;color:var(--navy);line-height:1.1}.powerMetric span{display:block;font-size:5px;color:var(--muted);margin-top:3px}
.new-theme-design.enterprise-cmms-reporting-power-bi .powerGrid{display:grid;grid-template-columns:1.28fr .72fr;gap:8px;margin-top:8px}.powerPanel{background:#fff;border:1px solid #D7E9F1;border-radius:11px;padding:9px}.miniHead{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:7px;border-bottom:1px solid #E7F0F4}.miniHead strong{font-size:7px;color:var(--navy)}.miniHead span{font-size:5px;color:var(--green);background:var(--greenbg);padding:3px 5px;border-radius:99px;font-weight:800}
.new-theme-design.enterprise-cmms-reporting-power-bi .horizontalBars{display:grid;gap:7px;padding-top:10px}.hBar{display:grid;grid-template-columns:52px 1fr 28px;gap:5px;align-items:center}.hBar label{font-size:5.2px;color:#455F70}.hTrack{height:8px;background:#EDF6FA;border-radius:99px;overflow:hidden}.hTrack i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--brand2),var(--brand));transform-origin:left;animation:trackGrow 1.5s ease both}.hBar:nth-child(2) .hTrack i{background:linear-gradient(90deg,var(--green),#35C08C)}.hBar:nth-child(3) .hTrack i{background:linear-gradient(90deg,#E6B500,var(--yellow))}.hBar:nth-child(4) .hTrack i{background:linear-gradient(90deg,var(--purple),#A597F2)}.hBar b{font-size:5.2px;text-align:right;color:var(--navy)}
.new-theme-design.enterprise-cmms-reporting-power-bi .powerDonutWrap{display:grid;place-items:center;padding-top:9px}.powerDonut{width:84px;height:84px;border-radius:50%;background:conic-gradient(var(--brand) 0 67%,var(--green) 67% 87%,var(--yellow) 87%);display:grid;place-items:center;position:relative}.powerDonut:after{content:"";position:absolute;inset:13px;background:#fff;border-radius:50%}.powerDonut b{position:relative;z-index:2;font-size:15px;color:var(--navy)}.powerLegend{display:flex;justify-content:center;gap:7px;margin-top:7px}.powerLegend span{font-size:4.8px;color:var(--muted);display:flex;align-items:center;gap:3px}.powerLegend i{width:5px;height:5px;border-radius:50%;background:var(--brand)}.powerLegend span:nth-child(2) i{background:var(--green)}.powerLegend span:nth-child(3) i{background:var(--yellow)}
.new-theme-design.enterprise-cmms-reporting-power-bi .powerTable{margin-top:8px;background:#fff;border:1px solid #D7E9F1;border-radius:11px;padding:8px}.tableHead,.tableRow{display:grid;grid-template-columns:1.2fr .55fr .55fr .55fr;gap:5px;align-items:center}.tableHead{padding-bottom:5px;border-bottom:1px solid #E4EEF3}.tableHead span{font-size:4.8px;color:var(--muted);font-weight:850}.tableRow{padding:5px 0;border-bottom:1px solid #EDF3F6}.tableRow:last-child{border-bottom:0}.tableRow strong,.tableRow span{font-size:5.2px}.tableRow span{text-align:right;color:#4D6676}

/* WORK ORDER ANALYTICS */
.new-theme-design.enterprise-cmms-reporting-power-bi .woBoard{min-height:405px;padding:14px}.sceneHeader{min-height:55px;border-radius:14px;background:linear-gradient(135deg,var(--navy),#0B5277);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px}.sceneTitle{display:flex;align-items:center;gap:9px}.sceneIcon{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.12);color:var(--yellow);display:grid;place-items:center}.sceneTitle strong{display:block;font-size:10px}.sceneTitle small{display:block;font-size:6px;color:#CDE8F4}.sceneFilter{font-size:5.5px;border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:5px 7px;background:rgba(255,255,255,.07)}
.new-theme-design.enterprise-cmms-reporting-power-bi .sceneTabs{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0 8px}.sceneTabs span{font-size:5.5px;font-weight:850;color:var(--navy);background:#fff;border:1px solid #D4E7EF;border-radius:999px;padding:5px 8px}.sceneTabs span.active{background:var(--yellow);border-color:var(--yellow);color:#1F1B00}
.new-theme-design.enterprise-cmms-reporting-power-bi .woMetrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.woMetrics>div{background:#fff;border:1px solid #D7E8F0;border-radius:11px;padding:8px;min-height:63px}.metricIcon{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;margin-bottom:4px}.metricIcon.blue{background:var(--sky);color:var(--brand2)}.metricIcon.green{background:var(--greenbg);color:var(--green)}.metricIcon.yellow{background:var(--yellowsoft);color:#876600}.metricIcon.purple{background:var(--purplebg);color:var(--purple)}.metricIcon .ico{transform:scale(.62)}.woMetrics strong{display:block;font-size:12px;color:var(--navy);line-height:1}.woMetrics small{display:block;font-size:5.3px;color:var(--muted);margin-top:3px}
.new-theme-design.enterprise-cmms-reporting-power-bi .woCharts{display:grid;grid-template-columns:1.15fr .85fr;gap:8px;margin-top:8px}.woPanel{background:#fff;border:1px solid #D7E8F0;border-radius:12px;padding:9px;min-height:139px}.statusBars{display:grid;gap:7px;padding-top:9px}.statusBars>div{display:grid;grid-template-columns:52px 1fr 27px;gap:5px;align-items:center}.statusBars label{font-size:5.3px;color:#506877}.statusBars span{height:8px;background:#EDF6FA;border-radius:99px;overflow:hidden}.statusBars i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--brand2),var(--brand))}.statusBars>div:nth-child(2) i{background:linear-gradient(90deg,var(--green),#38C58F)}.statusBars>div:nth-child(3) i{background:linear-gradient(90deg,#DDAE00,var(--yellow))}.statusBars>div:nth-child(4) i{background:linear-gradient(90deg,var(--purple),#A89AF5)}.statusBars b{font-size:5.3px;text-align:right;color:var(--navy)}
.new-theme-design.enterprise-cmms-reporting-power-bi .woDonut{display:grid;grid-template-columns:72px 1fr;gap:8px;align-items:center;padding-top:10px}.woDonutRing{width:70px;height:70px;border-radius:50%;background:conic-gradient(var(--brand) 0 82%,var(--yellow) 82% 93%,var(--orange) 93%);display:grid;place-items:center;position:relative}.woDonutRing:after{content:"";position:absolute;inset:13px;background:#fff;border-radius:50%}.woDonutRing span{position:relative;z-index:2;font-size:13px;font-weight:900;color:var(--navy);text-align:center}.woDonutRing small{display:block;font-size:4.5px;color:var(--muted)}.woLegend{display:grid;gap:6px}.woLegend span{display:flex;align-items:center;gap:5px;font-size:5.3px;color:#506877}.woLegend i{width:7px;height:7px;border-radius:50%;background:var(--brand)}.woLegend span:nth-child(2) i{background:var(--orange)}.woLegend span:nth-child(3) i{background:var(--yellow)}
.new-theme-design.enterprise-cmms-reporting-power-bi .woCostStrip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.woCostStrip div{background:#fff;border:1px solid #D8E9F1;border-radius:9px;padding:7px}.woCostStrip div.total{background:var(--navy);border-color:var(--navy)}.woCostStrip strong{display:block;font-size:8px;color:var(--navy)}.woCostStrip span{display:block;font-size:4.8px;color:var(--muted)}.woCostStrip .total strong{color:var(--yellow)}.woCostStrip .total span{color:#CDE8F4}

/* ASSET ANALYTICS */
.new-theme-design.enterprise-cmms-reporting-power-bi .assetBoard{min-height:405px;padding:14px}.assetTop{display:grid;grid-template-columns:.8fr 1.2fr;gap:8px}.availabilityGauge{background:#fff;border:1px solid #D8E9F1;border-radius:13px;padding:10px;display:grid;place-items:center}.gaugeRing{width:106px;height:106px;border-radius:50%;background:conic-gradient(var(--brand) 0 88.43%,#E8F2F6 88.43%);display:grid;place-items:center;position:relative;animation:gaugePulse 3.4s ease-in-out infinite}.gaugeRing:after{content:"";position:absolute;inset:17px;background:#fff;border-radius:50%}.gaugeRing>div{position:relative;z-index:2;text-align:center}.gaugeRing strong{display:block;font-size:18px;color:var(--navy)}.gaugeRing span{font-size:5.5px;color:var(--muted)}.availabilityGauge>small{font-size:5px;color:var(--muted);margin-top:5px}
.new-theme-design.enterprise-cmms-reporting-power-bi .assetKpis{display:grid;grid-template-columns:1fr 1fr;gap:7px}.assetKpis>div{background:#fff;border:1px solid #D8E9F1;border-radius:11px;padding:8px}.assetKpis .metricIcon{margin-bottom:5px}.assetKpis strong{display:block;font-size:11px;color:var(--navy);line-height:1}.assetKpis small{display:block;font-size:5px;color:var(--muted);margin-top:3px}
.new-theme-design.enterprise-cmms-reporting-power-bi .assetChart{background:#fff;border:1px solid #D8E9F1;border-radius:12px;padding:9px;margin-top:8px}.assetBars{height:91px;display:flex;align-items:flex-end;gap:7px;padding:10px 7px 0;background:linear-gradient(180deg,transparent,rgba(0,168,248,.025))}.assetBars i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--brand),var(--brand2));animation:barRise 1.2s ease both}.assetBars i:nth-child(2n){background:linear-gradient(180deg,#42C998,var(--green))}.assetBars i:nth-child(1){height:70%}.assetBars i:nth-child(2){height:42%}.assetBars i:nth-child(3){height:84%}.assetBars i:nth-child(4){height:32%}.assetBars i:nth-child(5){height:61%}.assetBars i:nth-child(6){height:48%}.assetBars i:nth-child(7){height:76%}.assetBars i:nth-child(8){height:39%}.assetAxis{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;padding:4px 7px 0}.assetAxis span{text-align:center;font-size:4.5px;color:var(--muted)}
.new-theme-design.enterprise-cmms-reporting-power-bi .reliabilityStrip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.reliabilityStrip>div{background:#fff;border:1px solid #D8E9F1;border-radius:10px;padding:8px}.reliabilityStrip strong{display:block;font-size:10px;color:var(--navy)}.reliabilityStrip span{display:block;font-size:5px;color:var(--muted)}


.new-theme-design.enterprise-cmms-reporting-power-bi .dark .domainCard{
    background: #151515;
    border: 1px solid #333;
}

@media (max-width: 767px){
  .new-theme-design.enterprise-cmms-reporting-power-bi .heroGrid {
    grid-template-columns: 1fr;
}
.new-theme-design.enterprise-cmms-reporting-power-bi .dark .domainGrid{
      grid-template-columns: repeat(1, 1fr);
}
}
/*----------------Mobile CMMS APP Starts----------------*/
.new-theme-design.mobile-cmms-app .ey {
   display: inline-flex;
   padding: 8px 13px;
   border-radius: 999px;
   background: var(--yellowsoft);
   font-size: 13px;
   font-weight: 850;
   margin-bottom: 18px
}

.new-theme-design.mobile-cmms-app .lead {
   font-size: 18px;
   color: var(--muted);
   margin-top: 20px;
   max-width: 760px
}

.new-theme-design.mobile-cmms-app .btn {
   display: inline-flex;
   min-height: 48px;
   padding: 0 22px;
   align-items: center;
   justify-content: center;
   border-radius: 12px;
   border: 1px solid transparent;
   font-weight: 850;
   transition: .2s
}

.new-theme-design.mobile-cmms-app .btn:hover {
   transform: translateY(-2px)
}

.new-theme-design.mobile-cmms-app .btn.black {
   background: #0b0b0b;
   color: #fff
}

.new-theme-design.mobile-cmms-app .btn.yellow {
   background: var(--yellow);
   color: #000
}

.new-theme-design.mobile-cmms-app .btn.outline {
   background: #fff;
   border-color: var(--line);
   color: var(--navy)
}

.new-theme-design.mobile-cmms-app .actions {
   display: flex;
   gap: 11px;
   flex-wrap: wrap;
   margin-top: 27px
}

.new-theme-design.mobile-cmms-app .micro {
   font-size: 12px;
   color: var(--muted);
   margin-top: 14px
}

.new-theme-design.mobile-cmms-app .soft {
   background: var(--sky2)
}

.new-theme-design.mobile-cmms-app .dark {
   background: linear-gradient(135deg, var(--black), var(--black2));
   color: #fff;
   border-top: 4px solid var(--yellow)
}

.new-theme-design.mobile-cmms-app .dark h2,
.new-theme-design.mobile-cmms-app .dark h3 {
   color: #fff
}

.new-theme-design.mobile-cmms-app .dark p {
   color: #D6D6D6
}

.new-theme-design.mobile-cmms-app .dark .ey {
   background: var(--yellow);
   color: #111
}

.new-theme-design.mobile-cmms-app .sectionHead {
   max-width: 860px;
   margin-bottom: 38px
}

.new-theme-design.mobile-cmms-app .center {
   text-align: center;
   margin-left: auto;
   margin-right: auto
}

.new-theme-design.mobile-cmms-app .sectionHead p {
   color: var(--muted);
   font-size: 17px;
   margin-top: 15px
}

.new-theme-design.mobile-cmms-app /* HERO — same layered structure as reference page, with aspect-ratio-safe mobile artwork */
.hero {
   padding: 72px 0 68px;
   background: radial-gradient(circle at 78% 18%, rgba(0, 168, 248, .22), transparent 28%), radial-gradient(circle at 93% 70%, rgba(255, 201, 40, .16), transparent 20%), linear-gradient(180deg, #fff, #EFF9FE);
   overflow: hidden
}

.new-theme-design.mobile-cmms-app .heroGrid {
   display: grid;
   grid-template-columns: .96fr 1.04fr;
   gap: 44px;
   align-items: center
}

.new-theme-design.mobile-cmms-app .heroPills {
   display: flex;
   gap: 7px;
   flex-wrap: wrap;
   margin-top: 14px
}

.new-theme-design.mobile-cmms-app .heroPills span {
   padding: 6px 9px;
   border: 1px solid #C8E8F7;
   border-radius: 999px;
   background: #fff;
   color: var(--navy);
   font-size: 10px;
   font-weight: 800
}

.new-theme-design.mobile-cmms-app .heroVisual {
   min-height: 525px;
   position: relative
}

.new-theme-design.mobile-cmms-app .mobileStage {
   min-height: 525px;
   position: relative;
   max-width: 620px;
   margin-left: auto
}

.new-theme-design.mobile-cmms-app .mobileStage:before {
   content: "";
   position: absolute;
   inset: 50px 0 30px 50px;
   border-radius: 34px;
   background: linear-gradient(rgba(0, 168, 248, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 168, 248, .045) 1px, transparent 1px);
   background-size: 28px 28px;
   z-index: 0
}

.new-theme-design.mobile-cmms-app .halo {
   position: absolute;
   left: 45%;
   top: 70px;
   width: 330px;
   height: 330px;
   transform: translateX(-50%);
   border-radius: 50%;
   background: radial-gradient(circle, rgba(0, 168, 248, .23), rgba(0, 168, 248, .08) 48%, transparent 72%);
   z-index: 1;
   animation: haloPulse 4s ease-in-out infinite
}

.new-theme-design.mobile-cmms-app .heroArt {
   position: absolute;
   left: 3%;
   top: 45px;
   width: 440px;
   z-index: 3;
   filter: drop-shadow(0 20px 24px rgba(6, 59, 92, .14));
   animation: techFloat 4.5s ease-in-out infinite
}

.new-theme-design.mobile-cmms-app .heroArt img {
   width: 100%;
   height: auto !important;
   object-fit: contain !important;
   aspect-ratio: auto !important
}

.new-theme-design.mobile-cmms-app .heroPhone {
   position: absolute;
   right: 0;
   top: 30px;
   width: 210px;
   z-index: 6;
   background: linear-gradient(145deg, #08131D, #162B3A);
   border: 1px solid #304858;
   border-radius: 32px;
   padding: 8px;
   box-shadow: 0 24px 52px rgba(6, 59, 92, .26);
   animation: phoneFloat 4.8s ease-in-out infinite
}

.new-theme-design.mobile-cmms-app .phoneScreen {
   background: #fff;
   border-radius: 24px;
   min-height: 410px;
   overflow: hidden
}

.new-theme-design.mobile-cmms-app .phoneTop {
   height: 24px;
   background: #0C0C0C;
   display: flex;
   align-items: center;
   justify-content: center
}

.new-theme-design.mobile-cmms-app .notch {
   width: 68px;
   height: 7px;
   border-radius: 99px;
   background: #333
}

.new-theme-design.mobile-cmms-app .phoneHead {
   padding: 11px 12px;
   background: linear-gradient(135deg, #E8F9FF, #FFF5D0);
   border-bottom: 1px solid var(--line)
}

.new-theme-design.mobile-cmms-app .phoneHead strong {
   display: block;
   font-size: 12px
}

.new-theme-design.mobile-cmms-app .phoneHead small {
   font-size: 7px;
   color: var(--muted)
}

.new-theme-design.mobile-cmms-app .todayJobs {
   padding: 9px;
   display: grid;
   gap: 7px
}

.new-theme-design.mobile-cmms-app .todayJob {
   padding: 9px;
   border: 1px solid var(--line);
   border-radius: 10px;
   background: #fff
}

.new-theme-design.mobile-cmms-app .todayJobTop {
   display: flex;
   justify-content: space-between;
   gap: 8px
}

.new-theme-design.mobile-cmms-app .todayJob b {
   font-size: 8px
}

.new-theme-design.mobile-cmms-app .todayJob small {
   display: block;
   color: var(--muted);
   font-size: 6px;
   margin-top: 2px
}

.new-theme-design.mobile-cmms-app .pchip {
   font-size: 5.5px;
   font-weight: 900;
   padding: 3px 5px;
   border-radius: 999px;
   background: #FFF0F0;
   color: var(--red)
}

.new-theme-design.mobile-cmms-app .pchip.med {
   background: var(--yellowsoft);
   color: #7B5B00
}

.new-theme-design.mobile-cmms-app .offlineBar {
   margin: 9px;
   padding: 8px 9px;
   border-radius: 9px;
   background: #0D2231;
   color: #fff;
   display: flex;
   align-items: center;
   gap: 7px
}

.new-theme-design.mobile-cmms-app .offlineDot {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: var(--green);
   box-shadow: 0 0 0 4px rgba(17, 138, 97, .12)
}

.new-theme-design.mobile-cmms-app .offlineBar strong {
   font-size: 7px
}

.new-theme-design.mobile-cmms-app .offlineBar span {
   font-size: 5.8px;
   color: #D3E2EA;
   display: block
}

.new-theme-design.mobile-cmms-app .mobileCard {
   position: absolute;
   left: -5px;
   bottom: 10px;
   width: 220px;
   z-index: 7;
   border-radius: 18px;
   background: #10151D;
   color: #fff;
   border: 1px solid #303B47;
   box-shadow: 0 20px 42px rgba(0, 0, 0, .22);
   overflow: hidden;
   animation: cardFloat 5s ease-in-out infinite
}

.new-theme-design.mobile-cmms-app .mobileCardHead {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 11px 12px;
   border-bottom: 1px solid #303A46
}

.new-theme-design.mobile-cmms-app .mobileCardHead strong {
   font-size: 9px
}

.new-theme-design.mobile-cmms-app .mobileCardHead span {
   font-size: 5.5px;
   background: var(--yellow);
   color: #000;
   font-weight: 900;
   padding: 4px 5px;
   border-radius: 999px
}

.new-theme-design.mobile-cmms-app .mobileCardBody {
   padding: 11px
}

.new-theme-design.mobile-cmms-app .mobRow {
   display: grid;
   grid-template-columns: 10px 1fr auto;
   gap: 7px;
   align-items: center;
   padding: 6px 0;
   border-bottom: 1px solid #28313A;
   font-size: 6.5px
}

.new-theme-design.mobile-cmms-app .mobRow:last-child {
   border-bottom: 0
}

.new-theme-design.mobile-cmms-app .mobDot {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: var(--brand)
}

.new-theme-design.mobile-cmms-app .mobRow:nth-child(2) .mobDot {
   background: var(--green)
}

.new-theme-design.mobile-cmms-app .mobRow:nth-child(3) .mobDot {
   background: var(--yellow)
}

.new-theme-design.mobile-cmms-app .mobRow:nth-child(4) .mobDot {
   background: var(--purple)
}

.new-theme-design.mobile-cmms-app .mobRow strong {
   font-size: 6.5px
}

.new-theme-design.mobile-cmms-app .mobVal {
   color: #D5E6EF
}

.new-theme-design.mobile-cmms-app .mobileTag {
   position: absolute;
   right: 5px;
   bottom: 18px;
   z-index: 8;
   background: var(--yellow);
   color: #000;
   font-size: 8px;
   font-weight: 900;
   padding: 7px 9px;
   border-radius: 10px;
   animation: float 3.3s ease-in-out infinite
}

@keyframes haloPulse {
   50% {
      transform: translateX(-50%) scale(1.05)
   }
}

@keyframes techFloat {
   50% {
      transform: translateY(-5px)
   }
}

@keyframes phoneFloat {
   50% {
      transform: translateY(-7px)
   }
}

@keyframes cardFloat {
   50% {
      transform: translateY(6px)
   }
}

@keyframes float {
   50% {
      transform: translateY(-6px)
   }
}

.new-theme-design.mobile-cmms-app /* TRUST */
.trust {
   padding: 25px 0;
   border-bottom: 1px solid var(--line)
}

.new-theme-design.mobile-cmms-app .trustLabel {
   text-align: center;
   font-size: 13px;
   font-weight: 800;
   margin-bottom: 16px
}

.new-theme-design.mobile-cmms-app .logos {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 11px
}

.new-theme-design.mobile-cmms-app .logo {
   height: 62px;
   border: 1px dashed #B8D7E7;
   border-radius: 11px;
   display: grid;
   place-items: center;
   color: #8195A2;
   font-size: 11px;
   font-weight: 800
}

.new-theme-design.mobile-cmms-app /* OUTCOMES */
.outcomes {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 16px
}

.new-theme-design.mobile-cmms-app .outcome {
   background: #fff;
   border: 1px solid var(--line);
   border-radius: 16px;
   padding: 22px;
   box-shadow: 0 8px 24px rgba(6, 59, 92, .05);
   position: relative;
   overflow: hidden
}

.new-theme-design.mobile-cmms-app .outcome:before {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   height: 4px;
   background: var(--brand)
}

.new-theme-design.mobile-cmms-app .outcome:nth-child(2):before {
   background: var(--yellow)
}

.new-theme-design.mobile-cmms-app .outcome:nth-child(3):before {
   background: var(--green)
}

.new-theme-design.mobile-cmms-app .outcome:nth-child(4):before {
   background: var(--purple)
}

.new-theme-design.mobile-cmms-app .outcome strong {
   display: block;
   font-size: 18px;
   margin-bottom: 7px
}

.new-theme-design.mobile-cmms-app .outcome span {
   font-size: 15px;
   color: var(--muted)
}

.new-theme-design.mobile-cmms-app /* FEATURE */
.feature {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 50px;
   align-items: center
}

.new-theme-design.mobile-cmms-app .feature.reverse .visual {
   order: -1
}

.new-theme-design.mobile-cmms-app .feature p {
   color: var(--muted);
   font-size: 16px;
   margin-top: 15px
}

.new-theme-design.mobile-cmms-app .fl {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 9px 16px;
   margin-top: 22px
}

.new-theme-design.mobile-cmms-app .fi {
   display: flex;
   gap: 9px;
   font-size: 15px
}

.new-theme-design.mobile-cmms-app .tick {
   width: 21px;
   height: 21px;
   border-radius: 50%;
   background: var(--greenbg);
   color: var(--green);
   display: grid;
   place-items: center;
   flex: 0 0 21px;
   font-size: 10px;
   font-weight: 900
}

.new-theme-design.mobile-cmms-app .visual {
   min-height: 365px;
   border-radius: 22px;
   background: radial-gradient(circle at 90% 10%, rgba(255, 201, 40, .14), transparent 24%), linear-gradient(145deg, #fff, #EAF8FF);
   border: 1px solid #C0E5F5;
   box-shadow: var(--shadow);
   padding: 20px;
   position: relative;
   overflow: hidden
}

.new-theme-design.mobile-cmms-app .visual:before {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(rgba(0, 168, 248, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 168, 248, .035) 1px, transparent 1px);
   background-size: 24px 24px;
   mask-image: linear-gradient(135deg, #000, transparent 75%)
}

.new-theme-design.mobile-cmms-app .visual>* {
   position: relative;
   z-index: 2
}

.new-theme-design.mobile-cmms-app .safeImage {
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 365px
}

.new-theme-design.mobile-cmms-app .safeImage img {
   display: block;
   width: 100%;
   height: auto !important;
   max-height: 440px;
   object-fit: contain !important;
   object-position: center;
   aspect-ratio: auto !important
}

.new-theme-design.mobile-cmms-app .portraitSafe img {
   width: auto !important;
   max-width: 72%;
   max-height: 500px
}

.new-theme-design.mobile-cmms-app /* technician work hub */
.techHub {
   display: grid;
   grid-template-columns: 190px 1fr;
   gap: 18px;
   align-items: center
}

.new-theme-design.mobile-cmms-app .phoneMock {
   background: #101010;
   border-radius: 28px;
   padding: 8px;
   box-shadow: 0 18px 35px rgba(0, 0, 0, .16)
}

.new-theme-design.mobile-cmms-app .phoneMockInner {
   background: #fff;
   border-radius: 21px;
   min-height: 315px;
   padding: 12px
}

.new-theme-design.mobile-cmms-app .hubTitle {
   font-size: 11px;
   font-weight: 900
}

.new-theme-design.mobile-cmms-app .hubRows {
   display: grid;
   gap: 7px;
   margin-top: 10px
}

.new-theme-design.mobile-cmms-app .hubRow {
   padding: 8px;
   border: 1px solid var(--line);
   border-radius: 9px;
   font-size: 7px;
   display: grid;
   grid-template-columns: 1fr auto;
   gap: 6px
}

.new-theme-design.mobile-cmms-app .hubRow b {
   font-size: 7.5px
}

.new-theme-design.mobile-cmms-app .hubStatus {
   font-size: 5.5px;
   padding: 3px 5px;
   border-radius: 999px;
   background: var(--greenbg);
   color: var(--green);
   font-weight: 900
}

.new-theme-design.mobile-cmms-app .hubSide {
   display: grid;
   gap: 9px
}

.new-theme-design.mobile-cmms-app .hubCard {
   padding: 13px;
   background: #fff;
   border: 1px solid var(--line);
   border-radius: 12px
}

.new-theme-design.mobile-cmms-app .hubCard strong {
   display: block;
   font-size: 11px
}

.new-theme-design.mobile-cmms-app .hubCard span {
   font-size: 8px;
   color: var(--muted)
}

.new-theme-design.mobile-cmms-app /* offline */
.offlineVisual img {
   width: 100%;
   height: auto !important;
   object-fit: contain !important;
   aspect-ratio: 3/2;
   max-height: 410px
}

.new-theme-design.mobile-cmms-app /* proof of work */
.proofGrid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 12px
}

.new-theme-design.mobile-cmms-app .proofCard {
   padding: 14px;
   background: #fff;
   border: 1px solid var(--line);
   border-radius: 13px
}

.new-theme-design.mobile-cmms-app .proofCard strong {
   display: block;
   font-size: 18px;
   color: var(--navy)
}

.new-theme-design.mobile-cmms-app .proofCard span {
   font-size: 8px;
   color: var(--muted)
}

.new-theme-design.mobile-cmms-app .proofStream {
   height: 155px;
   margin-top: 12px;
   background: #0D2535;
   border-radius: 14px;
   padding: 12px;
   display: grid;
   gap: 8px
}

.new-theme-design.mobile-cmms-app .proofItem {
   display: grid;
   grid-template-columns: 28px 1fr auto;
   gap: 10px;
   align-items: center;
   color: #fff;
   border-bottom: 1px solid #1E4054;
   padding-bottom: 8px
}

.new-theme-design.mobile-cmms-app .proofItem:last-child {
   border-bottom: 0
}

.new-theme-design.mobile-cmms-app .proofIcon {
   width: 28px;
   height: 28px;
   border-radius: 8px;
   background: #173B50;
   display: grid;
   place-items: center;
   font-size: 7px;
   font-weight: 900;
   color: var(--yellow)
}

.new-theme-design.mobile-cmms-app .proofItem strong {
   font-size: 9px
}

.new-theme-design.mobile-cmms-app .proofItem span {
   font-size: 7px;
   color: #BFD3DF
}

.new-theme-design.mobile-cmms-app .proofCheck {
   font-size: 8px;
   color: #76E6BC;
   font-weight: 900
}

.new-theme-design.mobile-cmms-app /* scan visual */
.scanWrap {
   display: grid;
   grid-template-columns: 190px 1fr;
   gap: 18px;
   align-items: center
}

.new-theme-design.mobile-cmms-app .qr {
   width: 76px;
   height: 76px;
   margin: 10px auto;
   background: repeating-linear-gradient(0deg, #111 0 5px, #fff 5px 9px), repeating-linear-gradient(90deg, transparent 0 6px, #111 6px 9px);
   border: 8px solid #fff;
   box-shadow: 0 0 0 1px var(--line);
   position: relative;
   overflow: hidden
}

.new-theme-design.mobile-cmms-app .qr:after {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   height: 3px;
   background: var(--yellow);
   box-shadow: 0 0 10px var(--yellow);
   animation: scan 2.2s ease-in-out infinite
}

@keyframes scan {

   0%,
   100% {
      top: 8%
   }

   50% {
      top: 88%
   }
}

.new-theme-design.mobile-cmms-app .lookupRows {
   display: grid;
   gap: 7px;
   margin-top: 10px
}

.new-theme-design.mobile-cmms-app .lookupRow {
   padding: 7px;
   border: 1px solid var(--line);
   border-radius: 8px;
   font-size: 7px
}

.new-theme-design.mobile-cmms-app .lookupSide {
   display: grid;
   gap: 9px
}

.new-theme-design.mobile-cmms-app .lookupCard {
   padding: 13px;
   background: #fff;
   border: 1px solid var(--line);
   border-radius: 12px
}

.new-theme-design.mobile-cmms-app .lookupCard strong {
   display: block;
   font-size: 11px
}

.new-theme-design.mobile-cmms-app .lookupCard span {
   font-size: 8px;
   color: var(--muted)
}

.new-theme-design.mobile-cmms-app /* VEDA */
.aiGrid {
   display: grid;
   grid-template-columns: .95fr 1.05fr;
   gap: 44px;
   align-items: center
}

.new-theme-design.mobile-cmms-app .promptBox {
   background: #111;
   border: 1px solid #333;
   border-radius: 20px;
   padding: 20px
}

.new-theme-design.mobile-cmms-app .prompt {
   background: #1B1B1B;
   border: 1px solid #303030;
   border-radius: 11px;
   padding: 12px 13px;
   margin-top: 9px;
   font-size: 12px;
   transform: translateX(8px);
   animation: promptIn .4s ease forwards
}

.new-theme-design.mobile-cmms-app .prompt:nth-child(2) {
   animation-delay: .15s
}

.new-theme-design.mobile-cmms-app .prompt:nth-child(3) {
   animation-delay: .3s
}

.new-theme-design.mobile-cmms-app .prompt:nth-child(4) {
   animation-delay: .45s
}

.new-theme-design.mobile-cmms-app .prompt:nth-child(5) {
   animation-delay: .6s
}

@keyframes promptIn {
   to {
      opacity: 1;
      transform: none
   }
}

.new-theme-design.mobile-cmms-app .aiMini {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 11px;
   margin-top: 20px
}

.new-theme-design.mobile-cmms-app .aiMini div {
   background: #151515;
   border: 1px solid #303030;
   border-radius: 13px;
   padding: 15px
}

.new-theme-design.mobile-cmms-app .aiMini strong {
   display: block;
   color: var(--yellow);
   font-size: 15px
}

.new-theme-design.mobile-cmms-app .aiMini span {
   font-size: 14px;
   color: #CFCFCF
}

.new-theme-design.mobile-cmms-app .vedaScreen {
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 16px
}

.new-theme-design.mobile-cmms-app .vedaScreen img {
   width: auto !important;
   max-width: 54%;
   height: auto !important;
   max-height: 430px;
   object-fit: contain !important;
   border-radius: 18px;
   box-shadow: 0 16px 30px rgba(0, 0, 0, .28)
}

.new-theme-design.mobile-cmms-app /* connected field intelligence */
.connectedGrid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 14px
}

.new-theme-design.mobile-cmms-app .connectedCard {
   background: #151515;
   border: 1px solid #303030;
   border-radius: 15px;
   padding: 20px
}

.new-theme-design.mobile-cmms-app .connectedCard strong {
   display: block;
   color: var(--yellow);
   font-size: 16px;
   margin-bottom: 5px
}

.new-theme-design.mobile-cmms-app .connectedCard span {
   font-size: 14px;
   color: #D0D0D0
}

.new-theme-design.mobile-cmms-app /* integration */
.integrations {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 12px
}

.new-theme-design.mobile-cmms-app .integration {
   height: 72px;
   border: 1px solid var(--line);
   border-bottom: 3px solid var(--brand);
   border-radius: 12px;
   background: #fff;
   display: grid;
   place-items: center;
   font-size: 11px;
   font-weight: 800;
   position: relative;
   overflow: hidden
}

.new-theme-design.mobile-cmms-app .integration:nth-child(2n) {
   border-bottom-color: var(--yellow)
}

.new-theme-design.mobile-cmms-app .integration:nth-child(3n) {
   border-bottom-color: var(--green)
}

.new-theme-design.mobile-cmms-app .stream {
   margin-top: 20px;
   background: #0C2333;
   color: #fff;
   border-radius: 15px;
   padding: 12px 14px;
   display: grid;
   grid-template-columns: auto 1fr auto;
   gap: 12px;
   align-items: center
}

.new-theme-design.mobile-cmms-app .streamDot {
   width: 11px;
   height: 11px;
   border-radius: 50%;
   background: #12CB88;
   box-shadow: 0 0 0 6px rgba(18, 203, 136, .1)
}

.new-theme-design.mobile-cmms-app .streamTrack {
   height: 8px;
   border-radius: 999px;
   background: #173B50;
   overflow: hidden
}

.new-theme-design.mobile-cmms-app .streamTrack span {
   display: block;
   width: 30%;
   height: 100%;
   background: linear-gradient(90deg, var(--brand), var(--green), var(--yellow));
   animation: stream 2.6s linear infinite
}

@keyframes stream {
   from {
      transform: translateX(-120%)
   }

   to {
      transform: translateX(340%)
   }
}

.new-theme-design.mobile-cmms-app /* feature grid */
.featureGrid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 14px
}

.new-theme-design.mobile-cmms-app .featureCard {
   background: #fff;
   border: 1px solid var(--line);
   border-radius: 16px;
   padding: 19px;
   transition: .22s
}

.new-theme-design.mobile-cmms-app .featureCard:hover {
   transform: translateY(-4px);
   box-shadow: 0 14px 30px rgba(6, 59, 92, .09)
}

.new-theme-design.mobile-cmms-app .featureIcon {
   width: 42px;
   height: 42px;
   border-radius: 12px;
   background: var(--yellow);
   display: grid;
   place-items: center;
   font-size: 10px;
   font-weight: 900;
   margin-bottom: 13px
}

.new-theme-design.mobile-cmms-app .featureCard p {
   font-size: 15px;
   color: var(--muted);
   margin: 7px 0 0
}

.new-theme-design.mobile-cmms-app /* reviews */
.reviews {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 16px
}

.new-theme-design.mobile-cmms-app .review {
   background: #fff;
   border: 1px solid var(--line);
   border-radius: 17px;
   padding: 21px;
   box-shadow: 0 8px 24px rgba(6, 59, 92, .05)
}

.new-theme-design.mobile-cmms-app .stars {
   color: var(--yellow);
   letter-spacing: 2px;
   font-size: 15px
}

.new-theme-design.mobile-cmms-app .review p {
   font-size: 12px;
   color: #344C5E;
   margin: 12px 0
}

.new-theme-design.mobile-cmms-app .review strong {
   font-size: 12px
}

.new-theme-design.mobile-cmms-app .review span {
   display: block;
   font-size: 9px;
   color: var(--muted)
}

.new-theme-design.mobile-cmms-app .ratingBand {
   padding: 28px 0;
   background: #0B0B0B;
   color: #fff;
   border-top: 4px solid var(--yellow)
}

.new-theme-design.mobile-cmms-app .ratingGrid {
   display: grid;
   grid-template-columns: 1.3fr repeat(4, 1fr);
   gap: 12px;
   align-items: center
}

.new-theme-design.mobile-cmms-app .ratingItem {
   text-align: center;
   border-left: 1px solid #2D2D2D
}

.new-theme-design.mobile-cmms-app /* industries */
.useCases {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 15px
}

.new-theme-design.mobile-cmms-app .useCase {
   background: #fff;
   border: 1px solid var(--line);
   border-radius: 16px;
   padding: 20px
}

.new-theme-design.mobile-cmms-app .useIcon {
   width: 42px;
   height: 42px;
   border-radius: 11px;
   background: var(--yellow);
   display: grid;
   place-items: center;
   font-size: 10px;
   font-weight: 900;
   margin-bottom: 14px
}

.new-theme-design.mobile-cmms-app .useCase p {
   color: var(--muted);
   font-size: 15px;
   margin-top: 7px
}

.new-theme-design.mobile-cmms-app /* FAQ */
.faq {
   max-width: 900px
}

.new-theme-design.mobile-cmms-app .faq details {
   border: 1px solid var(--line);
   border-radius: 13px;
   padding: 18px 20px;
   margin-bottom: 10px;
   background: #fff
}

.new-theme-design.mobile-cmms-app .faq summary {
   font-weight: 800;
   cursor: pointer;
   color: var(--navy)
}

.new-theme-design.mobile-cmms-app .faq details p {
   color: var(--muted);
   font-size: 16px;
   margin-top: 10px
}

.new-theme-design.mobile-cmms-app /* CTA */
.cta {
   margin-top: 30px;
   padding: 22px 24px;
   border: 1px solid var(--line);
   border-left: 5px solid var(--yellow);
   border-radius: 17px;
   background: #fff;
   display: flex;
   justify-content: space-between;
   gap: 22px;
   align-items: center
}

.new-theme-design.mobile-cmms-app .cta.darkCta {
   background: #121212;
   border-color: #303030;
   color: #fff
}

.new-theme-design.mobile-cmms-app .cta h3 {
   font-size: 19px
}

.new-theme-design.mobile-cmms-app .cta.darkCta h3 {
   color: #fff
}

.new-theme-design.mobile-cmms-app .cta p {
   color: var(--muted);
   font-size: 15px;
   margin-top: 5px;
   max-width: 650px
}

.new-theme-design.mobile-cmms-app .cta.darkCta p {
   color: #D1D1D1
}

.new-theme-design.mobile-cmms-app .ctaBtns {
   display: flex;
   gap: 9px;
   flex-wrap: wrap;
   flex: 0 0 auto
}

.new-theme-design.mobile-cmms-app .final {
   background: linear-gradient(135deg, #0B0B0B, #202020);
   border-top: 5px solid var(--yellow);
   padding: 44px;
   color: #fff;
   display: grid;
   grid-template-columns: 1fr auto;
   gap: 28px;
   align-items: center
}

.new-theme-design.mobile-cmms-app .final h2 {
   color: #fff;
   line-height: 1.5;
}

.new-theme-design.mobile-cmms-app .final p {
   color: #DDD;
   margin-top: 12px;
   max-width: 720px
}

.new-theme-design.mobile-cmms-app .reveal {
   transform: translateY(18px);
   transition: .6s ease
}

.new-theme-design.mobile-cmms-app .reveal.show {
   opacity: 1;
   transform: none
}

@media(max-width:960px) {

   .new-theme-design.mobile-cmms-app .heroGrid,
   .new-theme-design.mobile-cmms-app .feature,
   .new-theme-design.mobile-cmms-app .aiGrid,
   .new-theme-design.mobile-cmms-app .final {
      grid-template-columns: 1fr
   }

   .new-theme-design.mobile-cmms-app .feature.reverse .visual {
      order: 0
   }

   .new-theme-design.mobile-cmms-app .mobileStage {
      margin: auto
   }

   .new-theme-design.mobile-cmms-app .outcomes,
   .new-theme-design.mobile-cmms-app .featureGrid,
   .new-theme-design.mobile-cmms-app .connectedGrid,
   .new-theme-design.mobile-cmms-app .useCases {
      grid-template-columns: repeat(2, 1fr)
   }

   .new-theme-design.mobile-cmms-app .logos {
      grid-template-columns: repeat(4, 1fr)
   }

   .new-theme-design.mobile-cmms-app .integrations {
      grid-template-columns: repeat(3, 1fr)
   }

   .new-theme-design.mobile-cmms-app .reviews {
      grid-template-columns: 1fr
   }

   .new-theme-design.mobile-cmms-app .ratingGrid {
      grid-template-columns: repeat(2, 1fr)
   }
}

@media(max-width:640px) {
   .new-theme-design.mobile-cmms-app .wrap {
      width: calc(100% - 24px)
   }

   section {
      padding: 56px 0
   }

   .new-theme-design.mobile-cmms-app .hero {
      padding: 54px 0
   }

   h1 {
      font-size: 42px
   }

   .new-theme-design.mobile-cmms-app .mobileStage {
      min-height: 430px;
      max-width: 360px
   }

   .new-theme-design.mobile-cmms-app .heroArt {
      width: 285px;
      left: 0;
      top: 75px
   }

   .new-theme-design.mobile-cmms-app .heroPhone {
      width: 165px;
      top: 35px
   }

   .new-theme-design.mobile-cmms-app .phoneScreen {
      min-height: 330px
   }

   .new-theme-design.mobile-cmms-app .mobileCard {
      width: 155px
   }

   .new-theme-design.mobile-cmms-app .fl,
   .new-theme-design.mobile-cmms-app .outcomes,
   .new-theme-design.mobile-cmms-app .featureGrid,
   .new-theme-design.mobile-cmms-app .connectedGrid,
   .new-theme-design.mobile-cmms-app .useCases,
   .new-theme-design.mobile-cmms-app .logos,
   .new-theme-design.mobile-cmms-app .integrations,
   .new-theme-design.mobile-cmms-app .aiMini,
   .new-theme-design.mobile-cmms-app .ratingGrid {
      grid-template-columns: 1fr
   }

   .new-theme-design.mobile-cmms-app .techHub,
   .new-theme-design.mobile-cmms-app .scanWrap {
      grid-template-columns: 1fr
   }

   .new-theme-design.mobile-cmms-app .cta {
      flex-direction: column;
      align-items: flex-start
   }

   .new-theme-design.mobile-cmms-app .portraitSafe img {
      max-width: 88%
   }

   .new-theme-design.mobile-cmms-app .vedaScreen img {
      max-width: 80%
   }
}

@media(prefers-reduced-motion:reduce) {

   *,
   *:before,
   *:after {
      animation-duration: .001ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: .001ms !important
   }
}


.new-theme-design.mobile-cmms-app /* ==========================================================
   CSS-ONLY PRODUCT VISUAL SYSTEM
   No raster images, no external SVG/image assets.
   ========================================================== */
.uiCanvas {
   min-height: 430px;
   border-radius: 24px;
   position: relative;
   overflow: hidden;
   border: 1px solid #C9E5F2;
   background:
      radial-gradient(circle at 78% 30%, rgba(255, 201, 40, .16), transparent 23%),
      radial-gradient(circle at 36% 44%, rgba(0, 168, 248, .18), transparent 34%),
      linear-gradient(145deg, #fff, #EDF9FF);
   box-shadow: var(--shadow);
   isolation: isolate
}

.new-theme-design.mobile-cmms-app .uiCanvas:before {
   content: "";
   position: absolute;
   inset: 0;
   background:
      linear-gradient(rgba(0, 168, 248, .038) 1px, transparent 1px),
      linear-gradient(90deg, rgba(0, 168, 248, .038) 1px, transparent 1px);
   background-size: 26px 26px;
   mask-image: linear-gradient(145deg, #000, transparent 78%);
   z-index: -1
}

.new-theme-design.mobile-cmms-app .uiCanvas:after {
   content: "";
   position: absolute;
   width: 310px;
   height: 310px;
   border: 1px solid rgba(0, 168, 248, .16);
   border-radius: 50%;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   box-shadow: 0 0 0 42px rgba(0, 168, 248, .035), 0 0 0 86px rgba(255, 201, 40, .025);
   z-index: -1
}

.new-theme-design.mobile-cmms-app .cssPhone {
   width: 236px;
   background: linear-gradient(145deg, #050A0F, #223643);
   border-radius: 34px;
   padding: 8px;
   box-shadow: 0 28px 60px rgba(6, 59, 92, .26), inset 0 0 0 1px #405563;
   position: relative
}

.new-theme-design.mobile-cmms-app .cssPhone:before {
   content: "";
   position: absolute;
   right: -3px;
   top: 112px;
   width: 3px;
   height: 70px;
   border-radius: 0 3px 3px 0;
   background: #546875
}

.new-theme-design.mobile-cmms-app .cssScreen {
   background: #F8FBFD;
   border-radius: 27px;
   overflow: hidden;
   min-height: 456px;
   border: 1px solid #DDE8EE;
   position: relative
}

.new-theme-design.mobile-cmms-app .mobileStatus {
   height: 29px;
   background: #087BD2;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0 14px;
   font-size: 7px;
   font-weight: 800
}

.new-theme-design.mobile-cmms-app .mobileStatus.darkTop {
   background: #071D36
}

.new-theme-design.mobile-cmms-app .mobileStatus .statusDots {
   letter-spacing: 2px
}

.new-theme-design.mobile-cmms-app .mobileBrand {
   height: 44px;
   background: linear-gradient(135deg, #008CEA, #006CC4);
   color: #fff;
   padding: 0 13px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-size: 10px;
   font-weight: 850
}

.new-theme-design.mobile-cmms-app .mobileBrand .cloudMark {
   display: inline-flex;
   align-items: center;
   gap: 5px
}

.new-theme-design.mobile-cmms-app .cloudDot {
   width: 16px;
   height: 11px;
   border: 1.5px solid currentColor;
   border-radius: 10px;
   position: relative;
   display: inline-block
}

.new-theme-design.mobile-cmms-app .cloudDot:before {
   content: "";
   position: absolute;
   width: 7px;
   height: 7px;
   border: 1.5px solid currentColor;
   border-bottom: 0;
   border-radius: 8px 8px 0 0;
   left: 3px;
   top: -5px;
   background: inherit
}

.new-theme-design.mobile-cmms-app .mobileBody {
   padding: 12px
}

.new-theme-design.mobile-cmms-app .mobileTitle {
   font-size: 17px;
   line-height: 1.1;
   font-weight: 900;
   color: #0B2136;
   letter-spacing: -.025em
}

.new-theme-design.mobile-cmms-app .mobileSub {
   font-size: 7px;
   color: #6A7D8C;
   margin-top: 3px
}

.new-theme-design.mobile-cmms-app .mobileTabs {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 5px;
   margin-top: 10px
}

.new-theme-design.mobile-cmms-app .mobileTab {
   font-size: 7px;
   text-align: center;
   padding: 6px 3px;
   border: 1px solid #DAE8F0;
   border-radius: 8px;
   background: #fff;
   color: #536D80;
   font-weight: 750
}

.new-theme-design.mobile-cmms-app .mobileTab.active {
   background: #087FE0;
   color: #fff;
   border-color: #087FE0
}

.new-theme-design.mobile-cmms-app .jobList {
   display: grid;
   gap: 7px;
   margin-top: 10px
}

.new-theme-design.mobile-cmms-app .jobItem {
   padding: 9px;
   border: 1px solid #DCE8EF;
   border-radius: 11px;
   background: #fff;
   box-shadow: 0 5px 13px rgba(6, 59, 92, .05);
   display: grid;
   grid-template-columns: 30px 1fr auto;
   gap: 8px;
   align-items: center
}

.new-theme-design.mobile-cmms-app .jobGlyph {
   width: 30px;
   height: 30px;
   border-radius: 50%;
   background: #EFF8FF;
   border: 1px solid #D4ECF8;
   position: relative
}

.new-theme-design.mobile-cmms-app .jobGlyph:before,
.new-theme-design.mobile-cmms-app .jobGlyph:after {
   content: "";
   position: absolute;
   background: #0783E4
}

.new-theme-design.mobile-cmms-app .jobGlyph:before {
   width: 14px;
   height: 9px;
   border: 2px solid #0783E4;
   background: transparent;
   border-radius: 3px;
   left: 6px;
   top: 9px
}

.new-theme-design.mobile-cmms-app .jobGlyph:after {
   width: 4px;
   height: 4px;
   border-radius: 50%;
   left: 13px;
   top: 5px
}

.new-theme-design.mobile-cmms-app .jobItem b {
   display: block;
   font-size: 8px;
   color: #12293A
}

.new-theme-design.mobile-cmms-app .jobItem small {
   display: block;
   font-size: 5.8px;
   color: #748695;
   margin-top: 2px
}

.new-theme-design.mobile-cmms-app .tag {
   display: inline-flex;
   padding: 3px 5px;
   border-radius: 999px;
   font-size: 5.5px;
   font-weight: 900;
   white-space: nowrap
}

.new-theme-design.mobile-cmms-app .tag.blue {
   background: #E7F4FF;
   color: #0577CF
}

.new-theme-design.mobile-cmms-app .tag.orange {
   background: #FFF2D6;
   color: #9A6500
}

.new-theme-design.mobile-cmms-app .tag.green {
   background: #EAF8F3;
   color: #118A61
}

.new-theme-design.mobile-cmms-app .tag.red {
   background: #FFF0F0;
   color: #D94D4D
}

.new-theme-design.mobile-cmms-app .offlineMini {
   margin-top: 9px;
   padding: 8px 9px;
   border: 1px solid #BFE6D7;
   background: #F4FCF8;
   border-radius: 9px;
   display: flex;
   gap: 7px;
   align-items: center
}

.new-theme-design.mobile-cmms-app .wifiGlyph {
   width: 20px;
   height: 16px;
   position: relative
}

.new-theme-design.mobile-cmms-app .wifiGlyph:before {
   content: "";
   position: absolute;
   left: 2px;
   right: 2px;
   top: 2px;
   height: 9px;
   border: 2px solid #12A56D;
   border-color: #12A56D transparent transparent transparent;
   border-radius: 50%
}

.new-theme-design.mobile-cmms-app .wifiGlyph:after {
   content: "";
   position: absolute;
   width: 5px;
   height: 5px;
   background: #12A56D;
   border-radius: 50%;
   left: 8px;
   bottom: 0
}

.new-theme-design.mobile-cmms-app .offlineMini b {
   font-size: 7px;
   color: #134F3B
}

.new-theme-design.mobile-cmms-app .offlineMini small {
   display: block;
   font-size: 5.5px;
   color: #607B70
}

.new-theme-design.mobile-cmms-app .mobileNav {
   height: 35px;
   border-top: 1px solid #DEE8EE;
   background: #fff;
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   align-items: center;
   text-align: center;
   font-size: 5px;
   color: #688093
}

.new-theme-design.mobile-cmms-app .mobileNav span:first-child {
   color: #087CD8;
   font-weight: 900
}

.new-theme-design.mobile-cmms-app .floatUi {
   position: absolute;
   background: rgba(255, 255, 255, .96);
   border: 1px solid #D8E8F0;
   border-radius: 16px;
   box-shadow: 0 18px 38px rgba(6, 59, 92, .12);
   padding: 13px;
   backdrop-filter: blur(7px)
}

.new-theme-design.mobile-cmms-app .floatUi:after {
   content: "";
   position: absolute;
   border-top: 1.5px dashed #118FE6;
   width: 48px;
   top: 50%
}

.new-theme-design.mobile-cmms-app .floatUi.leftLink:after {
   right: -49px
}

.new-theme-design.mobile-cmms-app .floatUi.rightLink:after {
   left: -49px
}

.new-theme-design.mobile-cmms-app .floatUi h4 {
   font-size: 10px;
   margin: 0 0 8px;
   color: #12293A
}

.new-theme-design.mobile-cmms-app .miniFeature {
   display: grid;
   grid-template-columns: 25px 1fr;
   gap: 8px;
   align-items: center;
   padding: 6px 0;
   border-bottom: 1px solid #E7EFF3
}

.new-theme-design.mobile-cmms-app .miniFeature:last-child {
   border-bottom: 0
}

.new-theme-design.mobile-cmms-app .miniIcon {
   width: 25px;
   height: 25px;
   border-radius: 8px;
   background: #EEF8FF;
   border: 1px solid #D5EDF9;
   position: relative
}

.new-theme-design.mobile-cmms-app .miniIcon:before {
   content: "";
   position: absolute;
   inset: 7px;
   border: 2px solid #087FE0;
   border-radius: 3px
}

.new-theme-design.mobile-cmms-app .miniFeature b {
   display: block;
   font-size: 7px
}

.new-theme-design.mobile-cmms-app .miniFeature span {
   font-size: 5.5px;
   color: #718595;
   display: block
}

.new-theme-design.mobile-cmms-app .heroPoint {
   position: absolute;
   right: 1px;
   top: 90px;
   padding: 10px 13px;
   border-radius: 999px;
   background: #fff;
   border: 1px solid #D7E8EF;
   box-shadow: 0 12px 28px rgba(6, 59, 92, .10);
   font-size: 9px;
   font-weight: 900;
   color: #0B2940
}

.new-theme-design.mobile-cmms-app .heroPoint em {
   font-style: normal;
   color: #087FE0
}

.new-theme-design.mobile-cmms-app .scanMini {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 7px
}

.new-theme-design.mobile-cmms-app .scanKey {
   border: 1px solid #DDEBF2;
   border-radius: 9px;
   background: #fff;
   padding: 7px 5px;
   text-align: center;
   font-size: 5.6px;
   font-weight: 800;
   color: #405C70
}

.new-theme-design.mobile-cmms-app .scanKey i {
   display: block;
   width: 24px;
   height: 24px;
   margin: 0 auto 4px;
   border: 2px solid #087FE0;
   border-radius: 5px;
   position: relative
}

.new-theme-design.mobile-cmms-app .scanKey.qrKey i {
   background: repeating-linear-gradient(0deg, #087FE0 0 2px, transparent 2px 4px), repeating-linear-gradient(90deg, transparent 0 3px, #087FE0 3px 5px)
}

.new-theme-design.mobile-cmms-app .scanKey.barKey i {
   background: repeating-linear-gradient(90deg, #087FE0 0 2px, transparent 2px 4px);
   border: 0;
   border-radius: 0
}

.new-theme-design.mobile-cmms-app .scanKey.rfidKey i {
   border: 0
}

.new-theme-design.mobile-cmms-app .scanKey.rfidKey i:before,
.new-theme-design.mobile-cmms-app .scanKey.rfidKey i:after {
   content: "";
   position: absolute;
   border: 2px solid #087FE0;
   border-left-color: transparent;
   border-bottom-color: transparent;
   border-radius: 50%;
   transform: rotate(-45deg);
   left: 4px;
   top: 4px
}

.new-theme-design.mobile-cmms-app .scanKey.rfidKey i:before {
   width: 15px;
   height: 15px
}

.new-theme-design.mobile-cmms-app .scanKey.rfidKey i:after {
   width: 9px;
   height: 9px;
   left: 7px;
   top: 7px
}

.new-theme-design.mobile-cmms-app /* Hero visual */
.cssHeroStage {
   min-height: 525px;
   position: relative;
   max-width: 620px;
   margin-left: auto
}

.new-theme-design.mobile-cmms-app .cssHeroStage .heroPhoneMain {
   position: absolute;
   left: 48%;
   top: 20px;
   transform: translateX(-50%);
   z-index: 4;
   animation: phoneFloat 4.8s ease-in-out infinite
}

.new-theme-design.mobile-cmms-app .cssHeroStage .heroTools {
   left: 0;
   top: 160px;
   width: 184px;
   z-index: 5
}

.new-theme-design.mobile-cmms-app .cssHeroStage .heroScan {
   right: 0;
   bottom: 42px;
   width: 180px;
   z-index: 5
}

.new-theme-design.mobile-cmms-app .cssHeroStage .heroPoint {
   z-index: 6
}

.new-theme-design.mobile-cmms-app .cssHeroStage:before {
   content: "";
   position: absolute;
   left: 52%;
   top: 74px;
   width: 350px;
   height: 350px;
   border-radius: 50%;
   transform: translateX(-50%);
   background: radial-gradient(circle, rgba(0, 168, 248, .21), rgba(0, 168, 248, .07) 50%, transparent 72%);
   animation: haloPulse 4s ease-in-out infinite
}

.new-theme-design.mobile-cmms-app .heroPulse {
   position: absolute;
   left: 51%;
   top: 91px;
   width: 320px;
   height: 320px;
   border: 1px solid rgba(0, 168, 248, .18);
   border-radius: 50%;
   transform: translateX(-50%);
   box-shadow: 0 0 0 42px rgba(0, 168, 248, .035), 0 0 0 82px rgba(255, 201, 40, .025)
}

.new-theme-design.mobile-cmms-app /* Technician Work Hub */
.techCanvas {
   display: grid;
   grid-template-columns: 1fr 245px 1fr;
   gap: 14px;
   align-items: center;
   padding: 26px 20px
}

.new-theme-design.mobile-cmms-app .techCanvas .cssPhone {
   width: 245px;
   margin: auto
}

.new-theme-design.mobile-cmms-app .sideCallouts {
   display: grid;
   gap: 13px
}

.new-theme-design.mobile-cmms-app .callout {
   padding: 14px;
   background: #fff;
   border: 1px solid #D7E8EF;
   border-radius: 15px;
   box-shadow: 0 13px 28px rgba(6, 59, 92, .08);
   position: relative
}

.new-theme-design.mobile-cmms-app .callout strong {
   display: block;
   font-size: 11px;
   color: #132C40
}

.new-theme-design.mobile-cmms-app .callout span {
   display: block;
   font-size: 8px;
   color: #6B8090;
   margin-top: 4px
}

.new-theme-design.mobile-cmms-app .callout.left:after,
.new-theme-design.mobile-cmms-app .callout.right:before {
   content: "";
   position: absolute;
   top: 50%;
   width: 26px;
   border-top: 1.5px dashed #0788E4
}

.new-theme-design.mobile-cmms-app .callout.left:after {
   right: -27px
}

.new-theme-design.mobile-cmms-app .callout.right:before {
   left: -27px
}

.new-theme-design.mobile-cmms-app .calloutIcon {
   width: 34px;
   height: 34px;
   border-radius: 10px;
   background: #EDF8FF;
   border: 1px solid #D5EDF9;
   margin-bottom: 9px;
   position: relative
}

.new-theme-design.mobile-cmms-app .calloutIcon:before {
   content: "";
   position: absolute;
   inset: 9px;
   border: 2px solid #087FE0;
   border-radius: 3px
}

.new-theme-design.mobile-cmms-app .calloutIcon.camera:before {
   inset: 10px 7px;
   border-radius: 4px
}

.new-theme-design.mobile-cmms-app .calloutIcon.camera:after {
   content: "";
   position: absolute;
   width: 6px;
   height: 6px;
   border: 2px solid #087FE0;
   border-radius: 50%;
   left: 13px;
   top: 12px
}

.new-theme-design.mobile-cmms-app .calloutIcon.cube:after {
   content: "";
   position: absolute;
   width: 9px;
   height: 9px;
   border: 2px solid #087FE0;
   transform: rotate(30deg);
   left: 11px;
   top: 10px
}

.new-theme-design.mobile-cmms-app .calloutIcon.cube:before {
   display: none
}

.new-theme-design.mobile-cmms-app /* Offline CMMS visual */
.offlineCanvas {
   padding: 24px 18px;
   display: grid;
   grid-template-columns: 150px 245px 1fr;
   gap: 16px;
   align-items: center
}

.new-theme-design.mobile-cmms-app .offlineCanvas .cssPhone {
   width: 245px
}

.new-theme-design.mobile-cmms-app .offlineLeft {
   display: grid;
   gap: 18px
}

.new-theme-design.mobile-cmms-app .signalBadge {
   padding: 10px 12px;
   border: 1px solid #F2D684;
   border-radius: 11px;
   background: #FFF8E2;
   color: #9B6B00;
   font-size: 8px;
   font-weight: 900;
   text-align: center
}

.new-theme-design.mobile-cmms-app .localSave {
   text-align: center;
   font-size: 9px;
   font-weight: 900;
   color: #17344A
}

.new-theme-design.mobile-cmms-app .databaseGlyph {
   width: 62px;
   height: 62px;
   margin: 0 auto 8px;
   border-radius: 50%;
   background: #fff;
   border: 1px solid #D8E9F0;
   box-shadow: 0 8px 20px rgba(6, 59, 92, .08);
   position: relative
}

.new-theme-design.mobile-cmms-app .databaseGlyph:before {
   content: "";
   position: absolute;
   width: 28px;
   height: 13px;
   border: 3px solid #087FE0;
   border-radius: 50%;
   left: 14px;
   top: 14px;
   box-shadow: 0 8px 0 -3px #fff, 0 8px 0 0 #087FE0, 0 16px 0 -3px #fff, 0 16px 0 0 #087FE0
}

.new-theme-design.mobile-cmms-app .syncStack {
   display: grid;
   gap: 11px
}

.new-theme-design.mobile-cmms-app .syncCard {
   padding: 14px;
   background: #fff;
   border: 1px solid #D8E8F0;
   border-radius: 15px;
   box-shadow: 0 12px 28px rgba(6, 59, 92, .08)
}

.new-theme-design.mobile-cmms-app .syncCard strong {
   font-size: 11px;
   display: block
}

.new-theme-design.mobile-cmms-app .syncCard p {
   font-size: 7px !important;
   margin: 4px 0 8px !important
}

.new-theme-design.mobile-cmms-app .syncRow {
   display: flex;
   justify-content: space-between;
   padding: 5px 0;
   border-top: 1px solid #EDF2F5;
   font-size: 6.5px
}

.new-theme-design.mobile-cmms-app .syncCloud {
   width: 55px;
   height: 55px;
   border-radius: 50%;
   background: #fff;
   border: 1px solid #DCEBF2;
   margin: auto;
   position: relative
}

.new-theme-design.mobile-cmms-app .syncCloud:before {
   content: "";
   position: absolute;
   width: 25px;
   height: 14px;
   border: 2px solid #087FE0;
   border-radius: 14px;
   left: 14px;
   top: 22px
}

.new-theme-design.mobile-cmms-app .syncCloud:after {
   content: "↻";
   position: absolute;
   left: 22px;
   top: 17px;
   color: #087FE0;
   font-size: 17px;
   font-weight: 900
}

.new-theme-design.mobile-cmms-app .offlineWorkCard {
   margin: 10px 0;
   padding: 10px;
   background: #fff;
   border: 1px solid #DDE8EE;
   border-radius: 10px
}

.new-theme-design.mobile-cmms-app .offlineWorkCard b {
   font-size: 9px
}

.new-theme-design.mobile-cmms-app .offlineWorkCard small {
   display: block;
   font-size: 6px;
   color: #708493
}

.new-theme-design.mobile-cmms-app .checkRows {
   display: grid;
   gap: 6px;
   margin-top: 9px
}

.new-theme-design.mobile-cmms-app .checkRow {
   display: flex;
   gap: 7px;
   align-items: center;
   font-size: 6.4px;
   color: #324D60
}

.new-theme-design.mobile-cmms-app .checkDot {
   width: 12px;
   height: 12px;
   border: 1.5px solid #10A56D;
   border-radius: 50%;
   position: relative
}

.new-theme-design.mobile-cmms-app .checkDot:after {
   content: "";
   position: absolute;
   width: 5px;
   height: 2px;
   border-left: 1.5px solid #10A56D;
   border-bottom: 1.5px solid #10A56D;
   transform: rotate(-45deg);
   left: 3px;
   top: 3px
}

.new-theme-design.mobile-cmms-app .savedStrip {
   margin-top: 9px;
   padding: 8px;
   border: 1px solid #CDEBDF;
   background: #F3FCF8;
   border-radius: 9px;
   font-size: 6.2px;
   color: #3D6D5D
}

.new-theme-design.mobile-cmms-app /* Full mobile work order */
.workorderCanvas {
   display: grid;
   grid-template-columns: 150px 260px 1fr;
   gap: 15px;
   align-items: center;
   padding: 24px 18px
}

.new-theme-design.mobile-cmms-app .workorderCanvas .cssPhone {
   width: 260px
}

.new-theme-design.mobile-cmms-app .woHead {
   padding: 11px 12px 6px
}

.new-theme-design.mobile-cmms-app .woHead .mobileTitle {
   font-size: 13px
}

.new-theme-design.mobile-cmms-app .woStatusRow {
   display: flex;
   gap: 4px;
   margin-top: 7px
}

.new-theme-design.mobile-cmms-app .woStatus {
   font-size: 5.4px;
   padding: 4px 6px;
   border: 1px solid #DCE7ED;
   border-radius: 6px;
   background: #fff
}

.new-theme-design.mobile-cmms-app .woStatus.active {
   background: #087FE0;
   color: #fff;
   border-color: #087FE0
}

.new-theme-design.mobile-cmms-app .woInfo {
   margin: 6px 12px 0;
   border: 1px solid #DFE9EE;
   border-radius: 9px;
   background: #fff
}

.new-theme-design.mobile-cmms-app .woInfoRow {
   display: flex;
   justify-content: space-between;
   padding: 7px 9px;
   border-bottom: 1px solid #EDF2F5;
   font-size: 6.2px
}

.new-theme-design.mobile-cmms-app .woInfoRow:last-child {
   border-bottom: 0
}

.new-theme-design.mobile-cmms-app .woChecklist {
   margin: 8px 12px 0;
   padding: 9px;
   border: 1px solid #DFE9EE;
   border-radius: 9px;
   background: #fff
}

.new-theme-design.mobile-cmms-app .woChecklistTitle {
   display: flex;
   justify-content: space-between;
   font-size: 7.2px;
   font-weight: 900
}

.new-theme-design.mobile-cmms-app .progressTrack {
   height: 5px;
   background: #E5EDF1;
   border-radius: 999px;
   margin: 6px 0 8px;
   overflow: hidden
}

.new-theme-design.mobile-cmms-app .progressTrack span {
   display: block;
   width: 67%;
   height: 100%;
   background: #087FE0;
   border-radius: 999px
}

.new-theme-design.mobile-cmms-app .woStep {
   display: grid;
   grid-template-columns: 13px 1fr auto;
   gap: 6px;
   align-items: center;
   padding: 4px 0;
   border-top: 1px solid #F0F3F5;
   font-size: 5.7px
}

.new-theme-design.mobile-cmms-app .woStep .stepCircle {
   width: 10px;
   height: 10px;
   border: 1.5px solid #10A56D;
   border-radius: 50%
}

.new-theme-design.mobile-cmms-app .woStep.current {
   color: #087FE0;
   font-weight: 850
}

.new-theme-design.mobile-cmms-app .woStep.current .stepCircle {
   border-color: #087FE0
}

.new-theme-design.mobile-cmms-app .proofRows {
   margin: 7px 12px 11px
}

.new-theme-design.mobile-cmms-app .proofRows b {
   font-size: 7px
}

.new-theme-design.mobile-cmms-app .proofMiniRow {
   display: flex;
   justify-content: space-between;
   font-size: 5.8px;
   padding: 5px 0;
   border-bottom: 1px solid #ECF2F5
}

.new-theme-design.mobile-cmms-app .verifiedCard {
   padding: 15px;
   background: #fff;
   border: 1px solid #D8E8F0;
   border-radius: 15px;
   box-shadow: 0 12px 28px rgba(6, 59, 92, .08)
}

.new-theme-design.mobile-cmms-app .verifiedShield {
   width: 42px;
   height: 42px;
   border-radius: 50%;
   background: #EAF8F3;
   position: relative;
   margin-bottom: 10px
}

.new-theme-design.mobile-cmms-app .verifiedShield:before {
   content: "✓";
   position: absolute;
   inset: 8px;
   border: 2px solid #10A56D;
   border-radius: 12px 12px 16px 16px;
   display: grid;
   place-items: center;
   color: #10A56D;
   font-size: 13px;
   font-weight: 900
}

.new-theme-design.mobile-cmms-app .verifiedCard strong {
   font-size: 12px
}

.new-theme-design.mobile-cmms-app .verifiedRow {
   font-size: 7px;
   padding: 6px 0;
   border-top: 1px solid #EDF2F5;
   color: #506A7C
}

.new-theme-design.mobile-cmms-app .checkProgress {
   padding: 15px;
   background: #fff;
   border: 1px solid #D8E8F0;
   border-radius: 15px;
   box-shadow: 0 12px 28px rgba(6, 59, 92, .08)
}

.new-theme-design.mobile-cmms-app .checkProgress strong {
   font-size: 11px
}

.new-theme-design.mobile-cmms-app .progressBig {
   height: 5px;
   margin: 9px 0;
   background: #E3ECF0;
   border-radius: 999px
}

.new-theme-design.mobile-cmms-app .progressBig span {
   display: block;
   width: 67%;
   height: 100%;
   background: #087FE0;
   border-radius: 999px
}

.new-theme-design.mobile-cmms-app /* Asset scan */
.scanCanvas {
   padding: 25px 18px;
   display: grid;
   grid-template-columns: 1fr 235px 1fr;
   gap: 15px;
   align-items: center
}

.new-theme-design.mobile-cmms-app .scanCanvas .cssPhone {
   width: 235px
}

.new-theme-design.mobile-cmms-app .machinePanel {
   min-height: 300px;
   border-radius: 18px;
   background: linear-gradient(145deg, #1B6DA1, #11486E);
   border: 1px solid #0A3D60;
   position: relative;
   overflow: hidden;
   box-shadow: inset -18px 0 30px rgba(0, 0, 0, .14)
}

.new-theme-design.mobile-cmms-app .machinePanel:before {
   content: "";
   position: absolute;
   width: 110px;
   height: 110px;
   border: 18px solid #2D82B3;
   border-radius: 50%;
   right: -35px;
   top: 64px;
   box-shadow: inset 0 0 0 10px #0E3E5B
}

.new-theme-design.mobile-cmms-app .machinePanel:after {
   content: "";
   position: absolute;
   width: 18px;
   height: 260px;
   background: #8F9AA0;
   right: 26px;
   top: -20px;
   border-radius: 9px;
   box-shadow: inset 0 0 0 3px #5B666B
}

.new-theme-design.mobile-cmms-app .assetPlate {
   position: absolute;
   left: 24px;
   top: 74px;
   width: 125px;
   padding: 13px 10px;
   border-radius: 7px;
   background: #F3F5F5;
   border: 1px solid #AEB8BD;
   box-shadow: 0 5px 10px rgba(0, 0, 0, .16);
   text-align: center;
   color: #152B3A
}

.new-theme-design.mobile-cmms-app .assetPlate b {
   font-size: 10px
}

.new-theme-design.mobile-cmms-app .assetPlate small {
   font-size: 6px;
   display: block
}

.new-theme-design.mobile-cmms-app .qrCss {
   width: 52px;
   height: 52px;
   margin: 8px auto 2px;
   border: 5px solid #fff;
   background: repeating-linear-gradient(0deg, #0A1014 0 4px, #fff 4px 7px), repeating-linear-gradient(90deg, transparent 0 5px, #0A1014 5px 8px);
   box-shadow: 0 0 0 1px #222;
   position: relative
}

.new-theme-design.mobile-cmms-app .qrCss:before,
.new-theme-design.mobile-cmms-app .qrCss:after {
   content: "";
   position: absolute;
   width: 12px;
   height: 12px;
   border: 4px solid #0A1014;
   background: #fff
}

.new-theme-design.mobile-cmms-app .qrCss:before {
   left: 1px;
   top: 1px
}

.new-theme-design.mobile-cmms-app .qrCss:after {
   right: 1px;
   bottom: 1px
}

.new-theme-design.mobile-cmms-app .scanPhoneArea {
   height: 260px;
   background: #143A55;
   position: relative;
   overflow: hidden
}

.new-theme-design.mobile-cmms-app .scanFrame {
   position: absolute;
   left: 38px;
   right: 38px;
   top: 55px;
   height: 132px;
   border: 3px solid #fff;
   border-radius: 14px;
   box-shadow: 0 0 18px rgba(0, 168, 248, .25)
}

.new-theme-design.mobile-cmms-app .scanFrame:after {
   content: "";
   position: absolute;
   left: 8px;
   right: 8px;
   height: 2px;
   background: #FFC928;
   box-shadow: 0 0 10px #FFC928;
   animation: scanline 2.3s ease-in-out infinite
}

@keyframes scanline {

   0%,
   100% {
      top: 10px
   }

   50% {
      top: 116px
   }
}

.new-theme-design.mobile-cmms-app .scanPhoneArea .assetPlate {
   transform: scale(.68);
   transform-origin: center;
   left: 54px;
   top: 60px
}

.new-theme-design.mobile-cmms-app .scanResult {
   margin: 9px;
   padding: 9px;
   border: 1px solid #DDE8EE;
   border-radius: 9px;
   background: #fff;
   font-size: 6px
}

.new-theme-design.mobile-cmms-app .scanResult b {
   font-size: 8px;
   display: block
}

.new-theme-design.mobile-cmms-app .scanModes {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 5px;
   padding: 0 9px 10px
}

.new-theme-design.mobile-cmms-app .scanMode {
   font-size: 5.2px;
   text-align: center;
   padding: 6px 2px;
   background: #fff;
   border: 1px solid #DCE8EF;
   border-radius: 7px;
   color: #527083
}

.new-theme-design.mobile-cmms-app .assetOverview {
   padding: 14px;
   background: #fff;
   border: 1px solid #D8E8F0;
   border-radius: 15px;
   box-shadow: 0 12px 28px rgba(6, 59, 92, .08);
   margin-bottom: 12px
}

.new-theme-design.mobile-cmms-app .assetOverview strong {
   font-size: 12px;
   display: block
}

.new-theme-design.mobile-cmms-app .assetOverview span {
   font-size: 7px;
   color: #637C8D
}

.new-theme-design.mobile-cmms-app .assetInfoCards {
   display: grid;
   gap: 9px
}

.new-theme-design.mobile-cmms-app .assetInfoCard {
   padding: 12px;
   background: #fff;
   border: 1px solid #D8E8F0;
   border-radius: 13px
}

.new-theme-design.mobile-cmms-app .assetInfoCard strong {
   font-size: 9px;
   display: block
}

.new-theme-design.mobile-cmms-app .assetInfoCard span {
   font-size: 6.5px;
   color: #6B8292
}

.new-theme-design.mobile-cmms-app /* VEDA CSS-only product scene */
.vedaVisual {
   min-height: 500px;
   border: 1px solid #17365A;
   border-radius: 22px;
   background: radial-gradient(circle at 50% 48%, rgba(0, 118, 255, .18), transparent 35%), linear-gradient(145deg, #07101F, #031226);
   position: relative;
   overflow: hidden;
   padding: 24px
}

.new-theme-design.mobile-cmms-app .vedaVisual:before {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(125deg, transparent 0 45%, rgba(0, 133, 255, .05) 46%, transparent 47% 100%), repeating-linear-gradient(0deg, transparent 0 28px, rgba(46, 134, 255, .03) 29px);
   pointer-events: none
}

.new-theme-design.mobile-cmms-app .vedaGrid {
   display: grid;
   grid-template-columns: 150px 245px 1fr;
   gap: 16px;
   align-items: center;
   position: relative;
   z-index: 2
}

.new-theme-design.mobile-cmms-app .vedaVisual .cssPhone {
   width: 245px;
   box-shadow: 0 20px 55px rgba(0, 105, 255, .22)
}

.new-theme-design.mobile-cmms-app .vedaPhoneBody {
   padding: 12px
}

.new-theme-design.mobile-cmms-app .spark {
   width: 27px;
   height: 27px;
   margin: 2px auto 6px;
   position: relative
}

.new-theme-design.mobile-cmms-app .spark:before,
.new-theme-design.mobile-cmms-app .spark:after {
   content: "";
   position: absolute;
   background: #087FE0;
   left: 12px;
   top: 1px;
   width: 3px;
   height: 25px;
   border-radius: 50%;
   transform: rotate(45deg)
}

.new-theme-design.mobile-cmms-app .spark:after {
   transform: rotate(-45deg)
}

.new-theme-design.mobile-cmms-app .listenTitle {
   text-align: center;
   font-size: 18px;
   font-weight: 900;
   color: #0E2034
}

.new-theme-design.mobile-cmms-app .listenSub {
   text-align: center;
   font-size: 6.6px;
   color: #667A88
}

.new-theme-design.mobile-cmms-app .waveform {
   height: 42px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 3px;
   margin: 10px 0
}

.new-theme-design.mobile-cmms-app .waveform span {
   width: 3px;
   border-radius: 3px;
   background: linear-gradient(180deg, #147FFF, #7C67E8, #F4841E);
   animation: wave 1.1s ease-in-out infinite
}

.new-theme-design.mobile-cmms-app .waveform span:nth-child(3n) {
   height: 30px
}

.new-theme-design.mobile-cmms-app .waveform span:nth-child(3n+1) {
   height: 15px;
   animation-delay: .12s
}

.new-theme-design.mobile-cmms-app .waveform span:nth-child(3n+2) {
   height: 23px;
   animation-delay: .25s
}

@keyframes wave {
   50% {
      transform: scaleY(.55);
      opacity: .72
   }
}

.new-theme-design.mobile-cmms-app .voiceQuote {
   padding: 10px;
   background: #F0F4F7;
   border-radius: 9px;
   font-size: 6.5px;
   color: #314B5D
}

.new-theme-design.mobile-cmms-app .aiRequest {
   margin-top: 9px;
   padding: 9px;
   background: #fff;
   border: 1px solid #DEE8EE;
   border-radius: 9px
}

.new-theme-design.mobile-cmms-app .aiRequestHead {
   display: flex;
   justify-content: space-between;
   font-size: 6.5px;
   font-weight: 900
}

.new-theme-design.mobile-cmms-app .aiField {
   display: grid;
   grid-template-columns: 46px 1fr;
   gap: 6px;
   padding: 3px 0;
   border-top: 1px solid #EDF2F4;
   font-size: 5.3px
}

.new-theme-design.mobile-cmms-app .aiField:first-of-type {
   margin-top: 5px
}

.new-theme-design.mobile-cmms-app .vedaButtons {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 6px;
   margin-top: 9px;
   text-align: center;
   font-size: 5px;
   color: #536C7D
}

.new-theme-design.mobile-cmms-app .roundBtn {
   width: 32px;
   height: 32px;
   margin: auto;
   border-radius: 50%;
   border: 1px solid #DAE6ED;
   background: #fff;
   display: grid;
   place-items: center;
   font-size: 12px;
   color: #087FE0
}

.new-theme-design.mobile-cmms-app .roundBtn.primary {
   background: #087FE0;
   color: #fff;
   border-color: #087FE0;
   box-shadow: 0 0 0 5px rgba(8, 127, 224, .10)
}

.new-theme-design.mobile-cmms-app .vedaLeft {
   display: grid;
   gap: 12px
}

.new-theme-design.mobile-cmms-app .vedaFeature {
   padding: 11px;
   border: 1px solid #183C65;
   background: rgba(10, 31, 56, .84);
   border-radius: 13px
}

.new-theme-design.mobile-cmms-app .vedaFeature strong {
   display: block;
   color: #2DA4FF;
   font-size: 9px
}

.new-theme-design.mobile-cmms-app .vedaFeature span {
   font-size: 6.5px;
   color: #AFC2D6
}

.new-theme-design.mobile-cmms-app .vedaRight {
   display: grid;
   gap: 10px
}

.new-theme-design.mobile-cmms-app .vedaNode {
   padding: 13px;
   background: rgba(11, 27, 50, .88);
   border: 1px solid #22456B;
   border-radius: 14px;
   position: relative
}

.new-theme-design.mobile-cmms-app .vedaNode:before {
   content: "";
   position: absolute;
   left: -23px;
   top: 50%;
   width: 22px;
   border-top: 1.5px dashed #1B8BEA
}

.new-theme-design.mobile-cmms-app .vedaNode strong {
   display: block;
   color: #fff;
   font-size: 9px
}

.new-theme-design.mobile-cmms-app .vedaNode span {
   display: block;
   color: #AFC1D1;
   font-size: 6.2px;
   margin-top: 3px
}

.new-theme-design.mobile-cmms-app /* Enhanced remaining sections */
.connectedCard {
   position: relative;
   overflow: hidden;
   padding-top: 62px
}

.new-theme-design.mobile-cmms-app .connectedCard:before {
   content: "";
   position: absolute;
   left: 20px;
   top: 18px;
   width: 32px;
   height: 32px;
   border-radius: 10px;
   background: #0E2940;
   border: 1px solid #294B62;
   box-shadow: inset 0 0 0 8px #112231
}

.new-theme-design.mobile-cmms-app .connectedCard:after {
   content: "";
   position: absolute;
   left: 29px;
   top: 27px;
   width: 12px;
   height: 12px;
   border: 2px solid var(--yellow);
   border-radius: 4px
}

.new-theme-design.mobile-cmms-app .featureIcon {
   position: relative;
   color: transparent
}

.new-theme-design.mobile-cmms-app .featureIcon:before {
   content: "";
   position: absolute;
   inset: 10px;
   border: 2px solid #101820;
   border-radius: 4px
}

.new-theme-design.mobile-cmms-app .featureIcon:after {
   content: "";
   position: absolute;
   width: 10px;
   height: 2px;
   background: #101820;
   left: 16px;
   top: 20px;
   box-shadow: 0 5px 0 #101820
}

.new-theme-design.mobile-cmms-app .useIcon {
   color: #0D2030;
   font-weight: 950
}

.new-theme-design.mobile-cmms-app .integration {
   box-shadow: 0 8px 20px rgba(6, 59, 92, .045)
}

@media(max-width:1050px) {

   .new-theme-design.mobile-cmms-app .techCanvas,
   .new-theme-design.mobile-cmms-app .offlineCanvas,
   .new-theme-design.mobile-cmms-app .workorderCanvas,
   .new-theme-design.mobile-cmms-app .scanCanvas,
   .new-theme-design.mobile-cmms-app .vedaGrid {
      grid-template-columns: 1fr 230px 1fr
   }

   .new-theme-design.mobile-cmms-app .techCanvas .cssPhone,
   .new-theme-design.mobile-cmms-app .offlineCanvas .cssPhone,
   .new-theme-design.mobile-cmms-app .vedaVisual .cssPhone {
      width: 230px
   }

   .new-theme-design.mobile-cmms-app .workorderCanvas .cssPhone {
      width: 245px
   }

   .new-theme-design.mobile-cmms-app .scanCanvas .cssPhone {
      width: 225px
   }
}

@media(max-width:960px) {
   .new-theme-design.mobile-cmms-app .cssHeroStage {
      margin: auto
   }

   .new-theme-design.mobile-cmms-app .techCanvas,
   .new-theme-design.mobile-cmms-app .offlineCanvas,
   .new-theme-design.mobile-cmms-app .workorderCanvas,
   .new-theme-design.mobile-cmms-app .scanCanvas,
   .new-theme-design.mobile-cmms-app .vedaGrid {
      grid-template-columns: 1fr
   }

   .new-theme-design.mobile-cmms-app .sideCallouts,
   .new-theme-design.mobile-cmms-app .offlineLeft,
   .new-theme-design.mobile-cmms-app .syncStack,
   .new-theme-design.mobile-cmms-app .vedaLeft,
   .new-theme-design.mobile-cmms-app .vedaRight {
      grid-template-columns: repeat(2, 1fr)
   }

   .new-theme-design.mobile-cmms-app .techCanvas .cssPhone,
   .new-theme-design.mobile-cmms-app .offlineCanvas .cssPhone,
   .new-theme-design.mobile-cmms-app .workorderCanvas .cssPhone,
   .new-theme-design.mobile-cmms-app .scanCanvas .cssPhone,
   .new-theme-design.mobile-cmms-app .vedaVisual .cssPhone {
      width: min(265px, 78vw);
      margin: auto
   }

   .new-theme-design.mobile-cmms-app .callout.left:after,
   .new-theme-design.mobile-cmms-app .callout.right:before,
   .new-theme-design.mobile-cmms-app .vedaNode:before {
      display: none
   }

   .new-theme-design.mobile-cmms-app .machinePanel {
      max-width: 360px;
      margin: auto;
      width: 100%
   }
}

@media(max-width:640px) {
   .new-theme-design.mobile-cmms-app .cssHeroStage {
      min-height: 505px;
      max-width: 350px
   }

   .new-theme-design.mobile-cmms-app .cssHeroStage .heroPhoneMain {
      left: 50%;
      top: 25px
   }

   .new-theme-design.mobile-cmms-app .cssHeroStage .cssPhone {
      width: 205px
   }

   .new-theme-design.mobile-cmms-app .cssHeroStage .heroTools {
      left: 0;
      top: 300px;
      width: 150px
   }

   .new-theme-design.mobile-cmms-app .cssHeroStage .heroScan {
      right: 0;
      bottom: 10px;
      width: 150px
   }

   .new-theme-design.mobile-cmms-app .cssHeroStage .heroPoint {
      right: 2px;
      top: 82px;
      font-size: 7px
   }

   .new-theme-design.mobile-cmms-app .floatUi {
      padding: 10px
   }

   .new-theme-design.mobile-cmms-app .heroPulse {
      width: 270px;
      height: 270px
   }

   .new-theme-design.mobile-cmms-app .sideCallouts,
   .new-theme-design.mobile-cmms-app .offlineLeft,
   .new-theme-design.mobile-cmms-app .syncStack,
   .new-theme-design.mobile-cmms-app .vedaLeft,
   .new-theme-design.mobile-cmms-app .vedaRight {
      grid-template-columns: 1fr
   }

   .new-theme-design.mobile-cmms-app .uiCanvas {
      min-height: 0
   }

   .new-theme-design.mobile-cmms-app .techCanvas,
   .new-theme-design.mobile-cmms-app .offlineCanvas,
   .new-theme-design.mobile-cmms-app .workorderCanvas,
   .new-theme-design.mobile-cmms-app .scanCanvas {
      padding: 22px 12px
   }

   .new-theme-design.mobile-cmms-app .vedaVisual {
      padding: 18px 12px
   }

   .new-theme-design.mobile-cmms-app .vedaGrid {
      gap: 12px
   }
}

@media (max-width: 767px){
 .new-theme-design.mobile-cmms-app .heroVisual{
    display: none;
  }
  .new-theme-design.mobile-cmms-app .final .button.yellow,
  .new-theme-design.mobile-cmms-app .final .button.secondary{
    width: 100%;
  }
  .new-theme-design.mobile-cmms-app .final{
    padding-left: 24px;
    padding-right: 24px;
  }
  .new-theme-design.mobile-cmms-app .hero{
    padding-top: 34px;
  }
  .awardBand .gap-5{
    gap: 1rem !important;
  }
  .new-theme-design.mobile-cmms-app .visual-content{
    order: 1;
  }
  .new-theme-design.mobile-cmms-app .visual{
    order: 0;
  }
}
/*----------------Mobile CMMS APP Ends----------------*/
/*----------------Work Request & SLA Management Software Starts----------------*/
.new-theme-design.work-request-sla-management *,
.new-theme-design.work-request-sla-management *::before,
.new-theme-design.work-request-sla-management *::after {
    box-sizing: border-box;
}
.new-theme-design.work-request-sla-management a {
    text-decoration: none;
    color: inherit;
}

.new-theme-design.work-request-sla-management button,
.new-theme-design.work-request-sla-management input,
.new-theme-design.work-request-sla-management select,
.new-theme-design.work-request-sla-management textarea {
    font: inherit;
}

.new-theme-design.work-request-sla-management .wrap {
    width: min(var(--max), calc(100% - 40px));
    margin: auto;
}

.new-theme-design.work-request-sla-management .skipLink {
    position: absolute;
    left: -9999px;
    top: auto;
}

.new-theme-design.work-request-sla-management .skipLink:focus {
    left: 16px;
    top: 16px;
    z-index: 1000;
    background: #fff;
    color: #000;
    padding: 10px 14px;
    border-radius: 8px;
    box-shadow: var(--shadow);
}

.new-theme-design.work-request-sla-management .ey {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 13px;
    border-radius: 999px;
    background: var(--yellowsoft);
    font-size: 13px;
    font-weight: 850;
    margin-bottom: 18px;
}

.new-theme-design.work-request-sla-management .ey svg {
    width: 15px;
    height: 15px;
}

.new-theme-design.work-request-sla-management .lead {
    font-size: 18px;
    color: var(--muted);
    margin-top: 20px;
    max-width: 780px;
}

.new-theme-design.work-request-sla-management .btn {
    display: inline-flex;
    min-height: 48px;
    padding: 0 22px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid transparent;
    font-weight: 850;
    transition: .2s;
    white-space: nowrap;
}

.new-theme-design.work-request-sla-management .btn:hover {
    transform: translateY(-2px);
}

.new-theme-design.work-request-sla-management .btn:focus-visible {
    outline: 3px solid rgba(0, 168, 248, .3);
    outline-offset: 3px;
}

.new-theme-design.work-request-sla-management .btn.black {
    background: #0b0b0b;
    color: #fff;
}

.new-theme-design.work-request-sla-management .btn.yellow {
    background: var(--yellow);
    color: #000;
}

.new-theme-design.work-request-sla-management .btn.outline {
    background: #fff;
    border-color: var(--line);
    color: var(--navy);
}

.new-theme-design.work-request-sla-management .actions {
    display: flex;
    gap: 11px;
    flex-wrap: wrap;
    margin-top: 27px;
}

.new-theme-design.work-request-sla-management .micro {
    font-size: 12px;
    color: var(--muted);
    margin-top: 14px;
}

.new-theme-design.work-request-sla-management .soft {
    background: var(--sky2);
}

.new-theme-design.work-request-sla-management .dark {
    background: linear-gradient(135deg, var(--black), var(--black2));
    color: #fff;
    border-top: 4px solid var(--yellow);
}

.new-theme-design.work-request-sla-management .dark h2,
.new-theme-design.work-request-sla-management .dark h3 {
    color: #fff;
}

.new-theme-design.work-request-sla-management .dark p {
    color: #D6D6D6;
}

.new-theme-design.work-request-sla-management .dark .ey {
    background: var(--yellow);
    color: #000;
}

.new-theme-design.work-request-sla-management .sectionHead {
    max-width: 850px;
    margin-bottom: 38px;
    text-align: center;
}

.new-theme-design.work-request-sla-management .center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.new-theme-design.work-request-sla-management .sectionHead p {
    color: var(--muted);
    font-size: 17px;
    margin-top: 15px;
}

.new-theme-design.work-request-sla-management .icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.new-theme-design.work-request-sla-management .srOnly {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}


/* =========================================================
   HERO
========================================================= */

.new-theme-design.work-request-sla-management .hero {
    padding: 72px 0 68px;
    background:
        radial-gradient(circle at 78% 18%, rgba(0, 168, 248, .22), transparent 28%),
        radial-gradient(circle at 93% 70%, rgba(255, 201, 40, .16), transparent 20%),
        linear-gradient(180deg, #fff, #EFF9FE);
    overflow: hidden;
}

.new-theme-design.work-request-sla-management .heroGrid {
    display: grid;
    grid-template-columns: .94fr 1.06fr;
    gap: 42px;
    align-items: center;
}

.new-theme-design.work-request-sla-management .heroPills {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin-top: 14px;
}

.new-theme-design.work-request-sla-management .heroPills span {
    padding: 6px 9px;
    border: 1px solid #C8E8F7;
    border-radius: 999px;
    background: #fff;
    color: var(--navy);
    font-size: 10px;
    font-weight: 800;
}

.new-theme-design.work-request-sla-management .heroVisual {
    min-height: 555px;
    position: relative;
}

.new-theme-design.work-request-sla-management .serviceStage {
    min-height: 555px;
    position: relative;
    max-width: 640px;
    margin-left: auto;
}

.new-theme-design.work-request-sla-management .serviceStage:before {
    content: "";
    position: absolute;
    inset: 45px 0 20px 38px;
    border-radius: 34px;
    background:
        linear-gradient(rgba(0, 168, 248, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 168, 248, .045) 1px, transparent 1px);
    background-size: 28px 28px;
    z-index: 0;
}

.new-theme-design.work-request-sla-management .serviceHalo {
    position: absolute;
    left: 48%;
    top: 68px;
    width: 420px;
    height: 420px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(0, 168, 248, .18),
        rgba(0, 168, 248, .06) 48%,
        transparent 72%
    );
    z-index: 1;
    animation: newThemeHaloPulse 4s ease-in-out infinite;
}

.new-theme-design.work-request-sla-management .workspace {
    position: absolute;
    left: 0;
    top: 42px;
    width: 540px;
    z-index: 3;
    background: #fff;
    border: 1px solid #C8E0EB;
    border-radius: 22px;
    box-shadow: 0 26px 58px rgba(6, 59, 92, .19);
    overflow: hidden;
    transform: rotate(-.7deg);
    animation: newThemeWorkspaceFloat 5.2s ease-in-out infinite;
}

.new-theme-design.work-request-sla-management .workspaceTop {
    height: 40px;
    padding: 0 12px;
    background: #F7FAFC;
    border-bottom: 1px solid var(--line);
    display: flex;
    align-items: center;
    gap: 8px;
}

.new-theme-design.work-request-sla-management .wsDots {
    display: flex;
    gap: 4px;
}

.new-theme-design.work-request-sla-management .wsDots i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: block;
    background: #C9D4DB;
}

.new-theme-design.work-request-sla-management .wsDots i:first-child {
    background: #FF7A72;
}

.new-theme-design.work-request-sla-management .wsDots i:nth-child(2) {
    background: #FFC928;
}

.new-theme-design.work-request-sla-management .wsDots i:nth-child(3) {
    background: #22BF7A;
}

.new-theme-design.work-request-sla-management .wsTitle {
    font-size: 8px;
    font-weight: 900;
    color: var(--navy);
    margin-left: 5px;
}

.new-theme-design.work-request-sla-management .wsTag {
    margin-left: auto;
    font-size: 6px;
    font-weight: 900;
    background: var(--greenbg);
    color: var(--green);
    padding: 4px 6px;
    border-radius: 999px;
}

.new-theme-design.work-request-sla-management .moduleStrip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 7px;
    padding: 10px 10px 8px;
}

.new-theme-design.work-request-sla-management .moduleCard {
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 9px 7px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(6, 59, 92, .04);
    display: flex;
    align-items: center;
    gap: 6px;
}

.new-theme-design.work-request-sla-management .moduleCard svg {
    width: 14px;
    height: 14px;
    color: #0A56C5;
}

.new-theme-design.work-request-sla-management .moduleCard strong {
    font-size: 6.5px;
    line-height: 1.1;
}

.new-theme-design.work-request-sla-management .moduleCard:nth-child(1) {
    border-top: 3px solid var(--brand);
}

.new-theme-design.work-request-sla-management .moduleCard:nth-child(2) {
    border-top: 3px solid var(--red);
}

.new-theme-design.work-request-sla-management .moduleCard:nth-child(3) {
    border-top: 3px solid var(--purple);
}

.new-theme-design.work-request-sla-management .moduleCard:nth-child(4) {
    border-top: 3px solid var(--yellow);
}

.new-theme-design.work-request-sla-management .wsMetrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
    padding: 0 10px 9px;
}

.new-theme-design.work-request-sla-management .wsMetric {
    border: 1px solid var(--line);
    border-radius: 9px;
    padding: 8px;
    background: linear-gradient(180deg, #fff, #F8FCFE);
}

.new-theme-design.work-request-sla-management .wsMetric strong {
    font-size: 13px;
    display: block;
    line-height: 1;
}

.new-theme-design.work-request-sla-management .wsMetric span {
    font-size: 5.7px;
    color: var(--muted);
}

.new-theme-design.work-request-sla-management .wsMetric:nth-child(2) strong {
    color: var(--red);
}

.new-theme-design.work-request-sla-management .wsMetric:nth-child(3) strong {
    color: var(--green);
}

.new-theme-design.work-request-sla-management .wsPanels {
    display: grid;
    grid-template-columns: 1.18fr .82fr;
    gap: 8px;
    padding: 0 10px 10px;
}

.new-theme-design.work-request-sla-management .wsPanel {
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #fff;
    min-height: 118px;
    overflow: hidden;
}

.new-theme-design.work-request-sla-management .wsPanelHead {
    padding: 7px 8px;
    border-bottom: 1px solid var(--line);
    font-size: 6.2px;
    font-weight: 900;
    color: var(--navy);
    display: flex;
    justify-content: space-between;
}

.new-theme-design.work-request-sla-management .wsPanelHead span {
    font-size: 5px;
    color: var(--brand);
}

.new-theme-design.work-request-sla-management .requestRows {
    padding: 5px 7px;
}

.new-theme-design.work-request-sla-management .requestRow {
    display: grid;
    grid-template-columns: 1fr 44px 38px;
    gap: 4px;
    align-items: center;
    padding: 5px 0;
    border-bottom: 1px solid #EDF3F6;
    font-size: 5.5px;
}

.new-theme-design.work-request-sla-management .requestRow:last-child {
    border-bottom: 0;
}

.new-theme-design.work-request-sla-management .requestRow strong {
    font-size: 6px;
}

.new-theme-design.work-request-sla-management .miniPriority {
    padding: 3px 4px;
    border-radius: 999px;
    text-align: center;
    font-size: 4.8px;
    font-weight: 900;
}

.new-theme-design.work-request-sla-management .pCritical {
    background: var(--redbg);
    color: var(--red);
}

.new-theme-design.work-request-sla-management .pHigh {
    background: #FFF0DF;
    color: #C75B00;
}

.new-theme-design.work-request-sla-management .pMedium {
    background: var(--yellowsoft);
    color: #7B5B00;
}

.new-theme-design.work-request-sla-management .miniState {
    font-size: 4.8px;
    color: var(--muted);
    text-align: right;
}

.new-theme-design.work-request-sla-management .modeChart {
    display: grid;
    place-items: center;
    padding-top: 9px;
}

.new-theme-design.work-request-sla-management .pie {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    background: conic-gradient(
        #41C5E7 0 52%,
        #FFE34E 52% 90%,
        #22CE41 90% 100%
    );
    position: relative;
}

.new-theme-design.work-request-sla-management .pie:after {
    content: "";
    position: absolute;
    inset: 21px;
    background: #fff;
    border-radius: 50%;
}

.new-theme-design.work-request-sla-management .pieLabel {
    position: absolute;
    z-index: 2;
    text-align: center;
    font-weight: 900;
    font-size: 8px;
    color: var(--navy);
}

.new-theme-design.work-request-sla-management .pieLabel span {
    display: block;
    font-size: 4.8px;
    color: var(--muted);
}

.new-theme-design.work-request-sla-management .trendPanel {
    margin: 0 10px 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 7px;
    background: linear-gradient(180deg, #fff, #F7FCFF);
}

.new-theme-design.work-request-sla-management .trendHead {
    font-size: 6.2px;
    font-weight: 900;
    color: var(--navy);
    display: flex;
    justify-content: space-between;
}

.new-theme-design.work-request-sla-management .trendHead span {
    font-size: 5px;
    color: var(--muted);
}

.new-theme-design.work-request-sla-management .trendPanel svg {
    display: block;
    width: 100%;
    height: 80px;
    margin-top: 2px;
}

.new-theme-design.work-request-sla-management .trendGrid {
    stroke: #E7EFF4;
    stroke-width: 1;
}

.new-theme-design.work-request-sla-management .trendInbound {
    fill: none;
    stroke: #46BEDF;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.new-theme-design.work-request-sla-management .trendComplete {
    fill: none;
    stroke: #29B86F;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.new-theme-design.work-request-sla-management .trendArea {
    fill: rgba(70, 190, 223, .08);
}

.new-theme-design.work-request-sla-management .slaFloat {
    position: absolute;
    right: -2px;
    top: 4px;
    width: 218px;
    z-index: 7;
    background: #111B24;
    color: #fff;
    border: 1px solid #344854;
    border-radius: 18px;
    box-shadow: 0 22px 44px rgba(0, 0, 0, .25);
    overflow: hidden;
    animation: newThemeSlaFloat 4.6s ease-in-out infinite;
}

.new-theme-design.work-request-sla-management .slaFloatHead {
    padding: 11px 12px;
    border-bottom: 1px solid #2B3A45;
    display: flex;
    align-items: center;
    gap: 7px;
}

.new-theme-design.work-request-sla-management .slaFloatHead svg {
    color: var(--yellow);
}

.new-theme-design.work-request-sla-management .slaFloatHead strong {
    font-size: 9px;
}

.new-theme-design.work-request-sla-management .slaFloatHead span {
    margin-left: auto;
    background: var(--red);
    font-size: 5px;
    font-weight: 900;
    padding: 4px 5px;
    border-radius: 999px;
}

.new-theme-design.work-request-sla-management .slaFloatBody {
    padding: 12px;
}

.new-theme-design.work-request-sla-management .slaCase {
    font-size: 7px;
    color: #BFD1DA;
}

.new-theme-design.work-request-sla-management .slaCase strong {
    display: block;
    color: #fff;
    font-size: 10px;
    margin-bottom: 2px;
}

.new-theme-design.work-request-sla-management .slaClock {
    margin-top: 10px;
    background: #0B1218;
    border: 1px solid #2C3B46;
    border-radius: 11px;
    padding: 10px;
}

.new-theme-design.work-request-sla-management .clockLine {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.new-theme-design.work-request-sla-management .clockLine span {
    font-size: 6px;
    color: #9CB0BA;
}

.new-theme-design.work-request-sla-management .clockLine strong {
    font-size: 17px;
    color: var(--yellow);
}

.new-theme-design.work-request-sla-management .slaTrack {
    height: 7px;
    background: #273743;
    border-radius: 999px;
    margin-top: 8px;
    overflow: hidden;
}

.new-theme-design.work-request-sla-management .slaTrack i {
    display: block;
    width: 68%;
    height: 100%;
    background: linear-gradient(90deg, var(--green), var(--yellow));
    border-radius: 999px;
    animation: newThemeSlaProgress 5s ease-in-out infinite;
}

.new-theme-design.work-request-sla-management .slaMeta {
    display: flex;
    justify-content: space-between;
    margin-top: 6px;
    font-size: 5.5px;
    color: #B5C6CF;
}

.new-theme-design.work-request-sla-management .onTrack {
    color: #4EE0A2 !important;
    font-weight: 900;
}

.new-theme-design.work-request-sla-management .mobileRequest {
    position: absolute;
    right: 18px;
    bottom: 0;
    width: 185px;
    z-index: 8;
    background: linear-gradient(145deg, #08131D, #162B3A);
    border: 1px solid #304858;
    border-radius: 26px;
    padding: 7px;
    box-shadow: 0 22px 45px rgba(6, 59, 92, .25);
    animation: newThemePhoneFloat 4.8s ease-in-out infinite;
}

.new-theme-design.work-request-sla-management .mobileScreen {
    background: #fff;
    border-radius: 20px;
    min-height: 306px;
    overflow: hidden;
}

.new-theme-design.work-request-sla-management .mobileTop {
    height: 20px;
    background: #0D0D0D;
    display: grid;
    place-items: center;
}

.new-theme-design.work-request-sla-management .mobileTop i {
    width: 52px;
    height: 6px;
    background: #333;
    border-radius: 99px;
}

.new-theme-design.work-request-sla-management .mobileHead {
    padding: 9px 10px;
    background: linear-gradient(135deg, #E8F9FF, #FFF5D0);
    border-bottom: 1px solid var(--line);
}

.new-theme-design.work-request-sla-management .mobileHead strong {
    font-size: 9px;
    display: block;
}

.new-theme-design.work-request-sla-management .mobileHead span {
    font-size: 5px;
    color: var(--muted);
}

.new-theme-design.work-request-sla-management .formBody {
    padding: 9px;
}

.new-theme-design.work-request-sla-management .formField {
    border: 1px solid var(--line);
    border-radius: 7px;
    padding: 6px 7px;
    margin-bottom: 6px;
}

.new-theme-design.work-request-sla-management .formField label {
    display: block;
    font-size: 4.7px;
    color: var(--muted);
}

.new-theme-design.work-request-sla-management .formField b {
    font-size: 6.4px;
}

.new-theme-design.work-request-sla-management .formActions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
}

.new-theme-design.work-request-sla-management .formAction {
    border: 1px solid var(--line);
    border-radius: 7px;
    padding: 7px;
    text-align: center;
    font-size: 5px;
    color: var(--navy);
}

.new-theme-design.work-request-sla-management .formAction svg {
    display: block;
    margin: 0 auto 3px;
    width: 13px;
    height: 13px;
    color: var(--brand);
}

.new-theme-design.work-request-sla-management .submitDemo {
    margin-top: 7px;
    background: var(--brand);
    color: #fff;
    border-radius: 7px;
    text-align: center;
    padding: 7px;
    font-size: 6px;
    font-weight: 900;
}


/* =========================================================
   ANIMATIONS
========================================================= */

@keyframes newThemeHaloPulse {
    50% {
        transform: translateX(-50%) scale(1.05);
    }
}

@keyframes newThemeWorkspaceFloat {
    50% {
        transform: rotate(-.7deg) translateY(-5px);
    }
}

@keyframes newThemeSlaFloat {
    50% {
        transform: translateY(6px);
    }
}

@keyframes newThemePhoneFloat {
    50% {
        transform: translateY(-6px);
    }
}

@keyframes newThemeSlaProgress {
    0%,
    100% {
        width: 58%;
    }

    50% {
        width: 82%;
    }
}


/* =========================================================
   TRUST
========================================================= */

.new-theme-design.work-request-sla-management .trust {
    padding: 25px 0;
    border-bottom: 1px solid var(--line);
}

.new-theme-design.work-request-sla-management .trustLabel {
    text-align: center;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 16px;
}

.new-theme-design.work-request-sla-management .logos {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 11px;
}

.new-theme-design.work-request-sla-management .logo {
    height: 62px;
    border: 1px dashed #B8D7E7;
    border-radius: 11px;
    display: grid;
    place-items: center;
    color: #8195A2;
    font-size: 11px;
    font-weight: 800;
    text-align: center;
    padding: 5px;
}


/* =========================================================
   OUTCOMES
========================================================= */

.new-theme-design.work-request-sla-management .outcomes {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.new-theme-design.work-request-sla-management .outcome {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 22px;
    box-shadow: 0 8px 24px rgba(6, 59, 92, .05);
    position: relative;
    overflow: hidden;
}

.new-theme-design.work-request-sla-management .outcome:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4px;
    background: var(--brand);
}

.new-theme-design.work-request-sla-management .outcome:nth-child(2):before {
    background: var(--yellow);
}

.new-theme-design.work-request-sla-management .outcome:nth-child(3):before {
    background: var(--green);
}

.new-theme-design.work-request-sla-management .outcome:nth-child(4):before {
    background: var(--purple);
}

.new-theme-design.work-request-sla-management .outcome strong {
    display: block;
    font-size: 18px;
    margin-bottom: 7px;
}

.new-theme-design.work-request-sla-management .outcome span {
    font-size: 15px;
    color: var(--muted);
}


/* =========================================================
   FEATURE
========================================================= */

.new-theme-design.work-request-sla-management .feature {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
}

.new-theme-design.work-request-sla-management .feature.reverse .visual {
    order: -1;
}

.new-theme-design.work-request-sla-management .feature p {
    color: var(--muted);
    font-size: 16px;
    margin-top: 15px;
}

.new-theme-design.work-request-sla-management .fl {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px 16px;
    margin-top: 22px;
}

.new-theme-design.work-request-sla-management .fi {
    display: flex;
    gap: 9px;
    font-size: 14px;
}

.new-theme-design.work-request-sla-management .tick {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: var(--greenbg);
    color: var(--green);
    display: grid;
    place-items: center;
    flex: 0 0 21px;
    font-size: 10px;
    font-weight: 900;
}

.new-theme-design.work-request-sla-management .visual {
    min-height: 385px;
    border-radius: 22px;
    background:
        radial-gradient(circle at 90% 10%, rgba(255, 201, 40, .14), transparent 24%),
        linear-gradient(145deg, #fff, #EAF8FF);
    border: 1px solid #C0E5F5;
    box-shadow: var(--shadow);
    padding: 20px;
    position: relative;
    overflow: hidden;
}

.new-theme-design.work-request-sla-management .visual:before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(0, 168, 248, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 168, 248, .035) 1px, transparent 1px);
    background-size: 24px 24px;
    mask-image: linear-gradient(135deg, #000, transparent 75%);
}

.new-theme-design.work-request-sla-management .visual > * {
    position: relative;
    z-index: 2;
}


/* =========================================================
   REQUEST INTAKE
========================================================= */

.new-theme-design.work-request-sla-management .intakeVisual {
    display: grid;
    grid-template-columns: 190px 1fr;
    gap: 16px;
    align-items: center;
}

.new-theme-design.work-request-sla-management .requestPhone {
    background: #101010;
    border-radius: 27px;
    padding: 7px;
    box-shadow: 0 18px 35px rgba(0, 0, 0, .16);
}

.new-theme-design.work-request-sla-management .requestPhoneInner {
    background: #fff;
    border-radius: 20px;
    min-height: 332px;
    overflow: hidden;
}

.new-theme-design.work-request-sla-management .rpHead {
    padding: 12px;
    background: linear-gradient(135deg, #E8F9FF, #FFF5D0);
    border-bottom: 1px solid var(--line);
}

.new-theme-design.work-request-sla-management .rpHead strong {
    display: block;
    font-size: 11px;
}

.new-theme-design.work-request-sla-management .rpHead span {
    font-size: 7px;
    color: var(--muted);
}

.new-theme-design.work-request-sla-management .rpBody {
    padding: 10px;
}

.new-theme-design.work-request-sla-management .rpField {
    padding: 8px;
    border: 1px solid var(--line);
    border-radius: 8px;
    margin-bottom: 7px;
}

.new-theme-design.work-request-sla-management .rpField small {
    display: block;
    color: var(--muted);
    font-size: 6px;
}

.new-theme-design.work-request-sla-management .rpField strong {
    font-size: 8px;
}

.new-theme-design.work-request-sla-management .rpTools {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
}

.new-theme-design.work-request-sla-management .rpTool {
    padding: 7px 3px;
    border: 1px solid var(--line);
    border-radius: 8px;
    text-align: center;
    font-size: 5.5px;
}

.new-theme-design.work-request-sla-management .rpTool svg {
    width: 15px;
    height: 15px;
    color: var(--brand);
    display: block;
    margin: 0 auto 3px;
}

.new-theme-design.work-request-sla-management .rpSubmit {
    margin-top: 8px;
    padding: 8px;
    background: var(--brand);
    border-radius: 8px;
    color: #fff;
    text-align: center;
    font-size: 7px;
    font-weight: 900;
}

.new-theme-design.work-request-sla-management .channelSide {
    display: grid;
    gap: 9px;
}

.new-theme-design.work-request-sla-management .channelCard {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 12px;
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 9px;
    align-items: center;
}

.new-theme-design.work-request-sla-management .channelIcon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: var(--yellow);
    display: grid;
    place-items: center;
    color: #000;
}

.new-theme-design.work-request-sla-management .channelIcon svg {
    width: 17px;
    height: 17px;
}

.new-theme-design.work-request-sla-management .channelCard strong {
    display: block;
    font-size: 10px;
}

.new-theme-design.work-request-sla-management .channelCard span {
    font-size: 7px;
    color: var(--muted);
}


/* =========================================================
   ROUTING
========================================================= */

.new-theme-design.work-request-sla-management .routingTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.new-theme-design.work-request-sla-management .routingTop strong {
    font-size: 11px;
}

.new-theme-design.work-request-sla-management .routingTop span {
    font-size: 7px;
    color: var(--green);
    background: var(--greenbg);
    padding: 5px 7px;
    border-radius: 999px;
    font-weight: 900;
}

.new-theme-design.work-request-sla-management .routingTable {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 13px;
    overflow: hidden;
}

.new-theme-design.work-request-sla-management .routingHeader,
.new-theme-design.work-request-sla-management .routingRow {
    display: grid;
    grid-template-columns: 1.45fr .75fr .78fr .65fr;
    gap: 7px;
    align-items: center;
}

.new-theme-design.work-request-sla-management .routingHeader {
    padding: 8px 10px;
    background: #F4F9FC;
    font-size: 6px;
    font-weight: 900;
    color: var(--navy);
}

.new-theme-design.work-request-sla-management .routingRow {
    padding: 9px 10px;
    border-top: 1px solid #EDF3F6;
    font-size: 6.5px;
}

.new-theme-design.work-request-sla-management .routingRow strong {
    font-size: 7.2px;
}

.new-theme-design.work-request-sla-management .routeChip {
    font-size: 5.4px;
    font-weight: 900;
    padding: 4px 5px;
    border-radius: 999px;
    text-align: center;
}

.new-theme-design.work-request-sla-management .routeBlue {
    background: #E7F7FF;
    color: #007FC5;
}

.new-theme-design.work-request-sla-management .routeOrange {
    background: #FFF0DF;
    color: #C75B00;
}

.new-theme-design.work-request-sla-management .routePurple {
    background: #F1EDFF;
    color: #6B50D4;
}

.new-theme-design.work-request-sla-management .routeStatus {
    font-size: 5.5px;
    color: var(--muted);
    text-align: right;
}

.new-theme-design.work-request-sla-management .routeFlow {
    display: grid;
    grid-template-columns: 1fr 28px 1fr 28px 1fr;
    align-items: center;
    margin-top: 14px;
}

.new-theme-design.work-request-sla-management .flowNode {
    background: #0C2333;
    color: #fff;
    border-radius: 11px;
    padding: 10px;
    text-align: center;
}

.new-theme-design.work-request-sla-management .flowNode strong {
    display: block;
    font-size: 8px;
}

.new-theme-design.work-request-sla-management .flowNode span {
    font-size: 5.5px;
    color: #C9DCE6;
}

.new-theme-design.work-request-sla-management .flowArrow {
    height: 2px;
    background: var(--brand);
    position: relative;
}

.new-theme-design.work-request-sla-management .flowArrow:after {
    content: "";
    position: absolute;
    right: -1px;
    top: -3px;
    border-left: 6px solid var(--brand);
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}


/* =========================================================
   SLA BUILDER
========================================================= */

.new-theme-design.work-request-sla-management .slaBuilderTop {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    align-items: center;
    margin-bottom: 10px;
}

.new-theme-design.work-request-sla-management .slaBuilderTop strong {
    font-size: 11px;
}

.new-theme-design.work-request-sla-management .slaBuilderTop span {
    font-size: 6px;
    background: var(--greenbg);
    color: var(--green);
    font-weight: 900;
    padding: 5px 7px;
    border-radius: 999px;
}

.new-theme-design.work-request-sla-management .slaTierGrid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 9px;
}

.new-theme-design.work-request-sla-management .slaTier {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 13px;
    padding: 12px;
    position: relative;
    overflow: hidden;
}

.new-theme-design.work-request-sla-management .slaTier:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--brand);
}

.new-theme-design.work-request-sla-management .slaTier.critical:before {
    background: var(--red);
}

.new-theme-design.work-request-sla-management .slaTier.high:before {
    background: var(--orange);
}

.new-theme-design.work-request-sla-management .slaTier.medium:before {
    background: var(--yellow);
}

.new-theme-design.work-request-sla-management .slaTier.low:before {
    background: var(--green);
}

.new-theme-design.work-request-sla-management .slaTierHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.new-theme-design.work-request-sla-management .slaTierHead strong {
    font-size: 9px;
}

.new-theme-design.work-request-sla-management .slaTierHead span {
    font-size: 5px;
    color: var(--muted);
}

.new-theme-design.work-request-sla-management .targetGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    margin-top: 9px;
}

.new-theme-design.work-request-sla-management .target {
    background: #F6FAFC;
    border-radius: 8px;
    padding: 7px 4px;
    text-align: center;
}

.new-theme-design.work-request-sla-management .target b {
    display: block;
    font-size: 9px;
    color: var(--navy);
}

.new-theme-design.work-request-sla-management .target small {
    font-size: 4.7px;
    color: var(--muted);
}

.new-theme-design.work-request-sla-management .policyMap {
    margin-top: 10px;
    background: #0D2535;
    color: #fff;
    border-radius: 13px;
    padding: 11px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.new-theme-design.work-request-sla-management .policyMap div {
    border-right: 1px solid #274557;
}

.new-theme-design.work-request-sla-management .policyMap div:last-child {
    border-right: 0;
}

.new-theme-design.work-request-sla-management .policyMap strong {
    display: block;
    color: var(--yellow);
    font-size: 8px;
}

.new-theme-design.work-request-sla-management .policyMap span {
    font-size: 5.5px;
    color: #C7D9E3;
}


/* =========================================================
   ESCALATION
========================================================= */

.new-theme-design.work-request-sla-management .escalationHead {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.new-theme-design.work-request-sla-management .escalationHead strong {
    font-size: 11px;
}

.new-theme-design.work-request-sla-management .escalationHead span {
    font-size: 6px;
    background: var(--redbg);
    color: var(--red);
    font-weight: 900;
    padding: 5px 7px;
    border-radius: 999px;
}

.new-theme-design.work-request-sla-management .timeline {
    margin-top: 15px;
    position: relative;
    padding-left: 31px;
}

.new-theme-design.work-request-sla-management .timeline:before {
    content: "";
    position: absolute;
    left: 12px;
    top: 10px;
    bottom: 10px;
    width: 2px;
    background: #BFD9E7;
}

.new-theme-design.work-request-sla-management .timelineItem {
    position: relative;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 10px 11px;
    margin-bottom: 9px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
}

.new-theme-design.work-request-sla-management .timelineItem:before {
    content: "";
    position: absolute;
    left: -26px;
    top: 14px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--brand);
    box-shadow: 0 0 0 5px #EAF8FF;
}

.new-theme-design.work-request-sla-management .timelineItem.warning:before {
    background: var(--yellow);
}

.new-theme-design.work-request-sla-management .timelineItem.breach:before {
    background: var(--red);
}

.new-theme-design.work-request-sla-management .timelineItem.resolved:before {
    background: var(--green);
}

.new-theme-design.work-request-sla-management .timelineItem strong {
    font-size: 8px;
    display: block;
}

.new-theme-design.work-request-sla-management .timelineItem span {
    font-size: 5.5px;
    color: var(--muted);
}

.new-theme-design.work-request-sla-management .timeBadge {
    font-size: 5.5px !important;
    font-weight: 900;
    color: var(--navy) !important;
    background: #F2F8FB;
    padding: 5px 6px;
    border-radius: 999px;
    align-self: start;
}

.new-theme-design.work-request-sla-management .escalationFooter {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.new-theme-design.work-request-sla-management .escalationStat {
    background: #0D2535;
    color: #fff;
    border-radius: 11px;
    padding: 10px;
}

.new-theme-design.work-request-sla-management .escalationStat strong {
    font-size: 15px;
    color: var(--yellow);
    display: block;
}

.new-theme-design.work-request-sla-management .escalationStat span {
    font-size: 5.8px;
    color: #C9DCE6;
}


/* =========================================================
   CTA
========================================================= */

.new-theme-design.work-request-sla-management .cta {
    margin-top: 30px;
    padding: 22px 24px;
    border: 1px solid var(--line);
    border-left: 5px solid var(--yellow);
    border-radius: 17px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    gap: 22px;
    align-items: center;
}

.new-theme-design.work-request-sla-management .cta.darkCta {
    background: #121212;
    border-color: #303030;
    color: #fff;
}

.new-theme-design.work-request-sla-management .cta h3 {
    font-size: 19px;
}

.new-theme-design.work-request-sla-management .cta.darkCta h3 {
    color: #fff;
}

.new-theme-design.work-request-sla-management .cta p {
    color: var(--muted);
    font-size: 15px;
    margin-top: 5px;
    max-width: 660px;
}

.new-theme-design.work-request-sla-management .cta.darkCta p {
    color: #D1D1D1;
}

.new-theme-design.work-request-sla-management .ctaBtns {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
    flex: 0 0 auto;
}


/* =========================================================
   VEDA / AI
========================================================= */

.new-theme-design.work-request-sla-management .aiGrid {
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 44px;
    align-items: center;
}

.new-theme-design.work-request-sla-management .promptBox {
    background: #111;
    border: 1px solid #333;
    border-radius: 20px;
    padding: 20px;
}

.new-theme-design.work-request-sla-management .prompt {
    background: #1B1B1B;
    border: 1px solid #303030;
    border-radius: 14px;
    padding: 12px 13px;
    margin-top: 9px;
    font-size: 12px;
    opacity: 1;
    transform: none;
    animation: newThemePromptIn .4s ease both;
}

.new-theme-design.work-request-sla-management .prompt:nth-child(2) {
    animation-delay: .15s;
}

.new-theme-design.work-request-sla-management .prompt:nth-child(3) {
    animation-delay: .3s;
}

.new-theme-design.work-request-sla-management .prompt:nth-child(4) {
    animation-delay: .45s;
}

.new-theme-design.work-request-sla-management .prompt:nth-child(5) {
    animation-delay: .6s;
}

@keyframes newThemePromptIn {
    from {
        opacity: 0;
        transform: translateX(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.new-theme-design.work-request-sla-management .aiMini {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 11px;
    margin-top: 20px;
}

.new-theme-design.work-request-sla-management .aiMini div {
    background: #151515;
    border: 1px solid #303030;
    border-radius: 13px;
    padding: 15px;
}

.new-theme-design.work-request-sla-management .aiMini strong {
    display: block;
    color: var(--yellow);
    font-size: 15px;
}

.new-theme-design.work-request-sla-management .aiMini span {
    font-size: 14px;
    color: #CFCFCF;
}


/* =========================================================
   CONNECTED
========================================================= */

.new-theme-design.work-request-sla-management .connectedGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.new-theme-design.work-request-sla-management .connectedCard {
    background: #151515;
    border: 1px solid #303030;
    border-radius: 15px;
    padding: 20px;
}

.new-theme-design.work-request-sla-management .connectedIcon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #222;
    display: grid;
    place-items: center;
    color: var(--yellow);
    margin-bottom: 13px;
}

.new-theme-design.work-request-sla-management .connectedIcon svg {
    width: 21px;
    height: 21px;
}

.new-theme-design.work-request-sla-management .connectedCard strong {
    display: block;
    color: var(--yellow);
    font-size: 16px;
    margin-bottom: 5px;
}

.new-theme-design.work-request-sla-management .connectedCard span {
    font-size: 15px;
    color: #D0D0D0;
}


/* =========================================================
   FEATURE GRID
========================================================= */

.new-theme-design.work-request-sla-management .featureGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.new-theme-design.work-request-sla-management .featureCard {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 19px;
    transition: .22s;
}

.new-theme-design.work-request-sla-management .featureCard:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(6, 59, 92, .09);
}

.new-theme-design.work-request-sla-management .featureIcon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--yellow);
    display: grid;
    place-items: center;
    margin-bottom: 13px;
    color: #000;
}

.new-theme-design.work-request-sla-management .featureIcon svg {
    width: 20px;
    height: 20px;
    margin-bottom: 0;
}

.new-theme-design.work-request-sla-management .featureCard h3 {
    font-size: 17px;
}

.new-theme-design.work-request-sla-management .featureCard p {
    font-size: 15px;
    color: var(--muted);
    margin: 7px 0 0;
}


/* =========================================================
   REPORTS
========================================================= */

.new-theme-design.work-request-sla-management .reportShowcase {
    display: grid;
    grid-template-columns: .78fr 1.22fr;
    gap: 24px;
    align-items: stretch;
    margin-bottom: 22px;
}

.new-theme-design.work-request-sla-management .reportSummary {
    background: #0D2535;
    color: #fff;
    border-radius: 20px;
    padding: 22px;
    position: relative;
    overflow: hidden;
}

.new-theme-design.work-request-sla-management .reportSummary:before {
    content: "";
    position: absolute;
    right: -50px;
    top: -70px;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: rgba(0, 168, 248, .16);
}

.new-theme-design.work-request-sla-management .reportSummary h3 {
    color: #fff;
    font-size: 20px;
}

.new-theme-design.work-request-sla-management .reportSummary p {
    font-size: 12px;
    color: #C9DCE6;
    margin-top: 7px;
}

.new-theme-design.work-request-sla-management .complianceRing {
    width: 138px;
    height: 138px;
    border-radius: 50%;
    margin: 22px auto 15px;
    background: conic-gradient(var(--green) 0 87%, #294654 87%);
    display: grid;
    place-items: center;
    position: relative;
}

.new-theme-design.work-request-sla-management .complianceRing:after {
    content: "";
    position: absolute;
    inset: 20px;
    background: #0D2535;
    border-radius: 50%;
}

.new-theme-design.work-request-sla-management .ringVal {
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: 28px;
    font-weight: 900;
    color: #fff;
}

.new-theme-design.work-request-sla-management .ringVal span {
    display: block;
    font-size: 7px;
    color: #BFD1DA;
}

.new-theme-design.work-request-sla-management .reportSummaryStats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
}

.new-theme-design.work-request-sla-management .reportSummaryStats div {
    background: #173747;
    border: 1px solid #2C5264;
    border-radius: 10px;
    padding: 9px;
    text-align: center;
}

.new-theme-design.work-request-sla-management .reportSummaryStats strong {
    display: block;
    color: var(--yellow);
    font-size: 13px;
}

.new-theme-design.work-request-sla-management .reportSummaryStats span {
    font-size: 5.5px;
    color: #C9DCE6;
}

.new-theme-design.work-request-sla-management .reportConsole {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: var(--shadow);
    overflow: hidden;
}

.new-theme-design.work-request-sla-management .reportConsoleHead {
    padding: 13px 15px;
    border-bottom: 1px solid var(--line);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.new-theme-design.work-request-sla-management .reportConsoleHead strong {
    font-size: 11px;
}

.new-theme-design.work-request-sla-management .reportConsoleHead span {
    font-size: 6px;
    color: var(--green);
    background: var(--greenbg);
    padding: 5px 7px;
    border-radius: 999px;
    font-weight: 900;
}

.new-theme-design.work-request-sla-management .reportTabs {
    display: flex;
    gap: 5px;
    padding: 10px 13px 0;
}

.new-theme-design.work-request-sla-management .reportTab {
    font-size: 6px;
    padding: 6px 8px;
    border-radius: 7px;
    background: #F2F7FA;
    color: var(--muted);
    font-weight: 900;
}

.new-theme-design.work-request-sla-management .reportTab.active {
    background: var(--navy);
    color: #fff;
}

.new-theme-design.work-request-sla-management .reportBars {
    padding: 16px 18px;
}

.new-theme-design.work-request-sla-management .barRow {
    display: grid;
    grid-template-columns: 72px 1fr 35px;
    gap: 9px;
    align-items: center;
    margin-bottom: 11px;
}

.new-theme-design.work-request-sla-management .barRow span {
    font-size: 6.2px;
}

.new-theme-design.work-request-sla-management .barTrack {
    height: 10px;
    background: #EDF3F6;
    border-radius: 999px;
    overflow: hidden;
}

.new-theme-design.work-request-sla-management .barTrack i {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: var(--brand);
}

.new-theme-design.work-request-sla-management .barRow:nth-child(2) .barTrack i {
    background: var(--green);
}

.new-theme-design.work-request-sla-management .barRow:nth-child(3) .barTrack i {
    background: var(--yellow);
}

.new-theme-design.work-request-sla-management .barRow:nth-child(4) .barTrack i {
    background: var(--purple);
}

.new-theme-design.work-request-sla-management .barRow b {
    font-size: 7px;
    text-align: right;
}

.new-theme-design.work-request-sla-management .reportFilters {
    margin: 0 13px 13px;
    border-top: 1px solid var(--line);
    padding-top: 11px;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.new-theme-design.work-request-sla-management .reportFilters span {
    font-size: 5.5px;
    padding: 5px 7px;
    border: 1px solid var(--line);
    border-radius: 7px;
    color: var(--muted);
}

.new-theme-design.work-request-sla-management .reportGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.new-theme-design.work-request-sla-management .reportCard {
    background: #fff;
    border: 1px solid var(--line);
    border-bottom: 3px solid var(--brand);
    border-radius: 14px;
    padding: 16px;
    min-height: 145px;
    transition: .2s;
}

.new-theme-design.work-request-sla-management .reportCard:nth-child(2n) {
    border-bottom-color: var(--yellow);
}

.new-theme-design.work-request-sla-management .reportCard:nth-child(3n) {
    border-bottom-color: var(--green);
}

.new-theme-design.work-request-sla-management .reportCard:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(6, 59, 92, .08);
}

.new-theme-design.work-request-sla-management .reportIcon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: var(--sky);
    display: grid;
    place-items: center;
    color: var(--navy);
    margin-bottom: 10px;
}

.new-theme-design.work-request-sla-management .reportIcon svg {
    width: 18px;
    height: 18px;
    margin-bottom: 0;
    background: transparent;
}

.new-theme-design.work-request-sla-management .reportCard strong {
    display: block;
    font-size: 18px;
    line-height: 1.25;
}

.new-theme-design.work-request-sla-management .reportCard span {
    display: block;
    font-size: 15px;
    color: var(--muted);
    margin-top: 6px;
}

.new-theme-design.work-request-sla-management .reportStream {
    margin-top: 20px;
    background: #0C2333;
    color: #fff;
    border-radius: 15px;
    padding: 12px 14px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 12px;
    align-items: center;
}

.new-theme-design.work-request-sla-management .streamDot {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #12CB88;
    box-shadow: 0 0 0 6px rgba(18, 203, 136, .1);
    animation: newThemePulse 2s infinite;
}

.new-theme-design.work-request-sla-management .streamTrack {
    height: 8px;
    border-radius: 999px;
    background: #173B50;
    overflow: hidden;
}

.new-theme-design.work-request-sla-management .streamTrack span {
    display: block;
    width: 30%;
    height: 100%;
    background: linear-gradient(90deg, var(--brand), var(--green), var(--yellow));
    animation: newThemeStream 2.6s linear infinite;
}

@keyframes newThemeStream {
    from {
        transform: translateX(-120%);
    }

    to {
        transform: translateX(340%);
    }
}

@keyframes newThemePulse {
    50% {
        box-shadow: 0 0 0 9px rgba(18, 203, 136, .05);
    }
}


/* =========================================================
   INDUSTRIES
========================================================= */

.new-theme-design.work-request-sla-management .useCases {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.new-theme-design.work-request-sla-management .useCase {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 20px;
}

.new-theme-design.work-request-sla-management .useIcon {
    width: 42px;
    height: 42px;
    border-radius: 11px;
    background: var(--yellow);
    display: grid;
    place-items: center;
    color: #000;
    margin-bottom: 14px;
}

.new-theme-design.work-request-sla-management .useIcon svg {
    width: 20px;
    height: 20px;
    margin-bottom: 0;
}

.new-theme-design.work-request-sla-management .useCase h3 {
    font-size: 17px;
}

.new-theme-design.work-request-sla-management .useCase p {
    color: var(--muted);
    font-size: 15px;
    margin-top: 7px;
}


/* =========================================================
   REVIEWS
========================================================= */

.new-theme-design.work-request-sla-management .reviews {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.new-theme-design.work-request-sla-management .review {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 17px;
    padding: 21px;
    box-shadow: 0 8px 24px rgba(6, 59, 92, .05);
}

.new-theme-design.work-request-sla-management .stars {
    color: #E1A900;
    letter-spacing: 2px;
    font-size: 15px;
}

.new-theme-design.work-request-sla-management .review p {
    font-size: 12px;
    color: #344C5E;
    margin: 12px 0;
}

.new-theme-design.work-request-sla-management .review strong {
    font-size: 12px;
}

.new-theme-design.work-request-sla-management .review span {
    display: block;
    font-size: 9px;
    color: var(--muted);
}

.new-theme-design.work-request-sla-management .ratingBand {
    padding: 28px 0;
    background: #0B0B0B;
    color: #fff;
    border-top: 4px solid var(--yellow);
}

.new-theme-design.work-request-sla-management .ratingGrid {
    display: grid;
    grid-template-columns: 1.3fr repeat(4, 1fr);
    gap: 12px;
    align-items: center;
}

.new-theme-design.work-request-sla-management .ratingItem {
    text-align: center;
    border-left: 1px solid #2D2D2D;
}


/* =========================================================
   FAQ
========================================================= */

.new-theme-design.work-request-sla-management .faq {
    max-width: 900px;
}

.new-theme-design.work-request-sla-management .faq details {
    border: 1px solid var(--line);
    border-radius: 13px;
    padding: 18px 20px;
    margin-bottom: 10px;
    background: #fff;
}

.new-theme-design.work-request-sla-management .faq summary {
    font-weight: 800;
    cursor: pointer;
    color: var(--navy);
}

.new-theme-design.work-request-sla-management .faq summary:focus-visible {
    outline: 3px solid rgba(0, 168, 248, .2);
    outline-offset: 5px;
}

.new-theme-design.work-request-sla-management .faq details p {
    color: var(--muted);
    font-size: 16px;
    margin-top: 10px;
}


/* =========================================================
   FINAL CTA
========================================================= */

.new-theme-design.work-request-sla-management .final {
    background: linear-gradient(135deg, #0B0B0B, #202020);
    border-top: 5px solid var(--yellow);
    border-radius: 0;
    padding: 44px;
    color: #fff;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 28px;
    align-items: center;
}

.new-theme-design.work-request-sla-management .final h2 {
    color: #fff;
}

.new-theme-design.work-request-sla-management .final p {
    color: #DDD;
    margin-top: 12px;
    max-width: 720px;
}

.new-theme-design.work-request-sla-management .reveal {
    opacity: 1;
    transform: none;
    transition: .6s ease;
}

.js .new-theme-design.work-request-sla-management .reveal {
    opacity: 0;
    transform: translateY(18px);
}

.js .new-theme-design.work-request-sla-management .reveal.show {
    opacity: 1;
    transform: none;
}


/* =========================================================
   RESPONSIVE — 1060px
========================================================= */

@media (max-width: 1060px) {

    .new-theme-design.work-request-sla-management .workspace {
        width: 500px;
    }

    .new-theme-design.work-request-sla-management .slaFloat {
        right: -8px;
    }

    .new-theme-design.work-request-sla-management .mobileRequest {
        right: 5px;
    }

    .new-theme-design.work-request-sla-management .reportGrid {
        grid-template-columns: repeat(2, 1fr);
    }
}


/* =========================================================
   RESPONSIVE — 960px
========================================================= */

@media (max-width: 960px) {

    .new-theme-design.work-request-sla-management .heroGrid,
    .new-theme-design.work-request-sla-management .feature,
    .new-theme-design.work-request-sla-management .aiGrid,
    .new-theme-design.work-request-sla-management .final,
    .new-theme-design.work-request-sla-management .reportShowcase {
        grid-template-columns: 1fr;
    }

    .new-theme-design.work-request-sla-management .feature.reverse .visual {
        order: 0;
    }

    .new-theme-design.work-request-sla-management .serviceStage {
        margin: auto;
    }

    .new-theme-design.work-request-sla-management .outcomes,
    .new-theme-design.work-request-sla-management .featureGrid,
    .new-theme-design.work-request-sla-management .connectedGrid,
    .new-theme-design.work-request-sla-management .useCases {
        grid-template-columns: repeat(2, 1fr);
    }

    .new-theme-design.work-request-sla-management .logos {
        grid-template-columns: repeat(4, 1fr);
    }

    .new-theme-design.work-request-sla-management .reviews {
        grid-template-columns: 1fr;
    }

    .new-theme-design.work-request-sla-management .ratingGrid {
        grid-template-columns: repeat(2, 1fr);
    }

    .new-theme-design.work-request-sla-management .heroVisual {
        margin-top: 15px;
    }

    .new-theme-design.work-request-sla-management .reportShowcase {
        max-width: 760px;
        margin: 0 auto 22px;
    }

    .new-theme-design.work-request-sla-management .final .ctaBtns {
        justify-content: flex-start;
    }
}


/* =========================================================
   RESPONSIVE — 640px
========================================================= */

@media (max-width: 640px) {

    .new-theme-design.work-request-sla-management .wrap {
        width: calc(100% - 24px);
    }

    .new-theme-design.work-request-sla-management section {
        padding: 56px 0;
    }

    .new-theme-design.work-request-sla-management .hero {
        padding: 54px 0;
    }

    .new-theme-design.work-request-sla-management h1 {
        font-size: 42px;
    }

    .new-theme-design.work-request-sla-management .heroVisual,
    .new-theme-design.work-request-sla-management .serviceStage {
        min-height: 660px;
    }

    .new-theme-design.work-request-sla-management .workspace {
        left: 0;
        top: 0;
        width: 100%;
        transform: none;
        animation: none;
    }

    .new-theme-design.work-request-sla-management .workspaceTop {
        height: 34px;
    }

    .new-theme-design.work-request-sla-management .moduleStrip {
        gap: 4px;
    }

    .new-theme-design.work-request-sla-management .moduleCard {
        padding: 7px 4px;
    }

    .new-theme-design.work-request-sla-management .moduleCard strong {
        font-size: 5.5px;
    }

    .new-theme-design.work-request-sla-management .wsPanels {
        grid-template-columns: 1fr;
    }

    .new-theme-design.work-request-sla-management .wsPanel:nth-child(2) {
        display: none;
    }

    .new-theme-design.work-request-sla-management .trendPanel svg {
        height: 65px;
    }

    .new-theme-design.work-request-sla-management .slaFloat {
        top: 390px;
        right: 0;
        width: 198px;
    }

    .new-theme-design.work-request-sla-management .mobileRequest {
        left: 0;
        right: auto;
        bottom: 0;
        width: 165px;
    }

    .new-theme-design.work-request-sla-management .mobileScreen {
        min-height: 260px;
    }

    .new-theme-design.work-request-sla-management .formField {
        padding: 5px;
    }

    .new-theme-design.work-request-sla-management .outcomes,
    .new-theme-design.work-request-sla-management .featureGrid,
    .new-theme-design.work-request-sla-management .connectedGrid,
    .new-theme-design.work-request-sla-management .useCases,
    .new-theme-design.work-request-sla-management .logos,
    .new-theme-design.work-request-sla-management .aiMini,
    .new-theme-design.work-request-sla-management .ratingGrid,
    .new-theme-design.work-request-sla-management .reportGrid {
        grid-template-columns: 1fr;
    }

    .new-theme-design.work-request-sla-management .fl {
        grid-template-columns: 1fr;
    }

    .new-theme-design.work-request-sla-management .intakeVisual {
        grid-template-columns: 1fr;
    }

    .new-theme-design.work-request-sla-management .requestPhone {
        max-width: 210px;
        margin: auto;
    }

    .new-theme-design.work-request-sla-management .channelSide {
        grid-template-columns: 1fr 1fr;
    }

    .new-theme-design.work-request-sla-management .routingHeader,
    .new-theme-design.work-request-sla-management .routingRow {
        grid-template-columns: 1.5fr .8fr .7fr;
    }

    .new-theme-design.work-request-sla-management .routingHeader span:nth-child(4),
    .new-theme-design.work-request-sla-management .routingRow .routeStatus {
        display: none;
    }

    .new-theme-design.work-request-sla-management .routeFlow {
        grid-template-columns: 1fr;
    }

    .new-theme-design.work-request-sla-management .flowArrow {
        height: 24px;
        width: 2px;
        margin: auto;
    }

    .new-theme-design.work-request-sla-management .flowArrow:after {
        right: -3px;
        top: auto;
        bottom: -1px;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 6px solid var(--brand);
        border-bottom: 0;
    }

    .new-theme-design.work-request-sla-management .slaTierGrid {
        grid-template-columns: 1fr;
    }

    .new-theme-design.work-request-sla-management .targetGrid {
        grid-template-columns: repeat(3, 1fr);
    }

    .new-theme-design.work-request-sla-management .policyMap {
        grid-template-columns: 1fr;
    }

    .new-theme-design.work-request-sla-management .policyMap div {
        border-right: 0;
        border-bottom: 1px solid #274557;
        padding-bottom: 7px;
    }

    .new-theme-design.work-request-sla-management .policyMap div:last-child {
        border-bottom: 0;
    }

    .new-theme-design.work-request-sla-management .cta {
        flex-direction: column;
        align-items: flex-start;
    }

    .new-theme-design.work-request-sla-management .reportSummaryStats {
        grid-template-columns: 1fr 1fr;
    }

    .new-theme-design.work-request-sla-management .reportSummaryStats div:last-child {
        grid-column: 1 / -1;
    }

    .new-theme-design.work-request-sla-management .channelSide {
        grid-template-columns: 1fr;
    }

    .new-theme-design.work-request-sla-management .final {
        padding: 30px;
    }

    .new-theme-design.work-request-sla-management .ratingItem {
        border-left: 0;
        border-top: 1px solid #2D2D2D;
        padding-top: 10px;
    }
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .new-theme-design.work-request-sla-management *,
    .new-theme-design.work-request-sla-management *::before,
    .new-theme-design.work-request-sla-management *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
        scroll-behavior: auto !important;
    }
}
.new-theme-design.work-request-sla-management .ey svg{
  display: none;
}
@media (max-width: 767px){
  .new-theme-design.work-request-sla-management .visual{
    order: 0;
  }
 .new-theme-design.work-request-sla-management .visual-content{
    order: 1;
  }
  .new-theme-design.work-request-sla-management .heroVisual{
    display: none;
  }
  .new-theme-design .ctaBtns{
    flex-direction: column;
  }
  .new-theme-design .ctaBtns br{
    display: none;
  }
  .new-theme-design .ctaBtns{
    width: 100%;
  }
  .new-theme-design .ctaBtns button{
    width: 100%;
  }
  .new-theme-design.mobile-cmms-app .sectionHead{
    text-align: center;
  }
  .new-theme-design#demo{
    padding-bottom: 0 !important;
  }
  .new-footer .footer .foter-left{
    padding-bottom: 20px !important;
  }
}
.new-theme-design.enterprise-cmms-reporting-power-bi .domainCard{
      justify-content: flex-start;
}
/*----------------Work Request & SLA Management Software Ends----------------*/
/*----------------ERP & Business Integrations Starts----------------*/
.new-theme-design.erp-business-integrations .ey {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 13px;
    border-radius: 999px;
    background: var(--yellowsoft);
    font-size: 13px;
    font-weight: 850;
    margin-bottom: 18px
}

.new-theme-design.erp-business-integrations .lead {
    font-size: 18px;
    color: var(--muted);
    margin-top: 20px;
    max-width: 780px
}

.new-theme-design.erp-business-integrations .btn {
    display: inline-flex;
    min-height: 48px;
    padding: 0 22px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid transparent;
    font-weight: 850;
    transition: .2s;
    cursor: pointer
}

.new-theme-design.erp-business-integrations .btn:hover {
    transform: translateY(-2px)
}

.new-theme-design.erp-business-integrations .btn:focus-visible,
.new-theme-design.erp-business-integrations .filterLabel:focus-visible,
.new-theme-design.erp-business-integrations a:focus-visible,
.new-theme-design.erp-business-integrations summary:focus-visible {
    outline: 3px solid rgba(0, 168, 248, .35);
    outline-offset: 3px
}

.new-theme-design.erp-business-integrations .btn.black {
    background: #0b0b0b;
    color: #fff
}

.new-theme-design.erp-business-integrations .btn.yellow {
    background: var(--yellow);
    color: #000
}

.new-theme-design.erp-business-integrations .btn.outline {
    background: #fff;
    border-color: var(--line);
    color: var(--navy)
}

.new-theme-design.erp-business-integrations .actions {
    display: flex;
    gap: 11px;
    flex-wrap: wrap;
    margin-top: 27px
}

.new-theme-design.erp-business-integrations .micro {
    font-size: 12px;
    color: var(--muted);
    margin-top: 14px
}

.new-theme-design.erp-business-integrations .soft {
    background: var(--sky2)
}

.new-theme-design.erp-business-integrations .dark {
    background: linear-gradient(135deg, var(--black), var(--black2));
    color: #fff;
    border-top: 4px solid var(--yellow)
}

.new-theme-design.erp-business-integrations .dark h2,
.new-theme-design.erp-business-integrations .dark h3 {
    color: #fff
}

.new-theme-design.erp-business-integrations .dark p {
    color: #D6D6D6
}

.new-theme-design.erp-business-integrations .dark .ey {
    background: var(--yellow);
    color: #111
}

.new-theme-design.erp-business-integrations .dark .ey:before {
    background: #111;
    box-shadow: 0 0 0 4px rgba(17, 17, 17, .11)
}

.new-theme-design.erp-business-integrations .sectionHead {
    max-width: 950px;
    margin-bottom: 38px
}

.new-theme-design.erp-business-integrations .center {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.new-theme-design.erp-business-integrations .sectionHead p {
    color: var(--muted);
    font-size: 17px;
    margin-top: 15px
}

.new-theme-design.erp-business-integrations .srOnly {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

/* HERO */
.new-theme-design.erp-business-integrations .hero {
    padding: 72px 0 68px;
    background:
        radial-gradient(circle at 78% 18%, rgba(0, 168, 248, .22), transparent 28%),
        radial-gradient(circle at 93% 70%, rgba(255, 201, 40, .16), transparent 20%),
        linear-gradient(180deg, #fff, #EFF9FE);
    overflow: hidden
}

.new-theme-design.erp-business-integrations .heroGrid {
    display: grid;
    grid-template-columns: .94fr 1.06fr;
    gap: 44px;
    align-items: center
}

.new-theme-design.erp-business-integrations .heroPills {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin-top: 14px
}

.new-theme-design.erp-business-integrations .heroPills span {
    padding: 6px 9px;
    border: 1px solid #C8E8F7;
    border-radius: 999px;
    background: #fff;
    color: var(--navy);
    font-size: 10px;
    font-weight: 800
}

.new-theme-design.erp-business-integrations .heroVisual {
    min-height: 540px;
    position: relative
}

.new-theme-design.erp-business-integrations .integrationStage {
    min-height: 540px;
    position: relative;
    max-width: 640px;
    margin-left: auto
}

.new-theme-design.erp-business-integrations .integrationStage:before {
    content: "";
    position: absolute;
    inset: 34px 0 18px 20px;
    border-radius: 34px;
    background:
        linear-gradient(rgba(0, 168, 248, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 168, 248, .045) 1px, transparent 1px);
    background-size: 28px 28px;
    z-index: 0
}

.new-theme-design.erp-business-integrations .orbit {
    position: absolute;
    left: 51%;
    top: 48%;
    border: 1px dashed rgba(0, 127, 197, .28);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.new-theme-design.erp-business-integrations .orbit.one {
    width: 390px;
    height: 390px;
    animation: erpBusinessIntegrationsSpin 34s linear infinite
}

.new-theme-design.erp-business-integrations .orbit.two {
    width: 510px;
    height: 510px;
    animation: erpBusinessIntegrationsSpinReverse 46s linear infinite
}

.new-theme-design.erp-business-integrations .flowSvg {
    position: absolute;
    inset: 18px 0 0 8px;
    width: 100%;
    height: 500px;
    z-index: 2;
    overflow: visible
}

.new-theme-design.erp-business-integrations .flowSvg path {
    fill: none;
    stroke: rgba(0, 127, 197, .34);
    stroke-width: 2;
    stroke-dasharray: 8 9;
    animation: erpBusinessIntegrationsDash 9s linear infinite
}

.new-theme-design.erp-business-integrations .flowSvg path:nth-child(2) {
    stroke: rgba(17, 138, 97, .35);
    animation-duration: 11s
}

.new-theme-design.erp-business-integrations .flowSvg path:nth-child(3) {
    stroke: rgba(124, 103, 232, .37);
    animation-duration: 10s
}

.new-theme-design.erp-business-integrations .flowSvg path:nth-child(4) {
    stroke: rgba(244, 132, 30, .38);
    animation-duration: 8s
}

.new-theme-design.erp-business-integrations .flowSvg path:nth-child(5) {
    stroke: rgba(255, 201, 40, .75);
    animation-duration: 12s
}

.new-theme-design.erp-business-integrations .hub {
    position: absolute;
    left: 51%;
    top: 48%;
    width: 276px;
    transform: translate(-50%, -50%);
    z-index: 5;
    background: #0C2333;
    color: #fff;
    border: 1px solid #23465A;
    border-radius: 24px;
    padding: 20px;
    box-shadow: 0 28px 58px rgba(6, 59, 92, .25);
    animation: erpBusinessIntegrationsHubFloat 4.5s ease-in-out infinite
}

.new-theme-design.erp-business-integrations .hubTop {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    border-bottom: 1px solid #284657;
    padding-bottom: 13px
}

.new-theme-design.erp-business-integrations .hubMark {
    display: flex;
    align-items: center;
    gap: 10px
}

.new-theme-design.erp-business-integrations .hubIcon {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: var(--yellow);
    color: #000;
    display: grid;
    place-items: center;
    font-size: 10px;
    font-weight: 950;
    box-shadow: 0 0 0 6px rgba(255, 201, 40, .09)
}

.new-theme-design.erp-business-integrations .hubTop strong {
    display: block;
    font-size: 14px
}

.new-theme-design.erp-business-integrations .hubTop small {
    display: block;
    color: #AFC8D7;
    font-size: 8px;
    margin-top: 2px
}

.new-theme-design.erp-business-integrations .live {
    font-size: 7px;
    font-weight: 900;
    color: #7EF2BE;
    border: 1px solid rgba(126, 242, 190, .28);
    background: rgba(17, 138, 97, .16);
    padding: 5px 7px;
    border-radius: 999px
}

.new-theme-design.erp-business-integrations .syncRows {
    display: grid;
    gap: 8px;
    margin-top: 14px
}

.new-theme-design.erp-business-integrations .syncRow {
    display: grid;
    grid-template-columns: 8px 1fr auto;
    gap: 8px;
    align-items: center;
    font-size: 8px;
    color: #D9E7EE
}

.new-theme-design.erp-business-integrations .syncDot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 0 4px rgba(17, 138, 97, .13)
}

.new-theme-design.erp-business-integrations .syncRow:nth-child(2) .syncDot {
    background: var(--brand)
}

.new-theme-design.erp-business-integrations .syncRow:nth-child(3) .syncDot {
    background: var(--yellow)
}

.new-theme-design.erp-business-integrations .syncRow:nth-child(4) .syncDot {
    background: var(--purple)
}

.new-theme-design.erp-business-integrations .syncVal {
    font-weight: 900;
    color: #fff
}

.new-theme-design.erp-business-integrations .hubFoot {
    margin-top: 13px;
    height: 7px;
    border-radius: 999px;
    background: #173B50;
    overflow: hidden
}

.new-theme-design.erp-business-integrations .hubFoot span {
    display: block;
    width: 34%;
    height: 100%;
    background: linear-gradient(90deg, var(--brand), var(--green), var(--yellow));
    animation: erpBusinessIntegrationsStream 2.7s linear infinite
}

.new-theme-design.erp-business-integrations .integrationNode {
    position: absolute;
    z-index: 6;
    width: 148px;
    min-height: 82px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid var(--line);
    box-shadow: 0 14px 30px rgba(6, 59, 92, .12);
    display: grid;
    place-items: center;
    padding: 13px;
    animation: erpBusinessIntegrationsNodeFloat 5s ease-in-out infinite
}

.new-theme-design.erp-business-integrations .integrationNode img {
    max-height: 38px;
    max-width: 112px;
    object-fit: contain
}

.new-theme-design.erp-business-integrations .integrationNode span {
    font-size: 7px;
    color: var(--muted);
    font-weight: 850;
    margin-top: 5px
}

.new-theme-design.erp-business-integrations .integrationNode.n1 {
    left: 0;
    top: 54px
}

.new-theme-design.erp-business-integrations .integrationNode.n2 {
    right: 0;
    top: 64px;
    animation-delay: .6s
}

.new-theme-design.erp-business-integrations .integrationNode.n3 {
    left: -5px;
    bottom: 62px;
    animation-delay: 1.1s
}

.new-theme-design.erp-business-integrations .integrationNode.n4 {
    right: 2px;
    bottom: 46px;
    animation-delay: 1.6s
}

.new-theme-design.erp-business-integrations .integrationNode.n5 {
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 170px;
    animation: erpBusinessIntegrationsNodeCenter 5s ease-in-out infinite 2s
}

.new-theme-design.erp-business-integrations .integrationNode.n5 img {
    max-width: 145px;
    max-height: 42px
}

.new-theme-design.erp-business-integrations .eventCard {
    position: absolute;
    right: 18px;
    top: 218px;
    z-index: 7;
    width: 166px;
    background: #fff;
    border: 1px solid var(--line);
    border-left: 4px solid var(--yellow);
    border-radius: 14px;
    padding: 11px 12px;
    box-shadow: 0 15px 35px rgba(6, 59, 92, .13)
}

.new-theme-design.erp-business-integrations .eventCard strong {
    display: block;
    font-size: 9px
}

.new-theme-design.erp-business-integrations .eventCard span {
    display: block;
    font-size: 7px;
    color: var(--muted);
    margin-top: 3px
}

.new-theme-design.erp-business-integrations .eventBadge {
    display: inline-flex !important;
    width: auto !important;
    margin-top: 7px !important;
    padding: 4px 6px;
    border-radius: 999px;
    background: var(--greenbg);
    color: var(--green) !important;
    font-size: 6px !important;
    font-weight: 900
}

/* Scoped animations */
@keyframes erpBusinessIntegrationsSpin {
    to {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes erpBusinessIntegrationsSpinReverse {
    to {
        transform: translate(-50%, -50%) rotate(-360deg)
    }
}

@keyframes erpBusinessIntegrationsDash {
    to {
        stroke-dashoffset: -180
    }
}

@keyframes erpBusinessIntegrationsHubFloat {
    50% {
        transform: translate(-50%, -53%)
    }
}

@keyframes erpBusinessIntegrationsNodeFloat {
    50% {
        transform: translateY(-7px)
    }
}

@keyframes erpBusinessIntegrationsNodeCenter {
    50% {
        transform: translateX(-50%) translateY(-7px)
    }
}

@keyframes erpBusinessIntegrationsStream {
    from {
        transform: translateX(-120%)
    }

    to {
        transform: translateX(340%)
    }
}

/* TRUST / CATEGORY STRIP */
.new-theme-design.erp-business-integrations .trust {
    padding: 25px 0;
    border-bottom: 1px solid var(--line)
}

.new-theme-design.erp-business-integrations .trustLabel {
    text-align: center;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 16px
}

.new-theme-design.erp-business-integrations .categoryLogos {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 10px
}

.new-theme-design.erp-business-integrations .categoryLogo {
    height: 64px;
    border: 1px dashed #B8D7E7;
    border-radius: 11px;
    display: grid;
    place-items: center;
    text-align: center;
    color: #627A8A;
    background: #fff;
    font-size: 10px;
    font-weight: 850;
    padding: 8px
}

.new-theme-design.erp-business-integrations .categoryLogo svg {
    width: 22px;
    height: 22px;
    margin-bottom: 3px;
    color: var(--brand)
}

/* OUTCOMES */
.new-theme-design.erp-business-integrations .outcomes {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px
}

.new-theme-design.erp-business-integrations .outcome {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 22px;
    box-shadow: 0 8px 24px rgba(6, 59, 92, .05);
    position: relative;
    overflow: hidden
}

.new-theme-design.erp-business-integrations .outcome:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4px;
    background: var(--brand)
}

.new-theme-design.erp-business-integrations .outcome:nth-child(2):before {
    background: var(--yellow)
}

.new-theme-design.erp-business-integrations .outcome:nth-child(3):before {
    background: var(--green)
}

.new-theme-design.erp-business-integrations .outcome:nth-child(4):before {
    background: var(--purple)
}

.new-theme-design.erp-business-integrations .outcome strong {
    display: block;
    font-size: 18px;
    margin-bottom: 7px
}

.new-theme-design.erp-business-integrations .outcome span {
    font-size: 15px;
    color: var(--muted)
}

/* FEATURE LAYOUT */
.new-theme-design.erp-business-integrations .feature {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center
}

.new-theme-design.erp-business-integrations .feature.reverse .visual {
    order: -1
}

.new-theme-design.erp-business-integrations .feature p {
    color: var(--muted);
    font-size: 16px;
    margin-top: 15px
}

.new-theme-design.erp-business-integrations .fl {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px 16px;
    margin-top: 22px
}

.new-theme-design.erp-business-integrations .fi {
    display: flex;
    gap: 9px;
    font-size: 15px
}

.new-theme-design.erp-business-integrations .tick {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: var(--greenbg);
    color: var(--green);
    display: grid;
    place-items: center;
    flex: 0 0 21px;
    font-size: 10px;
    font-weight: 900
}

.new-theme-design.erp-business-integrations .visual {
    min-height: 380px;
    border-radius: 22px;
    background:
        radial-gradient(circle at 90% 10%, rgba(255, 201, 40, .14), transparent 24%),
        linear-gradient(145deg, #fff, #EAF8FF);
    border: 1px solid #C0E5F5;
    box-shadow: var(--shadow);
    padding: 20px;
    position: relative;
    overflow: hidden
}

.new-theme-design.erp-business-integrations .visual:before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(0, 168, 248, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 168, 248, .035) 1px, transparent 1px);
    background-size: 24px 24px;
    mask-image: linear-gradient(135deg, #000, transparent 75%)
}

.new-theme-design.erp-business-integrations .visual>* {
    position: relative;
    z-index: 2
}

/* ERP DATA MAP */
.new-theme-design.erp-business-integrations .dataMap {
    display: grid;
    grid-template-columns: 1fr 95px 1fr;
    gap: 10px;
    align-items: center;
    height: 335px
}

.new-theme-design.erp-business-integrations .systemBox {
    height: 290px;
    border-radius: 17px;
    background: #fff;
    border: 1px solid var(--line);
    padding: 14px;
    box-shadow: 0 10px 24px rgba(6, 59, 92, .07)
}

.new-theme-design.erp-business-integrations .systemHead {
    display: flex;
    align-items: center;
    gap: 9px;
    padding-bottom: 11px;
    border-bottom: 1px solid var(--line)
}

.new-theme-design.erp-business-integrations .systemIcon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #E8F8FF;
    color: var(--brand2);
    display: grid;
    place-items: center;
    font-size: 8px;
    font-weight: 950
}

.new-theme-design.erp-business-integrations .systemHead strong {
    font-size: 11px
}

.new-theme-design.erp-business-integrations .systemHead span {
    display: block;
    font-size: 7px;
    color: var(--muted)
}

.new-theme-design.erp-business-integrations .dataRows {
    display: grid;
    gap: 8px;
    margin-top: 13px
}

.new-theme-design.erp-business-integrations .dataRow {
    padding: 9px 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    font-size: 8px;
    background: #FCFEFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px
}

.new-theme-design.erp-business-integrations .dataRow b {
    font-size: 8px
}

.new-theme-design.erp-business-integrations .dataState {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 0 4px var(--greenbg)
}

.new-theme-design.erp-business-integrations .mapping {
    display: grid;
    gap: 9px
}

.new-theme-design.erp-business-integrations .mapArrow {
    height: 28px;
    border-radius: 999px;
    background: #0C2333;
    position: relative;
    overflow: hidden
}

.new-theme-design.erp-business-integrations .mapArrow:before {
    content: "";
    position: absolute;
    inset: 10px 8px;
    background: repeating-linear-gradient(
        90deg,
        var(--brand) 0 10px,
        transparent 10px 18px
    );
    animation: erpBusinessIntegrationsMapMove 2.2s linear infinite
}

.new-theme-design.erp-business-integrations .mapArrow:after {
    content: "↔";
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 13px;
    font-weight: 900
}

.new-theme-design.erp-business-integrations .mapping small {
    text-align: center;
    color: var(--muted);
    font-size: 7px;
    font-weight: 850
}

@keyframes erpBusinessIntegrationsMapMove {
    to {
        transform: translateX(18px)
    }
}

/* FINANCE VISUAL */
.new-theme-design.erp-business-integrations .financeTop {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px
}

.new-theme-design.erp-business-integrations .metric {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 13px;
    padding: 13px
}

.new-theme-design.erp-business-integrations .metric strong {
    display: block;
    font-size: 18px;
    color: var(--navy)
}

.new-theme-design.erp-business-integrations .metric span {
    font-size: 7px;
    color: var(--muted)
}

.new-theme-design.erp-business-integrations .ledger {
    margin-top: 12px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: #fff;
    overflow: hidden
}

.new-theme-design.erp-business-integrations .ledgerHead {
    display: flex;
    justify-content: space-between;
    padding: 11px 13px;
    background: #0D2535;
    color: #fff;
    font-size: 9px;
    font-weight: 900
}

.new-theme-design.erp-business-integrations .ledgerRows {
    padding: 4px 12px
}

.new-theme-design.erp-business-integrations .ledgerRow {
    display: grid;
    grid-template-columns: 1.25fr .7fr .7fr;
    gap: 10px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid var(--line);
    font-size: 8px
}

.new-theme-design.erp-business-integrations .ledgerRow:last-child {
    border-bottom: 0
}

.new-theme-design.erp-business-integrations .ledgerRow span {
    color: var(--muted)
}

.new-theme-design.erp-business-integrations .paid {
    display: inline-flex;
    justify-self: end;
    padding: 4px 6px;
    background: var(--greenbg);
    color: var(--green) !important;
    border-radius: 999px;
    font-weight: 900
}

.new-theme-design.erp-business-integrations .pending {
    display: inline-flex;
    justify-self: end;
    padding: 4px 6px;
    background: var(--yellowsoft);
    color: #715500 !important;
    border-radius: 999px;
    font-weight: 900
}

.new-theme-design.erp-business-integrations .financeLogos {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-top: 14px
}

.new-theme-design.erp-business-integrations .financeLogos img {
    max-height: 28px;
    max-width: 90px;
    object-fit: contain
}

/* IOT VISUAL */
.new-theme-design.erp-business-integrations .sensorHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #0D2535;
    color: #fff;
    border-radius: 14px;
    padding: 12px 14px
}

.new-theme-design.erp-business-integrations .sensorHeader strong {
    font-size: 10px
}

.new-theme-design.erp-business-integrations .sensorHeader span {
    font-size: 7px;
    color: #AFC8D7
}

.new-theme-design.erp-business-integrations .sensorLive {
    font-size: 7px !important;
    color: #8BF1C2 !important;
    background: rgba(17, 138, 97, .15);
    padding: 5px 7px;
    border-radius: 999px
}

.new-theme-design.erp-business-integrations .sensorGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 11px
}

.new-theme-design.erp-business-integrations .sensor {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 13px;
    padding: 12px
}

.new-theme-design.erp-business-integrations .sensor strong {
    display: block;
    font-size: 17px;
    color: var(--navy)
}

.new-theme-design.erp-business-integrations .sensor span {
    font-size: 7px;
    color: var(--muted)
}

.new-theme-design.erp-business-integrations .sensorBar {
    height: 5px;
    background: #E8EEF2;
    border-radius: 99px;
    margin-top: 9px;
    overflow: hidden
}

.new-theme-design.erp-business-integrations .sensorBar i {
    display: block;
    height: 100%;
    border-radius: 99px;
    background: var(--brand);
    transform-origin: left;
    animation: erpBusinessIntegrationsSensorPulse 2.4s ease-in-out infinite
}

.new-theme-design.erp-business-integrations .sensor:nth-child(2) i {
    background: var(--yellow);
    animation-delay: .4s
}

.new-theme-design.erp-business-integrations .sensor:nth-child(3) i {
    background: var(--purple);
    animation-delay: .8s
}

@keyframes erpBusinessIntegrationsSensorPulse {
    50% {
        transform: scaleX(.78)
    }
}

.new-theme-design.erp-business-integrations .ruleFlow {
    margin-top: 12px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 9px;
    align-items: center
}

.new-theme-design.erp-business-integrations .ruleCard {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 12px
}

.new-theme-design.erp-business-integrations .ruleCard strong {
    display: block;
    font-size: 9px
}

.new-theme-design.erp-business-integrations .ruleCard span {
    font-size: 7px;
    color: var(--muted)
}

.new-theme-design.erp-business-integrations .ruleArrow {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--yellow);
    display: grid;
    place-items: center;
    font-weight: 950;
    animation: erpBusinessIntegrationsRulePulse 2s ease-in-out infinite
}

@keyframes erpBusinessIntegrationsRulePulse {
    50% {
        box-shadow: 0 0 0 10px rgba(255, 201, 40, .11)
    }
}

.new-theme-design.erp-business-integrations .workAlert {
    margin-top: 12px;
    background: #121A22;
    color: #fff;
    border-radius: 13px;
    padding: 12px;
    border-left: 4px solid var(--green);
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px
}

.new-theme-design.erp-business-integrations .workAlert strong {
    display: block;
    font-size: 9px
}

.new-theme-design.erp-business-integrations .workAlert span {
    font-size: 7px;
    color: #C8D6DE
}

.new-theme-design.erp-business-integrations .workAlert b {
    font-size: 7px;
    padding: 5px 7px;
    border-radius: 999px;
    background: var(--green);
    align-self: center
}

/* RFID VISUAL */
.new-theme-design.erp-business-integrations .rfidLayout {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 16px;
    align-items: center
}

.new-theme-design.erp-business-integrations .scanner {
    height: 310px;
    background: #101820;
    border: 1px solid #2B3D4A;
    border-radius: 26px;
    padding: 9px;
    box-shadow: 0 18px 36px rgba(0, 0, 0, .16);
    position: relative
}

.new-theme-design.erp-business-integrations .scannerScreen {
    height: 100%;
    border-radius: 19px;
    background: #fff;
    overflow: hidden;
    padding: 12px
}

.new-theme-design.erp-business-integrations .scanTop {
    display: flex;
    justify-content: space-between;
    font-size: 8px;
    font-weight: 900
}

.new-theme-design.erp-business-integrations .rfidTag {
    height: 102px;
    margin: 17px 0;
    border: 1px solid var(--line);
    border-radius: 13px;
    position: relative;
    background: linear-gradient(145deg, #F8FCFF, #EAF8FF);
    display: grid;
    place-items: center
}

.new-theme-design.erp-business-integrations .rfidTag:before {
    content: "RFID";
    font-size: 25px;
    font-weight: 950;
    color: var(--navy);
    letter-spacing: .12em
}

.new-theme-design.erp-business-integrations .rfidTag:after {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    height: 3px;
    background: var(--yellow);
    box-shadow: 0 0 13px var(--yellow);
    animation: erpBusinessIntegrationsScan 2.2s ease-in-out infinite
}

@keyframes erpBusinessIntegrationsScan {
    0%,
    100% {
        top: 12%
    }

    50% {
        top: 86%
    }
}

.new-theme-design.erp-business-integrations .scanResult {
    padding: 9px;
    border: 1px solid var(--line);
    border-radius: 10px;
    font-size: 7px;
    margin-bottom: 8px
}

.new-theme-design.erp-business-integrations .scanResult strong {
    display: block;
    font-size: 9px
}

.new-theme-design.erp-business-integrations .scanSuccess {
    text-align: center;
    color: var(--green);
    font-size: 8px;
    font-weight: 900;
    margin-top: 12px
}

.new-theme-design.erp-business-integrations .stockSide {
    display: grid;
    gap: 10px
}

.new-theme-design.erp-business-integrations .stockCard {
    padding: 13px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 13px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px
}

.new-theme-design.erp-business-integrations .stockCard strong {
    display: block;
    font-size: 10px
}

.new-theme-design.erp-business-integrations .stockCard span {
    font-size: 7px;
    color: var(--muted)
}

.new-theme-design.erp-business-integrations .stockVal {
    font-size: 15px !important;
    color: var(--navy) !important;
    font-weight: 900
}

.new-theme-design.erp-business-integrations .movement {
    height: 105px;
    background: #0D2535;
    border-radius: 14px;
    padding: 12px;
    color: #fff
}

.new-theme-design.erp-business-integrations .movement strong {
    font-size: 9px
}

.new-theme-design.erp-business-integrations .movementPath {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 17px
}

.new-theme-design.erp-business-integrations .moveNode {
    width: 35px;
    height: 35px;
    border-radius: 10px;
    background: #173B50;
    display: grid;
    place-items: center;
    font-size: 6px;
    font-weight: 900
}

.new-theme-design.erp-business-integrations .moveLine {
    flex: 1;
    height: 4px;
    border-radius: 99px;
    background: #24495C;
    position: relative;
    overflow: hidden
}

.new-theme-design.erp-business-integrations .moveLine:after {
    content: "";
    display: block;
    width: 34%;
    height: 100%;
    background: var(--yellow);
    animation: erpBusinessIntegrationsMoveStock 2s linear infinite
}

@keyframes erpBusinessIntegrationsMoveStock {
    from {
        transform: translateX(-120%)
    }

    to {
        transform: translateX(340%)
    }
}

/* CTA */
.new-theme-design.erp-business-integrations .cta {
    margin-top: 30px;
    padding: 22px 24px;
    border: 1px solid var(--line);
    border-left: 5px solid var(--yellow);
    border-radius: 17px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    gap: 22px;
    align-items: center
}

.new-theme-design.erp-business-integrations .cta.darkCta {
    background: #121212;
    border-color: #303030;
    color: #fff
}

.new-theme-design.erp-business-integrations .cta h3 {
    font-size: 19px
}

.new-theme-design.erp-business-integrations .cta.darkCta h3 {
    color: #fff
}

.new-theme-design.erp-business-integrations .cta p {
    color: var(--muted);
    font-size: 15px;
    margin-top: 5px;
    max-width: 650px
}

.new-theme-design.erp-business-integrations .cta.darkCta p {
    color: #D1D1D1
}

.new-theme-design.erp-business-integrations .ctaBtns {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
    flex: 0 0 auto
}

/* BESTBRAIN AI */
.new-theme-design.erp-business-integrations .aiGrid {
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 44px;
    align-items: center
}

.new-theme-design.erp-business-integrations .aiBrand {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 18px;
    flex-wrap: wrap
}

.new-theme-design.erp-business-integrations .aiBrand img {
    width: 210px;
    max-height: 58px;
    object-fit: contain;
    filter: brightness(0) invert(1)
}

.new-theme-design.erp-business-integrations .aiPlus {
    font-weight: 950;
    color: var(--yellow);
    font-size: 24px
}

.new-theme-design.erp-business-integrations .aiDreamz {
    font-size: 18px;
    font-weight: 900
}

.new-theme-design.erp-business-integrations .promptBox {
    background: #111;
    border: 1px solid #333;
    border-radius: 20px;
    padding: 20px
}

.new-theme-design.erp-business-integrations .promptHead {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.new-theme-design.erp-business-integrations .promptHead strong {
    font-size: 13px
}

.new-theme-design.erp-business-integrations .promptHead span {
    font-size: 7px;
    color: #8BF1C2;
    background: rgba(17, 138, 97, .14);
    padding: 5px 7px;
    border-radius: 999px
}

.new-theme-design.erp-business-integrations .prompt {
    background: #1B1B1B;
    border: 1px solid #303030;
    border-radius: 11px;
    padding: 12px 13px;
    margin-top: 9px;
    font-size: 14px;
    animation: erpBusinessIntegrationsPromptGlow 4s ease-in-out infinite
}

.new-theme-design.erp-business-integrations .prompt:nth-child(3) {
    animation-delay: .6s
}

.new-theme-design.erp-business-integrations .prompt:nth-child(4) {
    animation-delay: 1.2s
}

.new-theme-design.erp-business-integrations .prompt:nth-child(5) {
    animation-delay: 1.8s
}

@keyframes erpBusinessIntegrationsPromptGlow {
    50% {
        border-color: #555;
        transform: translateX(3px)
    }
}

.new-theme-design.erp-business-integrations .aiMini {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 11px;
    margin-top: 20px
}

.new-theme-design.erp-business-integrations .aiMini div {
    background: #151515;
    border: 1px solid #303030;
    border-radius: 13px;
    padding: 15px
}

.new-theme-design.erp-business-integrations .aiMini strong {
    display: block;
    color: var(--yellow);
    font-size: 15px
}

.new-theme-design.erp-business-integrations .aiMini span {
    font-size: 14px;
    color: #CFCFCF
}

/* CONNECTION METHODS */
.new-theme-design.erp-business-integrations .connectedGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px
}

.new-theme-design.erp-business-integrations .connectedCard {
    background: #151515;
    border: 1px solid #303030;
    border-radius: 15px;
    padding: 20px
}

.new-theme-design.erp-business-integrations .connectedIcon {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: #252525;
    border: 1px solid #393939;
    color: var(--yellow);
    display: grid;
    place-items: center;
    font-size: 10px;
    font-weight: 950;
    margin-bottom: 13px
}

.new-theme-design.erp-business-integrations .connectedCard strong {
    display: block;
    color: var(--yellow);
    font-size: 16px;
    margin-bottom: 5px
}

.new-theme-design.erp-business-integrations .connectedCard span {
    font-size: 15px;
    color: #D0D0D0
}

/* DATA CAPABILITIES */
.new-theme-design.erp-business-integrations .featureGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px
}

.new-theme-design.erp-business-integrations .featureCard {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 19px;
    transition: .22s
}

.new-theme-design.erp-business-integrations .featureCard:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(6, 59, 92, .09)
}

.new-theme-design.erp-business-integrations .featureIcon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--yellow);
    display: grid;
    place-items: center;
    font-size: 10px;
    font-weight: 900;
    margin-bottom: 13px
}

.new-theme-design.erp-business-integrations .featureCard p {
    font-size: 15px;
    color: var(--muted);
    margin: 7px 0 0
}

/* INTEGRATION MARKETPLACE */
.new-theme-design.erp-business-integrations .catalogControl>input {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.new-theme-design.erp-business-integrations .catalogShell {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 26px;
    align-items: start;
    border: 1px solid var(--line);
    border-radius: 24px;
    padding: 26px;
    background: #fff;
    box-shadow: 0 15px 40px rgba(6, 59, 92, .07)
}

.new-theme-design.erp-business-integrations .filterPanel {
    display: grid;
    gap: 8px;
    position: sticky;
    top: 18px
}

.new-theme-design.erp-business-integrations .filterLabel {
    min-height: 50px;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: #fff;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    transition: .18s
}

.new-theme-design.erp-business-integrations .filterLabel:after {
    content: "›";
    font-size: 18px;
    color: #A0B2BD
}

.new-theme-design.erp-business-integrations .filterLabel:hover {
    border-color: #9FD8F2;
    transform: translateX(2px)
}

.new-theme-design.erp-business-integrations #filter-all:checked~.catalogShell label[for="filter-all"],
.new-theme-design.erp-business-integrations #filter-erp:checked~.catalogShell label[for="filter-erp"],
.new-theme-design.erp-business-integrations #filter-accounting:checked~.catalogShell label[for="filter-accounting"],
.new-theme-design.erp-business-integrations #filter-payments:checked~.catalogShell label[for="filter-payments"],
.new-theme-design.erp-business-integrations #filter-rfid:checked~.catalogShell label[for="filter-rfid"],
.new-theme-design.erp-business-integrations #filter-iot:checked~.catalogShell label[for="filter-iot"],
.new-theme-design.erp-business-integrations #filter-inventory:checked~.catalogShell label[for="filter-inventory"],
.new-theme-design.erp-business-integrations #filter-commerce:checked~.catalogShell label[for="filter-commerce"],
.new-theme-design.erp-business-integrations #filter-reviews:checked~.catalogShell label[for="filter-reviews"],
.new-theme-design.erp-business-integrations #filter-ai:checked~.catalogShell label[for="filter-ai"] {
    border-color: #79CFF7;
    box-shadow: 0 0 0 2px rgba(0, 168, 248, .1);
    color: #0073CF;
    background: #F8FDFF
}

.new-theme-design.erp-business-integrations .marketGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13px
}

.new-theme-design.erp-business-integrations .integrationCard {
    min-height: 172px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: #fff;
    padding: 15px;
    display: flex;
    flex-direction: column;
    transition: .2s;
    position: relative;
    overflow: hidden
}

.new-theme-design.erp-business-integrations .integrationCard:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    background: var(--brand)
}

.new-theme-design.erp-business-integrations .integrationCard:nth-child(2n):before {
    background: var(--yellow)
}

.new-theme-design.erp-business-integrations .integrationCard:nth-child(3n):before {
    background: var(--green)
}

.new-theme-design.erp-business-integrations .integrationCard:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 28px rgba(6, 59, 92, .09)
}

.new-theme-design.erp-business-integrations .logoFrame {
    height: 62px;
    display: grid;
    place-items: center;
    border-bottom: 1px solid #EDF3F6;
    margin-bottom: 10px
}

.new-theme-design.erp-business-integrations .logoFrame img {
    max-height: 42px;
    max-width: 150px;
    object-fit: contain
}

.new-theme-design.erp-business-integrations .integrationMeta {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: flex-start
}

.new-theme-design.erp-business-integrations .integrationMeta strong {
    font-size: 12px
}

.new-theme-design.erp-business-integrations .integrationType {
    font-size: 6.5px;
    font-weight: 900;
    padding: 4px 6px;
    border-radius: 999px;
    background: var(--sky);
    color: var(--navy)
}

.new-theme-design.erp-business-integrations .integrationCard p {
    font-size: 8.5px;
    color: var(--muted);
    line-height: 1.45;
    margin-top: 6px
}

.new-theme-design.erp-business-integrations #filter-erp:checked~.catalogShell .integrationCard:not(.erp),
.new-theme-design.erp-business-integrations #filter-accounting:checked~.catalogShell .integrationCard:not(.accounting),
.new-theme-design.erp-business-integrations #filter-payments:checked~.catalogShell .integrationCard:not(.payments),
.new-theme-design.erp-business-integrations #filter-rfid:checked~.catalogShell .integrationCard:not(.rfid),
.new-theme-design.erp-business-integrations #filter-iot:checked~.catalogShell .integrationCard:not(.iot),
.new-theme-design.erp-business-integrations #filter-inventory:checked~.catalogShell .integrationCard:not(.inventory),
.new-theme-design.erp-business-integrations #filter-commerce:checked~.catalogShell .integrationCard:not(.commerce),
.new-theme-design.erp-business-integrations #filter-reviews:checked~.catalogShell .integrationCard:not(.reviews),
.new-theme-design.erp-business-integrations #filter-ai:checked~.catalogShell .integrationCard:not(.ai) {
    display: none
}

.new-theme-design.erp-business-integrations .catalogNote {
    margin-top: 16px;
    padding: 12px 14px;
    border-radius: 12px;
    background: var(--sky2);
    border: 1px solid var(--line);
    font-size: 10px;
    color: var(--muted)
}

/* IMPLEMENTATION */
.new-theme-design.erp-business-integrations .steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    counter-reset: step
}

.new-theme-design.erp-business-integrations .step {
    counter-increment: step;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 20px;
    position: relative
}

.new-theme-design.erp-business-integrations .step:before {
    content: "0" counter(step);
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #0C2333;
    color: var(--yellow);
    font-weight: 950;
    font-size: 11px;
    margin-bottom: 13px
}

.new-theme-design.erp-business-integrations .step:not(:last-child):after {
    content: "";
    position: absolute;
    top: 40px;
    right: -14px;
    width: 14px;
    height: 2px;
    background: #BBD8E7
}

.new-theme-design.erp-business-integrations .step h3 {
    font-size: 17px
}

.new-theme-design.erp-business-integrations .step p {
    font-size: 15px;
    color: var(--muted);
    margin-top: 7px
}

/* CASE STUDY */
.new-theme-design.erp-business-integrations .caseGrid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 32px;
    align-items: stretch
}

.new-theme-design.erp-business-integrations .caseSummary {
    background: #0D2535;
    color: #fff;
    border-radius: 22px;
    padding: 28px;
    position: relative;
    overflow: hidden
}

.new-theme-design.erp-business-integrations .caseSummary:before {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    right: -80px;
    top: -80px;
    background: rgba(0, 168, 248, .12)
}

.new-theme-design.erp-business-integrations .caseSummary h3 {
    color: #fff;
    font-size: 28px;
    position: relative
}

.new-theme-design.erp-business-integrations .caseSummary p {
    color: #C9DAE3;
    margin-top: 13px;
    font-size: 14px;
    position: relative
}

.new-theme-design.erp-business-integrations .caseTags {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin-top: 18px;
    position: relative
}

.new-theme-design.erp-business-integrations .caseTags span {
    padding: 6px 8px;
    border-radius: 999px;
    background: #173B50;
    border: 1px solid #28526A;
    font-size: 8px;
    font-weight: 850
}

.new-theme-design.erp-business-integrations .caseFlow {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 22px;
    padding: 24px
}

.new-theme-design.erp-business-integrations .flowStep {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 12px;
    padding: 13px 0;
    border-bottom: 1px solid var(--line)
}

.new-theme-design.erp-business-integrations .flowStep:last-child {
    border-bottom: 0
}

.new-theme-design.erp-business-integrations .flowNum {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: var(--yellow);
    display: grid;
    place-items: center;
    font-size: 10px;
    font-weight: 950
}

.new-theme-design.erp-business-integrations .flowStep strong {
    display: block;
    font-size: 13px
}

.new-theme-design.erp-business-integrations .flowStep span {
    font-size: 10px;
    color: var(--muted)
}

/* ROLES */
.new-theme-design.erp-business-integrations .useCases {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px
}

.new-theme-design.erp-business-integrations .useCase {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 20px
}

.new-theme-design.erp-business-integrations .useIcon {
    width: 42px;
    height: 42px;
    border-radius: 11px;
    background: var(--yellow);
    display: grid;
    place-items: center;
    font-size: 10px;
    font-weight: 900;
    margin-bottom: 14px
}

.new-theme-design.erp-business-integrations .useCase p {
    color: var(--muted);
    font-size: 15px;
    margin-top: 7px
}

/* PROOF BAND */
.new-theme-design.erp-business-integrations .proofBand {
    padding: 28px 0;
    background: #0B0B0B;
    color: #fff;
    border-top: 4px solid var(--yellow)
}

.new-theme-design.erp-business-integrations .proofGrid {
    display: grid;
    grid-template-columns: 1.35fr repeat(6, 1fr);
    gap: 12px;
    align-items: center
}

.new-theme-design.erp-business-integrations .proofItem {
    text-align: center;
    border-left: 1px solid #2D2D2D
}

.new-theme-design.erp-business-integrations .proofItem strong {
    display: block;
    color: var(--yellow);
    font-size: 12px
}

.new-theme-design.erp-business-integrations .proofItem span {
    font-size: 8px;
    color: #BFBFBF
}

/* FAQ */
.new-theme-design.erp-business-integrations .faq {
    max-width: 920px
}

.new-theme-design.erp-business-integrations .faq details {
    border: 1px solid var(--line);
    border-radius: 13px;
    padding: 18px 20px;
    margin-bottom: 10px;
    background: #fff
}

.new-theme-design.erp-business-integrations .faq summary {
    font-weight: 800;
    cursor: pointer;
    color: var(--navy)
}

.new-theme-design.erp-business-integrations .faq details p {
    color: var(--muted);
    font-size: 16px;
    margin-top: 10px
}

/* FINAL CTA */
.new-theme-design.erp-business-integrations .final {
    background: linear-gradient(135deg, #0B0B0B, #202020);
    border-top: 5px solid var(--yellow);
    border-radius: 0;
    padding: 44px;
    color: #fff;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 28px;
    align-items: center
}

.new-theme-design.erp-business-integrations .final h2 {
    color: #fff
}

.new-theme-design.erp-business-integrations .final p {
    color: #DDD;
    margin-top: 12px;
    max-width: 740px
}

/* RESPONSIVE */
@media(max-width:1050px) {
    .new-theme-design.erp-business-integrations .categoryLogos {
        grid-template-columns: repeat(4, 1fr)
    }

    .new-theme-design.erp-business-integrations .marketGrid {
        grid-template-columns: repeat(2, 1fr)
    }

    .new-theme-design.erp-business-integrations .proofGrid {
        grid-template-columns: repeat(3, 1fr)
    }

    .new-theme-design.erp-business-integrations .proofGrid>div:first-child {
        grid-column: 1/-1;
        text-align: center
    }

    .new-theme-design.erp-business-integrations .proofItem {
        border-left: 0
    }
}

@media(max-width:960px) {
    .new-theme-design.erp-business-integrations .heroGrid,
    .new-theme-design.erp-business-integrations .feature,
    .new-theme-design.erp-business-integrations .aiGrid,
    .new-theme-design.erp-business-integrations .final,
    .new-theme-design.erp-business-integrations .caseGrid {
        grid-template-columns: 1fr
    }

    .new-theme-design.erp-business-integrations .feature.reverse .visual {
        order: 0
    }

    .new-theme-design.erp-business-integrations .integrationStage {
        margin: auto
    }

    .new-theme-design.erp-business-integrations .outcomes,
    .new-theme-design.erp-business-integrations .featureGrid,
    .new-theme-design.erp-business-integrations .connectedGrid,
    .new-theme-design.erp-business-integrations .useCases,
    .new-theme-design.erp-business-integrations .steps {
        grid-template-columns: repeat(2, 1fr)
    }

    .new-theme-design.erp-business-integrations .catalogShell {
        grid-template-columns: 1fr
    }

    .new-theme-design.erp-business-integrations .filterPanel {
        position: static;
        grid-template-columns: repeat(3, 1fr)
    }

    .new-theme-design.erp-business-integrations .filterLabel {
        min-height: 44px;
        font-size: 11px
    }

    .new-theme-design.erp-business-integrations .step:after {
        display: none
    }
}

@media(max-width:720px) {
    .new-theme-design.erp-business-integrations .marketGrid {
        grid-template-columns: 1fr
    }

    .new-theme-design.erp-business-integrations .filterPanel {
        display: flex;
        overflow-x: auto;
        padding-bottom: 5px;
        scroll-snap-type: x proximity
    }

    .new-theme-design.erp-business-integrations .filterLabel {
        flex: 0 0 160px;
        scroll-snap-align: start
    }

    .new-theme-design.erp-business-integrations .dataMap {
        grid-template-columns: 1fr;
        height: auto
    }

    .new-theme-design.erp-business-integrations .mapping {
        grid-template-columns: repeat(3, 1fr);
        align-items: center
    }

    .new-theme-design.erp-business-integrations .mapArrow {
        transform: rotate(90deg)
    }

    .new-theme-design.erp-business-integrations .systemBox {
        height: auto
    }

    .new-theme-design.erp-business-integrations .rfidLayout {
        grid-template-columns: 1fr
    }

    .new-theme-design.erp-business-integrations .scanner {
        max-width: 230px;
        margin: auto;
        width: 100%
    }

    .new-theme-design.erp-business-integrations .heroVisual {
        min-height: 480px
    }

    .new-theme-design.erp-business-integrations .integrationStage {
        min-height: 480px;
        transform: scale(.88);
        transform-origin: center top
    }

    .new-theme-design.erp-business-integrations .integrationNode.n1 {
        left: 7px
    }

    .new-theme-design.erp-business-integrations .integrationNode.n2 {
        right: 7px
    }

    .new-theme-design.erp-business-integrations .integrationNode.n3 {
        left: 7px
    }

    .new-theme-design.erp-business-integrations .integrationNode.n4 {
        right: 7px
    }

    .new-theme-design.erp-business-integrations .eventCard {
        display: none
    }
}

@media(max-width:640px) {
    .new-theme-design.erp-business-integrations .wrap {
        width: calc(100% - 24px)
    }

    .new-theme-design.erp-business-integrations section {
        padding: 56px 0
    }

    .new-theme-design.erp-business-integrations .hero {
        padding: 54px 0
    }

    .new-theme-design.erp-business-integrations h1 {
        font-size: 42px
    }

    .new-theme-design.erp-business-integrations .aiBrand {
        gap: 9px
    }

    .new-theme-design.erp-business-integrations .aiBrand img {
        width: 180px
    }

    .new-theme-design.erp-business-integrations .aiPlus {
        font-size: 20px
    }

    .new-theme-design.erp-business-integrations .aiDreamz {
        font-size: 15px
    }

    .new-theme-design.erp-business-integrations .fl,
    .new-theme-design.erp-business-integrations .outcomes,
    .new-theme-design.erp-business-integrations .featureGrid,
    .new-theme-design.erp-business-integrations .connectedGrid,
    .new-theme-design.erp-business-integrations .useCases,
    .new-theme-design.erp-business-integrations .steps,
    .new-theme-design.erp-business-integrations .aiMini,
    .new-theme-design.erp-business-integrations .sensorGrid,
    .new-theme-design.erp-business-integrations .financeTop,
    .new-theme-design.erp-business-integrations .categoryLogos,
    .new-theme-design.erp-business-integrations .proofGrid {
        grid-template-columns: 1fr
    }

    .new-theme-design.erp-business-integrations .cta {
        flex-direction: column;
        align-items: flex-start
    }

    .new-theme-design.erp-business-integrations .catalogShell {
        padding: 15px
    }

    .new-theme-design.erp-business-integrations .visual {
        min-height: auto
    }

    .new-theme-design.erp-business-integrations .integrationStage {
        width: 430px;
        left: 50%;
        margin-left: -215px
    }

    .new-theme-design.erp-business-integrations .orbit.two {
        width: 440px;
        height: 440px
    }

    .new-theme-design.erp-business-integrations .orbit.one {
        width: 330px;
        height: 330px
    }

    .new-theme-design.erp-business-integrations .hub {
        width: 230px;
        padding: 16px
    }

    .new-theme-design.erp-business-integrations .integrationNode {
        width: 125px
    }

    .new-theme-design.erp-business-integrations .integrationNode.n5 {
        width: 150px
    }

    .new-theme-design.erp-business-integrations .flowSvg {
        inset: 0
    }

    .new-theme-design.erp-business-integrations .proofItem {
        padding: 9px 0;
        border-top: 1px solid #2D2D2D
    }

    .new-theme-design.erp-business-integrations .proofGrid>div:first-child {
        grid-column: auto
    }

    .new-theme-design.erp-business-integrations .caseSummary,
    .new-theme-design.erp-business-integrations .caseFlow {
        padding: 20px
    }

    .new-theme-design.erp-business-integrations .final {
        padding: 30px
    }

    .new-theme-design.erp-business-integrations .final h2 {
        font-size: 34px
    }
}

@media(max-width:470px) {
    .new-theme-design.erp-business-integrations .integrationStage {
        transform: scale(.72);
        min-height: 390px
    }

    .new-theme-design.erp-business-integrations .heroVisual {
        min-height: 390px
    }

    .new-theme-design.erp-business-integrations .categoryLogos {
        grid-template-columns: repeat(2, 1fr)
    }

    .new-theme-design.erp-business-integrations .marketGrid {
        grid-template-columns: 1fr
    }
}

@media(prefers-reduced-motion:reduce) {
    .new-theme-design.erp-business-integrations {
        scroll-behavior: auto
    }

    .new-theme-design.erp-business-integrations *,
    .new-theme-design.erp-business-integrations *:before,
    .new-theme-design.erp-business-integrations *:after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important
    }
}
@media(max-width:767px) {
  .new-theme-design.erp-business-integrations .heroVisual{
    display: none;
  }
  .new-theme-design.erp-business-integrations .sectionHead{
    text-align: center;
  }
  .new-theme-design.erp-business-integrations .wrap.feature{
    margin-top: 0;
  }
  .new-theme-design.erp-business-integrations  .visual{
    order: 0;
  }
  .new-theme-design.erp-business-integrations  .visual-content{
    order: 1;
  }
  .new-theme-design.erp-business-integrations section{
    padding-bottom: 34px;
  }
}
/*----------------ERP & Business Integrations Ends----------------*/

/*----------------Helpdesk Management & SLA Software Starts----------------*/
.new-theme-design.helpdesk-management-sla-software .ey {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 13px;
    border-radius: 999px;
    background: var(--yellowsoft);
    font-size: 13px;
    font-weight: 850;
    margin-bottom: 18px;
    color: #000;
}

.new-theme-design.helpdesk-management-sla-software .lead {
    font-size: 18px;
    color: var(--muted);
    margin-top: 20px;
    max-width: 790px
}

.new-theme-design.helpdesk-management-sla-software .btn {
    display: inline-flex;
    min-height: 48px;
    padding: 0 22px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid transparent;
    font-weight: 850;
    transition: .2s;
    cursor: pointer
}

.new-theme-design.helpdesk-management-sla-software .btn:hover {
    transform: translateY(-2px)
}

.new-theme-design.helpdesk-management-sla-software .btn:focus-visible,
a:focus-visible,
summary:focus-visible,
.new-theme-design.helpdesk-management-sla-software .reportLabel:focus-visible {
    outline: 3px solid rgba(0, 168, 248, .35);
    outline-offset: 3px
}

.new-theme-design.helpdesk-management-sla-software .btn.black {
    background: #0b0b0b;
    color: #fff
}

.new-theme-design.helpdesk-management-sla-software .btn.yellow {
    background: var(--yellow);
    color: #000
}

.new-theme-design.helpdesk-management-sla-software .btn.outline {
    background: #fff;
    border-color: var(--line);
    color: var(--navy)
}

.new-theme-design.helpdesk-management-sla-software .actions {
    display: flex;
    gap: 11px;
    flex-wrap: wrap;
    margin-top: 27px
}

.new-theme-design.helpdesk-management-sla-software .micro {
    font-size: 12px;
    color: var(--muted);
    margin-top: 14px
}

.new-theme-design.helpdesk-management-sla-software .soft {
    background: var(--sky2)
}

.new-theme-design.helpdesk-management-sla-software .dark {
    background: linear-gradient(135deg, var(--black), var(--black2));
    color: #fff;
    border-top: 4px solid var(--yellow)
}

.new-theme-design.helpdesk-management-sla-software .dark h2,
.new-theme-design.helpdesk-management-sla-software .dark h3 {
    color: #fff
}

.new-theme-design.helpdesk-management-sla-software .dark p {
    color: #D6D6D6
}

.new-theme-design.helpdesk-management-sla-software .dark .new-theme-design.helpdesk-management-sla-software .ey {
    background: var(--yellow);
    color: #111
}

.new-theme-design.helpdesk-management-sla-software .dark .new-theme-design.helpdesk-management-sla-software .ey:before {
    background: #111;
    box-shadow: 0 0 0 4px rgba(17, 17, 17, .11)
}

.new-theme-design.helpdesk-management-sla-software .sectionHead {
    max-width: 860px;
    margin-bottom: 38px
}

.new-theme-design.helpdesk-management-sla-software .center {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.new-theme-design.helpdesk-management-sla-software .sectionHead p {
    color: var(--muted);
    font-size: 17px;
    margin-top: 15px
}

.new-theme-design.helpdesk-management-sla-software .srOnly {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

/* HERO */
.new-theme-design.helpdesk-management-sla-software .hero {
    padding: 72px 0 68px;
    background: radial-gradient(circle at 78% 18%, rgba(0, 168, 248, .22), transparent 28%), radial-gradient(circle at 93% 72%, rgba(255, 201, 40, .17), transparent 20%), linear-gradient(180deg, #fff, #EFF9FE);
    overflow: hidden
}

.new-theme-design.helpdesk-management-sla-software .heroGrid {
    display: grid;
    grid-template-columns: .94fr 1.06fr;
    gap: 44px;
    align-items: center
}

.new-theme-design.helpdesk-management-sla-software .heroPills {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin-top: 14px
}

.new-theme-design.helpdesk-management-sla-software .heroPills span {
    padding: 6px 9px;
    border: 1px solid #C8E8F7;
    border-radius: 999px;
    background: #fff;
    color: var(--navy);
    font-size: 10px;
    font-weight: 800
}

.new-theme-design.helpdesk-management-sla-software .heroVisual {
    min-height: 550px;
    position: relative
}

.new-theme-design.helpdesk-management-sla-software .helpdeskStage {
    min-height: 550px;
    position: relative;
    max-width: 650px;
    margin-left: auto
}

.new-theme-design.helpdesk-management-sla-software .helpdeskStage:before {
    content: "";
    position: absolute;
    inset: 28px 0 18px 20px;
    border-radius: 34px;
    background: linear-gradient(rgba(0, 168, 248, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 168, 248, .045) 1px, transparent 1px);
    background-size: 28px 28px
}

.new-theme-design.helpdesk-management-sla-software .deskBoard {
    position: absolute;
    left: 8px;
    top: 72px;
    width: 470px;
    z-index: 4;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 22px;
    box-shadow: 0 26px 58px rgba(6, 59, 92, .2);
    overflow: hidden;
    animation: boardFloat 5s ease-in-out infinite
}

.new-theme-design.helpdesk-management-sla-software .boardHead {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    padding: 14px 16px;
    background: #0D2535;
    color: #fff
}

.new-theme-design.helpdesk-management-sla-software .boardBrand {
    display: flex;
    align-items: center;
    gap: 10px
}

.new-theme-design.helpdesk-management-sla-software .boardMark {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: var(--yellow);
    color: #000;
    display: grid;
    place-items: center;
    font-size: 10px;
    font-weight: 950
}

.new-theme-design.helpdesk-management-sla-software .boardHead strong {
    display: block;
    font-size: 12px
}

.new-theme-design.helpdesk-management-sla-software .boardHead small {
    display: block;
    color: #AFC8D7;
    font-size: 7px
}

.new-theme-design.helpdesk-management-sla-software .live {
    font-size: 7px;
    font-weight: 900;
    color: #7EF2BE;
    border: 1px solid rgba(126, 242, 190, .28);
    background: rgba(17, 138, 97, .16);
    padding: 5px 7px;
    border-radius: 999px
}

.new-theme-design.helpdesk-management-sla-software .boardBody {
    padding: 14px
}

.new-theme-design.helpdesk-management-sla-software .queueMetrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px
}

.new-theme-design.helpdesk-management-sla-software .queueMetric {
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: #FAFDFF
}

.new-theme-design.helpdesk-management-sla-software .queueMetric strong {
    display: block;
    color: var(--navy);
    font-size: 17px
}

.new-theme-design.helpdesk-management-sla-software .queueMetric span {
    font-size: 6.5px;
    color: var(--muted)
}

.new-theme-design.helpdesk-management-sla-software .queueTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 13px 1px 7px;
    font-size: 8px;
    font-weight: 900
}

.new-theme-design.helpdesk-management-sla-software .queueTitle span {
    font-size: 6px;
    color: var(--muted)
}

.new-theme-design.helpdesk-management-sla-software .ticketRows {
    display: grid;
    gap: 7px
}

.new-theme-design.helpdesk-management-sla-software .ticketRow {
    display: grid;
    grid-template-columns: 7px 1fr auto;
    gap: 9px;
    align-items: center;
    padding: 9px 10px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background: #fff
}

.new-theme-design.helpdesk-management-sla-software .priorityDot {
    width: 7px;
    height: 35px;
    border-radius: 99px;
    background: var(--red)
}

.new-theme-design.helpdesk-management-sla-software .ticketRow:nth-child(2) .new-theme-design.helpdesk-management-sla-software .priorityDot {
    background: var(--yellow)
}

.new-theme-design.helpdesk-management-sla-software .ticketRow:nth-child(3) .new-theme-design.helpdesk-management-sla-software .priorityDot {
    background: var(--brand)
}

.new-theme-design.helpdesk-management-sla-software .ticketRow:nth-child(4) .new-theme-design.helpdesk-management-sla-software .priorityDot {
    background: var(--green)
}

.new-theme-design.helpdesk-management-sla-software .ticketRow strong {
    display: block;
    font-size: 8px
}

.new-theme-design.helpdesk-management-sla-software .ticketRow small {
    display: block;
    font-size: 6px;
    color: var(--muted);
    margin-top: 2px
}

.new-theme-design.helpdesk-management-sla-software .timer {
    font-size: 7px;
    font-weight: 950;
    padding: 5px 7px;
    border-radius: 999px;
    background: var(--redbg);
    color: var(--red)
}

.new-theme-design.helpdesk-management-sla-software .ticketRow:nth-child(2) .new-theme-design.helpdesk-management-sla-software .timer {
    background: var(--yellowsoft);
    color: #765900
}

.new-theme-design.helpdesk-management-sla-software .ticketRow:nth-child(3) .new-theme-design.helpdesk-management-sla-software .timer,
.new-theme-design.helpdesk-management-sla-software .ticketRow:nth-child(4) .new-theme-design.helpdesk-management-sla-software .timer {
    background: var(--greenbg);
    color: var(--green)
}

.new-theme-design.helpdesk-management-sla-software .boardFoot {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    align-items: center;
    margin-top: 11px;
    padding: 10px 11px;
    border-radius: 10px;
    background: #F2FAFE
}

.new-theme-design.helpdesk-management-sla-software .boardFoot span {
    font-size: 7px;
    color: var(--muted)
}

.new-theme-design.helpdesk-management-sla-software .boardFoot strong {
    font-size: 8px;
    color: var(--navy)
}

.new-theme-design.helpdesk-management-sla-software .requestPhone {
    position: absolute;
    right: 0;
    top: 18px;
    width: 215px;
    z-index: 7;
    background: #111C24;
    border: 1px solid #304858;
    border-radius: 30px;
    padding: 8px;
    box-shadow: 0 24px 52px rgba(6, 59, 92, .26);
    animation: phoneFloat 4.7s ease-in-out infinite
}

.new-theme-design.helpdesk-management-sla-software .phoneScreen {
    background: #fff;
    border-radius: 22px;
    min-height: 414px;
    overflow: hidden
}

.new-theme-design.helpdesk-management-sla-software .phoneTop {
    height: 23px;
    background: #0C0C0C;
    display: flex;
    align-items: center;
    justify-content: center
}

.new-theme-design.helpdesk-management-sla-software .notch {
    width: 65px;
    height: 7px;
    border-radius: 99px;
    background: #333
}

.new-theme-design.helpdesk-management-sla-software .phoneHead {
    padding: 12px;
    background: linear-gradient(135deg, #E8F9FF, #FFF5D0);
    border-bottom: 1px solid var(--line)
}

.new-theme-design.helpdesk-management-sla-software .phoneHead strong {
    display: block;
    font-size: 10px
}

.new-theme-design.helpdesk-management-sla-software .phoneHead small {
    font-size: 6px;
    color: var(--muted)
}

.new-theme-design.helpdesk-management-sla-software .requestForm {
    padding: 11px
}

.new-theme-design.helpdesk-management-sla-software .formField {
    padding: 8px 9px;
    border: 1px solid var(--line);
    border-radius: 9px;
    margin-bottom: 7px
}

.new-theme-design.helpdesk-management-sla-software .formField span {
    display: block;
    font-size: 5.5px;
    color: var(--muted)
}

.new-theme-design.helpdesk-management-sla-software .formField strong {
    display: block;
    font-size: 7.5px;
    margin-top: 2px
}

.new-theme-design.helpdesk-management-sla-software .formSplit {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px
}

.new-theme-design.helpdesk-management-sla-software .voiceBar {
    margin-top: 8px;
    height: 38px;
    border-radius: 10px;
    background: #0D2535;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 7px;
    font-weight: 850
}

.new-theme-design.helpdesk-management-sla-software .voicePulse {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--yellow);
    color: #000;
    display: grid;
    place-items: center;
    font-size: 7px;
    animation: voicePulse 2s ease-in-out infinite
}

.new-theme-design.helpdesk-management-sla-software .submitMock {
    height: 31px;
    border-radius: 9px;
    background: var(--brand2);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 7px;
    font-weight: 900;
    margin-top: 8px
}

.new-theme-design.helpdesk-management-sla-software .slaFloat {
    position: absolute;
    right: 15px;
    bottom: 21px;
    width: 176px;
    z-index: 8;
    background: #0D2535;
    color: #fff;
    border: 1px solid #284657;
    border-radius: 16px;
    padding: 13px;
    box-shadow: 0 18px 38px rgba(6, 59, 92, .2);
    animation: cardFloat 5s ease-in-out infinite
}

.new-theme-design.helpdesk-management-sla-software .slaFloatTop {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 11px;
    align-items: center
}

.new-theme-design.helpdesk-management-sla-software .slaRing {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: conic-gradient(var(--yellow) 0 68%, #23475A 68%);
    display: grid;
    place-items: center;
    position: relative
}

.new-theme-design.helpdesk-management-sla-software .slaRing:after {
    content: "";
    position: absolute;
    inset: 9px;
    border-radius: 50%;
    background: #0D2535
}

.new-theme-design.helpdesk-management-sla-software .slaRing strong {
    position: relative;
    z-index: 1;
    color: var(--yellow);
    font-size: 11px
}

.new-theme-design.helpdesk-management-sla-software .slaFloatTop b {
    display: block;
    font-size: 9px
}

.new-theme-design.helpdesk-management-sla-software .slaFloatTop span {
    display: block;
    font-size: 6px;
    color: #BFD2DC;
    margin-top: 2px
}

.new-theme-design.helpdesk-management-sla-software .slaAlert {
    margin-top: 10px;
    padding: 7px 8px;
    border-radius: 9px;
    background: rgba(226, 87, 87, .14);
    border-left: 3px solid var(--red);
    font-size: 6.5px;
    color: #FFDADA
}

.new-theme-design.helpdesk-management-sla-software .escalationCard {
    position: absolute;
    left: -2px;
    bottom: 14px;
    z-index: 8;
    width: 190px;
    background: #fff;
    border: 1px solid var(--line);
    border-left: 4px solid var(--red);
    border-radius: 14px;
    padding: 11px 12px;
    box-shadow: 0 15px 35px rgba(6, 59, 92, .13)
}

.new-theme-design.helpdesk-management-sla-software .escalationCard strong {
    display: block;
    font-size: 9px
}

.new-theme-design.helpdesk-management-sla-software .escalationCard span {
    display: block;
    font-size: 6.5px;
    color: var(--muted);
    margin-top: 3px
}

.new-theme-design.helpdesk-management-sla-software .escalationCard b {
    display: inline-flex;
    margin-top: 7px;
    padding: 4px 6px;
    border-radius: 999px;
    background: var(--redbg);
    color: var(--red);
    font-size: 6px
}

@keyframes boardFloat {
    50% {
        transform: translateY(-5px)
    }
}

@keyframes phoneFloat {
    50% {
        transform: translateY(-8px)
    }
}

@keyframes cardFloat {
    50% {
        transform: translateY(6px)
    }
}

@keyframes voicePulse {
    50% {
        box-shadow: 0 0 0 9px rgba(255, 201, 40, .11)
    }
}

/* CHANNEL STRIP */
.new-theme-design.helpdesk-management-sla-software .channelStrip {
    padding: 25px 0;
    border-bottom: 1px solid var(--line)
}

.new-theme-design.helpdesk-management-sla-software .channelLabel {
    text-align: center;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 16px
}

.new-theme-design.helpdesk-management-sla-software .channels {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 10px
}

.new-theme-design.helpdesk-management-sla-software .channel {
    height: 70px;
    border: 1px dashed #B8D7E7;
    border-radius: 11px;
    display: grid;
    place-items: center;
    text-align: center;
    color: #627A8A;
    background: #fff;
    font-size: 9px;
    font-weight: 850;
    padding: 8px
}

.new-theme-design.helpdesk-management-sla-software .channelIcon {
    width: 28px;
    height: 28px;
    border-radius: 9px;
    background: var(--sky);
    color: var(--brand2);
    display: grid;
    place-items: center;
    font-size: 7px;
    font-weight: 950;
    margin-bottom: 3px
}

.new-theme-design.helpdesk-management-sla-software .channel:nth-child(2n) .new-theme-design.helpdesk-management-sla-software .channelIcon {
    background: var(--yellowsoft);
    color: #775900
}

.new-theme-design.helpdesk-management-sla-software .channel:nth-child(3n) .new-theme-design.helpdesk-management-sla-software .channelIcon {
    background: var(--greenbg);
    color: var(--green)
}

/* OUTCOMES */
.new-theme-design.helpdesk-management-sla-software .answerBox {
    max-width: 940px;
    margin: 0 auto 28px;
    padding: 18px 20px;
    border: 1px solid #BFE4F5;
    border-left: 5px solid var(--brand);
    border-radius: 15px;
    background: #fff
}

.new-theme-design.helpdesk-management-sla-software .answerBox strong {
    display: block;
    font-size: 16px;
    color: var(--navy);
    margin-bottom: 5px
}

.new-theme-design.helpdesk-management-sla-software .answerBox p {
    font-size: 15px;
    color: var(--muted)
}

.new-theme-design.helpdesk-management-sla-software .outcomes {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px
}

.new-theme-design.helpdesk-management-sla-software .outcome {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 22px;
    box-shadow: 0 8px 24px rgba(6, 59, 92, .05);
    position: relative;
    overflow: hidden
}

.new-theme-design.helpdesk-management-sla-software .outcome:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4px;
    background: var(--brand)
}

.new-theme-design.helpdesk-management-sla-software .outcome:nth-child(2):before {
    background: var(--yellow)
}

.new-theme-design.helpdesk-management-sla-software .outcome:nth-child(3):before {
    background: var(--green)
}

.new-theme-design.helpdesk-management-sla-software .outcome:nth-child(4):before {
    background: var(--purple)
}

.new-theme-design.helpdesk-management-sla-software .outcome strong {
    display: block;
    font-size: 18px;
    margin-bottom: 7px
}

.new-theme-design.helpdesk-management-sla-software .outcome span {
    font-size: 15px;
    color: var(--muted)
}

/* FEATURE LAYOUT */
.new-theme-design.helpdesk-management-sla-software .feature {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center
}

.new-theme-design.helpdesk-management-sla-software .feature.reverse .new-theme-design.helpdesk-management-sla-software .visual {
    order: -1
}

.new-theme-design.helpdesk-management-sla-software .feature p {
    color: var(--muted);
    font-size: 16px;
    margin-top: 15px
}

.new-theme-design.helpdesk-management-sla-software .fl {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px 16px;
    margin-top: 22px
}

.new-theme-design.helpdesk-management-sla-software .fi {
    display: flex;
    gap: 9px;
    font-size: 14px
}

.new-theme-design.helpdesk-management-sla-software .tick {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: var(--greenbg);
    color: var(--green);
    display: grid;
    place-items: center;
    flex: 0 0 21px;
    font-size: 10px;
    font-weight: 900
}

.new-theme-design.helpdesk-management-sla-software .visual {
    min-height: 390px;
    border-radius: 22px;
    background: radial-gradient(circle at 90% 10%, rgba(255, 201, 40, .14), transparent 24%), linear-gradient(145deg, #fff, #EAF8FF);
    border: 1px solid #C0E5F5;
    box-shadow: var(--shadow);
    padding: 20px;
    position: relative;
    overflow: hidden
}

.new-theme-design.helpdesk-management-sla-software .visual:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(0, 168, 248, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 168, 248, .035) 1px, transparent 1px);
    background-size: 24px 24px;
    mask-image: linear-gradient(135deg, #000, transparent 75%)
}

.new-theme-design.helpdesk-management-sla-software .visual>* {
    position: relative;
    z-index: 2
}

/* INTAKE VISUAL */
.new-theme-design.helpdesk-management-sla-software .intakeLayout {
    display: grid;
    grid-template-columns: 1fr 80px 1.15fr;
    gap: 12px;
    align-items: center;
    min-height: 345px
}

.new-theme-design.helpdesk-management-sla-software .intakeChannels {
    display: grid;
    gap: 8px
}

.new-theme-design.helpdesk-management-sla-software .intakeChannel {
    display: grid;
    grid-template-columns: 31px 1fr;
    gap: 9px;
    align-items: center;
    padding: 10px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 11px
}

.new-theme-design.helpdesk-management-sla-software .intakeChannel i {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: var(--sky);
    color: var(--brand2);
    display: grid;
    place-items: center;
    font-style: normal;
    font-size: 6px;
    font-weight: 950
}

.new-theme-design.helpdesk-management-sla-software .intakeChannel:nth-child(2) i {
    background: var(--yellowsoft);
    color: #765900
}

.new-theme-design.helpdesk-management-sla-software .intakeChannel:nth-child(3) i {
    background: var(--greenbg);
    color: var(--green)
}

.new-theme-design.helpdesk-management-sla-software .intakeChannel:nth-child(4) i {
    background: #F1EEFF;
    color: var(--purple)
}

.new-theme-design.helpdesk-management-sla-software .intakeChannel strong {
    display: block;
    font-size: 9px
}

.new-theme-design.helpdesk-management-sla-software .intakeChannel span {
    display: block;
    font-size: 6.5px;
    color: var(--muted)
}

.new-theme-design.helpdesk-management-sla-software .intakeArrows {
    display: grid;
    gap: 10px
}

.new-theme-design.helpdesk-management-sla-software .flowArrow {
    height: 24px;
    border-radius: 999px;
    background: #0D2535;
    position: relative;
    overflow: hidden
}

.new-theme-design.helpdesk-management-sla-software .flowArrow:before {
    content: "";
    position: absolute;
    inset: 9px 7px;
    background: repeating-linear-gradient(90deg, var(--yellow) 0 8px, transparent 8px 15px);
    animation: arrowMove 2s linear infinite
}

.new-theme-design.helpdesk-management-sla-software .flowArrow:after {
    content: "›";
    position: absolute;
    right: 7px;
    top: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 900
}

@keyframes arrowMove {
    to {
        transform: translateX(15px)
    }
}

.new-theme-design.helpdesk-management-sla-software .intakeTicket {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 17px;
    box-shadow: 0 12px 28px rgba(6, 59, 92, .08);
    overflow: hidden
}

.new-theme-design.helpdesk-management-sla-software .intakeTicketHead {
    padding: 12px 13px;
    background: #0D2535;
    color: #fff;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center
}

.new-theme-design.helpdesk-management-sla-software .intakeTicketHead strong {
    font-size: 10px
}

.new-theme-design.helpdesk-management-sla-software .intakeTicketHead span {
    font-size: 6px;
    color: #8CF2C4;
    background: rgba(17, 138, 97, .15);
    padding: 4px 6px;
    border-radius: 999px
}

.new-theme-design.helpdesk-management-sla-software .ticketDetail {
    padding: 13px
}

.new-theme-design.helpdesk-management-sla-software .ticketDetail h4 {
    margin: 0;
    font-size: 13px
}

.new-theme-design.helpdesk-management-sla-software .ticketDetail p {
    font-size: 8px;
    color: var(--muted);
    margin-top: 4px
}

.new-theme-design.helpdesk-management-sla-software .detailTags {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    margin-top: 9px
}

.new-theme-design.helpdesk-management-sla-software .detailTags span {
    padding: 4px 6px;
    border-radius: 999px;
    background: var(--sky);
    color: var(--navy);
    font-size: 6px;
    font-weight: 850
}

.new-theme-design.helpdesk-management-sla-software .detailGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
    margin-top: 10px
}

.new-theme-design.helpdesk-management-sla-software .detailCell {
    padding: 8px;
    border: 1px solid var(--line);
    border-radius: 9px
}

.new-theme-design.helpdesk-management-sla-software .detailCell span {
    display: block;
    font-size: 5.5px;
    color: var(--muted)
}

.new-theme-design.helpdesk-management-sla-software .detailCell strong {
    font-size: 8px
}

.new-theme-design.helpdesk-management-sla-software .acknowledge {
    margin-top: 9px;
    padding: 8px;
    border-radius: 9px;
    background: var(--greenbg);
    color: var(--green);
    font-size: 7px;
    font-weight: 850;
    text-align: center
}

/* SLA VISUAL */
.new-theme-design.helpdesk-management-sla-software .slaVisualTop {
    display: grid;
    grid-template-columns: 145px 1fr;
    gap: 13px
}

.new-theme-design.helpdesk-management-sla-software .slaClockCard {
    background: #0D2535;
    color: #fff;
    border-radius: 16px;
    padding: 15px;
    text-align: center
}

.new-theme-design.helpdesk-management-sla-software .bigSlaRing {
    width: 105px;
    height: 105px;
    margin: auto;
    border-radius: 50%;
    background: conic-gradient(var(--yellow) 0 72%, #23475A 72%);
    display: grid;
    place-items: center;
    position: relative
}

.new-theme-design.helpdesk-management-sla-software .bigSlaRing:after {
    content: "";
    position: absolute;
    inset: 15px;
    border-radius: 50%;
    background: #0D2535
}

.new-theme-design.helpdesk-management-sla-software .bigSlaRing strong {
    position: relative;
    z-index: 1;
    font-size: 19px;
    color: var(--yellow)
}

.new-theme-design.helpdesk-management-sla-software .bigSlaRing span {
    position: absolute;
    z-index: 1;
    margin-top: 31px;
    font-size: 6px;
    color: #BFD2DC
}

.new-theme-design.helpdesk-management-sla-software .slaClockCard b {
    display: block;
    font-size: 9px;
    margin-top: 12px
}

.new-theme-design.helpdesk-management-sla-software .slaClockCard small {
    font-size: 6px;
    color: #BFD2DC
}

.new-theme-design.helpdesk-management-sla-software .slaPolicy {
    display: grid;
    gap: 8px
}

.new-theme-design.helpdesk-management-sla-software .policyCard {
    padding: 11px 12px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    align-items: center
}

.new-theme-design.helpdesk-management-sla-software .policyCard strong {
    display: block;
    font-size: 9px
}

.new-theme-design.helpdesk-management-sla-software .policyCard span {
    display: block;
    font-size: 6.5px;
    color: var(--muted)
}

.new-theme-design.helpdesk-management-sla-software .policyTarget {
    font-size: 7px;
    font-weight: 950;
    padding: 5px 7px;
    border-radius: 999px;
    background: var(--sky);
    color: var(--navy)
}

.new-theme-design.helpdesk-management-sla-software .policyCard:nth-child(2) .new-theme-design.helpdesk-management-sla-software .policyTarget {
    background: var(--yellowsoft);
    color: #765900
}

.new-theme-design.helpdesk-management-sla-software .policyCard:nth-child(3) .new-theme-design.helpdesk-management-sla-software .policyTarget {
    background: var(--greenbg);
    color: var(--green)
}

.new-theme-design.helpdesk-management-sla-software .slaTable {
    margin-top: 12px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 14px;
    overflow: hidden
}

.new-theme-design.helpdesk-management-sla-software .slaTableHead,
.new-theme-design.helpdesk-management-sla-software .slaTableRow {
    display: grid;
    grid-template-columns: 1.3fr .65fr .65fr .7fr;
    gap: 8px;
    align-items: center
}

.new-theme-design.helpdesk-management-sla-software .slaTableHead {
    padding: 9px 11px;
    background: #EAF8FF;
    color: var(--navy);
    font-size: 6.5px;
    font-weight: 950
}

.new-theme-design.helpdesk-management-sla-software .slaTableRow {
    padding: 9px 11px;
    border-top: 1px solid var(--line);
    font-size: 7px
}

.new-theme-design.helpdesk-management-sla-software .slaTableRow strong {
    font-size: 7.5px
}

.new-theme-design.helpdesk-management-sla-software .slaState {
    justify-self: end;
    padding: 4px 6px;
    border-radius: 999px;
    font-size: 6px;
    font-weight: 900;
    background: var(--greenbg);
    color: var(--green)
}

.new-theme-design.helpdesk-management-sla-software .slaTableRow:nth-child(2) .new-theme-design.helpdesk-management-sla-software .slaState {
    background: var(--yellowsoft);
    color: #765900
}

.new-theme-design.helpdesk-management-sla-software .slaTableRow:nth-child(3) .new-theme-design.helpdesk-management-sla-software .slaState {
    background: var(--redbg);
    color: var(--red)
}

/* ROUTING VISUAL */
.new-theme-design.helpdesk-management-sla-software .triageLayout {
    display: grid;
    grid-template-columns: 1fr 105px 1fr;
    gap: 12px;
    align-items: center;
    min-height: 345px
}

.new-theme-design.helpdesk-management-sla-software .triageQueue {
    display: grid;
    gap: 8px
}

.new-theme-design.helpdesk-management-sla-software .triageTicket {
    padding: 11px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: 0 7px 18px rgba(6, 59, 92, .05)
}

.new-theme-design.helpdesk-management-sla-software .triageTicket strong {
    display: block;
    font-size: 9px
}

.new-theme-design.helpdesk-management-sla-software .triageTicket span {
    display: block;
    font-size: 6.5px;
    color: var(--muted);
    margin-top: 2px
}

.new-theme-design.helpdesk-management-sla-software .triageMeta {
    display: flex;
    gap: 5px;
    margin-top: 7px
}

.new-theme-design.helpdesk-management-sla-software .triageMeta b {
    font-size: 5.5px;
    padding: 4px 5px;
    border-radius: 999px;
    background: var(--redbg);
    color: var(--red)
}

.new-theme-design.helpdesk-management-sla-software .triageTicket:nth-child(2) b {
    background: var(--yellowsoft);
    color: #765900
}

.new-theme-design.helpdesk-management-sla-software .triageTicket:nth-child(3) b {
    background: var(--sky);
    color: var(--brand2)
}

.new-theme-design.helpdesk-management-sla-software .ruleEngine {
    height: 165px;
    border-radius: 18px;
    background: #0D2535;
    color: #fff;
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    position: relative;
    overflow: hidden
}

.new-theme-design.helpdesk-management-sla-software .ruleEngine:before {
    content: "";
    position: absolute;
    width: 86px;
    height: 86px;
    border-radius: 50%;
    background: rgba(0, 168, 248, .13);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: enginePulse 2.6s ease-in-out infinite
}

.new-theme-design.helpdesk-management-sla-software .ruleEngine strong,
.new-theme-design.helpdesk-management-sla-software .ruleEngine span {
    position: relative
}

.new-theme-design.helpdesk-management-sla-software .ruleEngine strong {
    font-size: 10px;
    color: var(--yellow)
}

.new-theme-design.helpdesk-management-sla-software .ruleEngine span {
    font-size: 6px;
    color: #BFD2DC;
    margin-top: 5px
}

.new-theme-design.helpdesk-management-sla-software .ruleEngine b {
    position: relative;
    display: inline-flex;
    align-self: center;
    margin-top: 9px;
    padding: 5px 7px;
    border-radius: 999px;
    background: var(--green);
    font-size: 6px
}

@keyframes enginePulse {
    50% {
        transform: translate(-50%, -50%) scale(1.18)
    }
}

.new-theme-design.helpdesk-management-sla-software .teamLanes {
    display: grid;
    gap: 9px
}

.new-theme-design.helpdesk-management-sla-software .teamLane {
    padding: 11px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    display: grid;
    grid-template-columns: 34px 1fr auto;
    gap: 9px;
    align-items: center
}

.new-theme-design.helpdesk-management-sla-software .teamAvatar {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: var(--sky);
    color: var(--brand2);
    display: grid;
    place-items: center;
    font-size: 7px;
    font-weight: 950
}

.new-theme-design.helpdesk-management-sla-software .teamLane:nth-child(2) .new-theme-design.helpdesk-management-sla-software .teamAvatar {
    background: var(--yellowsoft);
    color: #765900
}

.new-theme-design.helpdesk-management-sla-software .teamLane:nth-child(3) .new-theme-design.helpdesk-management-sla-software .teamAvatar {
    background: var(--greenbg);
    color: var(--green)
}

.new-theme-design.helpdesk-management-sla-software .teamLane strong {
    display: block;
    font-size: 9px
}

.new-theme-design.helpdesk-management-sla-software .teamLane span {
    display: block;
    font-size: 6px;
    color: var(--muted)
}

.new-theme-design.helpdesk-management-sla-software .teamLane b {
    font-size: 6px;
    padding: 4px 6px;
    border-radius: 999px;
    background: var(--greenbg);
    color: var(--green)
}

.new-theme-design.helpdesk-management-sla-software .escalationFlow {
    margin-top: 12px;
    padding: 10px;
    border-radius: 12px;
    background: var(--redbg);
    border-left: 4px solid var(--red);
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 7px;
    color: #8C3737
}

.new-theme-design.helpdesk-management-sla-software .escalationFlow strong {
    font-size: 7px
}

/* WORK ORDER FLOW */
.new-theme-design.helpdesk-management-sla-software .woFlow {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
    align-items: center;
    margin-top: 8px
}

.new-theme-design.helpdesk-management-sla-software .woStep {
    min-height: 92px;
    padding: 12px 9px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 12px;
    text-align: center;
    position: relative
}

.new-theme-design.helpdesk-management-sla-software .woStep:not(:last-child):after {
    content: "›";
    position: absolute;
    right: -9px;
    top: 32px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #0D2535;
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 11px;
    font-weight: 900;
    z-index: 3
}

.new-theme-design.helpdesk-management-sla-software .woIcon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: var(--sky);
    color: var(--brand2);
    display: grid;
    place-items: center;
    margin: 0 auto 8px;
    font-size: 7px;
    font-weight: 950
}

.new-theme-design.helpdesk-management-sla-software .woStep:nth-child(2) .new-theme-design.helpdesk-management-sla-software .woIcon {
    background: var(--yellowsoft);
    color: #765900
}

.new-theme-design.helpdesk-management-sla-software .woStep:nth-child(3) .new-theme-design.helpdesk-management-sla-software .woIcon {
    background: #F1EEFF;
    color: var(--purple)
}

.new-theme-design.helpdesk-management-sla-software .woStep:nth-child(4) .new-theme-design.helpdesk-management-sla-software .woIcon {
    background: var(--greenbg);
    color: var(--green)
}

.new-theme-design.helpdesk-management-sla-software .woStep:nth-child(5) .new-theme-design.helpdesk-management-sla-software .woIcon {
    background: #0D2535;
    color: var(--yellow)
}

.new-theme-design.helpdesk-management-sla-software .woStep strong {
    display: block;
    font-size: 8px
}

.new-theme-design.helpdesk-management-sla-software .woStep span {
    display: block;
    font-size: 5.8px;
    color: var(--muted);
    margin-top: 3px
}

.new-theme-design.helpdesk-management-sla-software .executionSplit {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px;
    margin-top: 13px
}

.new-theme-design.helpdesk-management-sla-software .executionCard {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 13px;
    padding: 12px
}

.new-theme-design.helpdesk-management-sla-software .executionCardHead {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--line)
}

.new-theme-design.helpdesk-management-sla-software .executionCardHead strong {
    font-size: 9px
}

.new-theme-design.helpdesk-management-sla-software .executionCardHead span {
    font-size: 6px;
    padding: 4px 6px;
    border-radius: 999px;
    background: var(--greenbg);
    color: var(--green);
    font-weight: 900
}

.new-theme-design.helpdesk-management-sla-software .executionRows {
    display: grid;
    gap: 7px;
    margin-top: 9px
}

.new-theme-design.helpdesk-management-sla-software .executionRow {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 7px
}

.new-theme-design.helpdesk-management-sla-software .executionRow span {
    color: var(--muted)
}

.new-theme-design.helpdesk-management-sla-software .requesterUpdate {
    margin-top: 9px;
    padding: 8px 9px;
    border-radius: 9px;
    background: var(--sky);
    font-size: 7px;
    color: var(--navy)
}

/* CTA */
.new-theme-design.helpdesk-management-sla-software .cta {
    margin-top: 30px;
    padding: 22px 24px;
    border: 1px solid var(--line);
    border-left: 5px solid var(--yellow);
    border-radius: 17px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    gap: 22px;
    align-items: center
}

.new-theme-design.helpdesk-management-sla-software .cta.darkCta {
    background: #121212;
    border-color: #303030;
    color: #fff
}

.new-theme-design.helpdesk-management-sla-software .cta h3 {
    font-size: 19px
}

.new-theme-design.helpdesk-management-sla-software .cta.darkCta h3 {
    color: #fff
}

.new-theme-design.helpdesk-management-sla-software .cta p {
    color: var(--muted);
    font-size: 15px;
    margin-top: 5px;
    max-width: 650px
}

.new-theme-design.helpdesk-management-sla-software .cta.darkCta p {
    color: #D1D1D1
}

.new-theme-design.helpdesk-management-sla-software .ctaBtns {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
    flex: 0 0 auto
}

/* VEDA */
.new-theme-design.helpdesk-management-sla-software .aiSection {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 78% 20%, rgba(0, 168, 248, .16), transparent 30%), radial-gradient(circle at 8% 92%, rgba(255, 201, 40, .08), transparent 24%), linear-gradient(135deg, #070A0D 0%, #101820 58%, #091118 100%)
}

.new-theme-design.helpdesk-management-sla-software .aiSection:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(rgba(255, 255, 255, .022) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .022) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(120deg, transparent 5%, #000 42%, transparent 94%);
    pointer-events: none
}

.new-theme-design.helpdesk-management-sla-software .aiSection .new-theme-design.helpdesk-management-sla-software .wrap {
    position: relative;
    z-index: 2
}

.new-theme-design.helpdesk-management-sla-software .aiIntro {
    display: grid;
    grid-template-columns: .86fr 1.14fr;
    gap: 46px;
    align-items: center
}

.new-theme-design.helpdesk-management-sla-software .aiCopy .new-theme-design.helpdesk-management-sla-software .lead {
    color: #C5D2DA !important;
    font-size: 16px;
    line-height: 1.75
}

.new-theme-design.helpdesk-management-sla-software .aiProductRow {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 19px
}

.new-theme-design.helpdesk-management-sla-software .aiProduct {
    min-height: 58px;
    display: grid;
    grid-template-columns: 39px 1fr;
    gap: 10px;
    align-items: center;
    padding: 10px 13px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .045);
    border: 1px solid rgba(255, 255, 255, .11)
}

.new-theme-design.helpdesk-management-sla-software .aiProduct:first-child {
    box-shadow: inset 3px 0 0 var(--yellow)
}

.new-theme-design.helpdesk-management-sla-software .aiProduct:last-child {
    box-shadow: inset 3px 0 0 var(--brand)
}

.new-theme-design.helpdesk-management-sla-software .aiProductIcon {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    display: grid;
    place-items: center
}

.new-theme-design.helpdesk-management-sla-software .aiProductIcon svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round
}

.new-theme-design.helpdesk-management-sla-software .aiProductIcon.veda {
    background: var(--yellow);
    color: #111
}

.new-theme-design.helpdesk-management-sla-software .aiProductIcon.brain {
    background: linear-gradient(145deg, #DDF5FF, #58C8FF);
    color: #063B5C
}

.new-theme-design.helpdesk-management-sla-software .aiProduct strong {
    display: block;
    color: #fff;
    font-size: 15px
}

.new-theme-design.helpdesk-management-sla-software .aiProduct span {
    display: block;
    color: #9FB1BC;
    font-size: 15px;
    line-height: 1.45;
    margin-top: 2px
}

.new-theme-design.helpdesk-management-sla-software .aiFeatureList {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    margin-top: 18px
}

.new-theme-design.helpdesk-management-sla-software .aiFeature {
    display: grid;
    grid-template-columns: 31px 1fr;
    gap: 9px;
    align-items: start;
    padding: 11px;
    border: 1px solid rgba(255, 255, 255, .085);
    border-radius: 12px;
    background: rgba(255, 255, 255, .03)
}

.new-theme-design.helpdesk-management-sla-software .aiFeatureIcon {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: #17242D;
    color: var(--yellow);
    display: grid;
    place-items: center
}

.new-theme-design.helpdesk-management-sla-software .aiFeatureIcon svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round
}

.new-theme-design.helpdesk-management-sla-software .aiFeature strong {
    display: block;
    color: #fff;
    font-size: 14px
}

.new-theme-design.helpdesk-management-sla-software .aiFeature span {
    display: block;
    color: #AFC0C9;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 2px
}

.new-theme-design.helpdesk-management-sla-software .aiWorkspace {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    background: #0A1117;
    border: 1px solid #34434E;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .42), 0 0 0 1px rgba(0, 168, 248, .05)
}

.new-theme-design.helpdesk-management-sla-software .aiWorkspace:after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    right: -120px;
    bottom: -150px;
    background: radial-gradient(circle, rgba(0, 168, 248, .18), transparent 68%);
    pointer-events: none
}

.new-theme-design.helpdesk-management-sla-software .aiWindowBar {
    height: 47px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: #111B22;
    border-bottom: 1px solid #2B3943
}

.new-theme-design.helpdesk-management-sla-software .windowTitle {
    display: flex;
    align-items: center;
    gap: 9px
}

.new-theme-design.helpdesk-management-sla-software .windowDots {
    display: flex;
    gap: 5px
}

.new-theme-design.helpdesk-management-sla-software .windowDots i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #4B5A64
}

.new-theme-design.helpdesk-management-sla-software .windowDots i:first-child {
    background: #FF6D65
}

.new-theme-design.helpdesk-management-sla-software .windowDots i:nth-child(2) {
    background: #FFC928
}

.new-theme-design.helpdesk-management-sla-software .windowDots i:nth-child(3) {
    background: #20C985
}

.new-theme-design.helpdesk-management-sla-software .windowTitle strong {
    font-size: 9px;
    color: #DCE7ED
}

.new-theme-design.helpdesk-management-sla-software .aiConnected {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 8px;
    border-radius: 999px;
    background: rgba(17, 138, 97, .12);
    color: #8CF2C4;
    font-size: 6px;
    font-weight: 900
}

.new-theme-design.helpdesk-management-sla-software .aiConnected:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #20C985;
    box-shadow: 0 0 0 4px rgba(32, 201, 133, .1);
    animation: aiPulse 2s ease-in-out infinite
}

@keyframes aiPulse {
    50% {
        box-shadow: 0 0 0 8px rgba(32, 201, 133, .03)
    }
}

.new-theme-design.helpdesk-management-sla-software .aiWorkspaceBody {
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    gap: 1px;
    background: #2A3740
}

.new-theme-design.helpdesk-management-sla-software .aiConversation,
.new-theme-design.helpdesk-management-sla-software .aiDecision {
    padding: 17px;
    background: #0E171D;
    min-height: 420px
}

.new-theme-design.helpdesk-management-sla-software .aiDecision {
    background: #111B22
}

.new-theme-design.helpdesk-management-sla-software .workspaceLabel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #8298A6;
    font-size: 6.5px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase
}

.new-theme-design.helpdesk-management-sla-software .workspaceLabel b {
    padding: 4px 6px;
    border-radius: 999px;
    background: #182730;
    color: #A9C0CD;
    font-size: 5.5px
}

.new-theme-design.helpdesk-management-sla-software .userMessage {
    margin-top: 13px;
    padding: 13px 14px 13px 39px;
    border-radius: 14px 14px 14px 4px;
    background: #17242D;
    border: 1px solid #2E3E48;
    color: #EEF5F8;
    font-size: 9px;
    line-height: 1.55;
    position: relative
}

.new-theme-design.helpdesk-management-sla-software .userMessage:before {
    content: "";
    position: absolute;
    left: 12px;
    top: 13px;
    width: 18px;
    height: 18px;
    border-radius: 6px;
    background: var(--yellow);
    box-shadow: inset 0 0 0 5px #111
}

.new-theme-design.helpdesk-management-sla-software .aiProcessing {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #93A8B4;
    font-size: 7px
}

.new-theme-design.helpdesk-management-sla-software .processingDots {
    display: flex;
    gap: 3px
}

.new-theme-design.helpdesk-management-sla-software .processingDots i {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--brand);
    animation: dotWave 1.3s ease-in-out infinite
}

.new-theme-design.helpdesk-management-sla-software .processingDots i:nth-child(2) {
    animation-delay: .15s
}

.new-theme-design.helpdesk-management-sla-software .processingDots i:nth-child(3) {
    animation-delay: .3s
}

@keyframes dotWave {
    50% {
        transform: translateY(-3px);
        background: var(--yellow)
    }
}

.new-theme-design.helpdesk-management-sla-software .structuredTicket {
    margin-top: 12px;
    border-radius: 14px;
    background: #F8FCFE;
    color: var(--ink);
    overflow: hidden;
    border: 1px solid #BDDCEB;
    box-shadow: 0 12px 26px rgba(0, 0, 0, .15)
}

.new-theme-design.helpdesk-management-sla-software .structuredTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 11px;
    background: #EAF8FF;
    border-bottom: 1px solid #D3E8F2
}

.new-theme-design.helpdesk-management-sla-software .structuredTop strong {
    font-size: 8.5px
}

.new-theme-design.helpdesk-management-sla-software .confidence {
    padding: 4px 6px;
    border-radius: 999px;
    background: var(--greenbg);
    color: var(--green);
    font-size: 5.5px;
    font-weight: 950
}

.new-theme-design.helpdesk-management-sla-software .ticketFields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
    padding: 10px
}

.new-theme-design.helpdesk-management-sla-software .ticketField {
    padding: 8px;
    border: 1px solid #DDEBF2;
    border-radius: 9px;
    background: #fff
}

.new-theme-design.helpdesk-management-sla-software .ticketField span {
    display: block;
    color: #78909E;
    font-size: 5.5px
}

.new-theme-design.helpdesk-management-sla-software .ticketField strong {
    display: block;
    font-size: 7.5px;
    margin-top: 2px
}

.new-theme-design.helpdesk-management-sla-software .ticketField.priority strong {
    color: #C33E3E
}

.new-theme-design.helpdesk-management-sla-software .ticketAction {
    margin: 0 10px 10px;
    padding: 8px;
    border-radius: 9px;
    background: #0D2535;
    color: #fff;
    font-size: 6.5px;
    font-weight: 850;
    display: flex;
    justify-content: space-between;
    gap: 10px
}

.new-theme-design.helpdesk-management-sla-software .ticketAction b {
    color: var(--yellow)
}

.new-theme-design.helpdesk-management-sla-software .decisionHead {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center
}

.new-theme-design.helpdesk-management-sla-software .decisionHead strong {
    font-size: 10px;
    color: #fff
}

.new-theme-design.helpdesk-management-sla-software .decisionHead span {
    font-size: 5.7px;
    color: #7BE0B0;
    border: 1px solid rgba(123, 224, 176, .22);
    padding: 4px 6px;
    border-radius: 999px
}

.new-theme-design.helpdesk-management-sla-software .decisionFlow {
    display: grid;
    gap: 7px;
    margin-top: 13px
}

.new-theme-design.helpdesk-management-sla-software .decisionStep {
    display: grid;
    grid-template-columns: 30px 1fr auto;
    gap: 9px;
    align-items: center;
    padding: 9px 10px;
    border: 1px solid #2D3D47;
    border-radius: 11px;
    background: #152129;
    position: relative
}

.new-theme-design.helpdesk-management-sla-software .decisionStep:not(:last-child):after {
    content: "";
    position: absolute;
    left: 24px;
    bottom: -8px;
    width: 1px;
    height: 8px;
    background: #3A4D58
}

.new-theme-design.helpdesk-management-sla-software .decisionNode {
    width: 29px;
    height: 29px;
    border-radius: 9px;
    display: grid;
    place-items: center;
    background: #21323D;
    color: var(--brand)
}

.new-theme-design.helpdesk-management-sla-software .decisionNode svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}

.new-theme-design.helpdesk-management-sla-software .decisionStep:nth-child(2) .new-theme-design.helpdesk-management-sla-software .decisionNode {
    color: var(--yellow)
}

.new-theme-design.helpdesk-management-sla-software .decisionStep:nth-child(3) .new-theme-design.helpdesk-management-sla-software .decisionNode {
    color: #8D7CFF
}

.new-theme-design.helpdesk-management-sla-software .decisionStep:nth-child(4) .new-theme-design.helpdesk-management-sla-software .decisionNode {
    color: #35D391
}

.new-theme-design.helpdesk-management-sla-software .decisionStep strong {
    display: block;
    color: #fff;
    font-size: 7.8px
}

.new-theme-design.helpdesk-management-sla-software .decisionStep span {
    display: block;
    color: #91A6B2;
    font-size: 5.8px;
    margin-top: 1px
}

.new-theme-design.helpdesk-management-sla-software .decisionStep b {
    font-size: 5.5px;
    color: #C7D5DC
}

.new-theme-design.helpdesk-management-sla-software .knowledgeResult {
    margin-top: 11px;
    border-radius: 13px;
    background: linear-gradient(145deg, #F9FCFE, #EAF8FF);
    border: 1px solid #B9DFF1;
    color: var(--ink);
    overflow: hidden
}

.new-theme-design.helpdesk-management-sla-software .knowledgeTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 10px;
    border-bottom: 1px solid #D5EAF3
}

.new-theme-design.helpdesk-management-sla-software .knowledgeBrand {
    display: flex;
    align-items: center;
    gap: 7px
}

.new-theme-design.helpdesk-management-sla-software .knowledgeBrand i {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    background: #0D2535;
    color: #6DD2FF;
    display: grid;
    place-items: center;
    font-style: normal;
    font-size: 6px;
    font-weight: 950
}

.new-theme-design.helpdesk-management-sla-software .knowledgeBrand strong {
    font-size: 7.5px
}

.new-theme-design.helpdesk-management-sla-software .knowledgeScore {
    font-size: 5.5px;
    font-weight: 950;
    color: var(--green);
    background: var(--greenbg);
    padding: 4px 6px;
    border-radius: 999px
}

.new-theme-design.helpdesk-management-sla-software .knowledgeItems {
    padding: 8px 10px
}

.new-theme-design.helpdesk-management-sla-software .knowledgeItem {
    display: grid;
    grid-template-columns: 14px 1fr;
    gap: 7px;
    padding: 5px 0;
    border-bottom: 1px solid #E2EDF2
}

.new-theme-design.helpdesk-management-sla-software .knowledgeItem:last-child {
    border-bottom: 0
}

.new-theme-design.helpdesk-management-sla-software .knowledgeItem:before {
    content: "✓";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--greenbg);
    color: var(--green);
    display: grid;
    place-items: center;
    font-size: 6px;
    font-weight: 950
}

.new-theme-design.helpdesk-management-sla-software .knowledgeItem strong {
    display: block;
    font-size: 6.7px
}

.new-theme-design.helpdesk-management-sla-software .knowledgeItem span {
    display: block;
    font-size: 5.5px;
    color: #718895;
    margin-top: 1px
}

.new-theme-design.helpdesk-management-sla-software .aiWorkspaceFooter {
    height: 41px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: #0A1117;
    border-top: 1px solid #26343D;
    position: relative;
    z-index: 2
}

.new-theme-design.helpdesk-management-sla-software .aiStatusSet {
    display: flex;
    gap: 6px;
    flex-wrap: wrap
}

.new-theme-design.helpdesk-management-sla-software .aiStatusChip {
    font-size: 5.5px;
    font-weight: 900;
    color: #9CB0BB;
    padding: 4px 6px;
    border-radius: 999px;
    background: #152129;
    border: 1px solid #263842
}

.new-theme-design.helpdesk-management-sla-software .aiStatusChip.live {
    color: #7BE0B0
}

.new-theme-design.helpdesk-management-sla-software .aiWorkspaceFooter strong {
    font-size: 6px;
    color: var(--yellow)
}

/* SERVICE MANAGEMENT */
.new-theme-design.helpdesk-management-sla-software .connectedGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px
}

.new-theme-design.helpdesk-management-sla-software .connectedCard {
    background: #151515;
    border: 1px solid #303030;
    border-radius: 15px;
    padding: 20px
}

.new-theme-design.helpdesk-management-sla-software .connectedIcon {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: #252525;
    border: 1px solid #393939;
    color: var(--yellow);
    display: grid;
    place-items: center;
    font-size: 8px;
    font-weight: 950;
    margin-bottom: 13px
}

.new-theme-design.helpdesk-management-sla-software .connectedCard strong {
    display: block;
    color: var(--yellow);
    font-size: 16px;
    margin-bottom: 5px
}

.new-theme-design.helpdesk-management-sla-software .connectedCard span {
    font-size: 15px;
    color: #D0D0D0
}

/* CAPABILITIES */
.new-theme-design.helpdesk-management-sla-software .featureGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px
}

.new-theme-design.helpdesk-management-sla-software .featureCard {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 19px;
    transition: .22s
}

.new-theme-design.helpdesk-management-sla-software .featureCard:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(6, 59, 92, .09)
}

.new-theme-design.helpdesk-management-sla-software .featureIcon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--yellow);
    display: grid;
    place-items: center;
    font-size: 8px;
    font-weight: 900;
    margin-bottom: 13px
}

.new-theme-design.helpdesk-management-sla-software .featureCard p {
    font-size: 15px;
    color: var(--muted);
    margin: 7px 0 0
}

/* IMPLEMENTATION */
.new-theme-design.helpdesk-management-sla-software .steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    counter-reset: step
}

.new-theme-design.helpdesk-management-sla-software .step {
    counter-increment: step;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 20px;
    position: relative
}

.new-theme-design.helpdesk-management-sla-software .step:before {
    content: "0" counter(step);
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #0C2333;
    color: var(--yellow);
    font-weight: 950;
    font-size: 11px;
    margin-bottom: 13px
}

.new-theme-design.helpdesk-management-sla-software .step:not(:last-child):after {
    content: "";
    position: absolute;
    top: 40px;
    right: -14px;
    width: 14px;
    height: 2px;
    background: #BBD8E7
}

.new-theme-design.helpdesk-management-sla-software .step h3 {
    font-size: 17px
}

.new-theme-design.helpdesk-management-sla-software .step p {
    font-size: 15px;
    color: var(--muted);
    margin-top: 7px
}

/* ROLES / PROOF */
.new-theme-design.helpdesk-management-sla-software .useCases {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px
}

.new-theme-design.helpdesk-management-sla-software .useCase {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 20px
}

.new-theme-design.helpdesk-management-sla-software .useIcon {
    width: 42px;
    height: 42px;
    border-radius: 11px;
    background: var(--yellow);
    display: grid;
    place-items: center;
    font-size: 8px;
    font-weight: 900;
    margin-bottom: 14px
}

.new-theme-design.helpdesk-management-sla-software .useCase p {
    color: var(--muted);
    font-size: 15px !important;
    margin-top: 7px
}

.new-theme-design.helpdesk-management-sla-software .proofBand {
    padding: 28px 0;
    background: #0B0B0B;
    color: #fff;
    border-top: 4px solid var(--yellow)
}

.new-theme-design.helpdesk-management-sla-software .proofGrid {
    display: grid;
    grid-template-columns: 1.35fr repeat(6, 1fr);
    gap: 12px;
    align-items: center
}

.new-theme-design.helpdesk-management-sla-software .proofItem {
    text-align: center;
    border-left: 1px solid #2D2D2D
}

.new-theme-design.helpdesk-management-sla-software .proofItem strong {
    display: block;
    color: var(--yellow);
    font-size: 12px
}

.new-theme-design.helpdesk-management-sla-software .proofItem span {
    font-size: 8px;
    color: #BFBFBF
}

/* FAQ / FINAL */
.new-theme-design.helpdesk-management-sla-software .faq {
    max-width: 920px
}

.new-theme-design.helpdesk-management-sla-software .faq details {
    border: 1px solid var(--line);
    border-radius: 13px;
    padding: 18px 20px;
    margin-bottom: 10px;
    background: #fff
}

.new-theme-design.helpdesk-management-sla-software .faq summary {
    font-weight: 800;
    cursor: pointer;
    color: var(--navy)
}

.new-theme-design.helpdesk-management-sla-software .faq details p {
    color: var(--muted);
    font-size: 16px;
    margin-top: 10px
}

.new-theme-design.helpdesk-management-sla-software .final {
    background: linear-gradient(135deg, #0B0B0B, #202020);
    border-top: 5px solid var(--yellow);
    border-radius: 0;
    padding: 44px;
    color: #fff;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 28px;
    align-items: center
}

.new-theme-design.helpdesk-management-sla-software .final h2 {
    color: #fff
}

.new-theme-design.helpdesk-management-sla-software .final p {
    color: #DDD;
    margin-top: 12px;
    max-width: 740px
}

@media(max-width:1050px) {
    .new-theme-design.helpdesk-management-sla-software .channels {
        grid-template-columns: repeat(4, 1fr)
    }

    .new-theme-design.helpdesk-management-sla-software .proofGrid {
        grid-template-columns: repeat(3, 1fr)
    }

    .new-theme-design.helpdesk-management-sla-software .proofGrid>div:first-child {
        grid-column: 1/-1;
        text-align: center
    }

    .new-theme-design.helpdesk-management-sla-software .proofItem {
        border-left: 0
    }
}

@media(max-width:960px) {

    .new-theme-design.helpdesk-management-sla-software .heroGrid,
    .new-theme-design.helpdesk-management-sla-software .feature,
    .new-theme-design.helpdesk-management-sla-software .aiGrid,
    .new-theme-design.helpdesk-management-sla-software .final {
        grid-template-columns: 1fr
    }

    .new-theme-design.helpdesk-management-sla-software .feature.reverse .new-theme-design.helpdesk-management-sla-software .visual {
        order: 0
    }

    .new-theme-design.helpdesk-management-sla-software .helpdeskStage {
        margin: auto
    }

    .new-theme-design.helpdesk-management-sla-software .outcomes,
    .new-theme-design.helpdesk-management-sla-software .featureGrid,
    .new-theme-design.helpdesk-management-sla-software .connectedGrid,
    .new-theme-design.helpdesk-management-sla-software .useCases,
    .new-theme-design.helpdesk-management-sla-software .steps {
        grid-template-columns: repeat(2, 1fr)
    }

    .new-theme-design.helpdesk-management-sla-software .step:after {
        display: none
    }
}

@media(max-width:760px) {

    .new-theme-design.helpdesk-management-sla-software .intakeLayout,
    .new-theme-design.helpdesk-management-sla-software .triageLayout {
        grid-template-columns: 1fr
    }

    .new-theme-design.helpdesk-management-sla-software .intakeArrows {
        grid-template-columns: repeat(3, 1fr)
    }

    .new-theme-design.helpdesk-management-sla-software .flowArrow {
        transform: rotate(90deg)
    }

    .new-theme-design.helpdesk-management-sla-software .woFlow {
        grid-template-columns: 1fr
    }

    .new-theme-design.helpdesk-management-sla-software .woStep:not(:last-child):after {
        content: "↓";
        right: auto;
        left: 50%;
        top: auto;
        bottom: -13px;
        transform: translateX(-50%)
    }

    .new-theme-design.helpdesk-management-sla-software .heroVisual {
        min-height: 500px
    }

    .new-theme-design.helpdesk-management-sla-software .helpdeskStage {
        min-height: 500px;
        transform: scale(.87);
        transform-origin: center top
    }

    .new-theme-design.helpdesk-management-sla-software .requestPhone {
        right: 8px
    }

    .new-theme-design.helpdesk-management-sla-software .deskBoard {
        left: 8px
    }

    .new-theme-design.helpdesk-management-sla-software .slaFloat {
        right: 12px
    }

    .new-theme-design.helpdesk-management-sla-software .escalationCard {
        left: 10px
    }
}

@media(max-width:640px) {
    .new-theme-design.helpdesk-management-sla-software .wrap {
        width: calc(100% - 24px)
    }

    section {
        padding: 56px 0
    }

    .new-theme-design.helpdesk-management-sla-software .hero {
        padding: 54px 0
    }

    h1 {
        font-size: 42px
    }

    .new-theme-design.helpdesk-management-sla-software .fl,
    .new-theme-design.helpdesk-management-sla-software .outcomes,
    .new-theme-design.helpdesk-management-sla-software .featureGrid,
    .new-theme-design.helpdesk-management-sla-software .connectedGrid,
    .new-theme-design.helpdesk-management-sla-software .useCases,
    .new-theme-design.helpdesk-management-sla-software .steps,
    .new-theme-design.helpdesk-management-sla-software .aiMini,
    .new-theme-design.helpdesk-management-sla-software .channels,
    .new-theme-design.helpdesk-management-sla-software .proofGrid,
    .new-theme-design.helpdesk-management-sla-software .slaVisualTop,
    .new-theme-design.helpdesk-management-sla-software .executionSplit {
        grid-template-columns: 1fr
    }

    .new-theme-design.helpdesk-management-sla-software .cta {
        flex-direction: column;
        align-items: flex-start
    }

    .new-theme-design.helpdesk-management-sla-software .visual {
        min-height: auto
    }

    .new-theme-design.helpdesk-management-sla-software .helpdeskStage {
        width: 520px;
        left: 50%;
        margin-left: -260px
    }

    .new-theme-design.helpdesk-management-sla-software .deskBoard {
        width: 410px
    }

    .new-theme-design.helpdesk-management-sla-software .requestPhone {
        width: 190px
    }

    .new-theme-design.helpdesk-management-sla-software .proofItem {
        padding: 9px 0;
        border-top: 1px solid #2D2D2D
    }

    .new-theme-design.helpdesk-management-sla-software .proofGrid>div:first-child {
        grid-column: auto
    }

    .new-theme-design.helpdesk-management-sla-software .final {
        padding: 30px
    }

    .new-theme-design.helpdesk-management-sla-software .final h2 {
        font-size: 34px
    }

    .new-theme-design.helpdesk-management-sla-software .bigSlaRing {
        width: 100px;
        height: 100px
    }

    .new-theme-design.helpdesk-management-sla-software .slaClockCard {
        display: grid;
        grid-template-columns: 120px 1fr;
        text-align: left;
        align-items: center
    }

    .new-theme-design.helpdesk-management-sla-software .slaClockCard b {
        margin-top: 0
    }

    .new-theme-design.helpdesk-management-sla-software .slaTableHead,
    .new-theme-design.helpdesk-management-sla-software .slaTableRow {
        grid-template-columns: 1.3fr .7fr .7fr
    }

    .new-theme-design.helpdesk-management-sla-software .slaTableHead span:nth-child(4),
    .new-theme-design.helpdesk-management-sla-software .slaTableRow .new-theme-design.helpdesk-management-sla-software .slaState {
        display: none
    }
}

@media(max-width:470px) {
    .new-theme-design.helpdesk-management-sla-software .helpdeskStage {
        transform: scale(.68);
        min-height: 390px
    }

    .new-theme-design.helpdesk-management-sla-software .heroVisual {
        min-height: 390px
    }

    .new-theme-design.helpdesk-management-sla-software .channels {
        grid-template-columns: repeat(2, 1fr)
    }

    .new-theme-design.helpdesk-management-sla-software .feature {
        gap: 34px
    }

    .new-theme-design.helpdesk-management-sla-software .queueMetrics {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(max-width:960px) {
    .new-theme-design.helpdesk-management-sla-software .aiIntro {
        grid-template-columns: 1fr
    }

    .new-theme-design.helpdesk-management-sla-software .aiCopy {
        max-width: 780px
    }

    .new-theme-design.helpdesk-management-sla-software .aiWorkspace {
        max-width: 820px
    }
}

@media(max-width:700px) {
    .new-theme-design.helpdesk-management-sla-software .aiWorkspaceBody {
        grid-template-columns: 1fr
    }

    .new-theme-design.helpdesk-management-sla-software .aiConversation,
    .new-theme-design.helpdesk-management-sla-software .aiDecision {
        min-height: auto
    }

    .new-theme-design.helpdesk-management-sla-software .aiFeatureList {
        grid-template-columns: 1fr
    }

    .new-theme-design.helpdesk-management-sla-software .aiProductRow {
        display: grid
    }

    .new-theme-design.helpdesk-management-sla-software .aiProduct {
        width: 100%
    }
}

@media(max-width:520px) {
    .new-theme-design.helpdesk-management-sla-software .ticketFields {
        grid-template-columns: 1fr
    }

    .new-theme-design.helpdesk-management-sla-software .aiConversation,
    .new-theme-design.helpdesk-management-sla-software .aiDecision {
        padding: 13px
    }

    .new-theme-design.helpdesk-management-sla-software .aiWorkspaceFooter {
        height: auto;
        min-height: 48px;
        padding: 9px;
        align-items: flex-start;
        flex-direction: column
    }
}

@media(max-width:767px) {
  .new-theme-design.helpdesk-management-sla-software .visual{
    order: 0;
  }
 .new-theme-design.helpdesk-management-sla-software .visual-content{
    order: 1;
  }
 .new-theme-design.helpdesk-management-sla-software  .heroVisual{
  display: none;
  }
  .new-theme-design.helpdesk-management-sla-software .hero .button.black,
  .new-theme-design.helpdesk-management-sla-software .hero .button.secondary{
    width: 100% !important;
  }
  .new-theme-design.helpdesk-management-sla-software .hero .actions br,
  .new-theme-design.helpdesk-management-sla-software .flowArrow,
 .new-theme-design.helpdesk-management-sla-software .woFlow{
    display: none;
  }
}
/*----------------Helpdesk Management & SLA Software Ends----------------*/
/*----------------Free Personalized Demo Starts----------------*/
.new-theme-design.free-personalized-demo .ey {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 13px;
    border-radius: 999px;
    background: var(--yellowsoft);
    font-size: 13px;
    font-weight: 850;
    margin-bottom: 18px
}

.new-theme-design.free-personalized-demo .lead {
    font-size: 18px;
    color: var(--muted);
    margin-top: 20px;
    max-width: 740px
}

.new-theme-design.free-personalized-demo .btn {
    display: inline-flex;
    min-height: 48px;
    padding: 0 22px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid transparent;
    font-weight: 850;
    transition: .2s
}

.new-theme-design.free-personalized-demo .btn:hover {
    transform: translateY(-2px)
}

.new-theme-design.free-personalized-demo .btn:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
    outline: 3px solid rgba(0, 168, 248, .34);
    outline-offset: 3px
}

.new-theme-design.free-personalized-demo .btn.black {
    background: #0B0B0B;
    color: #fff
}

.new-theme-design.free-personalized-demo .btn.yellow {
    background: var(--yellow);
    color: #000
}

.new-theme-design.free-personalized-demo .btn.outline {
    background: #fff;
    border-color: var(--line);
    color: var(--navy)
}

.new-theme-design.free-personalized-demo .actions {
    display: flex;
    gap: 11px;
    flex-wrap: wrap;
    margin-top: 26px
}

.new-theme-design.free-personalized-demo .soft {
    background: var(--sky2)
}

.new-theme-design.free-personalized-demo .sectionHead {
    max-width: 820px;
    margin-bottom: 36px
}

.new-theme-design.free-personalized-demo .center {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.new-theme-design.free-personalized-demo .sectionHead p {
    color: var(--muted);
    font-size: 16px;
    margin-top: 14px
}

.new-theme-design.free-personalized-demo /* HERO */
.hero {
    padding: 68px 0 64px;
    background: radial-gradient(circle at 78% 12%, rgba(0, 168, 248, .18), transparent 29%), radial-gradient(circle at 93% 83%, rgba(255, 201, 40, .15), transparent 19%), linear-gradient(180deg, #fff, #EFF9FE);
    overflow: hidden
}

.new-theme-design.free-personalized-demo .heroGrid {
    display: grid;
    grid-template-columns: 1fr .94fr;
    gap: 54px;
    align-items: center
}

.new-theme-design.free-personalized-demo .heroCopy {
    position: relative;
    z-index: 2
}

.new-theme-design.free-personalized-demo .heroChecks {
    display: grid;
    gap: 11px;
    margin-top: 25px;
    max-width: 610px
}

.new-theme-design.free-personalized-demo .heroCheck {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    color: #29495E
}

.new-theme-design.free-personalized-demo .heroCheck i {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border-radius: 50%;
    background: var(--greenbg);
    color: var(--green);
    display: grid;
    place-items: center;
    font-style: normal;
    font-size: 11px;
    font-weight: 950
}

.new-theme-design.free-personalized-demo .heroMeta {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    margin-top: 22px;
    font-size: 12px;
    color: var(--navy);
    font-weight: 800
}

.new-theme-design.free-personalized-demo .heroMeta a,
.new-theme-design.free-personalized-demo .heroMeta span {
    display: inline-flex;
    align-items: center;
    gap: 7px
}

.new-theme-design.free-personalized-demo .heroMeta b {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--yellow);
    box-shadow: 0 0 0 4px rgba(255, 201, 40, .16)
}

.new-theme-design.free-personalized-demo .formStage {
    position: relative
}

.new-theme-design.free-personalized-demo .formStage:before {
    content: "";
    position: absolute;
    inset: -22px -22px -24px 35px;
    border-radius: 34px;
    background: linear-gradient(rgba(0, 168, 248, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 168, 248, .045) 1px, transparent 1px);
    background-size: 27px 27px;
    mask-image: linear-gradient(135deg, #000, transparent 88%)
}

.new-theme-design.free-personalized-demo .demoFormCard {
    position: relative;
    z-index: 2;
    background: #fff;
    border: 1px solid #CFE6F2;
    border-radius: 24px;
    box-shadow: 0 28px 70px rgba(6, 59, 92, .18);
    overflow: hidden
}

.new-theme-design.free-personalized-demo .formTop {
    padding: 22px 24px 18px;
    background: linear-gradient(135deg, #0D2535, #0A4E75);
    color: #fff;
    border-bottom: 4px solid var(--yellow)
}

.new-theme-design.free-personalized-demo .formTopRow {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: flex-start
}

.new-theme-design.free-personalized-demo .formTop h2 {
    color: #fff;
    font-size: 27px
}

.new-theme-design.free-personalized-demo .formTop p {
    font-size: 12px;
    color: #CFE2ED;
    margin-top: 6px;
    margin-bottom: 0;
}

.new-theme-design.free-personalized-demo .freeChip {
    font-size: 9px;
    font-weight: 950;
    letter-spacing: .06em;
    background: var(--yellow);
    color: #111;
    padding: 7px 9px;
    border-radius: 999px;
    white-space: nowrap
}

.new-theme-design.free-personalized-demo .demoForm {
    padding: 20px 24px 22px
}

.new-theme-design.free-personalized-demo .fieldGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
}

.new-theme-design.free-personalized-demo .field {
    display: grid;
    gap: 5px;
    margin-bottom: 0;
}

.new-theme-design.free-personalized-demo .field.full {
    grid-column: 1/-1
}

.new-theme-design.free-personalized-demo .field label {
    font-size: 15px;
    font-weight: 600;
    color: #25465B
}

.new-theme-design.free-personalized-demo .field label span {
    color: #E25757
}

.new-theme-design.free-personalized-demo .field input,
.new-theme-design.free-personalized-demo .field select,
.new-theme-design.free-personalized-demo .field textarea {
    width: 100%;
    border: 1px solid #CFE0EA;
    background: #FBFDFF;
    color: var(--ink);
    border-radius: 10px;
    padding: 11px 12px;
    font-size: 12px;
    transition: .18s
}

.new-theme-design.free-personalized-demo .field input,
.new-theme-design.free-personalized-demo .field select {
    height: 44px
}

.new-theme-design.free-personalized-demo .field textarea {
    min-height: 82px;
    resize: vertical
}

.new-theme-design.free-personalized-demo .field input:focus,
.new-theme-design.free-personalized-demo .field select:focus,
.new-theme-design.free-personalized-demo .field textarea:focus {
    border-color: var(--brand);
    background: #fff
}

.new-theme-design.free-personalized-demo .consent {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    margin: 1px 0 13px
}

.new-theme-design.free-personalized-demo .consent input {
    margin-top: 3px;
    accent-color: var(--brand2)
}

.new-theme-design.free-personalized-demo .consent label {
    font-size: 13px;
    color: var(--muted);
}

.new-theme-design.free-personalized-demo .consent a {
    color: var(--brand2);
    font-weight: 800
}

.new-theme-design.free-personalized-demo .formSubmit {
    width: 100%;
    min-height: 50px;
    border: 0;
    border-radius: 11px;
    background: var(--yellow);
    color: #111;
    font-weight: 950;
    box-shadow: 0 10px 24px rgba(255, 201, 40, .22)
}

.new-theme-design.free-personalized-demo .formSubmit:hover {
    transform: translateY(-1px)
}

.new-theme-design.free-personalized-demo .formNote {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 11px;
    font-size: 15px;
    color: var(--muted);
    text-align: center
}

.new-theme-design.free-personalized-demo .formNote span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 0 4px var(--greenbg)
}

.new-theme-design.free-personalized-demo /* TRUST */
.trust {
    padding: 25px 0;
    border-bottom: 1px solid var(--line);
    background: #fff
}

.new-theme-design.free-personalized-demo .trustLabel {
    text-align: center;
    font-size: 13px;
    font-weight: 850;
    margin-bottom: 15px
}

.new-theme-design.free-personalized-demo .logos {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 11px
}

.new-theme-design.free-personalized-demo .logo {
    height: 58px;
    border: 1px solid #D8E7EF;
    border-radius: 12px;
    display: grid;
    place-items: center;
    color: #647F90;
    font-size: 11px;
    font-weight: 900;
    background: linear-gradient(180deg, #fff, #FBFDFF)
}

.new-theme-design.free-personalized-demo /* WHY DEMO */
.outcomes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px
}

.new-theme-design.free-personalized-demo .outcome {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 17px;
    padding: 23px;
    box-shadow: 0 8px 24px rgba(6, 59, 92, .05);
    position: relative;
    overflow: hidden
}

.new-theme-design.free-personalized-demo .outcome:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4px;
    background: var(--brand)
}

.new-theme-design.free-personalized-demo .outcome:nth-child(2):before {
    background: var(--yellow)
}

.new-theme-design.free-personalized-demo .outcome:nth-child(3):before {
    background: var(--green)
}

.new-theme-design.free-personalized-demo .outcomeIcon {
    width: 43px;
    height: 43px;
    border-radius: 12px;
    background: var(--sky);
    display: grid;
    place-items: center;
    margin-bottom: 14px;
    color: var(--navy)
}

.new-theme-design.free-personalized-demo .outcome:nth-child(2) .outcomeIcon {
    background: var(--yellowsoft)
}

.new-theme-design.free-personalized-demo .outcome:nth-child(3) .outcomeIcon {
    background: var(--greenbg)
}

.new-theme-design.free-personalized-demo .outcomeIcon svg {
    width: 22px;
    height: 22px
}

.new-theme-design.free-personalized-demo .outcome strong {
    display: block;
    font-size: 18px
}

.new-theme-design.free-personalized-demo .outcome span {
    display: block;
    font-size: 15px;
    color: var(--muted);
    margin-top: 7px
}

.new-theme-design.free-personalized-demo /* EXPLORE */
.exploreGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px
}

.new-theme-design.free-personalized-demo .exploreCard {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 18px;
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 12px;
    align-items: start;
    transition: .2s
}

.new-theme-design.free-personalized-demo .exploreCard:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(6, 59, 92, .08)
}

.new-theme-design.free-personalized-demo .exploreIcon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--yellow);
    display: grid;
    place-items: center;
    color: #111;
    font-size: 9px;
    font-weight: 950
}

.new-theme-design.free-personalized-demo .exploreCard:nth-child(2n) .exploreIcon {
    background: var(--sky);
    color: var(--navy)
}

.new-theme-design.free-personalized-demo .exploreCard:nth-child(3n) .exploreIcon {
    background: var(--greenbg);
    color: var(--green)
}

.new-theme-design.free-personalized-demo .exploreCard h3 {
    font-size: 16px
}

.new-theme-design.free-personalized-demo .exploreCard p {
    font-size: 15px;
    color: var(--muted);
    margin-top: 5px
}

.new-theme-design.free-personalized-demo /* AI */
.aiSection {
    background: linear-gradient(135deg, #0B0B0B, #171717);
    color: #fff;
    border-top: 4px solid var(--yellow)
}

.new-theme-design.free-personalized-demo .aiSection h2,
.new-theme-design.free-personalized-demo .aiSection h3 {
    color: #fff
}

.new-theme-design.free-personalized-demo .aiSection .ey {
    background: var(--yellow);
    color: #111
}

.new-theme-design.free-personalized-demo .aiSection .ey:before {
    background: #111;
    box-shadow: 0 0 0 4px rgba(17, 17, 17, .12)
}

.new-theme-design.free-personalized-demo .aiSimple {
    display: grid;
    grid-template-columns: 1.8fr 1.12fr;
    gap: 46px;
    align-items: center
}

.new-theme-design.free-personalized-demo .aiCopy p {
    font-size: 16px;
    color: #D0D0D0;
    margin-top: 16px
}

.new-theme-design.free-personalized-demo .aiBenefits {
    display: grid;
    gap: 10px;
    margin-top: 22px
}

.new-theme-design.free-personalized-demo .aiBenefit {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    color: #E2E2E2;
    font-size: 12px
}

.new-theme-design.free-personalized-demo .aiBenefit i {
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    border-radius: 8px;
    background: var(--yellow);
    color: #111;
    font-style: normal;
    display: grid;
    place-items: center;
    font-size: 8px;
    font-weight: 950
}

.new-theme-design.free-personalized-demo .aiFlowCard {
    background: #101820;
    border: 1px solid #33424E;
    border-radius: 22px;
    padding: 18px;
    box-shadow: 0 26px 58px rgba(0, 0, 0, .28)
}

.new-theme-design.free-personalized-demo .aiQuery {
    background: #19242D;
    border: 1px solid #354550;
    border-radius: 13px;
    padding: 13px 15px
}

.new-theme-design.free-personalized-demo .aiQuery small {
    display: block;
    color: #8FA8B8;
    font-size: 7px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .09em
}

.new-theme-design.free-personalized-demo .aiQuery strong {
    display: block;
    font-size: 12px;
    margin-top: 5px
}

.new-theme-design.free-personalized-demo .aiFlow {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 9px;
    align-items: stretch;
    margin-top: 13px
}

.new-theme-design.free-personalized-demo .aiNode {
    border: 1px solid #30404C;
    background: #151F27;
    border-radius: 13px;
    padding: 13px
}

.new-theme-design.free-personalized-demo .aiNodeHead {
    display: flex;
    align-items: center;
    gap: 8px
}

.new-theme-design.free-personalized-demo .aiNodeMark {
    width: 31px;
    height: 31px;
    border-radius: 10px;
    background: var(--yellow);
    color: #111;
    display: grid;
    place-items: center;
    font-size: 8px;
    font-weight: 950
}

.new-theme-design.free-personalized-demo .aiNode:nth-of-type(3) .aiNodeMark {
    background: var(--brand);
    color: #fff
}

.new-theme-design.free-personalized-demo .aiNode:nth-of-type(5) .aiNodeMark {
    background: var(--green);
    color: #fff
}

.new-theme-design.free-personalized-demo .aiNode strong {
    font-size: 16px
}

.new-theme-design.free-personalized-demo .aiNode span {
    display: block;
    font-size: 16px;
    color: #AFC0CB;
    margin-top: 7px
}
.new-theme-design.free-personalized-demo .aiNode p{
  margin-bottom: 0;
}

.new-theme-design.free-personalized-demo .aiArrow {
    display: grid;
    place-items: center;
    color: var(--yellow);
    font-size: 16px;
    font-weight: 950
}

.new-theme-design.free-personalized-demo .aiResult {
    margin-top: 13px;
    background: linear-gradient(90deg, rgba(255, 201, 40, .15), rgba(17, 138, 97, .11));
    border: 1px solid rgba(255, 201, 40, .35);
    border-radius: 12px;
    padding: 12px 13px;
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center
}

.new-theme-design.free-personalized-demo .aiResult strong {
    display: block;
    font-size: 9px
}

.new-theme-design.free-personalized-demo .aiResult span {
    display: block;
    font-size: 7px;
    color: #C8D4DB;
    margin-top: 3px
}

.new-theme-design.free-personalized-demo .aiResult b {
    padding: 6px 8px;
    border-radius: 999px;
    background: var(--yellow);
    color: #111;
    font-size: 7px;
    white-space: nowrap
}

.new-theme-design.free-personalized-demo /* AGENDA */
.agendaGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px
}

.new-theme-design.free-personalized-demo .agendaStep {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 17px;
    padding: 21px;
    position: relative
}

.new-theme-design.free-personalized-demo .agendaTop {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    margin-bottom: 15px
}

.new-theme-design.free-personalized-demo .stepNum {
    width: 39px;
    height: 39px;
    border-radius: 12px;
    background: var(--brand);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 14px;
    font-weight: 950
}

.new-theme-design.free-personalized-demo .agendaStep:nth-child(2) .stepNum {
    background: var(--yellow);
    color: #111
}

.new-theme-design.free-personalized-demo .agendaStep:nth-child(3) .stepNum {
    background: var(--green)
}

.new-theme-design.free-personalized-demo .stepTime {
    font-size: 14px;
    font-weight: 900;
    color: var(--navy);
    background: #F3F8FB;
    border: 1px solid var(--line);
    padding: 5px 7px;
    border-radius: 999px
}

.new-theme-design.free-personalized-demo .agendaStep h3 {
    font-size: 18px
}

.new-theme-design.free-personalized-demo .agendaStep p {
    font-size: 15px;
    color: var(--muted);
    margin-top: 8px
}

.new-theme-design.free-personalized-demo /* IMPLEMENTATION */
.supportShell {
    background: #fff;
    border: 1px solid #CAE4F1;
    border-radius: 24px;
    box-shadow: var(--shadow);
    overflow: hidden
}

.new-theme-design.free-personalized-demo .supportHead {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 30px;
    align-items: end;
    padding: 30px 32px;
    background: radial-gradient(circle at 88% 20%, rgba(255, 201, 40, .18), transparent 24%), linear-gradient(135deg, #EAF8FF, #F8FCFF)
}

.new-theme-design.free-personalized-demo .supportHead p {
    color: var(--muted);
    font-size: 16px;
    max-width: 520px
}

.new-theme-design.free-personalized-demo .supportRail {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 0 20px 22px;
    gap: 12px;
    margin-top: -2px
}

.new-theme-design.free-personalized-demo .supportCard {
    border: 1px solid var(--line);
    border-radius: 15px;
    padding: 18px;
    background: #fff
}

.new-theme-design.free-personalized-demo .supportIcon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--sky);
    color: var(--navy);
    display: grid;
    place-items: center;
    font-size: 9px;
    font-weight: 950;
    margin-bottom: 12px
}

.new-theme-design.free-personalized-demo .supportCard:nth-child(2) .supportIcon {
    background: var(--yellowsoft);
    color: #6B5200
}

.new-theme-design.free-personalized-demo .supportCard:nth-child(3) .supportIcon {
    background: var(--greenbg);
    color: var(--green)
}

.new-theme-design.free-personalized-demo .supportCard:nth-child(4) .supportIcon {
    background: #F0EDFF;
    color: var(--purple)
}

.new-theme-design.free-personalized-demo .supportCard h3 {
    font-size: 16px
}

.new-theme-design.free-personalized-demo .supportCard p {
    font-size: 15px;
    color: var(--muted);
    margin-top: 6px
}

.new-theme-design.free-personalized-demo .supportNote {
    margin: 0 20px 20px;
    padding: 13px 15px;
    border-radius: 12px;
    background: #0D2535;
    color: #fff;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center
}

.new-theme-design.free-personalized-demo .supportNote span {
    font-size: 10px;
    color: #CEE0E9
}

.new-theme-design.free-personalized-demo .supportNote b {
    font-size: 9px;
    color: #111;
    background: var(--yellow);
    padding: 6px 8px;
    border-radius: 999px;
    white-space: nowrap
}

.new-theme-design.free-personalized-demo /* PROMISE */
.promiseBand {
    background: #0B0B0B;
    color: #fff;
    border-top: 4px solid var(--yellow);
    padding: 28px 0
}

.new-theme-design.free-personalized-demo .promiseGrid {
    display: grid;
    grid-template-columns: 1.2fr repeat(3, 1fr);
    gap: 14px;
    align-items: center
}

.new-theme-design.free-personalized-demo .promiseIntro strong {
    display: block;
    font-size: 18px
}

.new-theme-design.free-personalized-demo .promiseIntro span {
    display: block;
    font-size: 10px;
    color: #BFBFBF;
    margin-top: 4px
}

.new-theme-design.free-personalized-demo .promiseItem {
    min-height: 70px;
    border-left: 1px solid #2D2D2D;
    padding-left: 17px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.new-theme-design.free-personalized-demo .promiseItem b {
    font-size: 13px;
    color: var(--yellow)
}

.new-theme-design.free-personalized-demo .promiseItem span {
    font-size: 9px;
    color: #CFCFCF;
    margin-top: 4px
}

.new-theme-design.free-personalized-demo /* FAQ */
.faq {
    max-width: 900px
}

.new-theme-design.free-personalized-demo .faq details {
    border: 1px solid var(--line);
    border-radius: 13px;
    padding: 18px 20px;
    margin-bottom: 10px;
    background: #fff
}

.new-theme-design.free-personalized-demo .faq summary {
    font-weight: 850;
    cursor: pointer;
    color: var(--navy)
}

.new-theme-design.free-personalized-demo .faq details p {
    color: var(--muted);
    font-size: 16px;
    margin-top: 10px
}

.new-theme-design.free-personalized-demo .final {
    background: linear-gradient(135deg, #0B0B0B, #202020);
    border-top: 5px solid var(--yellow);
    border-radius: 0;
    padding: 39px 42px;
    color: #fff;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 28px;
    align-items: center
}

.new-theme-design.free-personalized-demo .final h2 {
    color: #fff;
    font-size: clamp(29px, 3.3vw, 42px)
}

.new-theme-design.free-personalized-demo .final p {
    color: #D7D7D7;
    margin-top: 10px;
    max-width: 700px;
    font-size: 14px
}

.new-theme-design.free-personalized-demo .ctaBtns {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
    flex: 0 0 auto
}

.new-theme-design.free-personalized-demo .contactLine {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 13px;
    font-size: 10px;
    color: #C8C8C8;
    font-size: 15px;
    text-align: center;
    justify-content: center;
}

.new-theme-design.free-personalized-demo .contactLine a {
    color: #fff;
    font-weight: 800
}

@media(max-width:980px) {

    .new-theme-design.free-personalized-demo .heroGrid,
    .new-theme-design.free-personalized-demo .aiSimple,
    .new-theme-design.free-personalized-demo .supportHead,
    .new-theme-design.free-personalized-demo .final {
        grid-template-columns: 1fr
    }

    .new-theme-design.free-personalized-demo .heroCopy {
        max-width: 800px
    }

    .new-theme-design.free-personalized-demo .formStage {
        max-width: 720px;
        width: 100%;
        margin: 0 auto
    }

    .new-theme-design.free-personalized-demo .outcomes,
    .new-theme-design.free-personalized-demo .exploreGrid,
    .new-theme-design.free-personalized-demo .agendaGrid {
        grid-template-columns: repeat(2, 1fr)
    }

    .new-theme-design.free-personalized-demo .logos {
        grid-template-columns: repeat(3, 1fr)
    }

    .new-theme-design.free-personalized-demo .supportRail {
        grid-template-columns: repeat(2, 1fr)
    }

    .new-theme-design.free-personalized-demo .promiseGrid {
        grid-template-columns: repeat(2, 1fr)
    }

    .new-theme-design.free-personalized-demo .promiseIntro {
        grid-column: 1/-1
    }
}

@media(max-width:680px) {
    .new-theme-design.free-personalized-demo .wrap {
        width: calc(100% - 24px)
    }

    section {
        padding: 56px 0
    }

    .new-theme-design.free-personalized-demo .hero {
        padding: 50px 0 46px
    }

    h1 {
        font-size: 42px
    }

    .new-theme-design.free-personalized-demo .heroGrid {
        gap: 36px
    }

    .new-theme-design.free-personalized-demo .formStage:before {
        display: none
    }

    .new-theme-design.free-personalized-demo .fieldGrid {
        grid-template-columns: 1fr
    }

    .new-theme-design.free-personalized-demo .field.full {
        grid-column: auto
    }

    .new-theme-design.free-personalized-demo .formTopRow {
        display: grid
    }

    .new-theme-design.free-personalized-demo .freeChip {
        justify-self: start
    }

    .new-theme-design.free-personalized-demo .outcomes,
    .new-theme-design.free-personalized-demo .exploreGrid,
    .new-theme-design.free-personalized-demo .agendaGrid,
    .new-theme-design.free-personalized-demo .logos,
    .new-theme-design.free-personalized-demo .supportRail,
    .new-theme-design.free-personalized-demo .promiseGrid {
        grid-template-columns: 1fr
    }

    .new-theme-design.free-personalized-demo .supportHead {
        padding: 26px 22px
    }

    .new-theme-design.free-personalized-demo .supportRail {
        padding: 0 14px 14px
    }

    .new-theme-design.free-personalized-demo .supportNote {
        margin: 0 14px 14px;
        align-items: flex-start;
        flex-direction: column
    }

    .new-theme-design.free-personalized-demo .promiseIntro {
        grid-column: auto
    }

    .new-theme-design.free-personalized-demo .promiseItem {
        border-left: 0;
        border-top: 1px solid #2D2D2D;
        padding: 13px 0 0
    }

    .new-theme-design.free-personalized-demo .aiFlow {
        grid-template-columns: 1fr
    }

    .new-theme-design.free-personalized-demo .aiArrow {
        transform: rotate(90deg)
    }

    .new-theme-design.free-personalized-demo .aiResult {
        align-items: flex-start;
        flex-direction: column
    }

    .new-theme-design.free-personalized-demo .final {
        padding: 31px 23px
    }

    .new-theme-design.free-personalized-demo .final .ctaBtns {
        width: 100%
    }

    .new-theme-design.free-personalized-demo .final .btn {
        width: 100%
    }
}

@media(max-width:460px) {
    .new-theme-design.free-personalized-demo .heroMeta {
        display: grid;
        gap: 9px
    }
    .new-theme-design.free-personalized-demo .heroMeta br{
      display: none;
    }

    .new-theme-design.free-personalized-demo .demoForm {
        padding: 18px
    }

    .new-theme-design.free-personalized-demo .formTop {
        padding: 20px
    }

    .new-theme-design.free-personalized-demo .exploreCard {
        grid-template-columns: 38px 1fr
    }

    .new-theme-design.free-personalized-demo .exploreIcon {
        width: 38px;
        height: 38px
    }
}

/* SOLUTIONS */
       .new-theme-design.free-personalized-demo  .solutionGrid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 15px
        }

       .new-theme-design.free-personalized-demo  .solutionCard {
            background: #fff;
            border: 1px solid var(--line);
            border-radius: 17px;
            padding: 20px;
            transition: .22s;
            position: relative;
            overflow: hidden
        }

       .new-theme-design.free-personalized-demo  .solutionCard:before {
            content: "";
            position: absolute;
            right: -25px;
            top: -25px;
            width: 90px;
            height: 90px;
            border-radius: 50%;
            background: rgba(0, 168, 248, .06)
        }

       .new-theme-design.free-personalized-demo  .solutionCard:nth-child(2n):before {
            background: rgba(255, 201, 40, .11)
        }

       .new-theme-design.free-personalized-demo  .solutionCard:hover {
            transform: translateY(-4px);
            box-shadow: 0 15px 32px rgba(6, 59, 92, .09)
        }

       .new-theme-design.free-personalized-demo  .solutionIcon {
            width: 45px;
            height: 45px;
            border-radius: 13px;
            background: var(--yellow);
            display: grid;
            place-items: center;
            margin-bottom: 14px;
            position: relative
        }

       .new-theme-design.free-personalized-demo  .solutionIcon svg {
            width: 23px;
            height: 23px;
            stroke: #111
        }

       .new-theme-design.free-personalized-demo  .solutionCard:nth-child(3n) .solutionIcon {
            background: var(--yellow)
        }

       .new-theme-design.free-personalized-demo  .solutionCard:nth-child(4n) .solutionIcon {
            background: var(--yellow)
        }

       .new-theme-design.free-personalized-demo  .solutionCard h3 {
            font-size: 18px
        }

       .new-theme-design.free-personalized-demo  .solutionCard p {
            font-size: 15px;
            color: var(--muted);
            margin-top: 8px
        }

       .new-theme-design.free-personalized-demo  .solutionTag {
            display: inline-flex;
            margin-top: 13px;
            padding: 5px 15px;
            border-radius: 999px;
            background: #F4F9FC;
            color: var(--navy);
            font-size: 13px;
            font-weight: 900;
            border: 1px solid #DBEAF2
        }

        /* AI */
       .new-theme-design.free-personalized-demo  .aiGrid {
            display: grid;
            grid-template-columns: .92fr 1.08fr;
            gap: 48px;
            align-items: center
        }

       .new-theme-design.free-personalized-demo  .aiCopy .lead {
            color: #D5D5D5
        }

       .new-theme-design.free-personalized-demo  .aiPoints {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px 14px;
            margin-top: 23px
        }

       .new-theme-design.free-personalized-demo  .aiPoint {
            display: flex;
            gap: 9px;
            font-size: 12px;
            color: #D8D8D8
        }

       .new-theme-design.free-personalized-demo  .aiPoint span:first-child {
            width: 22px;
            height: 22px;
            flex: 0 0 22px;
            border-radius: 8px;
            background: var(--yellow);
            color: #111;
            display: grid;
            place-items: center;
            font-size: 8px;
            font-weight: 950
        }

       .new-theme-design.free-personalized-demo  .aiWorkspace {
            background: #101820;
            border: 1px solid #30404D;
            border-radius: 22px;
            overflow: hidden;
            box-shadow: 0 28px 64px rgba(0, 0, 0, .28)
        }

       .new-theme-design.free-personalized-demo  .aiHead {
            display: flex;
            justify-content: space-between;
            gap: 14px;
            align-items: center;
            padding: 13px 15px;
            border-bottom: 1px solid #2C3945;
            background: #0B1117
        }

       .new-theme-design.free-personalized-demo  .aiBrand {
            display: flex;
            align-items: center;
            gap: 10px
        }

       .new-theme-design.free-personalized-demo  .aiMark {
            width: 34px;
            height: 34px;
            border-radius: 10px;
            background: var(--yellow);
            color: #111;
            display: grid;
            place-items: center;
            font-size: 9px;
            font-weight: 950
        }

       .new-theme-design.free-personalized-demo  .aiBrand strong {
            display: block;
            font-size: 10px
        }

       .new-theme-design.free-personalized-demo  .aiBrand span {
            display: block;
            font-size: 6px;
            color: #93A8B8
        }

      .new-theme-design.free-personalized-demo   .aiStatus {
            font-size: 7px;
            font-weight: 900;
            color: #79E7B6;
            background: rgba(17, 138, 97, .15);
            border: 1px solid rgba(121, 231, 182, .25);
            padding: 5px 7px;
            border-radius: 999px
        }

       .new-theme-design.free-personalized-demo  .aiBody {
            display: grid;
            grid-template-columns: 1.18fr .82fr;
            min-height: 380px
        }

       .new-theme-design.free-personalized-demo  .aiConversation {
            padding: 15px;
            border-right: 1px solid #293744
        }

       .new-theme-design.free-personalized-demo  .queryLabel {
            font-size: 7px;
            color: #93A8B8;
            font-weight: 850
        }

       .new-theme-design.free-personalized-demo  .queryBox {
            margin-top: 7px;
            padding: 12px 13px;
            border-radius: 12px;
            background: #1B2630;
            border: 1px solid #314451;
            font-size: 9px;
            color: #F2F6F8
        }

      .new-theme-design.free-personalized-demo   .queryTags {
            display: flex;
            gap: 6px;
            flex-wrap: wrap;
            margin-top: 9px
        }

       .new-theme-design.free-personalized-demo  .queryTags span {
            font-size: 6px;
            padding: 4px 6px;
            border-radius: 999px;
            background: #182D3B;
            color: #A9DFF8;
            border: 1px solid #28495D
        }

       .new-theme-design.free-personalized-demo  .answerBox {
            margin-top: 12px;
            border-radius: 13px;
            background: #F8FBFC;
            color: var(--ink);
            padding: 13px
        }

       .new-theme-design.free-personalized-demo  .answerTop {
            display: flex;
            justify-content: space-between;
            gap: 10px;
            align-items: center
        }

       .new-theme-design.free-personalized-demo  .answerTop strong {
            font-size: 9px
        }

      .new-theme-design.free-personalized-demo   .answerTop span {
            font-size: 6px;
            color: var(--green);
            background: var(--greenbg);
            padding: 4px 6px;
            border-radius: 999px;
            font-weight: 900
        }

      .new-theme-design.free-personalized-demo   .insightGrid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 7px;
            margin-top: 10px
        }

       .new-theme-design.free-personalized-demo  .insight {
            padding: 8px;
            border-radius: 9px;
            border: 1px solid var(--line);
            background: #fff
        }

       .new-theme-design.free-personalized-demo  .insight b {
            display: block;
            font-size: 10px;
            color: var(--navy)
        }

       .new-theme-design.free-personalized-demo  .insight small {
            display: block;
            font-size: 5.7px;
            color: var(--muted);
            margin-top: 2px
        }

       .new-theme-design.free-personalized-demo  .aiAction {
            margin-top: 9px;
            padding: 9px;
            border-radius: 9px;
            background: #0D2535;
            color: #fff;
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 8px;
            align-items: center
        }

      .new-theme-design.free-personalized-demo   .aiAction span {
            font-size: 6.5px
        }

       .new-theme-design.free-personalized-demo  .aiAction b {
            font-size: 6.5px;
            color: var(--yellow)
        }

      .new-theme-design.free-personalized-demo   .knowledgePanel {
            padding: 15px;
            background: #0D151C
        }

       .new-theme-design.free-personalized-demo  .knowledgeTitle {
            font-size: 8px;
            font-weight: 900
        }

       .new-theme-design.free-personalized-demo  .knowledgeTitle span {
            display: block;
            color: #8198A8;
            font-size: 6px;
            margin-top: 2px;
            font-weight: 500
        }

       .new-theme-design.free-personalized-demo  .knowledgeCards {
            display: grid;
            gap: 8px;
            margin-top: 11px
        }

       .new-theme-design.free-personalized-demo  .knowledgeCard {
            padding: 10px;
            border: 1px solid #2C3E4B;
            background: #151F27;
            border-radius: 10px
        }

       .new-theme-design.free-personalized-demo  .knowledgeCard strong {
            display: block;
            color: #fff;
            font-size: 7px
        }

       .new-theme-design.free-personalized-demo  .knowledgeCard span {
            display: block;
            color: #91A7B6;
            font-size: 5.7px;
            margin-top: 3px
        }

       .new-theme-design.free-personalized-demo  .match {
            margin-top: 6px;
            height: 4px;
            background: #24343F;
            border-radius: 99px;
            overflow: hidden
        }

       .new-theme-design.free-personalized-demo  .match i {
            display: block;
            height: 100%;
            background: var(--yellow);
            width: 92%
        }

       .new-theme-design.free-personalized-demo  .knowledgeCard:nth-child(2) .match i {
            width: 84%
        }

      .new-theme-design.free-personalized-demo   .knowledgeCard:nth-child(3) .match i {
            width: 77%
        }

       .new-theme-design.free-personalized-demo  .kbFooter {
            margin-top: 11px;
            padding: 10px;
            border-radius: 10px;
            background: rgba(255, 201, 40, .09);
            border: 1px solid rgba(255, 201, 40, .18);
            font-size: 6px;
            color: #F4D875
        }

      .new-theme-design.free-personalized-demo   .aiFoot {
            display: flex;
            justify-content: space-between;
            gap: 12px;
            align-items: center;
            padding: 10px 14px;
            border-top: 1px solid #2B3944;
            background: #0B1117
        }

      .new-theme-design.free-personalized-demo   .aiFoot span {
            font-size: 6.5px;
            color: #8FA6B5
        }

       .new-theme-design.free-personalized-demo  .aiFoot b {
            font-size: 7px;
            color: var(--yellow)
        }
.new-theme-design.free-personalized-demo .intl-tel-input{
  width: 100%;
}
.new-theme-design.free-personalized-demo .field textarea{
  height: 80px;
}
.new-theme-design.free-personalized-demo .form-container br{
  display: none;
}
@media (max-width: 767px){
  .new-theme-design.free-personalized-demo .solutionGrid {
    grid-template-columns: repeat(1, 1fr);
  }
}
/*----------------Free Personalized Demo Ends----------------*/
/*----------------New Header Starts----------------*/
.top-right-header-new .toplft-btn{
      padding: 8px 15px;
}
.top-right-header-new .btn-dark{
    color: #fff !important;
    padding: 8px 15px;
    margin-right: 4px;
    border-radius: 4px;
    font-weight: 600;
}
.top-right-header-new .btn-dark:hover{
  box-shadow: none;
}
.top-right-header-new .phone-contact{
  border: 2px solid #FFC107;
  border-radius: 5px;
  padding: 6px 15px;
  margin-right: 4px;
  box-shadow: 0 0 10px #ffe4a1;
  margin-right: 9px;
  transition: all 0.3s;
  color: #000;
  font-weight: 700;
  font-size: 16px;
}
.top-right-header-new .phone-contact:hover{
  background: #fff7d6;
}
.new-theme-design .footer-cont-info .phone-contact{
  color: #ffc928;
  font-size: 18px;
  font-weight: 700;
}
.new-theme-design .footer-cont-info .phone-contact:hover{
  color: #fff;
}
.new-theme-design .footer-cont-info .email-us{
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
.new-theme-design .footer-cont-info .email-us:hover{
  color: #ccc;
}

@media (min-width: 768px) and (max-width: 1194px) {
    .navbar-expand-lg .navbar-collapse{
      flex-direction: column;
    }
}
@media (max-width: 900px) {
    .bottom-sty .top-left-contact .phone-contact {
        border: 2px solid #FFC107;
        border-radius: 5px;
        padding: 6px 15px;
        margin-right: 4px;
        box-shadow: 0 0 10px #ffe4a1;
        margin-right: 9px;
        transition: all 0.3s;
        color: #000;
        font-weight: 700;
        font-size: 20px;
    }
    .footer-cont-info{
      flex-direction: column;
    }
}
/*----------------New Header Ends----------------*/

/*----------------Start Free Trial Starts----------------*/
.new-theme-design.start-free-trial .ey {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 13px;
    border-radius: 999px;
    background: var(--yellowsoft);
    font-size: 13px;
    font-weight: 850;
    margin-bottom: 18px
}
.new-theme-design.start-free-trial .lead {
    font-size: 18px;
    color: var(--muted);
    margin-top: 20px;
    max-width: 720px
}

.new-theme-design.start-free-trial .btn {
    display: inline-flex;
    min-height: 49px;
    padding: 0 23px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid transparent;
    font-weight: 850;
    transition: .2s
}

.new-theme-design.start-free-trial .btn:hover {
    transform: translateY(-2px)
}

.new-theme-design.start-free-trial .btn:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
    outline: 3px solid rgba(0, 168, 248, .34);
    outline-offset: 3px
}

.new-theme-design.start-free-trial .btn.black {
    background: #0B0B0B;
    color: #fff
}

.new-theme-design.start-free-trial .btn.yellow {
    background: var(--yellow);
    color: #000
}

.new-theme-design.start-free-trial .btn.outline {
    background: #fff;
    border-color: var(--line);
    color: var(--navy)
}

.new-theme-design.start-free-trial .actions {
    display: flex;
    gap: 11px;
    flex-wrap: wrap;
    margin-top: 27px
}

.new-theme-design.start-free-trial .soft {
    background: var(--sky2)
}

.new-theme-design.start-free-trial .sectionHead {
    max-width: 860px;
    margin-bottom: 38px
}

.new-theme-design.start-free-trial .center {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.new-theme-design.start-free-trial .sectionHead p {
    color: var(--muted);
    font-size: 16px;
    margin-top: 14px
}

.new-theme-design.start-free-trial /* CONTACT STRIP */
.contactBar {
    padding: 15px 0;
    background: #071E2D;
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, .08);
    border-bottom: 1px solid rgba(255, 255, 255, .12)
}

.new-theme-design.start-free-trial .contactGrid {
    display: grid;
    grid-template-columns: 1.1fr 1fr 1.25fr;
    gap: 10px
}

.new-theme-design.start-free-trial .contactItem {
    min-height: 66px;
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 12px;
    align-items: center;
    padding: 8px 14px;
    border-right: 1px solid rgba(255, 255, 255, .13)
}

.new-theme-design.start-free-trial .contactItem:last-child {
    border-right: 0
}

.new-theme-design.start-free-trial .contactIcon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--yellow);
    color: #111;
    display: grid;
    place-items: center
}

.new-theme-design.start-free-trial .contactIcon svg {
    width: 20px;
    height: 20px
}

.new-theme-design.start-free-trial .contactItem small {
    display: block;
    color: #9FC0D1;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}

.new-theme-design.start-free-trial .contactItem strong {
    display: block;
    font-size: 14px;
    color: #fff;
    margin-top: 2px;
    line-height: 1.45
}

.new-theme-design.start-free-trial .contactItem .dual {
    display: flex;
    gap: 7px 13px;
    flex-wrap: wrap
}

.new-theme-design.start-free-trial /* HERO */
.hero {
    padding: 66px 0 38px;
    background: radial-gradient(circle at 78% 10%, rgba(0, 168, 248, .18), transparent 28%), radial-gradient(circle at 93% 72%, rgba(255, 201, 40, .15), transparent 18%), linear-gradient(180deg, #fff, #EFF9FE);
    overflow: hidden
}

.new-theme-design.start-free-trial .heroGrid {
    display: grid;
    grid-template-columns: 1fr .92fr;
    gap: 55px;
    align-items: center
}

.new-theme-design.start-free-trial .heroCopy {
    position: relative;
    z-index: 2
}

.new-theme-design.start-free-trial .heroChecks {
    display: grid;
    gap: 11px;
    margin-top: 24px;
    max-width: 620px
}

.new-theme-design.start-free-trial .heroCheck {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    color: #29495E
}

.new-theme-design.start-free-trial .heroCheck i {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border-radius: 50%;
    background: var(--greenbg);
    color: var(--green);
    display: grid;
    place-items: center;
    font-style: normal;
    font-size: 11px;
    font-weight: 950
}

.new-theme-design.start-free-trial .heroMicro {
    margin-top: 19px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    color: var(--navy);
    font-size: 11px;
    font-weight: 800
}

.new-theme-design.start-free-trial .heroMicro span {
    display: inline-flex;
    align-items: center;
    gap: 7px
}

.new-theme-design.start-free-trial .heroMicro b {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--yellow);
    box-shadow: 0 0 0 4px rgba(255, 201, 40, .16)
}

.new-theme-design.start-free-trial .formStage {
    position: relative
}

.new-theme-design.start-free-trial .formStage:before {
    content: "";
    position: absolute;
    inset: -22px -22px -24px 35px;
    border-radius: 34px;
    background: linear-gradient(rgba(0, 168, 248, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 168, 248, .045) 1px, transparent 1px);
    background-size: 27px 27px;
    mask-image: linear-gradient(135deg, #000, transparent 88%)
}

.new-theme-design.start-free-trial .trialFormCard {
    position: relative;
    z-index: 2;
    background: #fff;
    border: 1px solid #CFE6F2;
    border-radius: 24px;
    box-shadow: 0 28px 70px rgba(6, 59, 92, .18);
    overflow: hidden
}

.new-theme-design.start-free-trial .formTop {
    padding: 22px 24px 18px;
    background: linear-gradient(135deg, #0D2535, #0A4E75);
    color: #fff;
    border-bottom: 4px solid var(--yellow)
}

.new-theme-design.start-free-trial .formTopRow {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: flex-start
}

.new-theme-design.start-free-trial .formTop h2 {
    color: #fff;
    font-size: 27px
}

.new-theme-design.start-free-trial .formTop p {
    font-size: 15px;
    color: #CFE2ED;
    margin-top: 6px;
    margin-bottom: 0;
}

.new-theme-design.start-free-trial .freeChip {
    font-size: 9px;
    font-weight: 950;
    letter-spacing: .06em;
    background: var(--yellow);
    color: #111;
    padding: 7px 9px;
    border-radius: 999px;
    white-space: nowrap
}

.new-theme-design.start-free-trial .trialForm {
    padding: 20px 24px 22px
}

.new-theme-design.start-free-trial .fieldGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px
}

.new-theme-design.start-free-trial .field {
    display: grid;
    gap: 5px;
    margin-bottom: 12px
}

.new-theme-design.start-free-trial .field.full {
    grid-column: 1/-1
}

.new-theme-design.start-free-trial .field label {
    font-size: 15px;
    font-weight: 600;
    color: #25465B
}

.new-theme-design.start-free-trial .field label span {
    color: var(--red)
}

.new-theme-design.start-free-trial .field input,
.new-theme-design.start-free-trial .field select,
.new-theme-design.start-free-trial .field textarea {
    width: 100%;
    border: 1px solid #CFE0EA;
    background: #FBFDFF;
    color: var(--ink);
    border-radius: 10px;
    padding: 11px 12px;
    font-size: 12px;
    transition: .18s
}

.new-theme-design.start-free-trial .field input,
.new-theme-design.start-free-trial .field select {
    height: 44px
}

.new-theme-design.start-free-trial .field textarea {
    min-height: 82px;
    resize: vertical;
    height: 80px;
}
.new-theme-design.start-free-trial .field p{
  margin-bottom: 0;
}

.new-theme-design.start-free-trial .field input:focus,
.new-theme-design.start-free-trial .field select:focus,
.new-theme-design.start-free-trial .field textarea:focus {
    border-color: var(--brand);
    background: #fff
}

.new-theme-design.start-free-trial .consent {
    display: flex;
    gap: 9px;
    align-items: flex-start;
    margin: 1px 0 13px
}

.new-theme-design.start-free-trial .consent input {
    margin-top: 3px;
    accent-color: var(--brand2)
}

.new-theme-design.start-free-trial .consent label {
    font-size: 13px;
    color: var(--muted);
}

.new-theme-design.start-free-trial .consent a {
    color: var(--brand2);
    font-weight: 800
}

.new-theme-design.start-free-trial .formSubmit {
    width: 100%;
    min-height: 50px;
    border: 0;
    border-radius: 11px;
    background: var(--yellow);
    color: #111;
    font-weight: 950;
    box-shadow: 0 10px 24px rgba(255, 201, 40, .22)
}

.new-theme-design.start-free-trial .formSubmit:hover {
    transform: translateY(-1px)
}

.new-theme-design.start-free-trial .formNote {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 15px;
    font-size: 15px;
    color: var(--muted);
    text-align: center
}

.new-theme-design.start-free-trial .formNote span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 0 4px var(--greenbg)
}

.new-theme-design.start-free-trial /* HERO AWARDS */
.heroTrust {
    margin-top: 40px;
    border: 1px solid #CEE4EF;
    border-radius: 24px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 14px 40px rgba(6, 59, 92, .08);
    overflow: hidden
}

.new-theme-design.start-free-trial .proofRow {
    display: grid;
    grid-template-columns: 185px 1fr;
    align-items: stretch
}

.new-theme-design.start-free-trial .proofLabel {
    padding: 19px 18px;
    background: #F7FCFF;
    border-right: 1px solid var(--line);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.new-theme-design.start-free-trial .proofLabel small {
    font-size: 9px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--brand2);
    font-weight: 950
}

.new-theme-design.start-free-trial .proofLabel strong {
    font-size: 15px;
    color: var(--navy);
    margin-top: 2px
}

.new-theme-design.start-free-trial .proofLabel span {
    font-size: 14px;
    color: var(--muted);
    margin-top: 3px
}

.new-theme-design.start-free-trial .proofTrack {
    display: grid;
    gap: 8px;
    padding: 12px;
    align-items: stretch
}

.new-theme-design.start-free-trial .awardTrack {
    grid-template-columns: repeat(9, minmax(0, 1fr))
}

.new-theme-design.start-free-trial .awardTile {
    min-width: 0;
    border: 1px solid #DFEAF0;
    border-radius: 12px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 8px;
    transition: .18s
}

.new-theme-design.start-free-trial .awardTile:hover {
    border-color: #B6DFF2;
    transform: translateY(-2px)
}

.new-theme-design.start-free-trial .awardTile object {
    display: block;
    width: 100%;
    height: 54px;
    object-fit: contain;
    pointer-events: none
}

.new-theme-design.start-free-trial .awardFallback {
    height: 54px;
    display: grid;
    place-items: center;
    font-size: 9px;
    line-height: 1.15;
    font-weight: 950;
    color: var(--navy);
    text-align: center
}

.new-theme-design.start-free-trial .awardTile em {
    font-style: normal;
    font-size: 7.5px;
    line-height: 1.2;
    color: var(--muted);
    margin-top: 5px;
    font-weight: 800
}

.new-theme-design.start-free-trial /* CLIENT LOGOS */
.clientBand {
    padding: 25px 0;
    background: #fff;
    border-bottom: 1px solid var(--line)
}

.new-theme-design.start-free-trial .clientLabel {
    text-align: center;
    font-size: 13px;
    font-weight: 850;
    margin-bottom: 15px
}

.new-theme-design.start-free-trial .clientLogos {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 11px
}

.new-theme-design.start-free-trial .clientLogo {
    height: 60px;
    border: 1px solid #D8E7EF;
    border-radius: 12px;
    background: linear-gradient(180deg, #fff, #FBFDFF);
    display: grid;
    place-items: center;
    padding: 10px;
    color: #6A8291;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .01em
}

.new-theme-design.start-free-trial .clientLogo object {
    width: 100%;
    height: 36px;
    object-fit: contain;
    pointer-events: none
}

.new-theme-design.start-free-trial .clientFallback {
    height: 36px;
    display: grid;
    place-items: center
}

.new-theme-design.start-free-trial /* CUSTOMER RATINGS */
.ratingsSection {
    padding: 64px 0;
    background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 100%);
    border-bottom: 1px solid var(--line)
}

.new-theme-design.start-free-trial .ratingsLayout {
    display: grid;
    grid-template-columns: minmax(250px, .72fr) minmax(0, 1.7fr);
    gap: 38px;
    align-items: center
}

.new-theme-design.start-free-trial .ratingsIntro {
    max-width: 390px
}

.new-theme-design.start-free-trial .ratingsIntro .ey {
    margin-bottom: 15px
}

.new-theme-design.start-free-trial .ratingsIntro h2 {
    font-size: clamp(31px, 3.4vw, 45px)
}

.new-theme-design.start-free-trial .ratingsIntro p {
    font-size: 16px;
    color: var(--muted);
    margin-top: 15px
}

.new-theme-design.start-free-trial .ratingsNote {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 700;
    color: var(--navy)
}

.new-theme-design.start-free-trial .ratingsNote span {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: var(--yellow);
    color: #111;
    display: grid;
    place-items: center;
    font-size: 13px;
    font-weight: 950
}

.new-theme-design.start-free-trial .ratingsGrid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 11px
}

.new-theme-design.start-free-trial .ratingTile {
    min-width: 0;
    min-height: 122px;
    border: 1px solid #D8E7EF;
    border-radius: 15px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 14px 9px;
    transition: .18s
}

.new-theme-design.start-free-trial .ratingTile:hover {
    border-color: #A9D8EC;
    transform: translateY(-2px)
}

.new-theme-design.start-free-trial .ratingMark {
    /* width: 36px;
    height: 36px;
    border-radius: 11px;
    background: #EAF8FF;
    color: var(--navy);
    display: grid;
    place-items: center;
    font-size: 10px;
    font-weight: 950;
    margin-bottom: 8px */
}

.new-theme-design.start-free-trial .ratingName {
    font-size: 10px;
    font-weight: 950;
    color: #243D4E;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.new-theme-design.start-free-trial .ratingStars {
    font-size: 11px;
    letter-spacing: 1px;
    color: #F6B800;
    line-height: 1;
    margin-top: 5px
}

.new-theme-design.start-free-trial .ratingScore {
    font-size: 14px;
    color: var(--muted);
    font-weight: 600;
    margin-top: 5px
}

.new-theme-design.start-free-trial /* SUITE */
.suiteGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px
}

.new-theme-design.start-free-trial .suiteCard {
    position: relative;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 21px;
    min-height: 245px;
    display: flex;
    flex-direction: column;
    transition: .22s;
    overflow: hidden
}

.new-theme-design.start-free-trial .suiteCard:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4px;
    background: var(--brand)
}

.new-theme-design.start-free-trial .suiteCard:nth-child(3):before,
.new-theme-design.start-free-trial .suiteCard:nth-child(6):before {
    background: var(--yellow)
}

.new-theme-design.start-free-trial .suiteCard:nth-child(4):before,
.new-theme-design.start-free-trial .suiteCard:nth-child(7):before {
    background: var(--green)
}

.new-theme-design.start-free-trial .suiteCard:nth-child(5):before {
    background: var(--purple)
}

.new-theme-design.start-free-trial .suiteCard.featured {
    grid-column: span 2;
    background: linear-gradient(145deg, #0A2C40, #0A4E75);
    border-color: #0A4E75;
    color: #fff
}

.new-theme-design.start-free-trial .suiteCard.featured:before {
    background: var(--yellow)
}

.new-theme-design.start-free-trial .suiteCard.featured h3 {
    color: #fff
}

.new-theme-design.start-free-trial .suiteCard.featured p {
    color: #CFE2ED
}

.new-theme-design.start-free-trial .suiteCard.featured .suiteLink {
    color: var(--yellow)
}

.new-theme-design.start-free-trial .suiteTop {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px
}

.new-theme-design.start-free-trial .suiteIcon {
    width: 46px;
    height: 46px;
    border-radius: 13px;
    background: var(--sky);
    color: var(--navy);
    display: grid;
    place-items: center
}

.new-theme-design.start-free-trial .suiteIcon svg {
    width: 23px;
    height: 23px
}

.new-theme-design.start-free-trial .featured .suiteIcon {
    background: var(--yellow);
    color: #111
}

.new-theme-design.start-free-trial .suiteNo {
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .08em;
    color: #8DA4B2;
    text-transform: uppercase
}

.new-theme-design.start-free-trial .featured .suiteNo {
    color: #9FC6D9
}

.new-theme-design.start-free-trial .suiteCard h3 {
    font-size: 18px;
    margin-top: 15px
}

.new-theme-design.start-free-trial .suiteCard p {
    font-size: 15px;
    color: var(--muted);
    margin-top: 8px;
    line-height: 1.65
}

.new-theme-design.start-free-trial .suiteTags {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 15px
}

.new-theme-design.start-free-trial .suiteTags span {
    font-size: 14px;
    font-weight: 850;
    padding: 5px 12px;
    border-radius: 999px;
    background: #F2F8FB;
    color: #466273
}

.new-theme-design.start-free-trial .featured .suiteTags span {
    background: rgba(255, 255, 255, .1);
    color: #D9ECF5;
    border: 1px solid rgba(255, 255, 255, .1)
}

.new-theme-design.start-free-trial .suiteLink {
    margin-top: auto;
    padding-top: 15px;
    color: var(--brand2);
    font-size: 10px;
    font-weight: 950;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 15px;
}

.new-theme-design.start-free-trial .suiteLink:after {
    content: "→";
    font-size: 14px
}

.new-theme-design.start-free-trial /* STEPS */
.steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    position: relative
}

.new-theme-design.start-free-trial .steps:before {
    content: "";
    position: absolute;
    left: 16.5%;
    right: 16.5%;
    top: 30px;
    height: 1px;
    background: #C7DEE9
}

.new-theme-design.start-free-trial .step {
    position: relative;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 24px;
    text-align: center;
    z-index: 2
}

.new-theme-design.start-free-trial .stepNo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin: -4px auto 17px;
    background: #0A2C40;
    color: #fff;
    border: 7px solid #EAF8FF;
    font-size: 14px;
    font-weight: 950
}

.new-theme-design.start-free-trial .step:nth-child(2) .stepNo {
    background: var(--yellow);
    color: #111;
    border-color: #FFF7D6
}

.new-theme-design.start-free-trial .step:nth-child(3) .stepNo {
    background: var(--green);
    border-color: var(--greenbg)
}

.new-theme-design.start-free-trial .step h3 {
    font-size: 18px
}

.new-theme-design.start-free-trial .step p {
    font-size: 15px;
    color: var(--muted);
    margin-top: 8px
}

.new-theme-design.start-free-trial /* ENTERPRISE TRUST */
.enterprise {
    background: linear-gradient(135deg, #0B0B0B, #171717);
    color: #fff;
    border-top: 4px solid var(--yellow)
}

.new-theme-design.start-free-trial .enterprise h2,
.new-theme-design.start-free-trial .enterprise h3 {
    color: #fff
}

.new-theme-design.start-free-trial .enterprise .ey {
    background: var(--yellow);
    color: #111
}

.new-theme-design.start-free-trial .enterprise .ey:before {
    background: #111;
    box-shadow: 0 0 0 4px rgba(17, 17, 17, .12)
}

.new-theme-design.start-free-trial .enterprise .sectionHead p {
    color: #CFCFCF
}

.new-theme-design.start-free-trial .enterpriseGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px
}

.new-theme-design.start-free-trial .enterpriseCard {
    border: 1px solid #303A43;
    border-radius: 17px;
    background: #141A1F;
    padding: 20px;
    min-height: 182px
}

.new-theme-design.start-free-trial .enterpriseMark {
    height: 44px;
    display: flex;
    align-items: center;
    color: var(--yellow);
    font-size: 18px;
    font-weight: 950;
    letter-spacing: -.02em
}

.new-theme-design.start-free-trial .enterpriseCard h3 {
    font-size: 16px;
    margin-top: 12px
}

.new-theme-design.start-free-trial .enterpriseCard p {
    font-size: 15px;
    color: #C8D0D5;
    margin-top: 8px
}

.new-theme-design.start-free-trial .partnerRow {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin-top: 12px
}

.new-theme-design.start-free-trial .partnerRow span {
    padding: 5px 7px;
    border-radius: 7px;
    background: #202A31;
    border: 1px solid #34424D;
    font-size: 14px;
    font-weight: 900;
    color: #D6E4EB
}

.new-theme-design.start-free-trial /* FAQ */
.faq {
    max-width: 900px
}

.new-theme-design.start-free-trial .faq details {
    border: 1px solid var(--line);
    border-radius: 13px;
    padding: 18px 20px;
    margin-bottom: 10px;
    background: #fff
}

.new-theme-design.start-free-trial .faq summary {
    font-weight: 700;
    cursor: pointer;
    color: var(--navy)
}

.new-theme-design.start-free-trial .faq details p {
    color: var(--muted);
    font-size: 16px;
    margin-top: 10px
}

.new-theme-design.start-free-trial .final {
    background: linear-gradient(135deg, #0B0B0B, #202020);
    border-top: 5px solid var(--yellow);
    border-radius: 0;
    padding: 42px;
    color: #fff;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 28px;
    align-items: center
}

.new-theme-design.start-free-trial .final h2 {
    color: #fff
}

.new-theme-design.start-free-trial .final p {
    color: #DDD;
    margin-top: 12px;
    max-width: 720px
}

.new-theme-design.start-free-trial .final .ctaBtns {
    display: flex;
    gap: 9px;
    flex-wrap: wrap
}

.new-theme-design.start-free-trial .footerNote {
    text-align: center;
    padding: 18px 20px 28px;
    color: #758B99;
    font-size: 10px
}

.new-theme-design.start-free-trial .intl-tel-input{
  width: 100%;
}

@media(max-width:1100px) {
    .new-theme-design.start-free-trial .awardTrack {
        grid-template-columns: repeat(5, minmax(110px, 1fr));
        overflow-x: auto
    }

    .new-theme-design.start-free-trial .ratingsGrid {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .new-theme-design.start-free-trial .enterpriseGrid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-width:960px) {

    .new-theme-design.start-free-trial .heroGrid,
    .new-theme-design.start-free-trial .final {
        grid-template-columns: 1fr
    }

    .new-theme-design.start-free-trial .formStage {
        max-width: 700px
    }

    .new-theme-design.start-free-trial .suiteGrid {
        grid-template-columns: repeat(2, 1fr)
    }

    .new-theme-design.start-free-trial .suiteCard.featured {
        grid-column: span 2
    }

    .new-theme-design.start-free-trial .clientLogos {
        grid-template-columns: repeat(3, 1fr)
    }

    .new-theme-design.start-free-trial .contactGrid {
        grid-template-columns: 1fr
    }

    .new-theme-design.start-free-trial .contactItem {
        border-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .12)
    }

    .new-theme-design.start-free-trial .contactItem:last-child {
        border-bottom: 0
    }

    .new-theme-design.start-free-trial .proofRow {
        grid-template-columns: 1fr
    }

    .new-theme-design.start-free-trial .proofLabel {
        border-right: 0;
        border-bottom: 1px solid var(--line);
        padding: 13px 15px
    }

    .new-theme-design.start-free-trial .proofLabel span {
        display: none
    }

    .new-theme-design.start-free-trial .ratingsLayout {
        grid-template-columns: 1fr;
        gap: 25px
    }

    .new-theme-design.start-free-trial .ratingsIntro {
        max-width: 720px
    }
}

@media(max-width:700px) {
    .new-theme-design.start-free-trial .wrap {
        width: calc(100% - 24px)
    }

    section {
        padding: 56px 0
    }

    .new-theme-design.start-free-trial .hero {
        padding: 50px 0 28px
    }

    h1 {
        font-size: 41px
    }

    .new-theme-design.start-free-trial .lead {
        font-size: 16px
    }

    .new-theme-design.start-free-trial .fieldGrid {
        grid-template-columns: 1fr
    }

    .new-theme-design.start-free-trial .field.full {
        grid-column: auto
    }

    .new-theme-design.start-free-trial .suiteGrid,
    .new-theme-design.start-free-trial .steps,
    .new-theme-design.start-free-trial .enterpriseGrid {
        grid-template-columns: 1fr
    }

    .new-theme-design.start-free-trial .suiteCard.featured {
        grid-column: auto
    }

    .new-theme-design.start-free-trial .steps:before {
        display: none
    }

    .new-theme-design.start-free-trial .clientLogos {
        grid-template-columns: repeat(2, 1fr)
    }

    .new-theme-design.start-free-trial .awardTrack {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding-bottom: 13px
    }

    .new-theme-design.start-free-trial .awardTile {
        flex: 0 0 118px;
        scroll-snap-align: start
    }

    .new-theme-design.start-free-trial .proofTrack {
        -webkit-overflow-scrolling: touch
    }

    .new-theme-design.start-free-trial .ratingsGrid {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding-bottom: 9px;
        -webkit-overflow-scrolling: touch
    }

    .new-theme-design.start-free-trial .ratingTile {
        flex: 0 0 150px;
        scroll-snap-align: start
    }

    .new-theme-design.start-free-trial .final {
        padding: 30px
    }

    .new-theme-design.start-free-trial .formTopRow {
        align-items: flex-start
    }

    .new-theme-design.start-free-trial .freeChip {
        display: none
    }
}

@media(max-width:430px) {
    .new-theme-design.start-free-trial .contactItem {
        padding-left: 6px;
        padding-right: 6px
    }

    .new-theme-design.start-free-trial .clientLogos {
        grid-template-columns: 1fr 1fr
    }

    .new-theme-design.start-free-trial .heroMicro {
        display: grid
    }

    .new-theme-design.start-free-trial .trialForm {
        padding: 18px
    }

    .new-theme-design.start-free-trial .formTop {
        padding: 20px
    }

    .new-theme-design.start-free-trial .heroTrust {
        border-radius: 18px
    }
}
@media(max-width:767px) {
  .new-theme-design.start-free-trial .actions .button {
    width: 100%;
  }
   .new-theme-design.start-free-trial textarea{
    height: 80px !important;
   }
   .new-theme-design.start-free-trial .form-container  p{
    margin-bottom: 0 !important;
   }
   .new-theme-design.start-free-trial .consent label,
   .new-theme-design.free-personalized-demo .consent label{
    display: flex;
    gap: 8px;
    align-items: flex-start;
   }
   .new-theme-design.start-free-trial .consent label[for="consent"],
    .new-theme-design.free-personalized-demo .consent label[for="consent"]{
    flex-direction: column;
   }
}
/*----------------Start Free Trial Ends----------------*/
/*----------------General CSS starts----------------*/
.new-theme-design .final p{
  font-size: 16px;
}
.new-theme-design .faq details p {
    color: var(--muted);
    font-size: 16px;
    margin-top: 10px;
}
.ctaPanel br{
  display: none;
}
@media(max-width:767px) {
  .new-theme-design h2,
  .home-v2 h2{
    font-size: 20px !important;
  }
}
/*----------------General CSS  Ends----------------*/