/* =========================================Global css for new landingpages========================================= */
:root {
      /* ---- Design tokens ---- */
      --navy-mid: #0c1136;
      --black: #050506;
      --card-dark: #121218;
      --purple: #8b5cf6;
      --purple-deep: #6d28d9;
      --violet-glow: #a78bfa;
      --coral: #d42129;
      --coral-deep: #ae1119;
      --text-muted: #9aa0b4;
      --text-dim: #6b7280;
      --white: #ffffff;
      --grey: linear-gradient(50deg, rgba(247, 247, 247, 1) 0%, rgba(223, 234, 241, 1) 100%);
      --hairline: rgba(255, 255, 255, 0.326);
      --font-display: 'Poppins', sans-serif;
      --font-body: 'Poppins', sans-serif;
      --radius-lg: 20px;
      --radius-md: 14px;
      --radius-sm: 10px;
      --tab-shadow:0 10px 30px -12px rgba(20,21,26,0.12);
    }

    * {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      font-family: var(--font-body);
      background: var(--black);
      color: var(--white);
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
    }

    h1,
    h2,
    h3,
    h4,
    .display-font {
      font-family: var(--font-display);
      letter-spacing: -.02em;
    }

    p {
      color: var(--black);
      line-height: 1.65;
      font-weight: 300;
    }

    a {
      text-decoration: none;
    }

    img {
      max-width: 100%;
      display: block;
    }

    a:focus-visible,
    button:focus-visible,
    [tabindex]:focus-visible {
      outline: 2px solid var(--violet-glow);
      outline-offset: 3px;
      border-radius: 6px;
    }


    
    .section-pad {
      padding-block: clamp(70px, 7vw, 70px);
    }

     @media (max-width: 480px) {
    .section-pad {
         padding: 60px 0;
        }
  }


    .eyebrow {
      text-transform: uppercase;
      font-size: .78rem;
      letter-spacing: .14em;
      font-weight: 600;
      color: var(--coral);
    }

    .bg-grey {
      background: var(--grey);
    }

    .learn_btn_w{
      position: absolute;
      bottom: 30px;
    }

     .bg-navy {
      background: #080b21;
    }

    .bg-navy-mid {
      background: linear-gradient(180deg, #0c1136, #080b21);
    }

     .bg-black-section {
      background: var(--black);
    }

    
    .tab-btn {
      background: var(--white);
      border: 1px solid var(--text-dim);
      color: var(--text-dim);
      font-family: var(--font-body);
      font-weight: 600;
      font-size: .85rem;
      padding: .65rem 1.15rem;
      border-radius: 999px;
      white-space: nowrap;
      transition: all .2s ease;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: var(--tab-shadow);
    }

    .tab-btn:hover {
      border-color: var(--coral);
      color: var(--coral);
    }

    .tab-btn.active {
      background: var(--coral);
      color: var(--white);
      border-color: var(--white);
      box-shadow: var(--tab-shadow);
    }

    .learn-more {
      display: inline-flex;
      align-items: center;
      gap: .6rem;
      color: var(--coral);
      font-weight: 500;
      margin-top: 1rem;
      border: 2px solid var(--coral);
      font-size: 13px;
      padding: 7px 20px;
      transition: all 1s ease;
      border-radius: 50px;
      letter-spacing: 1px;
      height: 3.2em;
    }

    .learn-more:hover {
      background-color: var(--coral);
      color: var(--white);
      border: 2px solid var(--coral);
    }

    .learn-more .arrow-circle {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: var(--purple);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      transition: transform .2s ease;
    }

    .learn-more:hover .arrow-circle {
      transform: translateX(4px);
    }

    .bg-light-section {
      background: linear-gradient(50deg, rgba(247, 247, 247, 1) 0%, rgba(223, 234, 241, 1) 100%);
      color: #0a0a0a;
    }

    .bg-light-section .eyebrow {
      color: var(--white);
    }

     .btn-coral {
      background-color: var(--coral)!important;
      color: #fff;
      font-weight: 600;
      font-size: .92rem;
      padding: 10px 20px !important;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      gap: .85rem;
      transition: filter .2s ease, transform .2s ease;
      min-width:180px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid var(--coral);


    }

    .btn-coral:hover {
      filter: brightness(1.08);
      color: #fff;
      transform: unset!important;
    }

    .btn-coral .arrow-circle {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background: rgba(255, 255, 255, .25);
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }

    .btn-coral-outline{
       background: transparent;
      color: #fff;
      font-weight: 600;
      font-size: .92rem;
      padding: 10px 20px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      min-width:180px;
      max-width: 180px;
      gap: .85rem;
      border: 1px solid var(--white);
      transition: filter .2s ease, transform .2s ease;
      display: flex;
      justify-content: center;
      align-items: center;
    }

     .btn-coral-outline:hover {
      filter: brightness(1.08);
      color: var(--white);
      background-color:var(--coral) ;
      border: 1px solid var(--coral);
    }

    .btn-coral-outline-red{
       background: transparent;
      color: var(--coral);
      font-weight: 600;
      font-size: .92rem;
      padding: 10px 20px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      min-width:180px;
      max-width: 180px;
      gap: .85rem;
      border: 1px solid var(--coral);
      transition: filter .2s ease, transform .2s ease;
      display: flex;
      justify-content: center;
      align-items: center;
    }

     .btn-coral-outline-red:hover {
      filter: brightness(1.08);
      color: var(--white);
      background-color:var(--coral) ;
      border: 1px solid var(--coral);
    }



    @media (max-width:576px) {
      .btn-coral, .btn-coral-outline, .btn-coral-outline-red{
        padding: 10px 10px!important;
        font-size: 12px!important;
        min-width:150px!important;
      }
      .tab-btn{
        font-size: 12px;
      }
    }

    /* global buttons */

    /* ===============================================Global CSS Ends======================================== */

    /* =================New header css=========== */

    .ss_mobile_header__logo-link img{
      height: 35px;
    }
     .ss_mobile_header__header{
    height:58px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 14px 0 18px;
    background:#2d2d2d;
    border-bottom:1px solid #2d2d2d;
    position:static;
    width:100%;
    z-index:20;
  }
  .ss_mobile_header__header.ss_mobile_header__header-fixed{
    position:fixed;
    top:0;left:0;right:0;
    box-shadow:0 6px 18px -8px rgba(20,18,14,0.18);
    animation:ss_mobile_header__slide-down .3s cubic-bezier(.22,.8,.32,1);
  }
  @keyframes ss_mobile_header__slide-down{
    from{transform:translateY(-100%);}
    to{transform:translateY(0);}
  }
  .ss_mobile_header__header-spacer{height:0;}

  .ss_mobile_header__logo{
    font-style:italic;
    font-weight:600;
    font-size:21px;
    letter-spacing:-0.01em;
    color:#1B1F27;
    display:flex;
    align-items:baseline;
    gap:2px;
  }
  .ss_mobile_header__logo span{
    font-style:normal;
    font-weight:700;
    font-size:10px;
    letter-spacing:0.14em;
    color:#B96F1E;
    text-transform:uppercase;
    margin-left:4px;
    align-self:flex-start;
    margin-top:5px;
  }

  .ss_mobile_header__burger{
    width:44px;height:44px;
    display:flex;align-items:center;justify-content:center;
    background:transparent;border:none;cursor:pointer;
    border-radius:10px;
    -webkit-tap-highlight-color:transparent;
    transition:transform .15s ease, background .15s ease;
  }
  .ss_mobile_header__burger:active{background:#E7E1D4;transform:scale(.94);}

  .ss_mobile_header__burger-icon{position:relative;width:20px;height:14px;}
  .ss_mobile_header__burger-icon span{
    position:absolute;left:0;width:100%;height:2px!important;background:#fff!important;
    border-radius:2px;
    transform-origin:center;
    transition:
      top .3s cubic-bezier(.4,0,.2,1),
      transform .35s cubic-bezier(.34,1.56,.64,1),
      opacity .2s ease;
  }
  .ss_mobile_header__burger-icon span:nth-child(1){top:0;   transition-delay:.12s, .12s, 0s;}
  .ss_mobile_header__burger-icon span:nth-child(2){top:6px; transition-delay:0s, 0s, .12s;}
  .ss_mobile_header__burger-icon span:nth-child(3){top:12px;transition-delay:.12s, .12s, 0s;}
  .ss_mobile_header__burger[aria-expanded="true"] .ss_mobile_header__burger-icon span:nth-child(1){top:6px; transform:rotate(45deg); transition-delay:0s;}
  .ss_mobile_header__burger[aria-expanded="true"] .ss_mobile_header__burger-icon span:nth-child(2){opacity:0; transform:scaleX(0); transition-delay:0s;}
  .ss_mobile_header__burger[aria-expanded="true"] .ss_mobile_header__burger-icon span:nth-child(3){top:6px; transform:rotate(-45deg); transition-delay:0s;}

 


  .ss_mobile_header__scrim{
    position:fixed;inset:0;
    background:rgba(20,18,14,0.5);
    backdrop-filter:blur(2px);
    opacity:0;pointer-events:none;
    transition:opacity .32s cubic-bezier(.22,.8,.32,1);
    z-index:30;
  }
  body.ss_mobile_header__drawer-open .ss_mobile_header__scrim{opacity:1;pointer-events:auto;}
  body.ss_mobile_header__drawer-open{overflow:hidden;}

  .ss_mobile_header__drawer{
    position:fixed;top:0;right:0;bottom:0;
    width:86%;max-width:360px;
    background:#FFFFFF;
    box-shadow:-16px 0 40px -12px rgba(20,18,14,0.3);
    transform:translateX(100%);
    transition:transform .36s cubic-bezier(.22,.8,.32,1);
    z-index:99999;
    display:flex;flex-direction:column;
    overflow:hidden;
  }
  body.ss_mobile_header__drawer-open .ss_mobile_header__drawer{transform:translateX(0);}

  .ss_mobile_header__drawer-head{
    flex:0 0 auto;
    padding:16px 16px 10px;
    border-bottom:1px solid #E7E1D4;
    display:flex;align-items:center;justify-content:space-between;
  }
  .ss_mobile_header__drawer-title{font-family:'Fraunces',serif;font-weight:600;font-size:19px;}
  .ss_mobile_header__drawer-close{
    width:34px;height:34px;border-radius:9px;border:none;background:#FAF7F2;
    display:flex;align-items:center;justify-content:center;cursor:pointer;color:#1B1F27;
  }
  .ss_mobile_header__drawer-close svg{width:15px;height:15px;}

  .ss_mobile_header__drawer-hint{
    flex:0 0 auto;
    padding:10px 16px 8px;
    font-size:11.5px;
    color:#8A8375;
    border-bottom:1px solid #E7E1D4;
  }
  .ss_mobile_header__drawer-hint b{color:#1B1F27;font-weight:600;}

  .ss_mobile_header__drawer-scroll{
    flex:1 1 auto;
    overflow-y:auto;
    padding:6px 8px 18px;
  }

  /* ---------- accordion (plain text rows, no icons/descriptions) ---------- */
  ul.ss_mobile_header__acc-list{list-style:none;margin:0;padding:0;}
  ul.ss_mobile_header__acc-list.ss_mobile_header__acc-list-nested{
    padding-left:16px;
    margin-left:14px;
    border-left:1px dashed #E7E1D4;
  }

  .ss_mobile_header__acc-row{
    display:flex;align-items:stretch;
    border-radius:10px;
    overflow:hidden;
  }
  .ss_mobile_header__acc-row:hover{background:#FCFAF6;}

  .ss_mobile_header__acc-link{
    flex:1 1 auto;min-width:0;
    display:flex;align-items:center;
    padding:12px 8px;
    text-decoration:none;color:#1B1F27;
    font-size:14.5px;font-weight:500;
    -webkit-tap-highlight-color:transparent;
  }
  .ss_mobile_header__acc-link:active{background:#FAF7F2;}
  .ss_mobile_header__acc-link.ss_mobile_header__leaf-link{font-weight:450;color:#3A4050;}

  .ss_mobile_header__acc-toggle{
    border-radius: 0px;
    flex:0 0 auto;
    width:44px;
    display:flex;align-items:center;justify-content:center;
    background:none;border:none;border-left:1px solid #b5b5b5 !important;
    cursor:pointer;color:#8A8375!important;
    -webkit-tap-highlight-color:transparent;
  }
  .ss_mobile_header__acc-toggle:active{background:#FAF7F2;color:#1B1F27;}
  .ss_mobile_header__acc-toggle svg{width:13px;height:13px;transition:transform .28s cubic-bezier(.22,.8,.32,1);}
  .ss_mobile_header__acc-toggle[aria-expanded="true"] svg{transform:rotate(90deg);}

  .ss_mobile_header__leaf-arrow{color:#B96F1E;flex:0 0 auto;display:flex;align-items:center;padding-right:12px;}
  .ss_mobile_header__leaf-arrow svg{width:12px;height:12px;}

  .ss_mobile_header__acc-body{
    display:grid;
    grid-template-rows:0fr;
    transition:grid-template-rows .32s cubic-bezier(.22,.8,.32,1);
  }
  .ss_mobile_header__acc-body.ss_mobile_header__acc-body-open{grid-template-rows:1fr;}
  .ss_mobile_header__acc-inner{overflow:hidden;}

  li.ss_mobile_header__acc-item{margin:1px 0;}

  .ss_mobile_header__drawer-footer{
    flex:0 0 auto;
    padding:12px 16px 18px;
    border-top:1px solid #E7E1D4;
    display:flex;gap:10px;
  }
  .ss_mobile_header__foot-btn{
    flex:1;
    display:flex;align-items:center;justify-content:center;gap:7px;
    padding:11px 10px;border-radius:10px;
    font-weight:600;font-size:13px;
    cursor:pointer;border:none;text-decoration:none;
  }
  .ss_mobile_header__foot-btn-primary{background:var(--coral);color:var(--white);}
  .ss_mobile_header__foot-btn-ghost{background:#FAF7F2;color:#1B1F27;border:1px solid #E7E1D4;}
  .ss_mobile_header__foot-btn svg{width:14px;height:14px;}

  .ss_mobile_header__vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

  @media (prefers-reduced-motion: reduce){
    .ss_mobile_header__drawer, .ss_mobile_header__scrim, .ss_mobile_header__burger-icon span, .ss_mobile_header__header, .ss_mobile_header__acc-body, .ss_mobile_header__acc-toggle svg{transition:none !important;animation:none !important;}
  }


  @media (max-width: 1200px) {
    .desktop__header{
      display:none!important;
    }
    .mobile__header{
      display:flex!important;
    }
  }
  /* ========new header css end======================= */
  /* agentic ai page */

    /* ============ HERO ============ */
    .hero_ai_banner {
  position: relative;
  min-height: clamp(340px, 48vw, 650px);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background-image:none!important
}

.hero_ai_banner::before {
  display: none !important;
}

/* the photo itself */
.hero_ai_banner__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
}

/* the same two gradients, now as their own layer above the img */
.hero_ai_banner__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image:
    linear-gradient(90deg, rgb(7 16 38 / 53%) 0%, rgba(7, 16, 38, 0.45) 35%, rgb(7 16 38 / 71%) 70%, rgb(7 16 38 / 0%) 100%),
    linear-gradient(180deg, rgb(7 16 38 / 0%) 0%, rgb(7 16 38 / 0%) 40%, rgb(7 16 38 / 57%) 100%);
}

.hero-content {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-block: clamp(1.75rem, 4vw, 1.8rem);
  padding-top: 70px;
}

@media (max-width: 1024px) {
  .hero-content {
    padding-top: 28px !important;
  }
}

@media (max-width:576px) {
  .hero-content{
    margin-top: 0px!important;
  }
}
.hero-content h1 {
  font-weight: 700;
  font-size: clamp(1.5rem, 4vw + 1rem, 45px);
  color: #ffffff;
  letter-spacing: -.02em;
  text-shadow: 0 2px 18px rgba(10, 20, 40, .35);
  margin-bottom: .5rem;
}

.hero-content p {
  font-size: 1.125rem;
  line-height: 1.6;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 0;
  max-width: 100% !important;
}

/* ============ Responsive tuning ============ */
@media (max-width: 767.98px) {
  .hero_ai_banner, .providers_lp_hero {
    min-height: 300px;
    align-items: center;
  }
  .hero_ai_banner__img {
    object-position: 72% center; /* keep subject in frame on narrow crops */
  }
}

@media (min-width: 1400px) {
  .hero_ai_banner, .providers_lp_hero {
    min-height: 650px;
  }
}

    /* ============ WHY SECTION (navy) ============ */
   
    .why-heading {
      font-size: clamp(1.6rem, 3.2vw, 2.35rem);
      font-weight: 600;
      margin-bottom: .9rem;
    }

    .why-lede {
      max-width: 780px;
      font-size: 1.02rem;
    }

    .why-divider {
      height: 1px;
      background: linear-gradient(90deg, rgba(139, 92, 246, .6), rgba(255, 255, 255, .08));
      margin: 2.25rem 0 2.5rem;
    }

    .why-col {
      border-left: 1px solid var(--hairline);
      padding-left: 1.5rem;
      height: 100%;
    }

    .why-col:first-child {
      border-left: none;
      padding-left: 0;
    }

    @media (max-width: 767.98px) {
      .why-col {
        border-left: none;
        padding-left: 0;
        border-top: 1px solid var(--hairline);
        padding-top: 1.25rem;
      }

      .why-col:first-child {
        border-top: none;
        padding-top: 0;
      }
    }

    .why-col h3 {
      font-size: 1.05rem;
      font-weight: 600;
      margin-bottom: .65rem;
    }

    .why-col p {
      font-size: .92rem;
      margin-bottom: 0;
    }

    /* ============ WORKFLOW ============ */
    .framework-points {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
}

.framework-points li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    background: #fff;
    /* border: 1px solid var(--text-dim); */
    border-radius: 999px;
    color: var(--text-muted);
    font-size: 12px;
    font-weight: 400;
    box-shadow:var(--tab-shadow);
}

.framework-points li::before {
    content: "";
    width: 8px;
    height: 8px;
    background: var(--text-muted);
    border-radius: 50%;
    flex-shrink: 0;
}
   
    .framework-heading {
      font-size: clamp(1.6rem, 3.4vw, 2.4rem);
      font-weight: 600;
      /* max-width:720px; */
    }

    .framework-panel {
      background: linear-gradient(135deg, rgba(139, 92, 246, .08), rgba(0, 0, 0, 0) 60%);
      border: 1px solid var(--hairline);
      border-radius: var(--radius-lg);
      overflow: hidden;
      /* padding: clamp(1.25rem, 2.5vw, 2rem); */
    }

    .framework-media {
      border-radius: var(--radius-md);
      overflow: hidden;
      aspect-ratio: 16/11;
      background: linear-gradient(135deg, #dce9f2, #a9c9dd);
    }

    .framework-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .framework-number {
      font-size: clamp(2.2rem, 4vw, 3rem);
      font-weight: 800;
      color: var(--coral);
      line-height: 1;
      margin-bottom: 1rem;
    }

    .framework-title {
      font-size: clamp(1.3rem, 2.2vw, 1.7rem);
      font-weight: 600;
      display: inline-flex;
      align-items: center;
      gap: .6rem;
      margin-bottom: .85rem;
    }

    .framework-badge {
      font-family: var(--font-body);
      font-size: .72rem;
      font-weight: 600;
      color: var(--purple-deep);
      background: rgba(167, 139, 250, .18);
      padding: .25rem .65rem;
      border-radius: 999px;
      letter-spacing: .02em;
    }


    /* ============ WHAT WE ENABLE (bento grid) ============ */
    .enable-heading {
      font-size: clamp(1.7rem, 3.2vw, 2.4rem);
      font-weight: 600;
    }

    .enable-underline {
      width: 56px;
      height: 3px;
      background: var(--coral);
      margin: .9rem auto 1.5rem;
      border-radius: 2px;
    }
    /* ===== WHAT WE ENABLE ===== */
  .enable-hero-card {
    box-shadow: 0 2px 38px 0 rgba(0, 0, 0, .07);
    background-color: #fff;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 10px;
    padding: 24px 20px 22px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .enable-hero-card .icon-badge {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .06);
    border: 1px solid #1e2222;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #000;
    margin-bottom: 1.2rem;
  }

  .enable-hero-card h4 {
    font-weight: 600;
    margin-bottom: .7rem;
    color: #000;
    font-size: 18px;
  }

  .enable-hero-card p {
    font-size: 16;
    margin: 0;
    color: #000;
    font-weight: 300;
  }

  .enable-card {
    box-shadow: 0 2px 38px 0 rgba(0, 0, 0, .07);
    background-color: #fff;
    border: 1px solid rgba(148, 163, 184, 0.12);
    border-radius: 10px;
    padding: 24px 20px 22px;
    height: 100%;
    transition: transform .25s ease, border-color .25s ease;
  }

  .enable-card:hover {
    transform: translateY(-4px);
    border-color: rgba(168, 156, 255, .35);
  }

  .enable-card i {
    font-size: 1.4rem;
    color: #000;
    margin-bottom: 1rem;
    display: block;
  }

  .enable-card h5 {
    font-weight: 600;
    margin-bottom: .7rem;
    color: #000;
    font-size: 18px;
  }

  .enable-card p {
    color: #000;
    font-size: 16px;
    margin: 0;
  }

    /* ============ BUSINESS OUTCOME ============ */
    .outcome-wrap {
      position: relative;
      /* max-width: 976px; */
      margin-inline: auto;
    }

    .outcome-item {
      max-width: 400px;
      margin: auto;
      text-align: center;
      padding: 1.25rem .5rem;
    }

    .outcome-icon {
      width: 52px;
      height: 52px;
      border-radius: 14px;
      background-color: #1e2222 !important;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1rem;
      box-shadow: 0 8px 24px rgba(11, 11, 11, 0.25);
    }

    .outcome-item h4 {
      font-size: 1rem;
      font-weight: 600;
      margin-bottom: .5rem;
    }

    .outcome-item p {
      font-size: .85rem;
      margin-bottom: 0;
      color: var(--white);
    }

    .outcome-center {
      --radar-color: rgba(139, 92, 246, 0.45);

      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 74px;
      height: 74px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 2;

      background: radial-gradient(circle,
          rgba(139, 92, 246, .45) 0%,
          rgba(109, 40, 217, .15) 65%,
          transparent 100%);
    }

    /* Radar Rings */
    .outcome-center::before,
    .outcome-center::after {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 50%;
      border: 2px solid var(--white);
      animation: radarPulse 4s linear infinite;
    }

    .outcome-center::after {
      animation-delay: 2s;
    }

    /* Third Ring */
    .outcome-center .dot::before {
      content: "";
      position: absolute;
      inset: -20px;
      border-radius: 50%;
      border: 2px solid var(--white);
      animation: radarPulse 4s linear infinite;
      animation-delay: 1s;
    }

    /* Center Dot */
    .outcome-center .dot {
      position: relative;
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: radial-gradient(circle at 35% 30%,
          #ffffff,
          var(--white) 70%);
      box-shadow:
        0 0 12px rgba(210, 210, 210, 0.8),
        0 0 30px rgba(164, 164, 164, 0.45);

      animation: breathe 2.8s ease-in-out infinite;
    }

    /* Expanding Radar */
    @keyframes radarPulse {
      0% {
        transform: scale(1);
        opacity: .6;
      }

      100% {
        transform: scale(2.8);
        opacity: 0;
      }
    }

    /* Center Glow */
    @keyframes breathe {

      0%,
      100% {
        transform: scale(1);
        box-shadow:
          0 0 12px rgba(255, 255, 255, 0.8),
          0 0 30px rgba(255, 255, 255, 0.45);
      }

      50% {
        transform: scale(1.08);
        box-shadow:
          0 0 18px rgb(255, 255, 255),
          0 0 42px rgba(255, 255, 255, 0.65);
      }
    }

    @media (max-width: 767.98px) {
      .outcome-center {
        display: none;
      }

      .outcome-item {
        max-width: 100%;
      }
    }

    /* ============ CAPABILITY DEEP-DIVE (light) ============ */
    
    .capability-heading {
      font-size: clamp(1.7rem, 3.2vw, 2.4rem);
      font-weight: 600;
      color: #0a0a0a;
    }

    .capability-sub {
      color: #5b6270;
      font-weight: 500;
    }

    .capability-card {
      background: #eceef1;
      border-radius: var(--radius-md);
      padding: 1.75rem;
      position: relative;
      height: 100%;
      min-height: 210px;
      transition: transform .25s ease, box-shadow .25s ease;
    }

    .capability-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 16px 32px rgba(20, 20, 30, .08);
    }

    .capability-card h4 {
      font-size: 1.1rem;
      font-weight: 600;
      color: #0a0a0a;
      margin-bottom: .65rem;
    }

    .capability-card p {
      font-size: .92rem;
      color: #5b6270;
      margin-bottom: 0;
      padding-right: 2.5rem;
    }

    .capability-arrow {
      position: absolute;
      right: 1.5rem;
      bottom: 1.5rem;
      width: 38px;
      height: 38px;
      border-radius: 50%;
      border: 1.5px solid #c7cad1;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #0a0a0a;
      transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
    }

    .capability-card:hover .capability-arrow {
      background: var(--coral);
      border-color: #0a0a0a;
      color: #fff;
      transform: rotate(45deg);
    }
    
    /* ============ ROAD TO BUILDING ============ */
    .road-media {
      border-radius: var(--radius-lg);
      /* aspect-ratio:4/3.4; */
      /* background:radial-gradient(circle at 50% 30%, rgba(139,92,246,.25), transparent 60%), var(--navy-soft); */

    }

    .road-media img {
      width: 100%;
      height: 250px;
      object-fit: contain;
    }

    @media (max-width: 992px) {
      .road-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        padding: 0px 0px 50px 0px;
      }
    }

    .road-heading {
      font-size: clamp(1.8rem, 3.6vw, 2.6rem);
      font-weight: 600;
      margin-bottom: 1.1rem;
    }

    .road-text {
      margin-bottom: 1.75rem;
      /* color: var(--white); */
    }

    /************** new solution section ******************/
     .role-head {
    text-align: center;
    margin-bottom: 56px;
  }

  .role-head h2 {
    font-size: clamp(1.6rem, 3.4vw, 2.4rem);
    color: #000;
    font-weight: 600;
  }

  .role-head h2 span { color: #d7212a; }

  /* ============ ROLE GRID ============ */

  .role-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 22px;
  }

  .role-card {
    background-color: #ffffff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 18px 40px rgba(16,21,26,0.07);
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform .25s ease, box-shadow .25s ease;
  }

  .role-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 50px rgba(16,21,26,0.11);
  }

  .role-card-media {
    height: 140px;
    background-size: cover;
    background-position: center;
    position: relative;
  }

  .role-card-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(16,21,26,0) 55%, rgba(16,21,26,0.35) 100%);
  }

  .role-card-body {
    padding: 20px 22px 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
  }

  .role-card-body h3 {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    margin-bottom: 14px;
    
  }

  .role-check-list {
    display: flex;
    flex-direction: column;
  }

  .role-check-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 11px 0;
    border-top: 1px solid rgba(16,21,26,0.08);
    font-size: 14px;
    color: #10151a;
    line-height: 1.4;
  }

  .role-check-item:first-child { border-top: none; }

  .role-check-item svg { flex-shrink: 0; margin-top: 1px; }
  .role-check-item svg path{
    outline: #000;
  }

  /* ============ RESPONSIVE ============ */

  @media (max-width: 1180px) {
    .role-grid { grid-template-columns: repeat(3, 1fr); }
  }

  @media (max-width: 720px) {
    .role-grid { grid-template-columns: repeat(2, 1fr); }
  }

  @media (max-width: 480px) {
    .role-grid { grid-template-columns: 1fr; }
    .section-pad { padding: 60px 0; }
  }

 /* new capability deep dive section */
    .cdd-section {
      background: radial-gradient(ellipse 900px 500px at 50% -10%, rgba(59, 123, 255, 0.16), transparent 60%),
        #000;
      /* min-height:100vh; */
      display: flex;
      align-items: center;
    }

    .cdd-section .container {
      width: 100%;
    }

    .cdd-media {
      /* background-image: url("../../assets/images/agentic-image-v1.jpg"); */
      background-repeat: no-repeat;
      background-size: cover;
      background-position: left;
      border-radius: 14px;
      min-height: clamp(90px, 20vh, 140px);
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      margin-top: 16px;
      margin-bottom: 20px;
    }

    .cdd-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .cdd-media-placeholder {
      color: #c9cad2;
      font-size: 1.1rem;
      font-weight: 600;
      letter-spacing: .02em;
    }

    .cdd-card {
      background: rgba(15, 21, 34, 0.55);
      border: 1px solid rgba(148, 163, 184, 0.14);
      border-radius: 10px;
      padding: 34px 30px 30px;
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      transition: transform 0.45s cubic-bezier(.2, .8, .2, 1), border-color 0.35s ease, box-shadow 0.35s ease;
      isolation: isolate;
      height: 100%;
      min-height: 416px;
      position: relative;
      overflow: hidden;
      transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
    }
    
  

    .cdd-card::before {
      content: "";
      position: absolute;
      inset: 0 0 auto 0;
      height: 3px;
      background: linear-gradient(90deg, var(--accent), #8b85f0);
      transform: scaleX(0);
      transform-origin: left;
      transition: transform .35s ease;
    }

    .cdd-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 20px 40px -20px rgba(15, 18, 34, .18);
      border-color: rgba(79, 70, 229, .25);
    }

    .cdd-card:hover::before {
      transform: scaleX(1);
    }

    .cdd-icon {
      width: 38px;
      height: 38px;
      border-radius: 10px;
      background: #1e2222;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 12px;
      flex-shrink: 0;
    }

    .cdd-icon svg {
      width: 19px;
      height: 19px;
      stroke: #fff;
    }

    .cdd-card-title {
      color: #aab3c2;
      font-weight: 600;
      font-size: .95rem;
      margin-bottom: 10px;
    }

    .cdd-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .cdd-list li {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      color: #aab3c2;
      padding: 5px 0;
      line-height: 1.4;
      padding: 10px 4px 10px 0px;
      border-top: 1px solid #94a3b81a;
      font-size: 14.5px;
    }

    .cdd-list li:first-child {
      border-top: none;
      padding-top: 0;
    }

    .cdd-check {
      width: 15px;
      height: 15px;
      border-radius: 50%;
      background: var(--accent);
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 1px;
    }

    .cdd-check svg {
      width: 15px;
      height: 15px;
      stroke: #fff;
      stroke-width: 3;
    }


    @media (max-width: 767.98px) {
      .cdd-section {
        min-height: auto;
        padding: 32px 0;
      }

      .cdd-media {
        display: none;
      }
    }


    /* agentic ai platform section */


    .platform-section {
    /* padding: 100px 0; */
    background-color: #f5f6f9;
  }


  .headline .highlight {
    display: inline-block;
    background-color: var(--coral);
    color: #ffffff;
    padding: 4px 14px;
    border-radius: 6px;
  }

  .lede {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.7;
    color: var(--black);
    max-width: 480px;
    margin-bottom: 36px;
  }

  /* Feature cards */
  .feature-card {
    background-color: #ffffff;
    /* border: 1px solid var(--text-dim); */
    border-radius: 14px;
    padding: 26px 28px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    box-shadow: 0 1px 2px var(--tab-shadow);
    transition: box-shadow 0.25s ease, transform 0.25s ease;
    height: 100%;
  }

  .feature-card:hover {
    box-shadow: 0 12px 28px var(--tab-shadow);
    transform: translateY(-2px);
  }

  .icon-box {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
  }

  .icon-box.tone-red {
    background-color: rgba(215, 33, 42, 0.08);
    color: #d7212a;
  }

  .icon-box.tone-dark {
    background-color: rgba(215, 33, 42, 0.08);
    color: #d7212a;
  }

  .feature-label {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 6px;
  }

  .feature-label.tone-red-text {
    color: var(--coral);
  }

  .feature-label.tone-dark-text {
    color: var(--coral);
  }

  .feature-title {
    font-size: 18px;
    font-weight: 600;
    color: #14171f;
    margin-bottom: 6px;
  }

  .feature-desc {
    font-size: 16px;
    line-height: 1.55;
    color: #000;
    font-weight: 300;
    margin-bottom: 0;
  }

  .cards-stack {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  @media (max-width: 991.98px) {
    .platform-section {
      padding: 64px 0;
    }
    .cards-stack {
      margin-top: 48px;
    }
  }

  @media (max-width: 575.98px) {
    .feature-card {
      flex-direction: column;
    }
  }


  /* agent library section */


  .ai_sticky{
    position: sticky;
    top: 200px;
    z-index: 1;
  }

  @media (max-width: 768px) {
    .ai_sticky{
      position: relative;
      top: auto;
    }
  }
  .ss-al-card-eyebrow{
    color: var(--text-muted);
    font-size: 14px;
    margin-bottom: 5px;
  }
  .ss-al-head{
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 1.75rem;
}

/* .ss-al-head-text{ max-width: 620px; } */

.ss-al-nav{
  display: flex;
  justify-content: center;
  margin-top: 35px;
  gap: .6rem;
  flex-shrink: 0;
  padding-bottom: .3rem;
}

.ss-al-nav-btn{
  appearance: none;
  padding: 0!important;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid var(--text-dim);
  background: var(--white);
  color: var(--text-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-family: inherit;
  transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.ss-al-nav-btn svg{ width: 18px; height: 18px; }
.ss-al-nav-btn:hover{
  background: var(--coral);
  border-color: var(--white);
  color: #fff;
  transform: translateY(-1px);
}
.ss-al-nav-btn:disabled,
.ss-al-nav-btn.ss-al-nav-disabled{
  opacity: .35;
  cursor: default;
  pointer-events: none;
}

/* ================================================================
   SWIPER / CARDS
   ================================================================ */

   .ss-al-sub{
    font-size: 16px;
    font-weight: 300;
   }
.ss-al-swiper{
    overflow: hidden;
  width: 100%;
  padding-bottom: .25rem; /* keeps card shadow from being clipped */
}

.ss-al-swiper .swiper-slide{
  height: auto; /* let cards equalize height per row via flex below */
  display: flex;
}

.ss-al-card{
  display: flex;
  flex-direction: column;
  width: 100%;
  background: var(--white);
  /* border: 1px solid var(--text-dim); */
  box-shadow: var(--tab-shadow);
  border-radius: 14px;
  padding: 1.3rem 1.4rem;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.ss-al-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 32px -18px var(--tab-shadow);
  border-color: #D9DBE1;
}
.ss-al{
    background: linear-gradient(50deg, rgba(247, 247, 247, 1) 0%, rgba(223, 234, 241, 1) 100%)!important;
}

.ss-al-card-icon{
  width: 48px;
  height: 48px;
  border-radius: 9px;
  background: rgba(215, 33, 42, 0.08);
  color: #d7212a;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: .85rem;
}
.ss-al-card-icon svg{
   width: 25px; 
   height: 25px; 
   font-size:1.5rem;
  }


.ss-al-card-title{
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  color: #000;
  margin: 0 0 .45rem;
}

.ss-al-card-desc{
  font-family: inherit;
  font-size: 16px;
  line-height: 1.55;
  color: #000;
  font-weight: 300;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ================================================================
   PAGINATION — small, sits close under the cards (no wasted space)
   ================================================================ */
.ss-al-pagination.swiper-pagination{
  position: static;
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
  gap: .4rem;
}
.ss-al-pagination .swiper-pagination-bullet{
  width: 7px;
  height: 7px;
  background: var(--ss-al-border);
  opacity: 1;
  margin: 0 !important;
  transition: background .2s ease, transform .2s ease;
}
.ss-al-pagination .swiper-pagination-bullet-active{
  background: var(--ss-al-ink);
  transform: scale(1.2);
}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media (max-width: 767.98px){
  .ss-al{ padding: 3rem 0; }
  .ss-al-head{
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .ss-al-nav{ padding-bottom: 0; }
}

@media (prefers-reduced-motion: reduce){
  .ss-al-card,
  .ss-al-nav-btn,
  .ss-al-pagination .swiper-pagination-bullet{
    transition: none;
  }
}

/* schedule demo page css */

/* .ss-schedule-wrapper{
  background:linear-gradient(50deg, rgba(247,247,247,1) 0%, rgba(223,234,241,1) 100%);
  padding:72px 32px 96px;
} */

.ss-schedule-wrapper{
    background: linear-gradient(50deg, rgba(247,247,247,1) 0%, rgba(223,234,241,1) 100%);
    margin-top: clamp(64px, 8vw, 80px);
    padding: clamp(48px, 6vw, 100px) clamp(16px, 4vw, 32px) clamp(64px, 8vw, 50px);
}

@media(max-width:1200px){
    .ss-schedule-wrapper{margin-top:0px}
}
 .ss-schedule-page{
    max-width:1180px;
    margin:0 auto;
    
    display:grid;
    grid-template-columns:1fr 1.02fr;
    gap:72px;
    align-items:start;
  }

  .ss-schedule-lede{
    font-weight:300;
    font-size:16px;
  }
 

  .ss-schedule-value-list{
    list-style:none;
    margin:0;
    padding:0;
    border-top:1px solid rgba(0,0,0,0.12);
  }
  .ss-schedule-value-list li{
    display:flex;
    gap:18px;
    align-items:flex-start;
    padding:22px 0;
    border-bottom:1px solid rgba(0,0,0,0.12);
  }
  .ss-schedule-value-icon{
    flex:none;
    width:48px;
    height:48px;
    border-radius:9px;
    background:rgba(215,33,42,0.08);
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .ss-schedule-value-icon svg{width:18px;height:18px;stroke:#d7212a;}
  .ss-schedule-value-text h3{
    font-size:18px;
    font-weight:600;
    line-height:1.3;
    margin:0 0 .45rem;
    color:#000;
  }
  .ss-schedule-value-text p{
    font-size:14.5px;
    line-height:1.55;
    color:#3a3a3a;
    margin:0;
    max-width:42ch;
  }
  .ss-schedule-form-panel{
    background:#fff;
    border-radius:18px;
    padding:20px 20px 14px;
    box-shadow:0 10px 30px -12px rgba(20,21,26,0.12);
  }
  .ss-schedule-form-panel h2{
    font-weight:500;
    font-size:22px;
    margin:0 0 6px;
    color:#000;
  }
  .ss-schedule-form-panel .ss-schedule-sub{
    font-size:13.5px;
    color:#3a3a3a;
    margin:0 0 30px;
  }
  .ss-schedule-form{display:flex;flex-direction:column;gap:20px;}
  .ss-schedule-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
  }
  .ss-schedule-label{
    display:block;
    font-size:16px;
    font-weight:600;
    letter-spacing:0.01em;
    color:#000;
    margin-bottom:8px;
  }
  .ss-schedule-input,
  .ss-schedule-textarea{
    width:100%;
    font-size:14.5px;
    color:#000;
    background:#f7f7f7;
    border:1px solid rgba(0,0,0,0.14);
    border-radius:9px;
    padding:12px 14px;
    outline:none;
    transition:border-color .15s ease, box-shadow .15s ease;
  }
  .ss-schedule-input::placeholder,.ss-schedule-textarea::placeholder{color:#8a8a8a;}
  .ss-schedule-input:focus,.ss-schedule-textarea:focus,.ss-schedule-phone-group:focus-within{
    border-color:#d7212a;
    box-shadow:0 0 0 3px rgba(215,33,42,0.12);
    background:#fff;
  }
  .ss-schedule-textarea{resize:vertical;min-height:65px;line-height:1.5;}
  .ss-schedule-phone-group{
    display:flex;
    align-items:stretch;
    border:1px solid rgba(0,0,0,0.14);
    border-radius:9px;
    background:#f7f7f7;
    overflow:hidden;
    transition:border-color .15s ease, box-shadow .15s ease;
  }
  .ss-schedule-phone-group select{
    appearance:none;
    -webkit-appearance:none;
    border:none;
    background:#efefef;
    color:#000;
    font-size:10px;
    font-weight:500;
    padding:12px 30px 12px 14px;
    border-right:1px solid rgba(0,0,0,0.14);
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1L5 5L9 1' stroke='%23000000' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat:no-repeat;
    background-position:right 12px center;
    cursor:pointer;
    flex:none;
    width:62px;
  }
  .ss-schedule-phone-group .ss-schedule-input{
    border:none;
    border-radius:0;
    flex:1;
    background:transparent;
  }
  .ss-schedule-phone-group .ss-schedule-input:focus{box-shadow:none;background:transparent;}
  .ss-schedule-consent{
    font-size:12.5px;
    line-height:1.6;
    color:#3a3a3a;
    margin:2px 0 4px;
  }
  .ss-schedule-consent a{color:#d7212a;text-decoration:underline;}
  .ss-schedule-btn{
    appearance:none;
    border:none;
    cursor:pointer;
    background:#000;
    color:#fff;
    font-weight: 600;
    font-size: .85rem;
    padding: .65rem 1.15rem;
    letter-spacing:0.01em;

    border-radius:50px;
    transition:background .15s ease, transform .1s ease;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .ss-schedule-btn:hover{background:#d7212a;}
  .ss-schedule-btn:active{transform:scale(0.985);}
  @media (max-width:900px){
    .ss-schedule-page{
      grid-template-columns:1fr;
      gap:48px;
      padding:0px 22px 0px;
    }
    .ss-schedule-row{
      grid-template-columns:1fr;
    }
    .ss-schedule-form-panel{
      padding:32px 24px;}

  }


  /* ===============================Provider page styles currently not used======================================= */


  .bg-radial-dark {
      background:
        radial-gradient(ellipse 900px 500px at 50% -10%, rgba(59, 123, 255, 0.16), transparent 60%),
        #000000;
    }

    .bg-light-section {
      background-color: #eef1f5;
    }

    .icon-inline {
      width: 30px;
      height: 30px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .bg-radial-dark .icon-inline {
      background-color: #fff;
      color:#d7212a
    }

    .bg-light-section .icon-inline {
      background-color: rgba(215, 33, 42, 0.08);
      color: #d7212a;
    }



    .scroll-down {
      position: absolute;
      bottom: 40px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 2;
    }

    .scroll-down span {
      display: block;
      width: 2px;
      height: 70px;
      background: linear-gradient(transparent, #ffffff);
      animation: scrollLine 2s infinite;
    }

  
    .hub-intro {
      padding: 40px 0;
      text-align: center;
    }

    @media (max-width: 1024px) {
      .hero-100vh {
        min-height: auto;
        height: auto;
        display: block;
        padding-top: 100px;
        padding-bottom: 60px;
      }
    }

    @media (max-width: 576px) {
      .hero-100vh {
        padding-top: 50px;
        padding-bottom: 50px;
      }
    }

    .hub-intro {
      padding: 90px 0 90px;
      text-align: center;
    }

    .hub-intro .eyebrow {
      color: #d7212a;
    }

    .hub-intro h1 {
      font-weight: 700;
      font-size: clamp(2rem, 5vw, 3.25rem);
      color: #ffffff;
      letter-spacing: -.02em;
      max-width: 760px;
      margin: 20px auto 20px;
      line-height: 1.2;
    }

    .hub-intro p {
      color: #a9b0b8;
      font-size: 16.5px;
      line-height: 1.7;
      max-width: 560px;
      margin: 0 auto;
    }


    .solution-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 64px;
      align-items: center;
    }

    .solution-row.reverse .solution-media {
      order: 2;
    }

    .solution-row.reverse .solution-copy {
      order: 1;
    }

    .solution-media {
      border-radius: 20px;
      overflow: hidden;
      min-height: 400px;
    }

    .solution-media img {
      width: 100%;
      height: 100%;
      min-height: 400px;
      object-fit: cover;
      display: block;
    }

    .solution-index {
      font-size: 12px;
      color: #6c7680;
      margin-bottom: 16px;
      display: block;
    }

    .solution-index b {
      color: #d7212a;
    }

    .solution-copy h2 {
      margin-bottom: 18px;
    }

    .solution-copy>p {
      font-size: 16px;
      line-height: 1.75;
      max-width: 480px;
      margin-bottom: 28px;
    }

    .solution-copy>p{
      color: #a9b0b8;
    }

    .solution-copy>p.on-light-text {
      color: #55606f;
    }
    .solution-points {
      display: flex;
      flex-direction: column;
      gap: 14px;
      margin-bottom: 34px;
    }

    .solution-point {
      display: flex;
      align-items: flex-start;
      gap: 14px;
      font-size: 14.5px;
    }

    .solution-point span.txt {
      padding-top: 5px;
    }

    .solution-point{
      color: #cfd4d8;
    }

    .solution-point.on-light-text {
      color: #3c4552;
    }

    .btn-solid-red {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background-color: transparent;
      border: 1px solid #d7212a;
      color: #d7212a !important;
      font-size: 13px;
      font-weight: 600;
      padding: 10px 13px;
      border-radius: 999px;
      white-space: nowrap;
      transition: background-color .2s ease, transform .2s ease;
      min-width: 140px;
      justify-content: center;
    }

    .btn-solid-red:hover {
      background-color: #d7212a;
      transform: translateY(-2px);
      color: #ffffff!important;
    }

    .btn-solid-red svg path {
      stroke: #d7212a;
    }

    .btn-solid-red:hover svg path {
      stroke: #fff;
    }
    .btn-outline-red {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background-color: transparent;
      font-size: 13px;
      font-weight: 600;
      padding: 10px 13px;
      border-radius: 999px;
      border: 1px solid #fff;
      color: #fff;
      white-space: nowrap;
      transition: border-color .2s ease, background-color .2s ease;
      min-width: 140px;
      justify-content: center;
    }

    .btn-outline-red svg path {
      stroke: #fff;
    }

    .btn-outline-red:hover {
      color: #fff !important;
      background-color: #d7212a;
    }

    .btn-outline-red:hover svg path {
      stroke: #fff;
    }

    .bg-light-section p, .bg-light-section .txt{
      color:#000;
      font-weight: 300;
      font-size: 16px;
    }

    .bg-radial-dark p, .bg-radial-dark .txt{
      color:#fff;
      font-weight: 300;
      font-size: 16px;
    }


    @media (max-width: 991px) {

      .solution-row,
      .solution-row.reverse {
        grid-template-columns: 1fr;
        gap: 34px;
      }

      .solution-row .solution-media,
      .solution-row.reverse .solution-media {
        order: -1;
      }

      .solution-row .solution-copy,
      .solution-row.reverse .solution-copy {
        order: 2;
      }

      .solution-media,
      .solution-media img {
        min-height: 280px;
      }

      .solution-copy>p {
        max-width: 100%;
      }
    }

    @media (max-width: 640px) {
      .section-pad {
        padding: 60px 0;
      }

      .hub-intro {
        padding: 60px 0 60px;
      }

      .solution-media,
      .solution-media img {
        min-height: 220px;
      }
    }

/* ===============================Provider page styles end======================================= */

/*============================== provider new page used  now ====================================== */
/* ==========================================================================
   Banner — 100vh desktop, responsive down to mobile
   ========================================================================== */

/* new */

.providers_lp_hero {
  position: relative;
  color: #fff;
  overflow: hidden;
  background: #0B0D12;
  display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.providers_lp_hero .hero-content{
  max-width: 810px!important;
}
.hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-scrim {
  position: absolute;
  inset: 0;
  z-index: 1;
  /* background: linear-gradient(180deg, rgba(11, 13, 18, .55) 0%, rgba(11, 13, 18, .78) 60%, rgba(11, 13, 18, .94) 100%); */
  background:linear-gradient(204deg, rgba(11, 13, 18, .55) 0%, rgb(11 13 18 / 37%) 60%, rgb(11 13 18) 100%);
}

.hero-content {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  text-align: center;
}

.hero-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 999px;
  padding: 7px 16px;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #EFE7E4;
  margin-bottom: 26px;
}

.hero-tag .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #E63329;
}



.providers_lp_hero .lede {
  color: #C9CCD3;
  font-size: 1.08rem;
  max-width: 600px;
  margin: 0 auto 34px;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-bottom: 46px;
}


/* home banner carousel */
.clinical__carousel,
.clinical__carousel-track,
.clinical__slide {
  width: 100%;
  height: 100%;
}

.clinical__slide {
  position: relative;
  display: none;
}
.clinical__slide.active {
  display: flex;
  align-items: center;
  justify-content: center;
}

.providers_lp_hero .hero-content {
  max-width: 810px !important;
}

.clinical__slide-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.clinical__slide-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.clinical__slide-scrim {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(11, 13, 18, .55) 0%, rgba(11, 13, 18, .78) 60%, rgba(11, 13, 18, .94) 100%);
}

.clinical__slide-content {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  text-align: center;
}

.hero-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 999px;
  padding: 7px 16px;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #EFE7E4;
  margin-bottom: 26px;
}

.hero-tag .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #E63329;
}

.providers_lp_hero .lede {
  color: #C9CCD3;
  font-size: 1.08rem;
  max-width: 600px;
  margin: 0 auto 34px;
}

.clinical__slide-actions {
  margin-bottom: 46px;
}

/* accessible, on-brand indicators */
.clinical__indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, .5);
  border: none;
  opacity: 1;
}
.clinical__indicators .active {
  background-color: #E63329;
}

.clinical__nav {
  width: 5%;
  opacity: .8;
}
.clinical__nav:focus-visible,
.clinical__indicators button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .clinical__slide {
    transition: none !important;
  }
}
/* end */
.ptabs-block {
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 15px!important;
  
  padding: 10px;
}

.ptab-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  /* border-right: 1px solid #E3DED3; */
}

.ptab-btn {
  text-align: left;
  background: transparent;
  border: 0;
  font-weight: 600;
    font-size: .85rem;
    color: var(--text-dim);
    padding: .65rem 1.15rem;
    border-radius: 999px;
    border: 1px solid var(--text-dim);
    white-space: nowrap;
    transition: all .2s ease;
    box-shadow: var(--tab-shadow);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  max-width: 309px;
}

.ptab-btn:last-child {
  border-bottom: 0;
}

.ptab-btn .num {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: .85rem;
  color: #C6C1B6;
}

.ptab-btn:hover {
  background: var(--coral);
  color: var(--white);
}

.ptab-btn[aria-selected="true"] {
  background: var(--coral);
    color: var(--white);
    border-color: var(--coral);
    box-shadow: var(--tab-shadow);
}

.ptab-btn[aria-selected="true"] .num {
  color: var(--white);
    border-color: var(--coral);

}

.ptab-panels {
  position: relative;
  /* min-height: 360px; */
  border: 1px solid var(--hairline);
  border-radius: var(--radius-lg);
  background: linear-gradient(50deg, rgba(247, 247, 247, 1) 0%, rgba(223, 234, 241, 1) 100%) !important;;
  /* background-color: var(--white); */
  
}

.ptab-panel {
  display: none;
  padding: 48px;
  grid-template-columns: 1.1fr .9fr;
  gap: 40px;
  align-items: center;
  
}

.ptab-panel.is-active {
  display: grid;
}


.ptab-panel ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ptab-panel ul li {
  display: flex;
  gap: 10px;
  font-size: .94rem;
  color: #3A3D46;
  font-weight: 600;
}

.ptab-panel ul li svg {
  stroke: #E63329;
  flex-shrink: 0;
  margin-top: 2px;
}

.ptab-figure {
  background: #0E1116;
  border-radius: 2px;
  padding: 28px;
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ptab-figure svg {
  width: 100%;
  height: auto;
}

@media (max-width:900px) {
  .ptabs-block {
    grid-template-columns: 1fr;
  }

  .ptab-list {
    flex-direction: row;
    flex-wrap: wrap;
    border-right: 0;
    /* border-bottom: 1px solid #E3DED3; */
  }

  .ptab-btn {
    flex: 1 1 auto;
    border-bottom: 0;
    border-right: 1px solid #E3DED3;
    justify-content: center;
    padding: 16px 14px;
    font-size: .88rem;
  }

  .ptab-panel {
    grid-template-columns: 1fr;
    padding: 32px 24px;
  }
}

.psplit {
  background: radial-gradient(ellipse 900px 500px at 50% -10%, rgba(59,123,255,0.16), transparent 60%),
      #000;
}

.psplit-inner {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 0;
  align-items: center;
}

.psplit-media {
  position: relative;
  min-height: 520px;
}

.psplit-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.psplit-copy {
  padding: 64px 56px;
  padding-right: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.psplit-copy h2 {
  font-size: clamp(1.75rem, 2.8vw, 2.3rem);
  margin-bottom: 20px;
}

.psplit-copy p {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.55;
  color: #000;
}



@media (max-width:900px) {
  .psplit-inner {
    grid-template-columns: 1fr;
  }

  .psplit-media {
    min-height: 320px;
  }

  .psplit-copy {
    padding: 48px 24px;
  }
}

.stat-band {
  background: #14161D;
  color: #fff;
}

.stat-band .section-head h2 {
  color: #fff;
}

.stat-band .section-head p {
  color: #9EA2AC;
}

.stat-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  /* border: 1px solid var(--text-dim); */
  gap: 10px;
}

.stat-item {
   background: var(--white);
  box-shadow: var(--tab-shadow);
  border-radius: 14px;
  padding: 1.3rem 1.4rem;
  transition: transform .25s ease, box-shadow
}

.stat-item:last-child {
  border-right: 0;
}

.stat-num {
  font-family: Georgia, serif;
  font-style: italic;
  font-weight: 600!important;
  font-size: 2rem!important;
  color: var(--coral)!important;
  line-height: 1;
  margin-bottom: 12px;
}

.stat-label {
  font-size: .84rem;
  color: #B9BCC4;
  font-weight: 600;
  letter-spacing: .02em;
}

@media (max-width:900px) {
  .stat-grid {
    grid-template-columns: 1fr 1fr;
  }

  .stat-item {
    border-bottom: 1px solid #292C36;
  }
}

@media (max-width:560px) {
  .stat-grid {
    grid-template-columns: 1fr;
  }
}

.strip-cols {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    margin-top: 50px;
    border-top: 1px solid rgb(24 24 24 / 16%);
}

.strip-col {
    padding: 34px 28px;
    border-right: 1px solid rgb(24 24 24 / 16%);
}

.strip-col:hover{
  background-color: #ffdfe070;
   transition: all .2s ease;
}

.strip-col h4 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 .45rem
}

.strip-col p {
    font-size: 16px;
    line-height: 1.55;
    color: #000;
    font-weight: 300;
    margin: 0;
}

.strip-col:last-child{
  border-right: none;
}

@media (max-width: 991px) {
    .strip-cols {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .strip-cols {
        grid-template-columns: 1fr;
    }
    .hero-tag{
      font-size: 8px;
    }
  }

  @media (max-width: 640px) {
    .strip-col {
        border-right: none;
        border-top: 1px solid rgb(24 24 24 / 16%);
    }
}


  .module_features{
    background: linear-gradient(50deg, rgba(247, 247, 247, 1) 0%, rgba(223, 234, 241, 1) 100%)!important;
  }

  .current_page{
    font-weight: 300;
  }




/* old */
   


    @media (max-width: 767px) {
      .p-banner {
        background-attachment: scroll;
      }
    }

    .p-banner-overlay {
      position: absolute;
      inset: 0;
      background: radial-gradient(120% 90% at 15% 100%, rgba(214, 33, 41, 0.18) 0%, rgba(0, 0, 0, 0) 55%);
      pointer-events: none;
    }

    .p-banner-heading {
      font-size: clamp(2.6rem, 6vw, 5.2rem);
      line-height: 1.4;
      font-weight: 500;
      color: #fff;
    }

    .p-banner-sub {
      font-size: clamp(1rem, 1.4vw, 1.2rem);
      line-height: 1.6;
      color: rgba(255, 255, 255, 0.86);
      max-width: 42rem;
    }

    .btn-primary-cta {
      font-size: 0.85rem;
      letter-spacing: 0.06em;
      background-color: #d62129;
      color: #fff;
      padding: 0.9rem 1.9rem;
      border-radius: 2px;
      border: 1px solid #d62129;
      display: inline-block;
      transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    }

    .btn-primary-cta:hover {
      background-color: transparent;
      color: #fff;
      border-color: #fff;
      transform: translateY(-2px);
    }

    .btn-cta-lg {
      padding: 1.05rem 2.4rem;
      font-size: 0.9rem;
    }

  
    @keyframes scrollDrop {
      0% {
        transform: translateY(0);
        opacity: 1;
      }

      70% {
        transform: translateY(16px);
        opacity: 0;
      }

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

    .split-row {
      width: 100%;
      height: clamp(400px, 65vh, 700px);
    }

    @media (max-width: 767px) {
      .split-row {
        height: auto;
        min-height: 420px;
        padding: 50px 0;
      }
    }

    .split-light {
      background: linear-gradient(50deg, rgba(247, 247, 247, 1) 0%, rgba(223, 234, 241, 1) 100%) !important;
    }

    .split-dark {
      background-color: #000;
    }

    .split-media {
      flex: 0 0 50%;
      max-width: 50%;
      min-height: 30vh;
      overflow: hidden;
    }

    .split-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .split-content {
      flex: 0 0 50%;
      max-width: 50%;
      display: flex;
      align-items: center;
    }

    .split-inner {
      padding: 2.5rem 3rem;
      max-width: 38rem;
    }

    .split-copy {
      font-size: 0.98rem;
      line-height: 1.6;
      color: #2a2a2a;
    }

    .split-copy-light {
      color: rgba(255, 255, 255, 0.82);
    }

    .btn-outline-service {
      font-size: 0.82rem;
      letter-spacing: 0.05em;
      color: #000;
      border: 1.5px solid #000;
      padding: 0.7rem 1.4rem;
      border-radius: 2px;
      display: inline-block;
      transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    }

    .btn-outline-service:hover {
      background-color: #d62129;
      border-color: #d62129;
      color: #fff;
    }

    .btn-outline-service-light {
      font-size: 0.82rem;
      letter-spacing: 0.05em;
      color: #fff;
      border: 1.5px solid rgba(255, 255, 255, 0.6);
      padding: 0.7rem 1.4rem;
      border-radius: 2px;
      display: inline-block;
      transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    }

    .btn-outline-service-light:hover {
      background-color: #d62129;
      border-color: #d62129;
      color: #fff;
    }

    /* ==========================================================================
   Full-screen background sections (used for the CTA plate)
   ========================================================================== */

    .service-full {
      position: relative;
      width: 100%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      background-attachment: scroll;
      overflow: hidden;
    }

    .service-full::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
    }

    .service-full .container-fluid {
      position: relative;
      z-index: 1;
    }

    /* Background plate for the CTA — swap the URL for real photography later */
    .bg-cta {
      background-image: url('../../assets/images/AI-A-Smart-Prescription.jpg');
    }

    .cta-full {
      min-height: 34vh;
      min-height: 34svh;
      padding: 3rem 0;
    }

    .overlay-teal-strong::before {
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.9) 100%);
      border-top: 1px solid rgba(214, 33, 41, 0.5);
    }



    .cta-copy {
      font-size: 1rem;
      line-height: 1.65;
      color: rgba(255, 255, 255, 0.82);
    }

   

    /* ==========================================================================
   Responsive breakpoints
   ========================================================================== */

    /* Large tablets / small laptops */
    @media (max-width: 991.98px) {
      /* .split-row {
    min-height: auto;
  } */

      .split-media {
        flex: 0 0 100%;
        max-width: 100%;
        min-height: 34vh;
      }

      .split-content {
        flex: 0 0 100%;
        max-width: 100%;
      }

      .split-inner {
        padding: 2.25rem 2rem;
        max-width: 100%;
      }

      .cta-full {
        min-height: auto;
        padding: 3rem 0;
      }
    }

    /* Tablets */
    @media (max-width: 767.98px) {
      .p-banner {
        min-height: 92vh;
        min-height: 92svh;
      }

      .p-banner-heading {
        font-size: clamp(2.2rem, 8vw, 3rem);
      }

      .scroll-cue {
        right: 1.5rem;
        bottom: 1.75rem;
      }

      .split-media {
        min-height: 30vh;
      }

      .cta-full {
        padding: 2.75rem 0;
      }
    }

    /* Phones */
    @media (max-width: 575.98px) {
      .p-banner {
        min-height: 100vh;
        min-height: 100svh;
        align-items: flex-end;
      }

      .p-banner-heading br {
        display: none;
      }

      .p-banner-heading {
        font-size: clamp(2rem, 9vw, 2.6rem);
      }

      .split-media {
        min-height: 26vh;
      }

      .split-inner {
        padding: 2rem 1.5rem;
      }
      .btn-primary-cta,
      .btn-outline-service,
      .btn-outline-service-light,
      .btn-nav-cta {
        width: 100%;
        text-align: center;
      }
    }

    /*============================= provider page css end ======================= */