/* AI Services Page CSS - Rebuilt from b9d283b baseline (range-extracted) */

@media (max-width: 1550px) {
  .ellipse1 {
    left: -35%;
    top: -180px;
}
}
.ellipse2 {
  position: absolute;
  right: -33%;
  top: 0;
  z-index: 1;
}
@media (max-width: 1680px) {
  .ellipse2 {
    right: -35%;
}
}

/* AI Expertise */
.ai-expertise { padding: 72px 0; background: var(--color-bg); color: var(--color-text-light); border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.ai-expertise .container {display: flex; flex-direction: column; gap: 40px;}
.ai-expertise-trust { display: flex; flex-direction: column; gap: 12px; align-items: center; text-align: center; }
.ai-expertise-trust-label { font-size: 14px; letter-spacing: .18em; text-transform: uppercase; color: var(--color-muted);}
.ai-expertise-logos { list-style: none; margin: 0; padding: 0; display: flex; gap: 40px; align-items: center; flex-wrap: wrap; justify-content: center; }
.ai-expertise-logos img { display: block; max-height: 36px; width: auto; opacity: .85; filter: grayscale(100%) brightness(0) invert(1); transition: opacity .2s ease;}
.ai-expertise-logos img:hover { opacity: 1; }
.ai-expertise-logo-text { font-size: 22px; font-weight: 700; letter-spacing: .08em; color: var(--color-text-light); text-transform: uppercase; display: inline-flex; align-items: center; justify-content: center; min-width: 92px;}
.ai-expertise-intro { max-width: 880px; margin: 0 auto; text-align: center; }
.ai-expertise-intro p { margin: 0; font-size: clamp(18px, 2.4vw, 24px); line-height: 1.6; color: var(--color-text-light);}
.ai-expertise-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.ai-expertise-card { position: relative; border: 1px solid var(--color-border); border-radius: 18px; padding: 26px 24px; background: var(--color-surface); display: flex; flex-direction: column; gap: 20px; min-height: 220px; transition: transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease;}
.ai-expertise-icon { width: 44px; height: 44px; border-radius: 14px; background: rgba(var(--color-accent-rgb), .16); display: inline-flex; align-items: center; justify-content: center; }
.ai-expertise-icon img { width: 24px; height: 24px; object-fit: contain; filter: brightness(1.25); transition: filter .25s ease;}
.ai-expertise-card p { margin: 0; color: var(--color-text-light); font-size: 16px; line-height: 1.6; font-weight: 500; }
.ai-expertise-card:hover { background: var(--color-accent-gradient); border-color: rgba(var(--color-accent-rgb), .65); transform: translateY(-6px); box-shadow: var(--shadow-lg); color: var(--color-accent-contrast);}
.ai-expertise-card:hover p { color: var(--color-accent-contrast); }
.ai-expertise-card:hover .ai-expertise-icon { background: rgba(255,255,255,.22);}
.ai-expertise-card:hover .ai-expertise-icon img { filter: brightness(0) invert(1); }
@media (max-width: 640px){
  .ai-expertise { padding: 56px 0;}
  .ai-expertise-grid { gap: 12px; }
  .ai-expertise-card { min-height: 200px; padding: 22px;}
}

/* Mobile enterprise features */
.mobile-enterprise-features{
  padding: 86px 0;
  background: #000;
  color: #fff;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.mobile-enterprise-features .container{display: flex; flex-direction: column; gap: 34px;}
.mobile-enterprise-features-head{
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.mobile-enterprise-features-head h2{
  margin: 0;
  font-size: clamp(34px, 4.8vw, 60px);
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: #fff;
  font-weight: 650;
}
.mobile-enterprise-features-head h2 span{
  display: inline;
}
.mobile-enterprise-features-head p{
  margin: 12px 0 0;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  line-height: 1.75;
  color: rgba(255,255,255,.74);
}
.mobile-enterprise-features-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.mobile-enterprise-feature-card{
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 12px;
  align-items: center;
  padding: 25px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: radial-gradient(140% 140% at 0% 0%, rgba(255,255,255,.06), rgba(255,255,255,0) 62%);
  box-shadow: 0 12px 28px rgba(0,0,0,.32);
}
.mobile-enterprise-feature-card[hidden]{
  display: none !important;
}
.mobile-enterprise-feature-icon{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.92);
}
.mobile-enterprise-feature-icon svg{
  width: 18px;
  height: 18px;
  display: block;
}
.mobile-enterprise-feature-copy h3{
  margin: 0;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 400;
  color: rgba(255,255,255,.92);
}
.mobile-enterprise-feature-copy p{
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(255,255,255,.70);
}
.mobile-enterprise-feature-card:hover{
  border-color: rgba(255,255,255,.22);
  background: radial-gradient(140% 140% at 0% 0%, rgba(255,255,255,.10), rgba(255,255,255,0) 62%);
}
.mobile-enterprise-features-actions{
  display: flex;
  justify-content: center;
}
.mobile-enterprise-features-more{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.26);
  background: transparent;
  color: #fff;
  font-weight: 650;
  font-size: 12px;
  cursor: pointer;
}
.mobile-enterprise-features-more:hover{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.36);
}
.mobile-enterprise-features-more .caret svg{
  width: 16px;
  height: 16px;
  display: block;
}

 .bi-custom-services__icon{ width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center; color:#1f6bff; }
 .bi-custom-services__card-title{ margin:0; font-size:13px; letter-spacing:0.02em; font-weight:700; color:rgba(255,255,255,0.92);}
 .bi-custom-services__card-copy{ margin:14px 0 0; font-size:11px; line-height:1.85; color:rgba(255,255,255,0.58); }

 @media (max-width: 1024px){
   .bi-custom-services{ padding:90px 20px 100px;}
   .bi-custom-services__grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:36px 40px; }
}

 @media (max-width: 640px){
   .bi-custom-services__head{ margin-bottom:40px;}
   .bi-custom-services__grid{ grid-template-columns:1fr; gap:26px; }
}

 .genai-industries{
   background:#05070b;
   padding:80px 20px 100px;
   color:#f5f7ff;
   --genai-industries-border: rgba(255,255,255,0.1);
}
.genai-industries-title{
   font-size: var(--font-size-4xl);
   font-weight: var(--font-weight-bold);
   line-height: var(--line-height-tight);
   margin:0 0 28px;
   letter-spacing: var(--letter-spacing-tight);
   text-align:center;
   color:#fff;
   max-width:1100px;
   margin-left:auto;
   margin-right:auto;
}
 .genai-industries-intro{
   font-size: var(--font-size-lg);
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-relaxed);
   color:#d6dae8;
   text-align:center;
   max-width:1100px;
   margin:0 auto 60px;
}
 .genai-industries-grid{
   display:flex;
   flex-wrap:wrap;
   justify-content:center;
   max-width:100%;
   width:100%;
   margin:0 auto;
   gap:0;
}
 .genai-industry-card{
   display:flex;
   flex-direction:column;
   align-items:center;
   justify-content:center;
   gap:16px;
   padding:48px 24px;
   text-decoration:none;
   transition:all .3s ease;
   background:transparent;
   border-right:1px solid var(--genai-industries-border);
   border-bottom:1px solid var(--genai-industries-border);
   width:20%;
   box-sizing:border-box;
}
 .genai-industry-card.is-row-end{ border-right:none; }
 .genai-industry-card.is-last-row{ border-bottom:none;}
 .genai-industry-card:hover{
   background:rgba(255,255,255,0.03);
}
 .genai-industry-icon{
   width:56px;
   height:56px;
   background:rgba(255,255,255,0.06);
   border-radius:12px;
   display:flex;
   align-items:center;
   justify-content:center;
   color:#fff;
   transition:all .3s ease;
}
 .genai-industry-card:hover .genai-industry-icon{
   background:rgba(255,255,255,0.1);
   transform:translateY(-4px);
}
 .genai-industry-name{
   font-size: var(--font-size-base);
   font-weight: var(--font-weight-semibold);
   color:#f5f7ff;
   text-align:center;
   line-height: var(--line-height-normal);
}

 .genai-industries.genai-industries--ml{
   background:#000;
   --genai-industries-border: rgba(255,255,255,0.12);
}
 .genai-industries.genai-industries--ml .genai-industries-title{
   text-align:left;
   max-width:980px;
   margin-left:0;
   margin-right:0;
   margin-bottom:18px;
}
 .genai-industries.genai-industries--ml .genai-industries-intro{
   text-align:left;
   max-width:980px;
   margin:0 0 60px;
}

 .genai-industries-dots{
   display:none;
   justify-content:center;
   gap:8px;
   padding-top:28px;
 }
 .genai-industries-dot{
   width:10px; height:10px;
   border-radius:50%;
   border:none;
   background:rgba(255,255,255,0.25);
   padding:0;
   cursor:pointer;
   transition:all .3s ease;
 }
 .genai-industries-dot.is-active{
   background:#3b82f6;
   width:24px;
   border-radius:5px;
 }

 @media(max-width:960px){
   .genai-industries{ padding:60px 0px 80px;}
   .genai-industries-title{ font-size: var(--font-size-3xl); }
   .genai-industries-intro{ font-size: var(--font-size-md);}
   .genai-industries-grid .genai-industry-card{ width:33.333%; }
   .genai-industries.genai-industries--ml .genai-industries-intro{ margin-bottom:40px;}
 }

 @media(max-width:640px){
   .genai-industries-grid .genai-industry-card{
     width:50%;
   }
   .genai-industries-grid{
     overflow:hidden;
   }

.restaurant-clone-templates-media{ border-bottom: 1px solid rgba(255,255,255,.10); background: rgba(0,0,0,.25); }
.restaurant-clone-templates-media img{ display:block; width:100%; height:auto; max-height: 280px; object-fit: cover; }
.restaurant-clone-templates-panel{ background: transparent; border: none; }
.restaurant-clone-templates-panel-inner{ padding: 44px 46px;}
.restaurant-clone-templates-panel-top{ display:flex; gap: 16px; align-items:flex-start; }
.restaurant-clone-templates-logo{ width: 34px; height: 34px; border-radius: 999px; background: rgba(255,255,255,.10); display:flex; align-items:center; justify-content:center; flex-shrink:0;}
.restaurant-clone-templates-logo img{ width: 18px; height: 18px; object-fit: contain; display:block; }
.restaurant-clone-templates-copy h3{ margin:0; font-size: 16px; font-weight: 900; color:#fff;}
.restaurant-clone-templates-copy p{ margin: 12px 0 0; font-size: 13px; line-height: 1.85; color: rgba(255,255,255,.72); max-width: 640px; }
.restaurant-clone-templates-features{ margin-top: 18px;}
.restaurant-clone-templates-features h4{ margin:0 0 12px; font-size: 12px; font-weight: 900; color:#fff; }
.restaurant-clone-templates-features ul{ margin:0; padding-left: 18px; color: rgba(255,255,255,.80); font-size: 12px; line-height: 1.9;}

@media (max-width: 980px){
  .restaurant-clone-templates-layout{ grid-template-columns: 1fr;}
  .restaurant-clone-templates-tabs{ border-right: none; border-bottom: 1px solid rgba(255,255,255,.10); }
  .restaurant-clone-templates-tab{ padding: 14px 16px;}
}


.genai-models-section{
  background:#000;
  padding:80px 20px 100px;
  color:#f5f7ff;
}
.genai-models-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:start;
  max-width:1320px;
  margin:0 auto;
}
.genai-models-left{
  position:sticky;
  top:120px;
}
.genai-models-title{
  font-size:52px;
  line-height:1.15;
  margin:0 0 28px;
  color:#fff;
  font-weight:700;
  letter-spacing:-0.01em;
}
.genai-models-intro{
  font-size:18px;
  line-height:1.7;
  color:#d6dae8;
  margin:0;
}
.genai-models-right{
  display:flex;
  flex-direction:column;
}
.genai-models-list{
  display:flex;
  flex-direction:column;
  gap:32px;
}
.genai-model-card{
  display:flex;
  gap:20px;
  border-radius:0;
  padding:32px;
  transition:all .3s ease;
}
.genai-content{
  padding-bottom:20px;
  border-bottom:1.3px solid rgba(255,255,255,0.5);
}
.genai-model-card:hover{
  background:rgba(255,255,255,0.04);
  border-color:rgba(255,255,255,0.15);
  transform:translateY(-2px);
}
.genai-model-header{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:16px;
}
.genai-model-icon{
  width:48px;
  height:48px;
  background:rgba(255,255,255,0.08);
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  flex-shrink:0;
}
.genai-model-icon img{
  width:32px;
  height:32px;
  object-fit:contain;
}
.genai-model-name{
  font-size:26px;
  font-weight:700;
  color:#fff;
  margin:0;
  line-height:1.2;
}
.genai-model-desc{
  font-size:16px;
  line-height:1.7;
  color:#d6dae8;
  margin:0;
}

@media(max-width:960px){
  .genai-models-section{
    padding:60px 0px 80px;
}
  .genai-models-grid{
    grid-template-columns:1fr;
    gap:40px;
}
  .genai-models-left{
    position:static;
}
  .genai-models-title{
    font-size:38px;
}
  .genai-models-intro{
    font-size:17px;
}
  .genai-model-card{
    padding:15px 0px;
}
.genai-model-icon{
  width:40px;
  height:40px;
  font-size:20px;
  border-radius:5px;
}
.genai-models-list{
  gap:0px;
}
  .genai-model-name{
    font-size:22px;
}
  .genai-model-desc{
    font-size:15px;
}
}

@media (max-width: 900px){
  .marketing-hero{ padding-top: 72px;}
  .marketing-hero-grid{ grid-template-columns: 1fr; }
  .marketing-hero-content p{ max-width: none;}
}

 /* Real Estate solutions */
 .real-estate-solutions{ background:#000; padding: 70px 0 90px; }
.real-estate-solutions-head{ max-width: 980px; }
 .real-estate-solutions-head h2{ margin:0; font-size: clamp(34px, 4.6vw, 56px); line-height: 1.05; letter-spacing: -0.03em; color:#fff;}
 .real-estate-solutions-head p{ margin: 14px 0 0; font-size: 14px; line-height: 1.7; color: rgba(255,255,255,.72); max-width: 720px; }
 .real-estate-solutions-grid{ list-style:none; margin: 28px 0 0; padding: 0; display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px 26px;}
 .real-estate-solutions-item{ display:flex; align-items:flex-start; gap: 12px; font-size: 12px; font-weight: 700; color: rgba(255,255,255,.86); }
 .real-estate-solutions-dot{ width: 7px; height: 7px; border-radius: 999px; background: #0a49ff; margin-top: 6px; flex: 0 0 auto; box-shadow: 0 0 0 3px rgba(10, 73, 255, .12);}
 .real-estate-solutions-label{ line-height: 1.45; }

 body.page-csr .real-estate-solutions{ background:#050608; color: rgba(255,255,255,.84);}
 body.page-csr .real-estate-solutions-head h2{ color:#ffffff; }
 body.page-csr .real-estate-solutions-head p{ color: rgba(255,255,255,.70);}
 body.page-csr .real-estate-solutions-item{ color: rgba(255,255,255,.86); }
 body.page-csr .real-estate-solutions-dot{ box-shadow: 0 0 0 3px rgba(10, 73, 255, .22);}

 body.page-csr .csr-industries{ background:#000; color:#fff; padding: 86px 0 92px; }
body.page-csr .csr-industries-head{ max-width: 980px; }
 body.page-csr .csr-industries-title{ margin:0; font-size: clamp(34px, 4.6vw, 56px); line-height: 1.06; letter-spacing: -0.03em; color:#fff;}
 body.page-csr .csr-industries-intro{ margin: 14px 0 0; font-size: 14px; line-height: 1.75; color: rgba(255,255,255,.72); max-width: 920px; }

 body.page-csr .csr-industries-stage{ margin-top: 34px;}
 body.page-csr .csr-industries-track{ display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }

 body.page-csr .csr-industry-card{ border-radius: 12px; border: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.03); padding: 22px 20px; box-shadow: 0 22px 54px rgba(0,0,0,.55);}
 body.page-csr .csr-industry-icon{ width: 40px; height: 40px; border-radius: 12px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.10); display:flex; align-items:center; justify-content:center; color:#fff; }
 body.page-csr .csr-industry-title{ margin: 14px 0 0; font-size: 16px; font-weight: 800; color:#fff; white-space: pre-line;}
 body.page-csr .csr-industry-desc{ margin: 12px 0 0; font-size: 12px; line-height: 1.75; color: rgba(255,255,255,.72); }
 body.page-csr .csr-industry-desc a{ color:#fff; text-decoration: underline;}

 body.page-csr .csr-industries-dots{ display:none; justify-content:center; gap: 8px; margin-top: 18px; }
 body.page-csr .csr-industries-dot{ width: 14px; height: 4px; border-radius: 999px; background: rgba(255,255,255,.22); border: 0; padding: 0; cursor: pointer;}
 body.page-csr .csr-industries-dot.is-active{ width: 20px; background: #ffffff; }

 @media (max-width: 980px){
   body.page-csr .csr-industries-track{ grid-template-columns: repeat(2, minmax(0, 1fr));}
 }
 @media (max-width: 720px){
   body.page-csr .csr-industries{ padding: 74px 0 84px;}
   body.page-csr .csr-industries-track{
     display:flex;
     gap: 14px;
     overflow-x: auto;
     padding: 0 20px 10px;
     scroll-snap-type: x mandatory;
     scrollbar-width: none;
     -webkit-overflow-scrolling: touch;
     width: 100vw;
     margin-left: calc(50% - 50vw);
     margin-right: calc(50% - 50vw);
}
   body.page-csr .csr-industries-track::-webkit-scrollbar{ display:none; }
   body.page-csr .csr-industry-card{ min-width: calc(100vw - 56px); scroll-snap-align: center;}
   body.page-csr .csr-industries-dots{ display:flex; }
}

 body.page-csr .csr-cta-banner{ background:#fff; padding: 70px 0 90px; }
 body.page-csr .csr-cta-banner .container{display:flex; justify-content:center;}
 body.page-csr .csr-cta-banner-card{ position:relative; width: 100%; max-width: 860px; min-height: 220px; border-radius: 12px; overflow:hidden; background: #0b0c0d; background-image: linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.55)), var(--csr-cta-bg); background-size: cover; background-position: center; box-shadow: 0 26px 60px rgba(12, 22, 55, .18); }
 body.page-csr .csr-cta-banner-overlay{ position:absolute; inset:0; background: radial-gradient(120% 120% at 50% 40%, rgba(0,0,0,.12), rgba(0,0,0,.62)); pointer-events:none;}
 body.page-csr .csr-cta-banner-content{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap: 10px; padding: 26px 18px; color:#fff; }
 body.page-csr .csr-cta-banner-title{ margin:0; font-size: 18px; font-weight: 900; letter-spacing: -0.01em; color:#fff;}
 body.page-csr .csr-cta-banner-subtitle{ margin:0; font-size: 12px; line-height: 1.7; color: rgba(255,255,255,.86); white-space: pre-line; max-width: 520px; }
 body.page-csr .csr-cta-banner-btn{ margin-top: 8px; display:inline-flex; align-items:center; gap: 10px; padding: 8px 14px; border-radius: 8px; border: 1px solid rgba(255,255,255,.55); background: rgba(0,0,0,.18); color:#fff; text-decoration:none; font-size: 10px; font-weight: 800;}
 body.page-csr .csr-cta-banner-btn:hover{ background: rgba(255,255,255,.10); border-color: rgba(255,255,255,.80); }
 body.page-csr .csr-cta-banner-btn-arrow{ width: 10px; height: 10px; border-right: 2px solid currentColor; border-top: 2px solid currentColor; transform: rotate(45deg);}

 @media (max-width: 640px){
   body.page-csr .csr-cta-banner{ padding: 60px 0 80px;}
   body.page-csr .csr-cta-banner-card{ min-height: 200px; }
}
 @media (max-width: 980px){
   .real-estate-solutions-grid{ grid-template-columns: repeat(2, minmax(0, 1fr));}
 }
 @media (max-width: 560px){
   .real-estate-solutions-grid{ grid-template-columns: 1fr;}
 }

/* Real Estate stakeholders */
 .real-estate-stakeholders{ background:#fff; padding: 84px 0 96px; }
.real-estate-stakeholders-grid{ display:grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(28px, 5vw, 54px); align-items: start; }
 .real-estate-stakeholders-left h2{ margin:0; font-size: clamp(34px, 4.6vw, 56px); line-height: 1.05; letter-spacing: -0.03em; color:#0b0c0d; white-space: pre-line;}
 .real-estate-stakeholders-intro{ margin: 14px 0 0; font-size: 13px; line-height: 1.75; color: rgba(11, 12, 13, .72); max-width: 720px; }
 .real-estate-stakeholders-list{ margin-top: 22px; border-top: 1px solid rgba(11, 12, 13, .12);}
 .real-estate-stakeholder{ padding: 18px 0; border-bottom: 1px solid rgba(11, 12, 13, .12); }
 .real-estate-stakeholder h3{ margin: 0 0 10px 0; font-size: 12px; font-weight: 800; color:#0b0c0d;}
 .real-estate-stakeholder p{ margin: 0; font-size: 12px; line-height: 1.75; color: rgba(11, 12, 13, .72); max-width: 720px; }
 .real-estate-stakeholders-media{ border-radius: 14px; overflow:hidden; box-shadow: 0 18px 44px rgba(12, 22, 55, .12); border: 1px solid rgba(11, 12, 13, .10);}
 .real-estate-stakeholders-media img{ width:100%; height:auto; display:block; object-fit: cover; }
 @media (max-width: 980px){
   .real-estate-stakeholders-grid{ grid-template-columns: 1fr;}
   .real-estate-stakeholders-media{ max-width: 560px; }
}

 /* Real Estate case CTA */
 .real-estate-case-cta{ background:#000; padding: 30px 0 30px; }
 .real-estate-case-cta .container{display:flex; justify-content:center;}
 .real-estate-case-cta-card{ position: relative; width: 100%; max-width: 980px; border-radius: 12px; overflow:hidden; box-shadow: 0 26px 60px rgba(12, 22, 55, .14); background: #0b0c0d; }
 .real-estate-case-cta-image{ width:100%; height:auto; display:block; opacity: .9;}
 .real-estate-case-cta-overlay{ position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.55) 55%, rgba(0,0,0,.72) 100%); pointer-events:none; }
 .real-estate-case-cta-content{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap: 16px; padding: 28px 22px; text-align:center; color:#fff;}
 .real-estate-case-cta-copy{ margin:0; font-size: 13px; line-height: 1.7; color: rgba(255,255,255,.86); max-width: 540px; white-space: pre-line; }
 .real-estate-case-cta-btn{ display:inline-flex; align-items:center; gap: 10px; padding: 10px 14px; border-radius: 6px; border: 1px solid rgba(255,255,255,.32); background: rgba(0,0,0,.22); color:#fff; text-decoration:none; font-size: 11px; font-weight: 800;}
 .real-estate-case-cta-arrow{ width: 10px; height: 10px; border-right: 2px solid currentColor; border-top: 2px solid currentColor; transform: rotate(45deg); }
 .real-estate-case-cta-btn:hover{ border-color: rgba(255,255,255,.55); background: rgba(255,255,255,.08);}
 @media (max-width: 640px){
   .real-estate-case-cta-content{ padding: 22px 16px;}
 }

/* Travel solutions suite (variant of ai-solutions) */
.ai-solutions.ai-solutions--travel { background: #000; border-top: 0; border-bottom: 0; padding: 30px 0 90px; color: rgba(255,255,255,.82); }
.ai-solutions.ai-solutions--travel .ai-solutions-layout { display: grid; grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr); gap: 40px; align-items: start;}
.ai-solutions.ai-solutions--travel .ai-solutions-head { max-width: none; margin: 0; text-align: left; }
.ai-solutions.ai-solutions--travel .ai-solutions-head h2 { color: #fff; font-size: clamp(34px, 4.6vw, 56px); line-height: 1.05; letter-spacing: -0.03em;}
.ai-solutions.ai-solutions--travel .ai-solutions-head p { color: rgba(255,255,255,.72); max-width: 520px; }
.ai-solutions.ai-solutions--travel .ai-solutions-rail { display: flex; flex-direction: column; gap: 16px;}
.ai-solutions.ai-solutions--travel .ai-solutions-top { display: flex; align-items: center; justify-content: space-between; }
.ai-solutions.ai-solutions--travel .ai-solutions-progress { font-size: 12px; font-weight: 700; color: rgba(255,255,255,.6); letter-spacing: .08em; text-transform: uppercase;}
.ai-solutions.ai-solutions--travel .ai-solutions-grid { outline: none; }
.ai-solutions.ai-solutions--travel .ai-solution-card { background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.14); color: #fff; box-shadow: none;}
.ai-solutions.ai-solutions--travel .ai-solution-card h3 { color: #fff; text-decoration: none; font-size: 16px; }
.ai-solutions.ai-solutions--travel .ai-solution-card p { color: rgba(255,255,255,.72);}
.ai-solutions.ai-solutions--travel .ai-solutions-btn { border-color: rgba(255,255,255,.22); background: transparent; color: #fff; }
.ai-solutions.ai-solutions--travel .ai-solutions-btn.prev::before { border-right-color: rgba(255,255,255,.85); margin-left: 3px;}
.ai-solutions.ai-solutions--travel .ai-solutions-btn.next::before { border-left-color: rgba(255,255,255,.85); margin-right: 3px; }
.ai-solutions.ai-solutions--travel .ai-solutions-btn:hover { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.45);}

 /* Real Estate features carousel (variant of ai-solutions) */
 .ai-solutions.ai-solutions--real-estate { background: #050608; padding: 30px 0 30px; border-top: 0; border-bottom: 0; color: rgba(255,255,255,.82); }
.ai-solutions.ai-solutions--real-estate .ai-solutions-layout { display: grid; grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.1fr); gap: 44px; align-items: start; }
 .ai-solutions.ai-solutions--real-estate .ai-solutions-head h2 { margin:0; color:#fff; font-size: clamp(34px, 4.6vw, 56px); line-height: 1.05; letter-spacing: -0.03em; white-space: pre-line;}
 .ai-solutions.ai-solutions--real-estate .ai-solutions-head p { color: rgba(255,255,255,.68); max-width: 560px; }
 .ai-solutions.ai-solutions--real-estate .ai-solutions-top { display:flex; align-items:center; justify-content: space-between;}
 .ai-solutions.ai-solutions--real-estate .ai-solutions-progress { color: rgba(255,255,255,.68); font-size: 12px; font-weight: 800; letter-spacing: .12em; }
 .ai-solutions.ai-solutions--real-estate .ai-solutions-btn { border-color: rgba(255,255,255,.22); background: transparent;}
 .ai-solutions.ai-solutions--real-estate .ai-solutions-btn:hover { border-color: rgba(255,255,255,.45); background: rgba(255,255,255,.06); }
 .ai-solutions.ai-solutions--real-estate .ai-solutions-btn.prev::before { border-right-color: rgba(255,255,255,.85);}
 .ai-solutions.ai-solutions--real-estate .ai-solutions-btn.next::before { border-left-color: rgba(255,255,255,.85); }
 .ai-solutions.ai-solutions--real-estate .ai-solution-card { background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.14); box-shadow: none; min-width: 260px;}
 .ai-solutions.ai-solutions--real-estate .ai-solution-card h3 { color:#fff; font-size: 13px; font-weight: 800; }
 .ai-solutions.ai-solutions--real-estate .ai-solution-card p { color: rgba(255,255,255,.68); font-size: 11px; line-height: 1.7;}
 .ai-solutions.ai-solutions--real-estate .ai-solution-icon{ width: 32px; height: 32px; border-radius: 10px; display:flex; align-items:center; justify-content:center; color: rgba(255,255,255,.85); background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.10); margin-bottom: 12px; }
 .ai-solutions.ai-solutions--real-estate .ai-solution-icon svg{ width: 18px; height: 18px;}
 @media (max-width: 980px){
   .ai-solutions.ai-solutions--real-estate .ai-solutions-layout { grid-template-columns: 1fr;}
   .ai-solutions.ai-solutions--real-estate .ai-solutions-head p { max-width: 820px; }
}
@media (max-width: 980px){
  .ai-solutions.ai-solutions--travel .ai-solutions-layout { grid-template-columns: 1fr;}
  .ai-solutions.ai-solutions--travel .ai-solutions-head p { max-width: 820px; }
}

/* Travel features grid (variant of cap-section--grid) */
.cap-section.cap-section--travel-features{ background:#000; color:#f5f7ff; padding: 30px 0 80px; }
.cap-section.cap-section--travel-features .cap-head{ margin: 0 auto 34px; max-width: 980px; text-align: center;display: flex;flex-direction: column;align-items: center;}
.cap-section.cap-section--travel-features .cap-head h2{ margin:0; font-size: clamp(34px, 4.6vw, 56px); line-height: 1.05; letter-spacing: -0.03em; color:#fff; }
.cap-section.cap-section--travel-features .cap-head h2::before,
.cap-section.cap-section--travel-features .cap-head h2::after{ display:none;}
.cap-section.cap-section--travel-features .cap-features-lead{ margin: 14px auto 0; font-size: 14px; line-height: 1.65; color: rgba(255,255,255,.72); max-width: 820px; }
.cap-section.cap-section--travel-features .cap-grid{
  max-width: 1120px;
  border: 0;
  background: transparent;
  display: grid;
  grid-template-columns: none;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  grid-auto-flow: column;
  grid-auto-columns: minmax(170px, 1fr);
  gap: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x;
  padding: 4px 4px 14px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.22) transparent;
}
.cap-section.cap-section--travel-features .cap-grid::-webkit-scrollbar{ height: 8px; }
.cap-section.cap-section--travel-features .cap-grid::-webkit-scrollbar-track{ background: rgba(255,255,255,.04); border-radius: 999px; }
.cap-section.cap-section--travel-features .cap-grid::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.22); border-radius: 999px; }
.cap-section.cap-section--travel-features .cap-grid::-webkit-scrollbar-thumb:hover{ background: rgba(255,255,255,.38); }
.cap-section.cap-section--travel-features .cap-card{ background:rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.14); border-radius: 10px; padding: 18px 14px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap: 10px; min-height: 110px; scroll-snap-align: start; }
.cap-section.cap-section--travel-features .cap-icon{ margin:0; width: 30px; height: 30px; display:flex; align-items:center; justify-content:center; color: #6c9bff;}
.cap-section.cap-section--travel-features .cap-icon svg{ width: 22px; height: 22px; stroke: currentColor; }
.cap-section.cap-section--travel-features .cap-desc{ margin:0; font-size: 12px; font-weight: 700; line-height: 1.3; color: rgba(255,255,255,.82);}
@media (max-width: 960px){
  .cap-section.cap-section--travel-features .cap-grid{ grid-auto-columns: minmax(150px, 1fr); gap: 12px;}
}
@media (max-width: 640px){
  .cap-section.cap-section--travel-features .cap-grid{ grid-auto-columns: minmax(130px, 1fr); gap: 10px; padding: 4px 4px 12px;}
  .cap-section.cap-section--travel-features .cap-card{ padding: 14px 8px; gap: 8px; border-radius: 8px; min-height: 96px;}
  .cap-section.cap-section--travel-features .cap-icon{ width: 24px; height: 24px;}
  .cap-section.cap-section--travel-features .cap-icon svg{ width: 20px; height: 20px;}
  .cap-section.cap-section--travel-features .cap-desc{ font-size: 11px; line-height: 1.25;}
}

/* Travel expert CTA */
.travel-expert-cta{ background:#fff; padding: 70px 0; }
.travel-expert-cta-inner{ display:grid; grid-template-columns: minmax(0, 1fr) minmax(0, 420px); gap: 34px; align-items: center; border: 1px solid #000; border-radius: 10px; overflow: hidden; background: #fff; }
.travel-expert-cta-copy{ max-width: 520px;}
.travel-expert-cta-title{ margin: 0 0 16px 0; font-size: 14px; line-height: 1.55; color: rgba(11, 12, 13, .82); }
.travel-expert-cta-desc{ margin: 0 0 18px 0; font-size: 14px; line-height: 1.6; color: rgba(11, 12, 13, .72);}
.travel-expert-cta-btn{ display:inline-flex; align-items:center; gap: 10px; padding: 9px 14px; border-radius: 6px; background: #0a49ff; color: #fff; text-decoration:none; font-size: 11px; font-weight: 800; }
.travel-expert-cta-arrow{ width: 10px; height: 10px; border-right: 2px solid currentColor; border-top: 2px solid currentColor; transform: rotate(45deg);}
.travel-expert-cta-media{ border-radius: 10px; overflow:hidden; box-shadow: 0 16px 36px rgba(12, 22, 55, .12); }
.travel-expert-cta-media img{ width:100%; height:auto; display:block; object-fit: cover;}
@media (max-width: 960px){
  .travel-expert-cta-inner{ grid-template-columns: 1fr;}
  .travel-expert-cta-copy{ max-width: none; }
  .travel-expert-cta-media{ max-width: 520px;}
}

.digital-excellence-banner{ background:#000; padding: 70px 0; }
.digital-excellence-banner-card{ display:grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); border-radius: 18px; overflow:hidden; border: 1px solid rgba(255,255,255,.10); box-shadow: 0 26px 60px rgba(0,0,0,.45); background:#232426; max-height: 230px; }
.digital-excellence-banner-left{ padding: 30px 36px; color:#fff; background: linear-gradient(135deg, #2b2c2e 0%, #232426 100%); position: relative;}
.digital-excellence-banner-left::after{ content:""; position:absolute; right:-120px; top:-60px; width: 360px; height: 360px; border-radius: 999px; background: radial-gradient(closest-side, rgba(255,255,255,.08), transparent 70%); transform: rotate(-12deg); pointer-events:none; }
.digital-excellence-banner-left > *{ position: relative; z-index: 1;}
.digital-excellence-banner-title{ margin:0; font-size: 13px; font-weight: 800; line-height: 1.35; color: rgba(255,255,255,.92); }
.digital-excellence-banner-copy{ margin: 10px 0 0; max-width: 520px; font-size: 11px; line-height: 1.7; color: rgba(255,255,255,.72);}
.digital-excellence-banner-cta{ margin-top: 16px; display:inline-flex; align-items:center; justify-content:center; padding: 9px 14px; border-radius: 6px; background: #0a49ff; color:#fff; font-size: 10px; font-weight: 800; text-decoration:none; box-shadow: 0 12px 28px rgba(10,73,255,.25); }
.digital-excellence-banner-cta:hover{ background: #0b58ff;}
.digital-excellence-banner-right{ background:#1b1c1e; display:flex; align-items: stretch; justify-content: stretch; max-height: 230px; }
.digital-excellence-banner-image,
.digital-excellence-banner-video{ width:100%; height:100%; object-fit: cover; display:block; border-radius: inherit;}

@media (max-width: 960px){
  .digital-excellence-banner-card{ grid-template-columns: 1fr;}
  .digital-excellence-banner-left{ padding: 32px 22px; }
  .digital-excellence-banner-right{ min-height: 220px;}
}

.partner-cta-banner{ background:#000; padding: 70px 0; }
.partner-cta-banner-card{ display:grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); border-radius: 18px; overflow:hidden; box-shadow: 0 26px 60px rgba(0,0,0,.45); border: 1px solid rgba(255,255,255,.12); }
.partner-cta-banner-left{ padding: 46px 48px; color:#fff; background: linear-gradient(135deg, #0b2a66 0%, #0b4fb6 45%, #0b2a66 100%); position: relative;}
.partner-cta-banner-left::after{ content:""; position:absolute; inset:0; background: radial-gradient(520px 420px at 20% 40%, rgba(255,255,255,.12), transparent 60%); pointer-events:none; }
.partner-cta-banner-left > *{ position: relative; z-index: 1;}
.partner-cta-banner-title{ margin:0; font-size: 20px; line-height: 1.35; font-weight: 500; color: rgba(255,255,255,.9); }
.partner-cta-banner-accent{ margin: 6px 0 0; font-size: 28px; line-height: 1.22; font-weight: 800; letter-spacing: -0.01em; color:#fff;}
.partner-cta-banner-badges{ margin-top: 18px; display:flex; flex-direction: column; gap: 10px; }
.partner-cta-banner-badges-label{ font-size: 11px; letter-spacing: .16em; font-weight: 800; color: rgba(255,255,255,.75);}
.partner-cta-banner-badges-row{ display:flex; align-items:center; gap: 10px; flex-wrap: wrap; }
.partner-cta-banner-badge{ height: 22px; width: auto; display:block; filter: brightness(0) invert(1); opacity: .95;}
.partner-cta-banner-cta{ margin-top: 22px; display:inline-flex; align-items:center; gap: 10px; padding: 12px 16px; border-radius: 999px; background: #fff; color: #0b2a66; font-weight: 800; font-size: 12px; text-decoration:none; box-shadow: 0 14px 34px rgba(0,0,0,.25); }
.partner-cta-banner-cta:hover{ background: rgba(255,255,255,.92);}
.partner-cta-banner-right{ background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,0)); display:flex; align-items: stretch; justify-content: stretch; }
.partner-cta-banner-image{ width:100%; height:100%; object-fit: cover; display:block;}
@media (max-width: 960px){
  .partner-cta-banner-card{ grid-template-columns: 1fr;}
  .partner-cta-banner-left{ padding: 34px 22px; }
  .partner-cta-banner-accent{ font-size: 24px;}
}

.ai-capabilities-banner{ background:#000; padding: 70px 0; }
.ai-capabilities-banner-card{ display:grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); border-radius: 18px; overflow:hidden; border: 1px solid rgba(255,255,255,.12); box-shadow: 0 26px 60px rgba(0,0,0,.45); }
.ai-capabilities-banner-left{ padding: 46px 48px; background: linear-gradient(135deg, #0b2a66 0%, #0b4fb6 55%, #0b2a66 100%); color:#fff;}
.ai-capabilities-banner-title{ margin:0; font-size: 28px; line-height: 1.2; font-weight: 500; color: rgba(255,255,255,.92); }
.ai-capabilities-banner-accent{ margin: 8px 0 0; font-size: 30px; line-height: 1.2; font-weight: 800; letter-spacing: -0.01em; color:#fff;}
.ai-capabilities-banner-copy{ margin: 14px 0 0; max-width: 560px; font-size: 13px; line-height: 1.75; color: rgba(255,255,255,.78); }
.ai-capabilities-banner-cta{ margin-top: 22px; display:inline-flex; align-items:center; gap: 12px; padding: 18px 26px; border-radius: 999px; background: #fff; color: #0b2a66; font-weight: 800; font-size: 13px; text-decoration:none; box-shadow: 0 18px 42px rgba(0,0,0,.25);}
.ai-capabilities-banner-cta-icon{ width: 18px; height: 18px; display:inline-flex; align-items:center; justify-content:center; color: #0b2a66; }
.ai-capabilities-banner-cta-icon svg{ width: 18px; height: 18px; display:block;}
.ai-capabilities-banner-cta:hover{ background: rgba(255,255,255,.92); }

.ai-capabilities-banner-right{ display:flex; flex-direction:column; background: #083a77;}
.ai-capabilities-banner-image{ width:100%; height: 220px; object-fit: cover; display:block; opacity: .85; }
.ai-capabilities-banner-panel{ position: static; background: #0a4aa2; border: 0; border-top: 1px solid rgba(255,255,255,.14); border-radius: 0; padding: 22px 22px;}
.ai-capabilities-banner-panel-title{ margin:0 0 12px 0; font-size: 11px; font-weight: 800; letter-spacing: .02em; color: rgba(255,255,255,.9); }
.ai-capabilities-banner-list{ margin: 0; padding: 0; list-style:none; display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 12px;}
.ai-capabilities-banner-item{ position: relative; padding: 10px 12px 10px 34px; border-radius: 12px; border: 1px solid rgba(255,255,255,.14); background: rgba(0,0,0,.15); color: rgba(255,255,255,.92); font-size: 12px; font-weight: 700; line-height: 1.35; }
.ai-capabilities-banner-item::before{ content:""; position:absolute; left: 12px; top: 50%; width: 14px; height: 14px; transform: translateY(-50%); border-radius: 999px; background: rgba(255,255,255,.1); box-shadow: 0 0 0 3px rgba(0,0,0,.12);}
.ai-capabilities-banner-item::after{ content:""; position:absolute; left: 16px; top: 50%; width: 6px; height: 10px; transform: translateY(-55%) rotate(45deg); border-right: 2px solid rgba(194,255,88,.95); border-bottom: 2px solid rgba(194,255,88,.95); }

@media (max-width: 980px){
  .ai-capabilities-banner-card{ grid-template-columns: 1fr;}
  .ai-capabilities-banner-left{ padding: 34px 22px; }
  .ai-capabilities-banner-panel{ padding: 18px 22px 22px;}
  .ai-capabilities-banner-image{ height: 280px; }
  .ai-capabilities-banner-list{ grid-template-columns: 1fr;}
}

/* Travel tech stack */
.travel-tech-stack{ background:#fff; padding: 70px 0 90px; }
.travel-tech-stack-title{ margin: 0; font-size: clamp(34px, 4.6vw, 56px); line-height: 1.05; letter-spacing: -0.03em; color: #0b0c0d; text-align:center; }
.travel-tech-stack-desc{ margin: 14px auto 0; max-width: 980px; font-size: 14px; line-height: 1.65; color: rgba(11, 12, 13, .72); text-align:center;}
.travel-tech-stack-tabs{ margin: 26px auto 0; display:flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
.travel-tech-stack-tab{ border: 1px solid rgba(11, 12, 13, .16); background: transparent; color:#0b0c0d; font-size: 11px; font-weight: 700; padding: 8px 10px; border-radius: 0; cursor:pointer; transition: background .2s ease, border-color .2s ease, color .2s ease;}
.travel-tech-stack-tab:hover{ border-color: rgba(11, 12, 13, .32); }
.travel-tech-stack-tab.is-active{ background:#0a49ff; border-color:#0a49ff; color:#fff;}
.travel-tech-stack-panels{ margin-top: 24px; }
.travel-tech-stack-panel{ display:none;}
.travel-tech-stack-panel.is-active{ display:block; }
.travel-tech-stack-grid{ max-width: 860px; margin: 0 auto; display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px;}
.travel-tech-stack-item{ display:flex; align-items:center; gap: 12px; padding: 14px 14px; border-radius: 12px; background: #f6f6f6; border: 1px solid #eef0f5; }
.travel-tech-stack-icon{ width: 34px; height: 34px; border-radius: 10px; background:#fff; display:flex; align-items:center; justify-content:center;}
.travel-tech-stack-icon img{ max-width: 22px; max-height: 22px; object-fit: contain; }
.travel-tech-stack-name{ font-size: 13px; font-weight: 700; color:#0b0c0d;}
@media (max-width: 900px){
  .travel-tech-stack-grid{ grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 560px){
  .travel-tech-stack-grid{ grid-template-columns: 1fr;}
}

/* Travel tech overview (cutting-edge technologies) */
.tech.tech--travel{ background:#fff; padding: 70px 0 90px; }
.tech.tech--travel .tech-grid{ display:grid; grid-template-columns: minmax(320px, 0.95fr) minmax(0, 1.05fr); gap: 40px; align-items: start; }
.tech.tech--travel .tech-left{ position: sticky; top: 24px; align-self: start;}
.tech.tech--travel .tech-head{ margin:0; font-size: clamp(44px, 6vw, 72px); line-height: 1.02; letter-spacing: -0.04em; color:#0b0c0d; white-space: pre-line; }
.tech.tech--travel .tech-lead{ margin: 18px 0 0; font-size: 14px; line-height: 1.75; color: rgba(11, 12, 13, .72); max-width: 520px;}
.tech.tech--travel .tech-list{ margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap: 12px; }
.tech.tech--travel .tech-item{ display:grid; grid-template-columns: 34px 1fr auto; gap: 14px; align-items: start; padding: 14px 16px; border: 1px solid rgba(11, 12, 13, .10); border-radius: 12px; background:#fff; box-shadow: 0 10px 22px rgba(12, 22, 55, .06);}
.tech.tech--travel .ti-icon{ width: 34px; height: 34px; border-radius: 10px; background: rgba(10, 73, 255, .08); display:flex; align-items:center; justify-content:center; color:#0a49ff; }
.tech.tech--travel .ti-icon img{ width: 18px; height: 18px; object-fit: contain;}
.tech.tech--travel .ti-title{ font-size: 13px; font-weight: 800; color:#0b0c0d; margin-bottom: 4px; }
.tech.tech--travel .ti-desc{ font-size: 12px; line-height: 1.6; color: rgba(11, 12, 13, .72);}
.tech.tech--travel .ti-more{ color: rgba(11, 12, 13, .38); font-size: 18px; line-height: 1; margin-top: 2px; }
@media (max-width: 980px){
  .tech.tech--travel .tech-grid{ grid-template-columns: 1fr;}
  .tech.tech--travel .tech-left{ position: static; }
}

/* Travel why partner */
.travel-why-partner{ position: relative; padding: 90px 0 110px; background: #050608; color: rgba(255,255,255,.82); overflow: hidden; }
.travel-why-partner .container{position: relative; z-index: 1;}
.travel-why-partner .travel-why-bg{ position:absolute; inset:0; pointer-events:none; background:
  radial-gradient(220px 220px at 18% 22%, rgba(255, 91, 164, .35), transparent 60%),
  radial-gradient(260px 260px at 80% 28%, rgba(87, 80, 255, .34), transparent 62%),
  radial-gradient(280px 280px at 62% 78%, rgba(255, 91, 164, .22), transparent 64%),
  radial-gradient(320px 320px at 22% 84%, rgba(120, 255, 214, .12), transparent 68%);
  filter: blur(0px);
  opacity: 1;
}
.travel-why-grid{ display:grid; grid-template-columns: minmax(320px, 0.95fr) minmax(260px, 0.7fr) minmax(280px, 1fr); gap: 34px; align-items: center; }
.travel-why-head{ margin:0; font-size: clamp(42px, 5.4vw, 64px); line-height: 1.02; letter-spacing: -0.03em; color:#fff; white-space: pre-line;}
.travel-why-intro{ margin: 14px 0 0; font-size: 12px; line-height: 1.75; color: rgba(255,255,255,.68); max-width: 520px; }
.travel-why-list{ margin: 22px 0 0; padding: 0; list-style: none; display:flex; flex-direction:column; gap: 18px;}
.travel-why-item{ display:flex; align-items:center; gap: 10px; font-size: 12px; color: rgba(255,255,255,.62); background: transparent; border: 0; padding: 0; cursor: pointer; }
.travel-why-item:focus-visible{ outline: 2px solid rgba(255,255,255,.65); outline-offset: 6px; border-radius: 8px;}
.travel-why-item.is-active{ color:#fff; }
.travel-why-dot{ width: 6px; height: 6px; border-radius: 999px; background: rgba(255,255,255,.28);}
.travel-why-item.is-active .travel-why-dot{ background: #fff; box-shadow: 0 0 0 4px rgba(255,255,255,.08); }
.travel-why-media{ display:flex; justify-content:center;}
.travel-why-media-frame{ width: 100%; max-width: 320px; border-radius: 10px; overflow:hidden; border: 1px solid rgba(255,255,255,.10); box-shadow: 0 22px 50px rgba(0,0,0,.45); background: rgba(255,255,255,.04); }
.travel-why-media-frame img{ width:100%; height:auto; display:block;}
.travel-why-right{ max-width: 420px; }
.travel-why-highlight-title{ margin:0; font-size: 12px; line-height: 1.7; color: rgba(255,255,255,.72);}
.travel-why-highlight-copy{ margin: 12px 0 0; font-size: 12px; line-height: 1.7; color: rgba(255,255,255,.72); }
 .travel-why-partner.travel-why-partner--centered .travel-why-grid{ display:none;}
 .travel-why-center-head{ max-width: none; }
 .travel-why-partner.travel-why-partner--centered .travel-why-head{ max-width: none;}
 .travel-why-partner.travel-why-partner--centered .travel-why-intro{ max-width: none; }
 .travel-why-center-row{ display:grid; grid-template-columns: minmax(240px, 0.9fr) minmax(0, 1.8fr); gap: 34px; align-items: center; margin-top: 28px;}
 .travel-why-partner.travel-why-partner--centered .travel-why-list{ margin-top: 0; }
 .travel-why-center-panels{ min-width: 0;}
 .travel-why-panel{ display:none; grid-template-columns: minmax(260px, 0.8fr) minmax(260px, 1fr); gap: 34px; align-items:center; }
 .travel-why-panel.is-active{ display:grid;}
 .travel-why-panel[hidden]{ display:none !important; }
 .travel-why-center-media{ display:flex; justify-content:center;}
 .travel-why-partner.travel-why-partner--centered .travel-why-media-frame{ max-width: 360px; }
 .travel-why-center-right{ max-width: 520px;}
@media (max-width: 1100px){
  .travel-why-grid{ grid-template-columns: 1fr;}
  .travel-why-media{ justify-content:flex-start; }
  .travel-why-right{ max-width: none;}
}
 @media (max-width: 1100px){
   .travel-why-center-row{ grid-template-columns: 1fr;}
   .travel-why-panel{ grid-template-columns: 1fr; }
   .travel-why-center-media{ justify-content:flex-start;}
 }

/* Travel case study CTA */
.travel-case-cta{ background:#fff; padding: 54px 0; }
.travel-case-cta .container{ max-width: 1200px; }
.travel-case-cta-card{ max-width: 980px; margin: 0 auto; border: 1px solid rgba(11, 12, 13, .14); border-radius: 10px; background:#fff; overflow:hidden; display:grid; grid-template-columns: minmax(0, 1fr) minmax(0, 420px); align-items:center; }
.travel-case-cta-copy{ padding: 18px 18px; }
.travel-case-cta-text{ margin: 0 0 14px 0; font-size: 12px; line-height: 1.55; color: rgba(11, 12, 13, .78); max-width: 360px; }
.travel-case-cta-btn{ display:inline-flex; align-items:center; gap: 10px; padding: 8px 12px; border-radius: 6px; background: #0a49ff; color: #fff; text-decoration:none; font-size: 11px; font-weight: 800; }
.travel-case-cta-arrow{ width: 10px; height: 10px; border-right: 2px solid currentColor; border-top: 2px solid currentColor; transform: rotate(45deg); }
.travel-case-cta-media{ height: 100%;}
.travel-case-cta-media img{ width:100%; height:100%; display:block; object-fit: cover; }
@media (max-width: 860px){
  .travel-case-cta-card{ grid-template-columns: 1fr;}
  .travel-case-cta-text{ max-width: none; }
  .travel-case-cta-media img{ height:auto;}
}

/* OTT case study CTA */
.ott-case-cta{ background:#000; padding: 40px 0 70px; }
.ott-case-cta .container{ max-width: 1200px; }
.ott-case-cta-card{

    scroll-snap-type: x mandatory;
  }
  .product-tools--hscroll .product-tools-tab{
    font-size:var(--font-size-sm);
    padding:12px 20px;
    min-height:auto;
    margin:0 4px;
  }
  .product-tools--hscroll .product-tools-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }
  .product-tools--hscroll .product-tool-label{ font-size:var(--font-size-xs); }
  .product-tool-icon-wrap{ width:64px; height:64px; border-radius:12px; }
  .product-tool-icon{ width:40px; height:40px; }
}



/* AI Momentum Metrics */
.ai-momentum { padding: 72px 0 64px 0; background: radial-gradient(circle at top right, rgba(var(--color-accent-rgb), .18), transparent 45%), var(--color-bg); border-bottom: 1px solid var(--color-border); }
.ai-momentum .container {display: flex; flex-direction: column; gap: 32px;}
.ai-momentum-grid { display: grid; grid-template-columns: 1.05fr 1.05fr 1.3fr; column-gap: 22px; row-gap: 18px; }
.ai-momentum-card,
.ai-momentum-highlight { background: radial-gradient(circle at top left, rgba(37,99,235,.18), transparent 58%), rgba(15,23,42,.96); border-radius: 22px; padding: 26px; color: var(--color-text-light); box-shadow: 0 16px 36px rgba(15,23,42,.70); display: flex; flex-direction: column; gap: 18px; border: 1px solid rgba(148,163,184,.28); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease;}
.ai-momentum-card:hover,
.ai-momentum-highlight:hover { transform: translateY(-6px); border-color: rgba(var(--color-accent-rgb), .8); box-shadow: 0 28px 52px rgba(15,23,42,.78); background: radial-gradient(circle at top left, rgba(59,130,246,.28), transparent 60%), rgba(15,23,42,.98); }
.ai-momentum-card { justify-content: flex-start; min-height: 150px; gap: 12px;}
.ai-momentum-icon { width: 48px; height: 48px; border-radius: 16px; background: rgba(var(--color-accent-rgb), .16); display: inline-flex; align-items: center; justify-content: center; }
.ai-momentum-icon img { width: 26px; height: 26px; object-fit: contain; filter: brightness(1.2);}
.ai-momentum-card h3 { margin: 2px 0 4px 0; font-size: 30px; font-weight: 800; letter-spacing: -0.01em; color: #ffffff; }
.ai-momentum-card p { margin: 0; font-size: 15px; line-height: 1.6; color: rgba(241,245,249,.95);}
.ai-momentum-highlight { align-items: center; justify-content: center; text-align: center; gap: 20px; color: #f9fafb; position: relative; overflow: hidden; }
.ai-momentum-highlight::before { content: ""; position: absolute; inset: -30%; background: radial-gradient(circle at top, rgba(var(--color-accent-rgb), .55), transparent 65%); opacity: .7; z-index: 0;}
.ai-momentum-highlight>* { position: relative; z-index: 1; }
.ai-momentum-highlight-logo img { max-width: 140px; width: 100%; height: auto;}
.ai-momentum-rating-stars { display: inline-flex; gap: 8px; }
.ai-momentum-rating-stars svg { width: 26px; height: 26px; fill: var(--color-accent); filter: drop-shadow(0 4px 6px rgba(0,0,0,.35));}
.ai-momentum-rating { display: flex; flex-direction: column; gap: 4px; align-items: center; color: #f9fafb; }
.ai-momentum-rating strong { font-size: 34px; font-weight: 800;}
.ai-momentum-rating span { font-size: 14px; line-height: 1.7; max-width: 260px; color: rgba(226,232,240,.88); }
.ai-momentum-cta { display: flex; justify-content: center;}
.ai-momentum-cta .btn-primary { background: linear-gradient(135deg, var(--color-accent), var(--color-accent-2)); color: var(--color-accent-contrast); border-radius: 999px; padding: 12px 28px; font-weight: 700; box-shadow: 0 16px 30px rgba(var(--color-accent-rgb), .32); }
.ai-momentum-cta .btn-primary:hover { filter: brightness(1.05);}
.ai-momentum-cta .btn-primary:active { transform: translateY(1px); }
@media (max-width: 1024px){
  .ai-momentum-grid { grid-template-columns: repeat(2, minmax(0,1fr));}
  .ai-momentum-highlight { grid-column: span 2; }
}
@media (max-width: 640px){
  .ai-momentum { padding: 56px 0;}
  .ai-momentum-grid { grid-template-columns: 1fr; }
  .ai-momentum-highlight { grid-column: auto;}
}

/* AI End-to-End Services */
.ai-end-services { padding: 80px 0; background: radial-gradient(880px 520px at 15% 10%, rgba(var(--color-accent-rgb), .16), transparent 70%), radial-gradient(640px 420px at 85% 15%, rgba(var(--color-accent-rgb), .12), transparent 65%), var(--color-bg); color: var(--color-text-light); border-bottom: 1px solid var(--color-border); }
.ai-end-services .container {display: flex; flex-direction: column; gap: 46px;}
.ai-end-services-head { text-align: center; display: flex; flex-direction: column; gap: 18px; max-width: 920px; margin: 0 auto; }
.ai-end-services-head h2 { margin: 0; font-size: clamp(28px, 4vw, 46px); letter-spacing: -0.01em; color: var(--color-text);}
.ai-end-services-head p { margin: 0; font-size: clamp(17px, 2.3vw, 20px); line-height: 1.7; color: var(--color-text-light); }
.ai-end-services-layout { display: grid; grid-template-columns: minmax(340px, .8fr) minmax(0, 1.35fr); gap: 32px;}
.ai-end-services-tabs { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 28px; padding: 24px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; max-height: 260px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(var(--color-accent-rgb), .4) transparent; align-content: start; }
.ai-end-services-tabs::-webkit-scrollbar { width: 6px;}
.ai-end-services-tabs::-webkit-scrollbar-thumb { background: rgba(var(--color-accent-rgb), .4); border-radius: 999px; }
.ai-end-services-tab { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 14px; padding: 18px 20px; border-radius: 20px; background: rgba(255,255,255,.05); border: 1px solid var(--color-border); color: var(--color-text-light); font-size: 16px; font-weight: 600; text-align: left; cursor: pointer; transition: transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;}
.ai-end-services-tab:hover { border-color: rgba(var(--color-accent-rgb), .35); color: var(--color-text); }
.ai-end-services-tab.is-active { background: linear-gradient(135deg, var(--color-accent), var(--color-accent-2)); color: #fff; border-color: rgba(var(--color-accent-rgb), .65); box-shadow: 0 20px 38px rgba(var(--color-accent-rgb), .38); transform: translateY(-2px);}
.ai-end-services-tab:focus-visible { outline: 2px solid rgba(var(--color-accent-rgb), .9); outline-offset: 3px; }
.ai-end-services-tab-icon svg { width: 26px; height: 26px; display: block;}
.ai-end-services-panels { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 32px; padding: 32px 36px; display: flex; flex-direction: column; gap: 0; position: relative; overflow: hidden; }
.ai-end-services-panels::before { content: ""; position: absolute; inset: 0; background: radial-gradient(600px 400px at 20% 0%, rgba(var(--color-accent-rgb), .18), transparent 60%); opacity: .6; pointer-events: none;}
.ai-end-services-panel { display: none; flex-direction: column; gap: 22px; color: var(--color-text-light); }
.ai-end-services-panel.is-active { display: flex;}
.ai-end-services-panel-head { display: flex; align-items: center; gap: 14px; }
.ai-end-services-panel-icon svg { width: 30px; height: 30px; color: var(--color-accent);}
.ai-end-services-panel h3 { margin: 0; font-size: clamp(22px, 3vw, 30px); letter-spacing: -0.01em; color: var(--color-text); }
.ai-end-services-panel-summary { margin: 0; font-size: 16px; line-height: 1.7; color: var(--color-text-light); max-width: 760px;}
.ai-service-em { color: var(--color-text); font-weight: 600; text-decoration: underline; text-decoration-color: rgba(var(--color-accent-rgb), .75); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.ai-end-services-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 16px;}
.ai-end-services-list li { display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: center; color: var(--color-text-light); }
.ai-end-services-list-icon { width: 36px; height: 36px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; color: var(--color-accent); flex-shrink: 0;}
.ai-end-services-list-icon svg { width: 20px; height: 20px; display: block; }
.ai-end-services-list strong { display: block; font-size: 16px; font-weight: 700; color: var(--color-text); margin-bottom: 4px;}
.ai-end-services-list span { display: block; font-size: 15px; line-height: 1.6; color: var(--color-text-light); }
@media (max-width: 1180px){
  .ai-end-services-layout { grid-template-columns: minmax(0, 1fr);}
  .ai-end-services-tabs { max-height: none; }
  .ai-end-services-panels { padding: 28px;}
}
@media (max-width: 720px){
  .ai-end-services { padding: 64px 0;}
  .ai-end-services-tabs { grid-template-columns: 1fr; padding: 20px; gap: 12px; }
  .ai-end-services-tab { border-radius: 16px; padding: 16px 18px;}
  .ai-end-services-panels { border-radius: 26px; padding: 24px; }
}

/* AI Why Partner */
.ai-why-partner { padding: 48px 0; }
.awp-shell { display: grid; grid-template-columns: 1.1fr 1fr; gap: 20px;}
.awp-left { position: relative; border-radius: 16px; padding: 28px; color: var(--color-text); overflow: hidden; border: 1px solid var(--color-border); }
.awp-left::before { content:""; position:absolute; inset:-10%; background:
  radial-gradient(800px 400px at 10% 10%, rgba(var(--color-accent-rgb), .45), transparent 60%),
  radial-gradient(700px 500px at 90% 80%, rgba(var(--color-accent-rgb), .35), transparent 65%),
  linear-gradient(135deg, rgba(11,12,13,.9), rgba(20,22,24,.9));
  filter: blur(.4px);}
.awp-left>* { position: relative; }
.awp-icon { width: 44px; height: 44px; border-radius: 12px; background: var(--color-border); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 14px;}
.awp-head { margin: 0 0 12px 0; font-size: clamp(22px, 3.5vw, 36px); letter-spacing: -0.01em; }
.awp-copy { margin: 0; color: var(--color-text-light); line-height: 1.7;}
.awp-right { background: var(--color-surface-light); border: 1px solid var(--color-border-light); border-radius: 16px; padding: 18px; color: var(--color-text-dark); }
.awp-acc { display: flex; flex-direction: column; gap: 0;}
.awp-acc-btn { width: 100%; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding: 14px 6px; background: transparent; border: none; cursor: pointer; text-align: left; border-radius: 8px; }
.awp-acc-index { color: var(--color-accent); font-weight: 800; min-width: 38px;}
.awp-acc-title { font-weight: 800; color: var(--color-text-dark); font-size: 20px; }
.awp-acc-caret { transform: rotate(0deg); transition: transform .15s ease; color: var(--color-text-dark);}
.awp-acc-btn[aria-expanded="true"] .awp-acc-caret { transform: rotate(180deg); }
.awp-acc-panel { padding: 2px 6px 16px 44px; color: var(--color-text-dark);}
.awp-sep { border: 0; border-top: 1px solid var(--color-border-light); margin: 8px 0; }
@media (max-width: 900px){ .awp-shell { grid-template-columns: 1fr;} }

/* Base resets and layout */
* { box-sizing: border-box; }
html, body { height: 100%;}
html { scroll-padding-top: 96px; }
body {
  margin: 0;
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-regular);
  line-height: 1.7;
  letter-spacing: -0.01em;
  color: var(--color-text);
  background: var(--color-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a { color: var(--color-text); text-decoration: none; font-weight: var(--font-weight-medium); transition: color .2s ease; }
a:hover,
a:focus { color: var(--color-accent);}
.typography,
:where(main, section, article, aside) { font-family: inherit; }

p,
li,
dd { font-size: var(--font-size-base); line-height: 1.75; letter-spacing: -0.01em; color: inherit;}
p { margin: 0 0 1.4em; }
p:last-child { margin-bottom: 0;}
ul,
ol { margin: 0 0 1.4em 1.5em; padding: 0; }
ul ul,
ol ul,
ul ol,
ol ol { margin-bottom: 0.9em;}
small { font-size: var(--font-size-sm); }
strong { font-weight: var(--font-weight-semibold);}
em { font-style: italic; }
blockquote { margin: 0 0 1.6em; padding-left: 1.2em; border-left: 4px solid rgba(233,238,249,.18); font-size: var(--font-size-md); line-height: 1.8; color: rgba(233,238,249,.85);}

h1,
h2,
h3,
h4,
h5,
h6 { font-family: var(--font-primary); margin: 0 0 0.8em; color: inherit; letter-spacing: -0.02em; }
h1 { font-size: var(--font-size-3xl); font-weight: var(--font-weight-extrabold); line-height: 1.05;}
h2 { font-size: clamp(2rem, 4vw, 2.8rem); font-weight: var(--font-weight-bold); line-height: 1.12; }
h3 { font-size: clamp(1.5rem, 3vw, 2.1rem); font-weight: var(--font-weight-bold); line-height: 1.18;}
h4 { font-size: clamp(1.3rem, 2.5vw, 1.6rem); font-weight: var(--font-weight-semibold); line-height: 1.25; }
h5 { font-size: var(--font-size-lg); font-weight: var(--font-weight-semibold); line-height: 1.3;}
h6 { font-size: var(--font-size-md); font-weight: var(--font-weight-medium); line-height: 1.35; letter-spacing: -0.01em; }
.eyebrow { font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); letter-spacing: .18em; text-transform: uppercase; display: inline-block; color: rgba(233,238,249,.7); margin-bottom: 1.2em;}
.lead { font-size: var(--font-size-lg); line-height: 1.7; color: rgba(233,238,249,.88); font-weight: var(--font-weight-medium); }

.logo-text { font-family: var(--font-primary); font-weight: var(--font-weight-extrabold); letter-spacing: 0; color: var(--color-text-light);}
.logo-accent { background: var(--color-accent-gradient); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 0 10px rgba(155,95,255,.5); }
.sub-text { font-family: var(--font-primary); font-weight: var(--font-weight-regular); text-transform: uppercase; letter-spacing: 0.1em; color: #9ca8c3;}

.container {
  --container-width: 100%;
  --container-max: clamp(320px, 90vw, 1600px);
  width: var(--container-width) ;
  max-width: var(--container-max) ;
  margin-left: auto ;
  margin-right: auto ;
  padding-left: clamp(1rem, 2.2vw, 2rem) ;
  padding-right: clamp(1rem, 2.2vw, 2rem) ;
}
@media (max-width: 768px){
  .container, .container.container{ padding-left:0; padding-right:0; }
}
.container.container{
  width: var(--container-width);
  max-width: var(--container-max);
  margin-left: auto ;
  margin-right: auto ;
  padding-left: clamp(1rem, 2.2vw, 2rem) ;
  padding-right: clamp(1rem, 2.2vw, 2rem) ;
}
@media (max-width: 540px){
  .container{ --container-width: 94%;}
}
.genai-metrics{
  --genai-metrics-section-bg: #000;
  --genai-metrics-card-bg: #1f2937;
  --genai-metrics-card-border: none;
  --genai-metrics-card-shadow: none;

  --genai-metrics-title-color: #fff;
  --genai-metrics-value-color: #fff;
  --genai-metrics-label-color: #d1d5db;
  --genai-metrics-desc-color: #9ca3af;

  --genai-metrics-btn-bg: #fff;
  --genai-metrics-btn-color: #0b0c0d;
  --genai-metrics-btn-border: #fff;
  --genai-metrics-btn-shadow: 0 4px 12px rgba(0,0,0,0.08);
  --genai-metrics-btn-hover-bg: transparent;
  --genai-metrics-btn-hover-color: #fff;
  
  /* Responsive font sizes */
  --genai-metrics-value-size: var(--font-size-lg);
  --genai-metrics-label-size: var(--font-size-xs);
}
.genai-metrics[data-theme="light"]{
  --genai-metrics-section-bg: #ffffff;
  --genai-metrics-card-bg: #f3f4f6;
  --genai-metrics-card-border: 1px solid rgba(15,23,42,.08);
  --genai-metrics-card-shadow: 0 18px 40px rgba(15,23,42,0.08);

  --genai-metrics-title-color: #0b0c0d;
  --genai-metrics-value-color: #0b0c0d;
  --genai-metrics-label-color: rgba(11,12,13,.70);
  --genai-metrics-desc-color: rgba(11,12,13,.60);

  --genai-metrics-btn-bg: #0b0c0d;
  --genai-metrics-btn-color: #ffffff;
  --genai-metrics-btn-border: #0b0c0d;
  --genai-metrics-btn-shadow: 0 12px 28px rgba(15,23,42,0.12);
  --genai-metrics-btn-hover-bg: transparent;
  --genai-metrics-btn-hover-color: #0b0c0d;

  /* Responsive font sizes */
  --genai-metrics-value-size: var(--font-size-lg);
  --genai-metrics-label-size: var(--font-size-xs);
}
.genai-metrics .container{
  background: var(--genai-metrics-card-bg);
  border-radius: 12px;
  padding:50px 30px;
  border: var(--genai-metrics-card-border);
  box-shadow: var(--genai-metrics-card-shadow);
}

.genai-metrics{
  background:var(--genai-metrics-section-bg);
  padding:100px 20px 100px;
}
.genai-metrics-title{
  text-align:center;
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color:var(--genai-metrics-title-color);
  margin:0 0 40px;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}
.genai-metrics-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:40px;
  margin-bottom:48px;
}
.genai-metric-card{
  text-align:center;
}
.genai-metric-value{
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  color:var(--genai-metrics-value-color);
  line-height: var(--line-height-tight);
  margin-bottom:14px;
  letter-spacing: var(--letter-spacing-tight);
  position:relative;
  display:inline-block;
}
.genai-metric-value::after{
  content:'';
  position:absolute;
  bottom:-8px;
  left:50%;
  transform:translateX(-50%);
  width:60px;
  height:3px;
  background:linear-gradient(90deg, #1e88e5, #0d47a1);
  border-radius:2px;
}
.genai-metric-label{
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color:var(--genai-metrics-label-color);
  line-height: var(--line-height-normal);
  margin-bottom:8px;
  letter-spacing: var(--letter-spacing-wide);
  text-transform:uppercase;
}
.genai-metric-desc{
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-light);
  color:var(--genai-metrics-desc-color);
  line-height: var(--line-height-relaxed);
  margin-bottom:0;
}
.genai-metrics-cta{
  text-align:center;
}
.genai-metrics-cta--inline{
  margin-top: 26px;
}
.genai-metrics-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:16px 32px;
  border:2px solid var(--genai-metrics-btn-border);
  border-radius:8px;
  background:var(--genai-metrics-btn-bg);
  color:var(--genai-metrics-btn-color);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  text-decoration:none;
  cursor:pointer;
  transition:all .3s ease;
  box-shadow:var(--genai-metrics-btn-shadow);
}
.genai-metrics-btn:hover{
  background:var(--genai-metrics-btn-hover-bg);
  color:var(--genai-metrics-btn-hover-color);
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,0,0,0.15);
}
.genai-metrics-btn-arrow{
  font-size: var(--font-size-base);
  transition:transform .3s ease;
}
.genai-metrics-btn:hover .genai-metrics-btn-arrow{
  transform:translateX(4px);
}

@media(max-width:960px){
  .genai-metrics{
    padding:50px 10px;
  }
  .genai-metrics-grid{
    grid-template-columns:repeat(2, 1fr);
    gap:32px;
    margin-bottom:40px;
  }
  .genai-metric-value{
    font-size: var(--genai-metrics-value-size);
  }
  .genai-metric-label{
    font-size: var(--genai-metrics-label-size);
  }
  .genai-metrics-btn{
    padding:14px 28px;
    font-size: var(--font-size-sm);
  }
}

@media(max-width:640px){
  .genai-metrics-grid{
    grid-template-columns:1fr 1fr;
    gap:28px;
  }
  .genai-metric-value{
    font-size: var(--genai-metrics-value-size);
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Header + Mega menu overrides — scoped to body.page-ai-services so they
   don't leak into sub-pages (page-ai-chatbot/agent/copilot/integration) that
   should use the base.css header identical to the homepage. */
body.page-ai-services .site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 600; border-bottom: 1px solid var(--color-border); box-shadow: 0 10px 28px rgba(0,0,0,.32); }
body.page-ai-services .site-header::before { content: ''; position: absolute; inset: 0; background: rgba(6,7,8,.96); backdrop-filter: blur(12px); z-index: -1; pointer-events: none; }
body.page-ai-services .site-header .nav-wrap { position: relative; margin: 0 auto; padding: 0 28px; min-height: 70px; background: transparent; border: none; border-radius: 0; box-shadow: none; backdrop-filter: none;}
body.page-ai-services .site-nav { display: flex; align-items: center; gap: 24px; }
body.page-ai-services .logo { display: inline-flex; align-items: center; height: 56px;}
body.page-ai-services .logo img { display: block; height: 40px; }

body.page-ai-services .navbar { display: flex; align-items: center; justify-content: space-between; height: 64px;}
body.page-ai-services .navbar > .site-nav > ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 24px; }
body.page-ai-services .navbar li { position: static;}
body.page-ai-services .navbar .nav-link { display: inline-flex; align-items: center; gap: 6px; line-height: 36px; height: auto; padding: 0 12px; margin: 0 2px; border-radius: 6px; color: var(--color-text); font-size: 15px; font-weight: 600; letter-spacing: -.01em; transition: background .2s ease, color .2s ease; }
body.page-ai-services .navbar .nav-link:hover,
body.page-ai-services .navbar .nav-link:focus { background: var(--overlay-light); color: var(--color-text);}
body.page-ai-services .navbar .nav-link[aria-expanded="true"] { color: var(--color-accent); }
body.page-ai-services .navbar .nav-link[aria-expanded="true"]::after { content: none;}
body.page-ai-services .navbar .nav-link[data-mega-trigger]::after { content: none; }

body.page-ai-services .nav-item { display: inline-flex; align-items: center; gap: 2px;}
body.page-ai-services .nav-toggle { width: 32px; height: 32px; border-radius: 8px; border: 1px solid transparent; background: transparent; color: var(--color-text); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease; }
body.page-ai-services .nav-toggle:hover,
body.page-ai-services .nav-toggle:focus { background: var(--overlay-light); color: var(--color-text);}
body.page-ai-services .nav-toggle:focus-visible { outline: 2px solid rgba(255,255,255,.7); outline-offset: 3px; }
body.page-ai-services .nav-toggle::after { content: ""; display: inline-block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid currentColor; transform: translateY(1px); transition: transform .2s ease;}
body.page-ai-services .nav-toggle[aria-expanded="true"] { color: var(--color-accent); }
body.page-ai-services .nav-toggle[aria-expanded="true"]::after { transform: rotate(180deg) translateY(-1px);}

/* Panel */
body.page-ai-services .mega-panel { position: absolute; left: 0; right: 0; top: 100%; display: none; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 16px; box-shadow: var(--shadow-lg); margin-top: 10px; overflow: visible; z-index: 1000; }
body.page-ai-services .mega-panel.open { display: block;}
body.page-ai-services .mega-grid { display: grid; grid-template-columns: 320px minmax(0, 1fr) 360px; gap: 24px; padding: 22px; }
/* Services panel: use all available width (no right column) */
body.page-ai-services #mega-services .mega-grid { grid-template-columns: 320px minmax(0, 1fr);}
/* AI panel: 3-column layout with feature sidebar */
body.page-ai-services .mega-grid--ai { grid-template-columns: 280px minmax(0, 1fr) 300px; }
/* AI service link icons */
body.page-ai-services .ai-svc-icon { flex-shrink: 0; margin-right: 10px; opacity: .7; vertical-align: middle; position: relative; top: -1px; }
body.page-ai-services .ai-links a { display: flex; align-items: center; }
body.page-ai-services .ai-links a:hover .ai-svc-icon { opacity: 1; }
body.page-ai-services .mega-col { overflow: visible; }
/* Ensure lists inside panels are block, not flex */
body.page-ai-services .mega-panel ul { display: block;}

/* Intro/Links/Feature slots */
body.page-ai-services .mega-grid [data-slot="intro"] { padding-right: 18px; position: relative; }
body.page-ai-services .mega-grid [data-slot="links"] { padding: 0 18px; border-left: 1px solid var(--color-border); min-width: 0;}

.ai-hero {
  position: relative;
  --ai-hero-header-offset: 88px;
  --ai-hero-pad-top: clamp(80px, 10vw, 120px);
  --ai-hero-pad-bottom: clamp(80px, 10vw, 120px);
  min-height: calc(80vh - var(--ai-hero-header-offset));
  padding: var(--ai-hero-pad-top) 0 var(--ai-hero-pad-bottom);
  overflow: hidden;
}
.ai-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; }
.ai-hero__background { position: absolute; inset: 0; overflow: hidden; z-index: 1;}
.ai-hero__background-video { width: 100%; height: 100%; object-fit: cover; display: block; }
.ai-hero__background-overlay {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(120% 80% at 30% -10%, rgba(var(--color-accent-rgb), .28), transparent 60%),
    radial-gradient(140% 90% at 80% -20%, rgba(var(--color-accent-rgb), .18), transparent 70%),
    linear-gradient(180deg, rgba(5,7,13,.82) 0%, rgba(5,7,13,.72) 48%, rgba(5,7,13,.88) 100%);
  pointer-events: none;
}
.ai-hero .ai-hero__inner {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  min-height: calc(100vh - var(--ai-hero-header-offset) - var(--ai-hero-pad-top) - var(--ai-hero-pad-bottom));
  padding-bottom: clamp(48px, 8vw, 72px);
}
.ai-hero--align-left .ai-hero__inner { justify-content: flex-start; }
.ai-hero__content { max-width: 720px; display: flex; flex-direction: column; gap: clamp(20px, 3vw, 32px); text-align: center; align-items: center;}
.ai-hero--align-left .ai-hero__content { text-align: left; align-items: flex-start; }
.ai-hero__eyebrow { margin: 0; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; font-size: 14px; color: var(--color-accent);}
.ai-hero__title { margin: 0; }
.ai-hero__copy { margin: 0;}
.ai-hero__cta { display: flex; justify-content: center; }
.ai-hero--align-left .ai-hero__cta { justify-content: flex-start;}
.ai-hero__cta .btn-primary { align-self: center; background: linear-gradient(135deg, var(--color-accent), var(--color-accent-2)); color: var(--color-accent-contrast); padding: 14px 28px; border-radius: 12px; font-weight: 600; box-shadow: 0 18px 32px rgba(var(--color-accent-rgb), .28); transition: transform .2s ease, box-shadow .2s ease; }
.ai-hero__cta .btn-primary:hover { transform: translateY(-1px); box-shadow: 0 24px 36px rgba(var(--color-accent-rgb), .32);}
.ai-hero__cta .btn-primary:active { transform: translateY(0); box-shadow: 0 18px 28px rgba(var(--color-accent-rgb), .24); }

/* Press Article */
.press-article { color: var(--color-text); background: radial-gradient(120% 140% at 0% 0%, #fdfaf3 0%, #f4efe3 32%, #f3f0e8 60%, #f0ebe0 100%);}
.press-hero { padding: clamp(110px, 16vw, 160px) 0 clamp(40px, 7vw, 64px); background: linear-gradient(180deg, rgba(248, 246, 239, 0.9) 0%, rgba(255, 255, 255, 1) 82%); border-bottom: 1px solid rgba(17, 24, 39, 0.06); }
.press-hero-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 420px); gap: clamp(32px, 6vw, 60px); align-items: center; padding: clamp(26px, 4vw, 34px); border-radius: 28px; background: rgba(255, 255, 255, 0.94); box-shadow: 0 26px 50px rgba(15, 23, 42, 0.16); border: 1px solid rgba(148, 163, 184, 0.26);}
.press-hero-copy { display: flex; flex-direction: column; gap: clamp(16px, 4vw, 22px); }
.press-hero-copy nav { font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(17, 24, 39, 0.56); font-weight: 700;}
.press-hero-copy nav ol { margin: 0; padding: 0; list-style: none; display: inline-flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.press-hero-copy nav a { color: rgba(37, 99, 235, 0.9); text-decoration: none;}
.press-hero-copy h1 { margin: 0; font-size: clamp(34px, 4.4vw, 56px); letter-spacing: -0.02em; color: #101623; text-wrap: balance; }
.press-hero-subtitle { margin: 0; font-size: clamp(17px, 2.2vw, 20px); line-height: 1.75; color: rgba(17, 24, 39, 0.72); max-width: 680px;}
.press-hero-meta { display: inline-flex; align-items: center; gap: 12px; font-weight: 600; color: rgba(17, 24, 39, 0.68); margin-top: 4px; }
.press-hero-location { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: rgba(37, 99, 235, 0.08); color: #1e3a8a; font-weight: 700; box-shadow: 0 10px 24px rgba(37, 99, 235, 0.16);}
.press-hero-dot { width: 6px; height: 6px; border-radius: 50%; background: rgba(37, 99, 235, 0.3); display: inline-block; }
.press-hero-visual { display: flex; align-items: center; justify-content: center;}
.press-hero-illustration { width: 100%; max-width: 420px; height: clamp(220px, 38vw, 320px); border-radius: 28px; background: radial-gradient(circle at 0% 0%, rgba(37, 99, 235, 0.28), transparent 55%), radial-gradient(circle at 100% 100%, rgba(147, 197, 253, 0.45), transparent 60%); box-shadow: 0 36px 68px rgba(15, 23, 42, 0.22); }
.press-hero-image { width: 100%; max-width: 420px; height: auto; border-radius: 28px; display: block; box-shadow: 0 30px 54px rgba(15, 23, 42, 0.24); object-fit: cover; background: #ffffff;}
@media (max-width: 980px){
  .press-hero-inner { grid-template-columns: 1fr; padding: 22px 20px;}
  .press-hero-visual { order: -1; }
  .press-hero-illustration { max-width: 100%; height: 220px;}
  .press-hero-image { max-width: 100%; }
}

.press-body { padding: clamp(40px, 7vw, 88px) 0 clamp(60px, 10vw, 120px); background: radial-gradient(120% 140% at 100% 0%, rgba(148, 163, 184, 0.12), transparent 55%), linear-gradient(180deg, rgba(255,255,255,0.9) 0%, rgba(248,245,239,1) 100%); }
.press-body-grid { display: grid; grid-template-columns: minmax(88px, 120px) minmax(0, 1fr) minmax(260px, 320px); gap: clamp(32px, 7vw, 60px); align-items: start; grid-template-areas: "share content contact";}
.press-share-rail { grid-area: share; position: sticky; top: 160px; display: flex; flex-direction: column; align-items: center; gap: 16px; padding-top: 12px; }
.press-share-title { margin: 0; writing-mode: vertical-rl; transform: rotate(180deg); font-size: 12px; letter-spacing: 0.24em; text-transform: uppercase; color: rgba(17, 24, 39, 0.5); font-weight: 700;}
.press-share-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.press-share-list a { display: inline-flex; width: 42px; height: 42px; border-radius: 50%; align-items: center; justify-content: center; background: #ffffff; border: 1px solid rgba(17, 24, 39, 0.1); box-shadow: 0 18px 28px rgba(15, 23, 42, 0.14); color: #2563eb; text-decoration: none; font-size: 18px; transition: transform .2s ease, box-shadow .2s ease, background .2s ease;}
.press-share-list a:hover { transform: translateY(-2px); box-shadow: 0 22px 34px rgba(15, 23, 42, 0.2); background: linear-gradient(135deg, rgba(219, 234, 254, 0.7), #ffffff); }
.press-share-icon { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; font-size: 11px; font-weight: 700; text-transform: uppercase; color: currentColor;}
.press-share-icon::before { content: '↗'; }
.press-share-icon--linkedin::before { content: 'in'; font-size: 10px;}
.press-share-icon--twitter::before { content: 't'; }
.press-share-icon--facebook::before { content: 'f';}
.press-share-icon--email::before { content: '@'; }
.press-share-icon--link::before { content: '∞'; font-size: 12px;}
.press-content { grid-area: content; display: flex; flex-direction: column; gap: clamp(20px, 4vw, 32px); color: #1a1c1f; max-width: 740px; }
.press-content section { background: #ffffff; border: 1px solid rgba(17, 24, 39, 0.06); border-radius: 24px; padding: clamp(22px, 4vw, 34px); box-shadow: 0 20px 40px rgba(15, 23, 42, 0.08); position: relative; overflow: hidden;}
.press-content section::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 3px; background: linear-gradient(90deg, rgba(37, 99, 235, 0.28), rgba(56, 189, 248, 0.2), rgba(129, 140, 248, 0.24)); opacity: 0.9; }
.press-content section + section { margin-top: -4px;}
.press-content h2 { font-size: clamp(24px, 3.2vw, 30px); letter-spacing: -0.01em; margin-bottom: 6px; }
.press-content p { margin: 0 0 12px; line-height: 1.75; color: rgba(17, 24, 39, 0.78);}
.press-content ul { margin: 0 0 16px; padding-left: 20px; color: rgba(17, 24, 39, 0.78); }
.press-figure { display: flex; flex-direction: column; gap: 10px; margin: 8px 0;}
.press-figure-media { width: 100%; height: clamp(180px, 32vw, 260px); border-radius: 16px; background: linear-gradient(135deg, rgba(var(--color-accent-rgb), .12), rgba(147, 197, 253, 0.16)); box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.08); }
.press-figure figcaption { font-size: 14px; color: rgba(17, 24, 39, 0.62);}
.press-quote { margin: 0; padding: 18px 22px; border-left: 4px solid var(--color-accent); background: rgba(var(--color-accent-rgb), .08); border-radius: 12px; color: var(--color-text); }
.press-quote cite { display: block; margin-top: 8px; font-size: 14px; color: var(--color-text-light); font-style: normal;}

.press-contact-panel { grid-area: contact; position: sticky; top: 140px; }
.press-contact-card { background: radial-gradient(140% 180% at 0% 0%, #eff6ff 0%, #ffffff 40%, #f9fafb 100%); border: 1px solid rgba(148, 163, 184, 0.32); border-radius: 24px; padding: clamp(22px, 4vw, 30px); box-shadow: 0 24px 52px rgba(15, 23, 42, 0.16); display: flex; flex-direction: column; gap: 10px;}
.press-contact-card h2 { margin: 0; font-size: 20px; letter-spacing: -0.01em; color: #111827; }
.press-contact-name { font-weight: 700; margin: 0; color: #111827;}
.press-contact-role { margin: -4px 0 8px; font-size: 15px; color: rgba(17, 24, 39, 0.6); }
.press-contact-email a, .press-contact-phone a { color: #2563eb; font-weight: 700; text-decoration: none;}

@media (max-width: 1200px) {
  .press-body-grid { grid-template-columns: minmax(72px, 96px) minmax(0, 1fr); grid-template-areas: "share content" "contact contact";}
  .press-contact-panel { position: static; margin-top: clamp(32px, 6vw, 40px); }
}
@media (max-width: 860px) {
  .press-body-grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "share" "content" "contact";}
  .press-share-rail { position: static; flex-direction: row; justify-content: center; gap: 18px; padding-bottom: 12px; order: -1; }
  .press-share-title { writing-mode: horizontal-tb; transform: none; font-size: 12px; letter-spacing: 0.18em;}
  .press-share-list { flex-direction: row; }
}
.ai-hero__media { position: absolute; left: 50%; bottom: calc(-1 * clamp(220px, 28vw, 280px)); transform: translateX(-50%); width: min(calc(100% - 64px), 1280px); border-radius: 36px; overflow: hidden; box-shadow: 0 28px 60px rgba(0,0,0,.45); transition: bottom .6s ease, box-shadow .6s ease; z-index: 3; }
.ai-hero__media::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(5,7,13,.95) 0%, rgba(5,7,13,0) 32%, rgba(5,7,13,.25) 100%); transition: opacity .6s ease; opacity: .88;}
.ai-hero__video,
.ai-hero__image { width: 100%; height: 100%; object-fit: cover; display: block; }
.ai-hero__badges {
  position: absolute;
  left: 0;
  right: 0;
  bottom: clamp(48px, 8vw, 92px);
  padding: clamp(24px, 5vw, 40px) clamp(36px, 8vw, 96px);
  display: flex;
  gap: clamp(26px, 5vw, 56px);
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  z-index: 3;
  width: 100%;
  border-radius: clamp(28px, 5vw, 44px);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  box-shadow: 0 28px 72px rgba(0,0,0,.55);
  backdrop-filter: blur(18px);
  overflow-x: auto;
}
.ai-hero--align-left .ai-hero__badges { justify-content: flex-start; }
.ai-hero__badge { display: flex; align-items: center; justify-content: center;}
.ai-hero__badge img { max-height: 58px; width: auto; display: block; filter: drop-shadow(0 14px 26px rgba(0,0,0,.45)); }
.ai-hero.is-scrolled .ai-hero__media { bottom: -56px; box-shadow: 0 20px 44px rgba(0,0,0,.4);}
.ai-hero.is-scrolled .ai-hero__media::after { opacity: .6; }
.ai-hero--light .ai-hero__eyebrow { color: var(--color-text-dark);}
.ai-hero--light .ai-hero__media::after { background: linear-gradient(180deg, rgba(245,248,255,.92) 0%, rgba(245,248,255,0) 40%, rgba(245,248,255,.35) 100%); }
.ai-hero--light .ai-hero__badge img { filter: drop-shadow(0 12px 24px rgba(32,38,72,.16));}
.ai-hero--light .ai-hero__cta .btn-primary { background: linear-gradient(135deg, var(--color-accent), var(--color-accent-2)); }
.ai-hero.home-hero { background: linear-gradient(180deg, rgba(5,7,13,0.9) 0%, rgba(5,7,13,0.96) 45%, rgba(5,7,13,1) 100%);}
.ai-hero.home-hero::before { background: radial-gradient(120% 80% at 30% -10%, rgba(var(--color-accent-rgb), .35), transparent 60%), radial-gradient(120% 90% at 80% -20%, rgba(var(--color-accent-rgb), .22), transparent 70%); }
.ai-hero.home-hero .ai-hero__inner { align-items: center;}
.ai-hero.home-hero .ai-hero__content { gap: clamp(22px, 3.6vw, 36px); max-width: 640px; }
.ai-hero.home-hero .ai-hero__badges { margin-top: 0;}
.ai-hero.home-hero .ai-hero__badge {
  min-width: clamp(168px, 14vw, 220px);
  height: clamp(86px, 12vw, 128px);
  border-radius: clamp(22px, 4vw, 32px);
  background: rgba(10,14,24,.88);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 10px 24px rgba(0,0,0,.35);
  padding: 0 clamp(22px, 3vw, 34px);
}
.ai-hero.home-hero .ai-hero__badge img { max-height: clamp(44px, 6vw, 74px); filter: brightness(.98) contrast(1.08); opacity: .95; }
@media (max-width: 1024px){
  .ai-hero {
    --ai-hero-header-offset: 96px;
    --ai-hero-pad-top: clamp(60px, 10vw, 80px);
    --ai-hero-pad-bottom: clamp(50px, 10vw, 80px);
    min-height: auto;
}
  .ai-hero .ai-hero__inner {
    min-height: auto;
    padding-bottom: clamp(36px, 6vw, 48px);
}
}
@media (max-width: 900px){
  .ai-hero {
    --ai-hero-media-overlap: clamp(200px, 34vw, 240px);
}
}
@media (max-width: 768px){
  .ai-hero {
    --ai-hero-header-offset: 96px;
    --ai-hero-pad-top: clamp(48px, 10vw, 72px);
    --ai-hero-pad-bottom: clamp(40px, 10vw, 60px);
    min-height: auto;
}
  .ai-hero .ai-hero__inner {
    min-height: auto;
    padding-bottom: 32px;
}
  .ai-hero__badges { padding: clamp(20px, 6vw, 30px) clamp(22px, 10vw, 38px); border-radius: 28px; gap: clamp(20px, 6vw, 34px); }
  .ai-hero.home-hero .ai-hero__badge { min-width: clamp(150px, 40vw, 190px); height: clamp(74px, 24vw, 106px); padding: 0 clamp(18px, 6vw, 26px);}
  .ai-hero.home-hero .ai-hero__badge img { max-height: clamp(36px, 12vw, 54px); }
}
@media (max-width: 640px){
  .ai-hero {
    --ai-hero-media-overlap: clamp(180px, 52vw, 220px);
    --ai-hero-header-offset: 96px;
    --ai-hero-pad-top: clamp(64px, 16vw, 96px);
    --ai-hero-pad-bottom: clamp(56px, 16vw, 96px);
}
  .ai-hero.home-hero .ai-hero__inner { align-items: flex-start; }
  .ai-hero__badges { padding: clamp(18px, 8vw, 26px) clamp(18px, 12vw, 26px); border-radius: 24px; gap: clamp(18px, 8vw, 28px);}
  .ai-hero.home-hero .ai-hero__badge { min-width: clamp(136px, 52vw, 176px); height: clamp(66px, 32vw, 94px); padding: 0 clamp(16px, 8vw, 24px); }
  .ai-hero.home-hero .ai-hero__badge img { max-height: clamp(32px, 14vw, 48px);}
}

.trust-strip { background: transparent; padding-top:10px;}

 /* Core capabilities carousel */
 .cap-section { padding: clamp(20px, 10vw, 20px) 0; background: #000; color: #f5f7ff;}
.cap-trust { display: flex; flex-direction: column; gap: 18px; align-items: center; text-align: center; padding-top: 40px;}
 .cap-eyebrow { margin: 0; width:80%;font-size: var(--font-size-xs); letter-spacing: var(--letter-spacing-wide); text-transform: uppercase; color: rgba(245,247,255,.72); }
 .cap-trust-track{ width: 100%; overflow:hidden;}
 .cap-trust-row{ display:flex; align-items:center; gap:16px; width:max-content; animation: cap-trust-scroll 28s linear infinite; }
 .cap-trust-logo{ flex:0 0 auto; display:grid; place-items:center; padding:10px 14px; border:0; border-radius:12px; background:transparent;border:1px solid red}
 .cap-trust-logo img{ max-height:42px; max-width:140px; width:auto; display:block; filter: brightness(0) invert(1); opacity:.9; }
 @keyframes cap-trust-scroll{ 0%{ transform:translateX(0);} 100%{ transform:translateX(-50%); } }
 @media (prefers-reduced-motion: reduce){ .cap-trust-row{ animation:none; } }
 .cap-logos { display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); gap: 16px; width: min(960px, 100%); align-items: center;margin-inline:auto;}
 .cap-logo { display: grid; place-items: center; padding: 10px 14px; border: 0; border-radius: 12px; background: transparent; }
 .cap-logo img { max-height: 42px; width: auto; display: block; filter: brightness(0) invert(1); opacity: .85;}
 .cap-section.cap-section--light{ background:#fff; color:#0b0d16; padding:0}
 .cap-section.cap-section--light .cap-eyebrow{ color: rgba(11,13,22,.72);}
 .cap-section.cap-section--light .cap-logo img{ filter: invert(41%) sepia(113%) saturate(60%) hue-rotate(0) brightness(0) contrast(98%); opacity: 1; }
 .cap-section.cap-section--trust-logos-lg .cap-logo img{ max-height: 56px; }
 .cap-section.cap-section--trust-logos-lg .cap-logo{ padding: 14px 18px; }
 .cap-copy { margin: 18px auto 0; max-width: 1100px; text-align: center; }
 .cap-copy p { margin: 0; color: #d6def2; font-size: var(--font-size-md); line-height: var(--line-height-relaxed);}
 .cap-section.cap-section--light .cap-copy p{
  color:#0b0d16;
 } 
.cap-head { position:relative; display:flex; align-items:center; justify-content:center; gap:12px; margin:32px 0 20px; text-align:center; margin-bottom:20px; }
.cap-head h2 { margin:0; font-size:var(--font-size-md); font-weight:var(--font-weight-bold); letter-spacing:var(--letter-spacing-wide); color:#f7f9ff; display:inline-flex; align-items:center; justify-content:center; gap:20px; }
.cap-head h2::before,
.cap-head h2::after{ content:""; display:block; width:30px; height:1.9px; background:#fff; }
.cap-nav { display:flex; gap:10px; margin-left:auto; }
.cap-btn { width:46px; height:46px; border-radius:50%; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.06); color:#fff; font-size:var(--font-size-md); cursor:pointer; transition:all .2s ease; }
.cap-btn:hover { background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.3); transform:translateY(-1px); }
.cap-btn:active { transform:translateY(0); }
.cap-btn[disabled] { opacity:.4; cursor:not-allowed; transform:none; }
.cap-btn[disabled]:hover { background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.18); }
.cap-rail-wrap { position:relative; overflow:hidden; scrollbar-width:none; }
.cap-rail-wrap::-webkit-scrollbar{ width:0; height:0; }
.cap-rail { display:flex; flex-wrap:nowrap; gap:0; justify-content:center; width:100%; transition:transform .3s ease; will-change:transform; }
.cap-card {
  flex:0 0 20%;
  width:20%;
  max-width:20%;
  min-width:0;
  min-height:200px;
  padding:28px 26px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:0;
  background:rgba(0,0,0,.22);
  color:#dfe7fb;
  display:flex;
  flex-direction:column;
  gap:12px;
  opacity:0;
  transform:translateX(12px);
  box-shadow:none;
  transition:
    opacity .32s ease,
    transform .32s ease,
    background .65s ease,
    border-color .5s ease,
    box-shadow .6s ease,
    filter .6s ease;
}
.cap-card + .cap-card{ border-left:0; }
.cap-card.cap-visible{ opacity:1; transform:translateX(0); }
.cap-card:hover{
  transform:translateY(-6px) scale(1.04);
  border-radius:10px;
  z-index:2;
  background-color:rgba(47,112,255,1);
  border-color:rgba(123,97,255,.6);
  box-shadow:
    0 20px 44px rgba(47,112,255,.22),
    0 0 0 1px rgba(123,97,255,.22);
  filter:hue-rotate(12deg);

.metrics-card:nth-child(5)::after{ right:-80px; bottom:-60px; transform: rotate(180deg); }
.metrics-card-brand{ font-weight: 800; font-size: 18px; margin: 0 0 6px 0;}
.metrics-card-value{ font-weight: 800; font-size: 26px; letter-spacing: -0.01em; margin: 0 0 10px 0; }
.metrics-card-label{ font-weight: 700; font-size: 13px; letter-spacing: 0.01em; color: rgba(11,15,26,.82);}
.metrics-card-rating{ display:flex; align-items:center; gap: 10px; margin: 4px 0 8px; }
.metrics-card-rating-value{ font-weight: 800; font-size: 22px;}
.metrics-card-rating-stars{ color:#f6b01e; letter-spacing: 2px; font-size: 14px; line-height: 1; }

@media (max-width: 980px){
  .metrics-cards{ padding: 72px 0;}
  .metrics-cards-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .metrics-cards{ padding: 60px 0;}
  .metrics-cards-grid{ grid-template-columns: 1fr; }
}

/* Wearables use cases */

/* AI Agent Metrics (FinTech) */
.ai-agent-metrics-fintech{ padding: 84px 0; background: linear-gradient(245deg, #000 25.35%, #15152d 81.62%); }
.ai-agent-metrics-fintech-grid{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; grid-template-areas: "stat1 compliance stat3" "stat2 compliance stat4"; align-items: stretch; }
.ai-agent-metrics-fintech-card{ position:relative; overflow:hidden; background:#fff; border-radius: 10px; padding: 44px 42px 40px; min-height: 210px; box-shadow: 0 18px 40px rgba(0,0,0,.35); color:#0b0f1a; display:flex; flex-direction:column; justify-content:flex-start;}
.ai-agent-metrics-fintech-icon{ width: 26px; height: 26px; display:block; margin: 0 0 18px 0; }
.ai-agent-metrics-fintech-value{ font-weight: 800; font-size: 34px; letter-spacing: -0.01em; margin: 0 0 10px 0;}
.ai-agent-metrics-fintech-label{ font-weight: 700; font-size: 13px; letter-spacing: 0.01em; color: rgba(11,15,26,.82); }

.ai-agent-metrics-fintech-card--compliance{ padding: 40px 42px 38px; min-height: 100%; background-image:
  linear-gradient(to right, rgba(11,15,26,.06) 1px, transparent 1px),
  linear-gradient(to bottom, rgba(11,15,26,.06) 1px, transparent 1px);
  background-size: 44px 44px;
  background-position: 0 0;
}
.ai-agent-metrics-fintech-title{ margin: 0 0 10px 0; font-size: 22px; font-weight: 800; letter-spacing: -0.01em; color:#0b0f1a; }
.ai-agent-metrics-fintech-copy{ margin: 0 0 18px 0; font-size: 13px; line-height: 1.7; color: rgba(11,15,26,.78); font-weight: 600;}
.ai-agent-metrics-fintech-badges{ margin-top:auto; display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.ai-agent-metrics-fintech-badge{ height: 56px; border-radius: 12px; border: 1px solid rgba(11,15,26,.10); background: rgba(255,255,255,.88); display:flex; align-items:center; justify-content:center;}
.ai-agent-metrics-fintech-badge img{ height: 44px; width: 44px; display:block; }

.ai-agent-metrics-fintech-brand{ margin: 0 0 14px 0;}
.ai-agent-metrics-fintech-brand img{ height: 22px; width: auto; display:block; }
.ai-agent-metrics-fintech-rating{ display:flex; flex-direction:column; gap: 6px; margin: 0 0 10px 0;}
.ai-agent-metrics-fintech-rating-value{ font-weight: 800; font-size: 34px; letter-spacing: -0.01em; }
.ai-agent-metrics-fintech-rating-stars{ color:#f6b01e; letter-spacing: 2px; font-size: 14px; line-height: 1;}

.ai-agent-metrics-fintech-actions{ display:flex; justify-content:center; margin-top: 30px; }
.ai-agent-metrics-fintech-actions .btn-primary{ padding: 14px 26px; border-radius: 8px; font-weight: 800;}

@media (max-width: 980px){
  .ai-agent-metrics-fintech{ padding: 72px 0;}
  .ai-agent-metrics-fintech-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "stat1 stat3" "stat2 stat4" "compliance compliance"; }
  .ai-agent-metrics-fintech-badges{ grid-template-columns: repeat(4, minmax(0, 1fr));}
}
@media (max-width: 640px){
  .ai-agent-metrics-fintech{ padding: 60px 0;}
  .ai-agent-metrics-fintech-grid{ grid-template-columns: 1fr; grid-template-areas: "stat1" "stat2" "compliance" "stat3" "stat4"; }
  .ai-agent-metrics-fintech-card{ padding: 34px 28px 28px;}
  .ai-agent-metrics-fintech-badges{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.wearables-use-cases{ padding: 92px 0 84px; background:#000; color:#fff; }
.wearables-use-cases-head{ text-align:center; margin: 0 auto 46px; max-width: 980px;}
.wearables-use-cases-head h2{ margin:0 0 16px 0; font-size: clamp(30px, 3.4vw, 44px); line-height: 1.12; letter-spacing: -0.02em; font-weight: 800; }
.wearables-use-cases-head p{ margin:0; color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.7; max-width: 980px; margin-left: auto; margin-right: auto;}

.wearables-use-cases-rail{
  position: relative;
  display:flex;
  gap: 0;
  align-items: stretch;
  overflow-x:auto;
  overflow-y: visible;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  border-radius: 12px;
  padding: 0 22px;
  background: rgba(255,255,255,.02);
  box-shadow: 0 28px 80px rgba(0,0,0,.78);
}
.wearables-use-cases-rail::-webkit-scrollbar{ height: 0; width: 0; }

.wearables-use-case-card{
  position: relative;
  flex: 0 0 170px;
  width: 170px;
  height: 496px;
  background-color: #0f0f0f;
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.88);
  text-align: left;
  padding: 18px 18px;
  cursor: pointer;
  outline: none;
  display:flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 14px;
  scroll-snap-align: start;
  border-radius: 10px;
  isolation: isolate;
  z-index: 1;
  box-shadow: -10px 0 6px rgb(255 255 255 / 4%) inset;
  transition:
    flex-basis .35s ease,
    width .35s ease,
    opacity .35s ease,
    background-color .35s ease,
    box-shadow .35s ease,
    border-color .35s ease,
    padding .35s ease;
}
.wearables-use-case-card + .wearables-use-case-card{ border-left: 0; }
.wearables-use-case-card:focus-visible{ box-shadow: 0 0 0 2px rgba(17,99,251,.6);}

.wearables-use-case-card:not(.is-active):hover{
  background-color: rgba(255,255,255,.03);
  border-color: rgba(255,255,255,.14);
}

.wearables-use-case-card::after{
  content: "";
  display: block;
  position: absolute;
  border: 6.5px solid #1163fb;
  background: #0f0f0f;
  border-left: 0;
  border-top: 0;
  opacity: 1;
  border-bottom-right-radius: 15px;
  top: 26px;
  left: -25px;
  height: 45px;
  width: 45px;
  padding: 0;
  margin: 0;
  transition: opacity .2s ease, border-color .35s ease, background-color .35s ease;
  box-sizing: border-box;
  transform: rotate(-45deg);
  z-index: 0;
  pointer-events: none;
}
.wearables-use-case-card:last-child::after{ display:block; }

.wearables-use-case-card::before{
  content: "";
  position: absolute;
  width: 40px;
  height: 80%;
  top: 50%;
  transform: translate(0, -50%);
  left: -39px;
  box-shadow: 24px 0 61px rgba(0, 0, 0, .12);
  z-index: 1;
  pointer-events: none;
}

.wearables-use-case-card.is-active::before{
  content:"";
  position:absolute;
  left: -18px;
  top: 26px;
  width: 36px;
  height: 36px;
  background: #000;
  border-radius: 8px;
  transform: rotate(-45deg);
  pointer-events:none;
}

  left: 28px;
  transform: none;
}
.wearables-use-case-card.is-active .wearables-use-case-label{ opacity: 0; transform: translateY(6px); pointer-events:none; }
.wearables-use-case-card.is-active .wearables-use-case-body{ margin-top: 66px;}
.wearables-use-case-body{ text-align: left; }
.wearables-use-case-title{ display:block; font-weight: 700; font-size: 24px; margin: 0 0 14px 0; line-height: 1.15; letter-spacing: -0.01em;}
.wearables-use-case-copy{ display:block; font-size: 15px; line-height: 1.7; color: rgba(255,255,255,.92); }

@media (max-width: 980px){
  .wearables-use-case-card{ flex-basis: 168px; width: 168px; min-height: 320px;}
  .wearables-use-case-card.is-active{ flex-basis: 280px; width: 280px; }
}
@media (max-width: 640px){
  .wearables-use-cases{ padding: 72px 0 64px;}
  .wearables-use-cases-head{ margin-bottom: 34px; }
  .wearables-use-case-card{ flex-basis: 150px; width: 150px; min-height: 300px;}
  .wearables-use-case-card.is-active{ flex-basis: 260px; width: 260px; }
}

.ai-testimonials .container {display: flex; flex-direction: column; gap: 40px;}
.ai-test-head h2 { margin: 0 0 12px 0; font-size: clamp(28px, 4vw, 44px); letter-spacing: -0.01em; color: var(--color-text);}
.ai-test-head p { margin: 0; font-size: 18px; line-height: 1.7; color: var(--color-text-light); max-width: 720px; }
.ai-test-body { display: flex; flex-direction: column; gap: 32px;}
.ai-test-row { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 32px; padding: 24px 0 0 0; border-top: 1px solid var(--color-border); }
.ai-test-row:first-of-type { border-top: none; padding-top: 0;}
.ai-test-author { display: flex; align-items: center; gap: 16px; }
.ai-test-avatar { width: 80px; height: 80px; border-radius: 18px; overflow: hidden; box-shadow: 0 16px 32px rgba(0,0,0,.35); flex-shrink: 0;}
.ai-test-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ai-test-meta strong { display: block; font-size: 18px; color: var(--color-text); margin-bottom: 6px;}
.ai-test-meta span { display: block; font-size: 14px; color: var(--color-text-light); }
.ai-test-quote { margin: 0; font-size: 18px; line-height: 1.7; color: var(--color-text-light); font-style: italic; position: relative; padding-left: 16px;}
.ai-test-quote::before { content: "\""; position: absolute; left: 0; top: -6px; font-size: 42px; color: var(--color-border); line-height: 1; }
@media (max-width: 900px){
  .ai-test-row { grid-template-columns: 1fr; gap: 18px;}
  .ai-test-author { justify-content: flex-start; }
}
@media (max-width: 540px){
  .ai-testimonials { padding: 56px 0;}
  .ai-test-body { gap: 24px; }
  .ai-test-avatar { width: 64px; height: 64px; border-radius: 14px;}
  .ai-test-quote { font-size: 16px; padding-left: 12px; }
  .ai-test-quote::before { font-size: 32px; top: -8px;}
}

/* Intro two-column band */
.intro-band { background: var(--color-bg); padding: 32px 0 8px 0; }
.intro-band .intro-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: start;}
.intro-band .intro-title h2 { margin: 0; font-size: clamp(26px, 3.6vw, 40px); line-height: 1.2; color: var(--color-text); letter-spacing: -0.01em; }

.cs-two-col{ padding: clamp(72px, 9vw, 120px) 0; }
.cs-two-col__grid{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 6vw, 88px); align-items: start; }
.cs-two-col__left h2{ margin: 0; font-size: clamp(34px, 4.2vw, 54px); line-height: 1.08; letter-spacing: -0.02em; }
.cs-two-col__right p{ margin: 0; font-size: 18px; line-height: 1.95; }
.cs-two-col__right p + p{ margin-top: 18px; }
.cs-two-col--light{ background:#fff; color:#0d1018; }
.cs-two-col--light .cs-two-col__left h2{ color:#0d1018; }
.cs-two-col--light .cs-two-col__right p{ color: rgba(13,16,24,.72); }

@media (max-width: 1024px){
  .cs-two-col__grid{ grid-template-columns: 1fr; }
}

.cs-red-cta{ padding: clamp(56px, 7vw, 96px) 0; background: #fff; }
.cs-red-cta__card{ background: #e3001b; border-radius: 18px; padding: clamp(26px, 4.2vw, 56px); display:grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 5vw, 64px); align-items: center; overflow: hidden; }
.cs-red-cta__copy h2{ margin: 0; color: #fff; font-size: clamp(22px, 2.5vw, 32px); line-height: 1.25; letter-spacing: -0.01em; }
.cs-red-cta__btn{ margin-top: 22px; display: inline-flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 10px; border: 1px solid rgba(255,255,255,.55); color:#fff; text-decoration:none; font-size: 20px; font-weight: 700; background: rgba(255,255,255,.08); }
.cs-red-cta__btn span{ font-size: 16px; transform: translateY(-1px); }
.cs-red-cta__btn:hover{ background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.75); }

.cs-red-cta__media{ position: relative; min-height: 260px; }
.cs-red-cta__img{ position: absolute; bottom: -28px; width: min(240px, 44%); height: auto; filter: drop-shadow(0 18px 28px rgba(0,0,0,.35)); }
.cs-red-cta__img.is-back{ right: 34%; transform: rotate(-2deg); opacity: .98; }
.cs-red-cta__img.is-front{ right: 8%; transform: rotate(2deg); }

@media (max-width: 1024px){
  .cs-red-cta__card{ grid-template-columns: 1fr; }
  .cs-red-cta__media{ min-height: 320px; }
  .cs-red-cta__img{ width: min(220px, 58%); }
  .cs-red-cta__img.is-back{ right: 34%; }
  .cs-red-cta__img.is-front{ right: 6%; }
}

@media (max-width: 520px){
  .cs-red-cta__media{ min-height: 280px; }
  .cs-red-cta__img{ width: min(190px, 70%); }
}


.cs-testimonial{ padding: clamp(64px, 8vw, 110px) 0; background: #050812; color:#fff; }
.cs-testimonial .container{ position: relative; }
.cs-testimonial__toolbar{ display:flex; align-items:center; justify-content:space-between; gap: 20px; }
.cs-testimonial__head{ display:flex; align-items:center; justify-content:center; gap: 18px; flex: 1; }
.cs-testimonial__tab{ display:flex; align-items:center; gap: 12px; background: transparent; border: 0; border-bottom: 2px solid transparent; padding: 10px 6px 14px; color: rgba(255,255,255,.38); cursor:pointer; transition: color .18s ease, border-color .18s ease; }
.cs-testimonial__tab.is-active{ color:#fff; border-bottom-color: rgba(255,255,255,.80); }
.cs-testimonial__avatar{ width: 48px; height: 48px; border-radius: 999px; object-fit: cover; border: 1px solid rgba(255,255,255,.18); }
.cs-testimonial__avatar.is-empty{ display:inline-block; width: 48px; height: 48px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); }
.cs-testimonial__meta strong{ display:block; font-size: 14px; line-height: 1.2; }
.cs-testimonial__meta span{ display:block; margin-top: 2px; font-size: 11px; line-height: 1.3; color: rgba(255,255,255,.55); }
.cs-testimonial__arrows{ display:flex; align-items:center; gap: 20px; flex-shrink: 0; }
.cs-testimonial__arrow{ background: transparent; border: 0; color: #fff; font-size: 20px; cursor:pointer; padding: 0; transition: opacity .15s ease; line-height: 1; font-weight: 300; opacity: 0.85; }
.cs-testimonial__arrow:hover{ opacity: 1; }

.cs-testimonial__stage{ margin-top: 22px; }
.cs-testimonial__slide[hidden]{ display:none; }
.cs-testimonial__grid{ position: relative; max-width: 860px; margin: 0 auto; min-height: 280px; }
.cs-testimonial__photo{ position:absolute; left: 0; top: 50%; transform: translateY(-50%); width: 220px; height: 280px; border-radius: 14px; overflow:hidden; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.06); }
.cs-testimonial__photo img{ width:100%; height:100%; object-fit: cover; display:block; }
.cs-testimonial__quote[hidden]{ display:none; }
.cs-testimonial__quote{ padding-left: 236px; }
.cs-testimonial__quote-card{ border-radius: 14px; border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.05); padding: 54px 36px 32px; position: relative; min-height: 280px; display:flex; align-items:center; }
.cs-testimonial__quote-mark{ position:absolute; top: 14px; left: 22px; font-size: 62px; line-height: 1; color: rgba(255,255,255,.88); font-family: Georgia, 'Times New Roman', serif; }
.cs-testimonial__quote-card p{ margin: 0; font-size: 13.5px; line-height: 1.85; color: rgba(255,255,255,.88); font-style: italic; max-width: 520px; }

@media (max-width: 1024px){
  .cs-testimonial__grid{ max-width: 780px; }
  .cs-testimonial__quote{ padding-left: 196px; }
  .cs-testimonial__photo{ width: 180px; height: 260px; }
}

@media (max-width: 768px){
  .cs-testimonial__toolbar{ flex-wrap: wrap; }
  .cs-testimonial__head{ flex-wrap: wrap; justify-content: flex-start; }
  .cs-testimonial__arrows{ margin-left: auto; }
  .cs-testimonial__grid{ max-width: 520px; min-height: 0; }
  .cs-testimonial__photo{ position: static; transform:none; width: 180px; height: 200px; margin: 0 0 16px 0; }
  .cs-testimonial__quote{ padding-left: 0; }
  .cs-testimonial__quote-card{ min-height: 0; padding: 50px 22px 26px; }
}

.cs-process{ padding: clamp(70px, 9vw, 120px) 0; background:#fff; }
.cs-process__title{ margin: 0 0 40px 0; font-size: clamp(32px, 4.4vw, 48px); letter-spacing: -0.02em; color:#0d1018; }
.cs-process__grid{ display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(24px, 4vw, 56px); align-items: start; }
.cs-process__step{ position: relative; padding-top: 6px; }
.cs-process__num{ font-size: 86px; line-height: .9; font-weight: 900; letter-spacing: -0.04em; color: rgba(13,16,24,.10); position: absolute; left: 0; top: -2px; }
.cs-process__label{ position: relative; padding-top: 46px; font-weight: 800; color:#0d1018; font-size: 20px; }
.cs-process__items{ list-style:none; padding: 10px 0 0; margin: 0; display:flex; flex-direction: column; gap: 8px; }
.cs-process__items span{ font-size: 18px; color: #1163fb; text-decoration: none; }

@media (max-width: 1024px){
  .cs-process__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cs-process__step{ padding-top: 12px; }
}

@media (max-width: 520px){
  .cs-process__grid{ grid-template-columns: 1fr; }
}

.cs-challenges{ padding: clamp(70px, 9vw, 120px) 0; background:#fff; }
.cs-challenges__title{ margin: 0 0 44px 0; font-size: clamp(32px, 4.4vw, 48px); letter-spacing: -0.02em; color:#0d1018; }
.cs-challenges__list{ display:flex; flex-direction: column; gap: clamp(34px, 5vw, 58px); }
.cs-challenges__item{ display:grid; grid-template-columns: 90px 1fr; gap: 22px; align-items: start; }
.cs-challenges__num{ font-size: 78px; line-height: .9; font-weight: 900; letter-spacing: -0.04em; color: rgba(13,16,24,.08); }

.pms-more__img{ aspect-ratio: 16/8; background: #f3f4f6; overflow: hidden; }
.pms-more__img img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.pms-more__body{ padding: 18px 20px; }
.pms-more__body h3{ margin: 0 0 4px; font-size: 14px; font-weight: 800; }
.pms-more__body p{ margin: 0; font-size: 12px; line-height: 1.7; color: rgba(13,16,24,.55); }

@media (max-width: 640px){
  .pms-more__grid{ grid-template-columns: 1fr; }
}

.intro-band .intro-copy p { margin: 0; color: var(--color-muted); font-size: 16px; line-height: 1.7;}
.intro-divider { border: none; height: 1px; background: var(--color-border); margin: 26px 0 0 0; }
@media (max-width: 900px){ .intro-band .intro-grid { grid-template-columns: 1fr; gap: 18px;} }
body.page-ai-services .mega-grid [data-slot="feature"] { padding-left: 16px; display: flex; flex-direction: column; justify-content: center; }
/* Divider look */
body.page-ai-services .mega-grid [data-slot="links"] { position: relative;}

/* Intro links + CTA */
body.page-ai-services .mega-text-link { display:block; margin: 0 0 12px 0; font-weight:600; color: var(--color-text);}
body.page-ai-services .mega-text-link:hover { color: var(--color-text); }
body.page-ai-services .ai-intro { display: flex; flex-direction: column; gap: 12px;}
body.page-ai-services .ai-cta { margin-top: 8px; border: 1px solid var(--color-border); background: linear-gradient(135deg, rgba(30,35,58,.95), rgba(16,18,28,.95)) padding-box, linear-gradient(135deg, rgba(var(--color-accent-rgb), .55), rgba(123,97,255,.6)) border-box; border-radius: 14px; padding: 18px; box-shadow: 0 12px 30px rgba(0,0,0,.45); }
body.page-ai-services .ai-cta-eyebrow { margin: 0 0 8px 0; font-weight: 700; color: var(--color-text); font-size: 15px;}
body.page-ai-services .ai-cta-copy { margin: 0 0 16px 0; color: var(--color-text-light); font-size: 13px; line-height: 1.6; }
body.page-ai-services .ai-cta-btn { display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--color-accent), var(--color-accent-2)); color: var(--color-accent-contrast); font-weight: 700; padding: 10px 16px; border-radius: 999px; box-shadow: 0 12px 24px rgba(var(--color-accent-rgb), .28);}
body.page-ai-services .ai-cta-btn:hover { filter: brightness(1.05); }
body.page-ai-services .ai-cta-btn:active { transform: translateY(1px);}
.ai-feature { border: 1px solid rgba(37, 99, 235, 0.12); background: #f5f7ff; border-radius: 20px; padding: 20px; box-shadow: 0 16px 36px rgba(15, 23, 42, 0.12); display: flex; flex-direction: column; gap: 12px; width: 100%; }
.ai-feature h4 { margin: 0; font-size: 12px; font-weight: 800; letter-spacing: .18em; color: rgba(15, 23, 42, 0.55); text-transform: uppercase;}
.ai-feature-card { position: relative; border-radius: 18px; overflow: hidden; min-height: 130px; background: linear-gradient(135deg, rgba(var(--color-accent-rgb), .24), rgba(123,97,255,.28)); display: flex; align-items: center; justify-content: center; }
.ai-feature-card img { width: 100%; height: 100%; object-fit: cover; display: block;}
.ai-feature-title { margin: 0; font-size: 15px; font-weight: 700; line-height: 1.3; color: #0f172a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ai-feature-link { color: #2563eb; font-weight: 700;}
.ai-feature-link:hover { color: #1744b7; }
.ai-services-head { margin: 0 0 12px 0; font-size: 14px; font-weight: 800; letter-spacing: .04em; color: var(--color-muted);}

/* AI mega-panel — right sidebar (spotlight + CTA) */
body.page-ai-services .ai-mega-aside { display: flex; flex-direction: column; gap: 16px; height: 100%; }
body.page-ai-services .ai-mega-spotlight { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); border-radius: 16px; padding: 22px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
body.page-ai-services .ai-mega-spotlight-icon { width: 40px; height: 40px; border-radius: 10px; background: rgba(47,112,255,.12); display: flex; align-items: center; justify-content: center; color: var(--color-accent, #2f70ff); }
body.page-ai-services .ai-mega-spotlight-title { margin: 0; font-size: 16px; font-weight: 800; color: #fff; }
body.page-ai-services .ai-mega-spotlight-text { margin: 0; font-size: 13px; line-height: 1.6; color: rgba(255,255,255,.55); }
body.page-ai-services .ai-mega-spotlight-link { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; color: var(--color-accent, #2f70ff); margin-top: auto; }
body.page-ai-services .ai-mega-spotlight-link:hover { color: #5a9aff; }
body.page-ai-services .ai-mega-cta-box { background: rgba(47,112,255,.08); border: 1px solid rgba(47,112,255,.18); border-radius: 14px; padding: 18px; }
body.page-ai-services .ai-mega-cta-text { margin: 0 0 12px; font-size: 14px; font-weight: 700; color: #fff; }
body.page-ai-services .ai-mega-cta-btn { display: inline-flex; align-items: center; justify-content: center; width: 100%; padding: 10px 18px; border-radius: 10px; background: var(--color-accent, #2f70ff); color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; transition: background .2s ease; }
body.page-ai-services .ai-mega-cta-btn:hover { background: #1a5cee; }

/* Company mega-panel — CTA card */
.comp-cta-card { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); border-radius: 16px; padding: 28px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; }
.comp-cta-icon { width: 48px; height: 48px; border-radius: 12px; background: rgba(47,112,255,.12); display: flex; align-items: center; justify-content: center; color: var(--color-accent, #2f70ff); }
.comp-cta-title { margin: 0; font-size: 18px; font-weight: 800; color: #fff; }
.comp-cta-desc { margin: 0; font-size: 14px; line-height: 1.6; color: rgba(255,255,255,.55); }
.comp-cta-btn { display: inline-flex; align-items: center; justify-content: center; padding: 10px 22px; border-radius: 10px; background: var(--color-accent, #2f70ff); color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; transition: background .2s ease; margin-top: 6px; }
.comp-cta-btn:hover { background: #1a5cee; }

/* AI Suite Tabbed Section */
.ai-suite { padding: 72px 0 64px 0; margin-bottom: 32px; background: var(--color-bg); border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.ai-suite-head { max-width: 820px; margin: 0 auto 40px auto; text-align: center;}
.ai-suite-head h2 { margin: 0 0 12px 0; color: var(--color-text); font-size: clamp(28px, 4vw, 42px); letter-spacing: -0.01em; }
.ai-suite-head p { margin: 0; color: var(--color-muted); line-height: 1.7; font-size: 16px;}
.ai-suite-layout { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 24px; align-items: start; }
.ai-suite-tabs { display: flex; flex-direction: column; gap: 12px; background: rgba(0,0,0,.32); border: 1px solid var(--color-border); border-radius: 18px; padding: 20px; position: sticky; top: 96px;}
.ai-suite-tabs { max-height: 460px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--overlay-light) transparent; }
.ai-suite-tabs::-webkit-scrollbar { width: 6px;}
.ai-suite-tabs::-webkit-scrollbar-thumb { background: var(--overlay-light); border-radius: 8px; }
.ai-suite-tab-group { display: inline-flex; align-items: center; justify-content: center; padding: 8px 12px; border-radius: 12px; border: 1px solid var(--color-border); color: var(--color-text); font-weight: 600; font-size: 14px;}
.ai-suite-tab { background: transparent; border: none; color: var(--color-text-light); text-align: left; font-size: 15px; font-weight: 600; padding: 6px 12px 6px 26px; border-radius: 12px; position: relative; cursor: pointer; transition: color .2s ease, background .2s ease; }
.ai-suite-tab:hover { color: var(--color-text); background: var(--overlay-light);}
.ai-suite-tab.is-active { color: var(--color-text); background: var(--overlay-light); }
.ai-suite-tab-indicator { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; border-radius: 50%; background: transparent; display: inline-flex; align-items: center; justify-content: center; overflow: hidden;}
.ai-suite-tab-indicator svg { display: none; width: 18px; height: 18px; color: var(--color-accent); }
.ai-suite-tab.is-active .ai-suite-tab-indicator { width: 22px; height: 22px; border-radius: 50%; background: rgba(var(--color-accent-rgb), .2);}
.ai-suite-tab.is-active .ai-suite-tab-indicator svg { display: block; }
.ai-suite-content { background: rgba(0,0,0,.32); border: 1px solid var(--color-border); border-radius: 22px; padding: 24px; min-height: 360px;}
.ai-suite-panel { display: flex; flex-direction: column; gap: 24px; }
.ai-suite-panel[hidden] { display: none !important;}
.ai-suite-apps-head h3 { margin: 0; font-size: 18px; color: var(--color-text); }
.ai-suite-apps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px;}
.ai-suite-app-card { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 16px; padding: 18px; display: flex; flex-direction: column; gap: 14px; min-height: 140px; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.ai-suite-app-card:hover { transform: translateY(-3px); border-color: rgba(var(--color-accent-rgb), .45); box-shadow: 0 16px 30px rgba(0,0,0,.35);}
.ai-suite-app-icon { width: 36px; height: 36px; border-radius: 12px; background: rgba(var(--color-accent-rgb), .16); display: inline-flex; align-items: center; justify-content: center; color: var(--color-accent); flex-shrink: 0; }
.ai-suite-app-icon svg { width: 22px; height: 22px;}
.ai-suite-app-title { color: var(--color-text); font-size: 15px; font-weight: 600; line-height: 1.4; }
.ai-suite-offer { border-top: 1px solid var(--color-border); padding-top: 18px;}
.ai-suite-offer-label { margin: 0 0 6px 0; color: var(--color-accent); font-weight: 700; letter-spacing: .1em; font-size: 12px; text-transform: uppercase; }
.ai-suite-offer-copy { color: var(--color-text-light); font-size: 15px; line-height: 1.7;}
.ai-suite-offer-copy a { color: var(--color-accent); font-weight: 600; }
.ai-suite-offer-copy a:hover { text-decoration: underline;}
@media (max-width: 1100px){
  .ai-suite-layout { grid-template-columns: 280px minmax(0,1fr);}
  .ai-suite-apps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px){
  .ai-suite { padding: 56px 0 40px 0;}
  .ai-suite-layout { grid-template-columns: 1fr; }
  .ai-suite-tabs { position: static; top: auto; flex-direction: row; flex-wrap: wrap; max-height: none; overflow: visible;}
  .ai-suite-tab { flex: 1 1 calc(50% - 12px); }
}
@media (max-width: 640px){
  .ai-suite-tabs { flex-direction: column;}
  .ai-suite-tab { flex: 1 1 auto; }
  .ai-suite-apps { grid-template-columns: repeat(2, minmax(0,1fr));}
}
@media (max-width: 480px){
  .ai-suite-apps { grid-template-columns: 1fr;}
}

.genai-case-studies{
  background:#05070b;
  padding:80px 0 0;
  color:#f5f7ff;
}
.genai-cs-intro{
  font-size:18px;
  line-height:1.7;
  color:#e6e9ef;
  text-align:center;
  max-width:1100px;
  margin:0 auto 80px;
}
.genai-cs-scroll-container{
  height:400vh;
  position:relative;
}
.genai-cs-scroll-container > div{
  position:sticky;
  top:0;
  height:100vh;
  overflow:hidden;
  display:flex;
  align-items:center;
}
.genai-cs-cards-wrapper{
  display:flex;
  gap:40px;
  padding:0 calc((100vw - 1280px) / 2);
  will-change:transform;
}
.genai-cs-card{
  min-width:calc(100vw - ((100vw - 1280px)));
  max-width:1280px;
  width:1280px;
  height:100vh;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:center;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:24px;
  padding:60px;
  flex-shrink:0;
}
.genai-cs-content{
  display:flex;
  flex-direction:column;
  gap:24px;
}
.genai-cs-card-title{
  font-size:42px;
  font-weight:700;
  color:#fff;
  margin:0;
  line-height:1.2;
}
.genai-cs-description{
  font-size:17px;
  line-height:1.7;
  color:#d6dae8;
  margin:0;
}
.genai-cs-results{
  margin-top:16px;
}
.genai-cs-results-label{
  font-size:18px;
  font-weight:700;
  color:#fff;
  margin-bottom:20px;
}
.genai-cs-metrics{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:32px;
}
.genai-cs-metric{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:0;
  border-left:3px solid rgba(30,136,229,0.5);
  padding-left:16px;
}
.genai-cs-metric-value{
  font-size:36px;
  font-weight:700;
  color:#fff;
  line-height:1;
}
.genai-cs-metric-label{
  font-size:14px;
  line-height:1.5;
  color:#d6dae8;
  font-weight:500;
}
.genai-cs-cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:16px 32px;
  background:transparent;
  color:#fff;
  font-size:16px;
  font-weight:600;
  border:2px solid #fff;
  border-radius:10px;
  text-decoration:none;
  transition:all .3s ease;
  align-self:flex-start;
  margin-top:16px;
}
.genai-cs-cta:hover{
  background:#fff;
  color:#05070b;
}
.genai-cs-cta-arrow{
  font-size:18px;
  transition:transform .3s ease;
}
.genai-cs-cta:hover .genai-cs-cta-arrow{
  transform:translateX(4px);
}
.genai-cs-image{
  border-radius:16px;
  overflow:hidden;
  height:100%;
  max-height:calc(100vh - 120px);
}
.genai-cs-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

@media(max-width:960px){
  .genai-case-studies{
    padding:60px 0 0;
}
  .genai-cs-title{
    font-size:var(--font-size-2xl);
}
  .genai-cs-intro{
    font-size:var(--font-size-base);
    margin-bottom:48px !important;
}
  .genai-cs-scroll-container{
    height:auto !important;
    position:static;
}
  .genai-cs-scroll-container > div{
    position:static;
    height:auto;
    display:block;
}
  .genai-cs-cards-wrapper{
    flex-direction:row;
    gap:0;
    padding:0;
    transform:none !important;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    scroll-behavior:smooth;
}
  .genai-cs-cards-wrapper::-webkit-scrollbar{
    display:none;
}
  .genai-cs-card{
    min-width:100vw;
    width:100vw;
    max-width:none;
    padding:0 20px;
    height:auto;
    flex-shrink:0;
    margin:0;
    scroll-snap-align:start;
    box-sizing:border-box;
    background:transparent;
    border:none;
    border-radius:0;
}
  .genai-cs-card-inner{
    display:flex;
    flex-direction:column;
    background:rgba(255,255,255,0.03);
    border:none;
    border-radius:16px;
    overflow:hidden;
    max-height:none;
    padding:0;
    gap:0;
}
  .genai-cs-content{
    padding:28px 24px 32px;
    gap:16px;
}
  .genai-cs-image{
    order:-1;
    height:200px;
    max-height:none;
    border-radius:0;
    margin:0;
}
  .genai-cs-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:0;
}
  .genai-cs-card-title{
    font-size:var(--font-size-xl);
}
  .genai-cs-description{
    font-size:var(--font-size-base);
}
  .genai-cs-results{
    margin-top:8px;
}
  .genai-cs-metric-value{
    font-size:var(--font-size-lg);
}
  .genai-cs-cta{
    padding:12px 24px;
    font-size:var(--font-size-sm);
}
}

/* AI Metrics + CTA */
.ai-metrics { background: var(--color-bg); padding: 56px 0 40px 0; border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.ai-metrics-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px;}
.ai-metric { display: flex; flex-direction: column; gap: 10px; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 18px; padding: 22px; min-height: 180px; }
.ai-metric-stat { font-size: clamp(28px, 4vw, 36px); font-weight: 800; color: var(--color-accent); letter-spacing: .04em;}
.ai-metric h3 { margin: 0; color: var(--color-text); font-size: 18px; }
.ai-metric p { margin: 0; color: var(--color-text-light); line-height: 1.6; font-size: 14px;}
.ai-metrics-cta { background: rgba(0,0,0,.32); border: 1px solid var(--color-border); border-radius: 18px; padding: 32px 28px; display: flex; flex-direction: column; gap: 18px; justify-content: center; align-items: flex-start; }
.ai-metrics-cta h3 { margin: 0; color: var(--color-text); font-size: 20px; line-height: 1.5; max-width: 260px;}
.ai-metrics-cta .btn-primary { background: linear-gradient(135deg, var(--color-accent), var(--color-accent-2)); color: var(--color-accent-contrast); border-radius: 999px; padding: 10px 20px; font-weight: 700; box-shadow: 0 12px 24px rgba(var(--color-accent-rgb), .35); }
.ai-metrics-cta .btn-primary:hover { filter: brightness(1.05);}
.ai-metrics-cta .btn-primary:active { transform: translateY(1px); }
@media (max-width: 1024px){
  .ai-metrics-grid { grid-template-columns: repeat(2, minmax(0,1fr));}
}
@media (max-width: 640px){
  .ai-metrics-grid { grid-template-columns: 1fr;}
}

/* AI Partner Section */
.ai-partner { padding: 56px 0; background: var(--color-bg); border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.ai-partner-shell { background: var(--color-surface-light); border-radius: 28px; padding: 28px; box-shadow: 0 22px 48px rgba(3,6,12,.18); }
.ai-partner-grid { display: grid; grid-template-columns: 420px minmax(0, 1fr); gap: 40px; align-items: start;}
.ai-partner-hero { background: linear-gradient(140deg, rgba(var(--color-accent-rgb), .75), rgba(var(--color-accent-rgb), .92)); border-radius: 24px; padding: 38px; color: var(--color-accent-contrast); display: flex; flex-direction: column; gap: 18px; box-shadow: none; position: sticky; top: 120px; }
.ai-partner-icon { width: 56px; height: 56px; border-radius: 16px; background: var(--overlay-light); display: inline-flex; align-items: center; justify-content: center; color: var(--color-accent-contrast);}
.ai-partner-icon svg { width: 26px; height: 26px; }
.ai-partner-hero h2 { margin: 0; font-size: clamp(24px, 3vw, 32px); letter-spacing: -0.01em;}
.ai-partner-hero p { margin: 0; font-size: 15px; line-height: 1.7; max-width: 320px; color: var(--color-text-light); }
.ai-partner-panels { background: transparent; border-radius: 0; padding: 0; display: flex; flex-direction: column; gap: 12px;}
.ai-partner-panel { border-bottom: 1px solid var(--color-border-light); padding: 12px 0; }
.ai-partner-panel:last-of-type { border-bottom: none;}
.ai-partner-panel summary { list-style: none; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; cursor: pointer; font-weight: 700; font-size: 16px; color: var(--color-text-dark); }
.ai-partner-panel summary::-webkit-details-marker { display: none;}
.ai-partner-step { color: var(--color-accent); font-weight: 700; letter-spacing: .08em; font-size: 13px; }
.ai-partner-title { display: block;}
.ai-partner-caret { width: 18px; height: 18px; border-radius: 50%; border: 1px solid var(--color-border-light); display: inline-flex; align-items: center; justify-content: center; position: relative; }
.ai-partner-caret::after { content: ""; width: 6px; height: 6px; border-right: 2px solid var(--color-text-dark); border-bottom: 2px solid var(--color-text-dark); transform: rotate(-45deg); transition: transform .2s ease;}
.ai-partner-panel[open] .ai-partner-caret::after { transform: rotate(45deg); }
.ai-partner-content { margin-top: 12px; color: var(--color-text-dark); font-size: 14px; line-height: 1.6; padding-right: 40px; }
.ai-partner-content[data-ai-partner-panel] { will-change: height; }
@media (max-width: 1024px){
  .ai-partner-grid { grid-template-columns: 1fr;}
  .ai-partner-hero { position: relative; top: auto; }
  .ai-partner-hero p { max-width: none; }
}

/* AI Case Studies (legacy rail) */
.ai-cases-head { text-align: center; max-width: 780px; margin: 0 auto 40px auto; }
.ai-cases-head h2 { margin: 0 0 12px 0; color: var(--color-text); font-size: clamp(26px, 3.8vw, 40px);}
.ai-cases-head p { margin: 0; color: var(--color-muted); line-height: 1.7; }
.ai-case-metrics { gap: 16px;}
.ai-case-metrics div { text-align: left; }
.ai-case-metrics strong { display: block; color: var(--color-accent); font-size: 16px; font-weight: 700;}
.ai-cases-nav .ai-cases-btn { width: 44px; height: 44px; border-radius: 50%; border: none; background: var(--overlay-light); color: var(--color-text); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.ai-cases-nav .ai-cases-btn::before { content: ''; display: block; width: 0; height: 0; border: 6px solid transparent; border-left-color: currentColor; border-right-color: currentColor;}
.ai-cases-nav .ai-cases-btn.prev::before { border-right-color: currentColor; margin-left: 4px; }
.ai-cases-nav .ai-cases-btn.next::before { border-left-color: currentColor; margin-right: 4px;}
.studies-rail .study-media img { width: 100%; height: 100%; object-fit: cover; border-radius: 14px; }
.studies-rail .study { gap: 24px;}
.studies-rail .results { column-gap: 32px; }
.studies-rail .results strong { color: var(--color-accent);}

/* AI Case Studies (slider) */
.ai-case-stories { padding: 80px 0; background: var(--color-bg); border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); color: var(--color-text-light); }
.ai-case-stories-head { text-align: center; max-width: 880px; margin: 0 auto 42px auto; display: flex; flex-direction: column; gap: 16px;}
.ai-case-stories-head h2 { margin: 0; font-size: clamp(28px, 4.2vw, 44px); letter-spacing: -0.01em; color: var(--color-text); }
.ai-case-stories-head p { margin: 0; font-size: 18px; line-height: 1.7; color: var(--color-text-light);}
.ai-case-stories-stage { position: relative; border-radius: 32px; overflow: hidden; border: 1px solid var(--color-border); background: linear-gradient(135deg, rgba(20,24,32,.96), rgba(12,15,22,.96)); box-shadow: 0 24px 48px rgba(3,6,12,.45); }
.ai-case-stories-viewport { overflow: hidden; border-radius: inherit;}
.ai-case-stories-track { display: flex; transition: transform .45s cubic-bezier(.22,1,.36,1); width: 100%; --ai-case-index: 0; transform: translateX(calc(var(--ai-case-index) * -100%)); }
.ai-case-slide { flex: 0 0 100%; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; min-height: 420px; position: relative;}
.ai-case-slide:not(.is-active) { pointer-events: none; }
.ai-case-card { padding: 48px 56px; display: flex; flex-direction: column; gap: 26px; background: rgba(0,0,0,.35); border-right: 1px solid var(--color-border);}
.ai-case-card header h3 { margin: 0; color: var(--color-text); font-size: clamp(26px, 3.2vw, 34px); letter-spacing: -0.01em; }
.ai-case-points { margin: 0; display: flex; flex-direction: column; gap: 18px;}
.ai-case-points div { display: flex; flex-direction: column; gap: 10px; }
.ai-case-points dt { font-weight: 700; color: var(--color-accent); font-size: 16px; letter-spacing: .02em;}
.ai-case-points dd { margin: 0; color: var(--color-text-light); font-size: 16px; line-height: 1.7; }
.ai-case-points ul { margin: 0; padding-left: 22px; display: flex; flex-direction: column; gap: 8px;}
.ai-case-points li { color: var(--color-text-light); position: relative; font-size: 16px; }
.ai-case-points li::marker { color: var(--color-accent);}
.ai-case-link { display: none; }
.ai-case-link:hover { background: #1a54d6; transform: translateY(-1px); }
@media(max-width:640px){
  .ai-case-link{ padding:10px 20px; font-size:13px; }
}
.ai-case-footer{
display: flex;
flex-direction: column;
gap: 20px;
}

.ai-case-media { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 0; cursor: pointer; }
.ai-case-media img { transition: transform 0.3s ease; will-change: transform; }
.ai-case-media:hover img { transform: scale(1.03); }
.ai-case-media-backdrop { position: absolute; inset: 0; background: radial-gradient(520px 400px at 70% 30%, rgba(var(--color-accent-rgb), .25), transparent 70%), linear-gradient(140deg, rgba(33,41,62,.95), rgba(10,14,22,.95));}
.ai-case-media img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; }
.ai-case-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 52px; height: 52px; border-radius: 50%; border: none; background: rgba(255,255,255,0.15); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: #fff; font-size: 32px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; transition: transform .2s ease, box-shadow .2s ease, background .2s ease;}
.ai-case-arrow:hover { transform: translateY(-50%) scale(1.04); box-shadow: 0 18px 30px rgba(0,0,0,.35); background: rgba(255,255,255,0.25); }
.ai-case-arrow:focus-visible { outline: 2px solid rgba(var(--color-accent-rgb), .9); outline-offset: 4px;}
.ai-case-arrow.prev { left: 16px; }
.ai-case-arrow.next { right: 16px;}
.ai-case-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; margin: 36px auto 24px auto; }
.ai-case-tab { position: relative; background: transparent; border: none; color: var(--color-text-light); font-size: 16px; font-weight: 600; letter-spacing: .01em; cursor: pointer; padding: 6px 0; transition: color .2s ease;}
.ai-case-tab::after { content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 2px; background: transparent; transition: background .2s ease, transform .2s ease; transform-origin: left center; }
.ai-case-tab:hover { color: var(--color-text);}
.ai-case-tab.is-active { color: var(--color-text); }
.ai-case-tab.is-active::after { background: var(--color-accent); transform: scaleX(1);}
.ai-case-primary-cta { display: flex; justify-content: center; margin-top: 32px; }
.ai-case-primary-cta .btn-primary { background: linear-gradient(135deg, var(--color-accent), var(--color-accent-2)); color: var(--color-accent-contrast); border-radius: 999px; padding: 14px 32px; font-weight: 700; box-shadow: 0 20px 38px rgba(var(--color-accent-rgb), .32);}
.ai-case-primary-cta .btn-primary:hover { filter: brightness(1.05); }
.ai-case-primary-cta .btn-primary:active { transform: translateY(1px);}

.ai-case-stories.ai-case-stories--wearables{ background:#05070b; border:0; color:#f5f7ff; padding: 84px 0 90px; }
.ai-case-stories.ai-case-stories--wearables .ai-case-stories-head h2{ color:#fff; font-size: clamp(32px, 4.6vw, 46px); line-height: 1.1; letter-spacing: -0.02em;}
.ai-case-stories.ai-case-stories--wearables .ai-case-stories-head p{ color: rgba(245,247,255,.78); font-size: 14px; line-height: 1.7; max-width: 820px; margin-left: auto; margin-right: auto; }
.ai-case-stories.ai-case-stories--wearables .ai-case-stories-stage{ border-radius: 18px; border: 0; background: rgba(255,255,255,.06); box-shadow: 0 22px 60px rgba(0,0,0,.55);}
.ai-case-stories.ai-case-stories--wearables .ai-case-slide{ grid-template-columns: 60% 40%; min-height: 420px; }
.ai-case-stories.ai-case-stories--wearables .ai-case-card{ padding: 34px 34px; background: rgba(0,0,0,.22); border-right: 1px solid rgba(255,255,255,.10);}
.ai-case-stories.ai-case-stories--wearables .ai-case-card header h3{ color:#fff; font-size: 20px; }
.ai-case-stories.ai-case-stories--wearables .ai-case-points dt{ color:#2f70ff; font-size: 13px; font-weight: 800;}
.ai-case-stories.ai-case-stories--wearables .ai-case-points dd,
.ai-case-stories.ai-case-stories--wearables .ai-case-points li{ color: rgba(245,247,255,.80); font-size: 13px; line-height: 1.65; }
.ai-case-stories.ai-case-stories--wearables .ai-case-link{ border-radius: 10px; padding: 12px 18px; font-size: 12px; color:#fff; border: 1px solid rgba(255,255,255,.35);}
.ai-case-stories.ai-case-stories--wearables .ai-case-link:hover{ border-color: rgba(255,255,255,.6); background: rgba(255,255,255,.06); }
.ai-case-stories.ai-case-stories--wearables .ai-case-media{ padding: 0;}
.ai-case-stories.ai-case-stories--wearables .ai-case-media-backdrop{ background: transparent; }
.ai-case-stories.ai-case-stories--wearables .ai-case-media img{ max-width: none; width: 100%; height: 100%; object-fit: cover; filter: none;}
.ai-case-stories.ai-case-stories--wearables .ai-case-tabs{ display: none; }


@media (max-width: 980px){
  .ai-case-stories.ai-case-stories--wearables .ai-case-slide{ grid-template-columns: 1fr;}
  .ai-case-stories.ai-case-stories--wearables .ai-case-card{ border-right: 0; border-bottom: 1px solid rgba(255,255,255,.10); }
  .ai-case-stories.ai-case-stories--wearables .ai-case-media{ min-height: 240px;}
}
@media (max-width: 640px){
  .ai-case-stories.ai-case-stories--wearables{ padding: 60px 0; }
  .ai-case-stories.ai-case-stories--wearables .ai-case-stories-stage{ border-radius: 14px; }
  .ai-case-stories.ai-case-stories--wearables .ai-case-card{ padding: 24px 20px; }
  .ai-case-stories.ai-case-stories--wearables .ai-case-card header h3{ font-size: 18px; }
  .ai-case-stories.ai-case-stories--wearables .ai-case-media{ min-height: 200px; }
  .ai-case-stories.ai-case-stories--wearables .ai-case-arrow{ width: 40px; height: 40px; font-size: 24px; }
}

/* Case Studies Horizontal Scroll (vertical scroll drives horizontal cards) */
.case-hscroll{ background:#05070b; padding:80px 0 0; color:#f5f7ff; }
.case-hscroll-title{ font-size:52px; line-height:1.15; margin:0 0 28px; color:#fff; text-align:center; max-width:1200px; margin-left:auto; margin-right:auto; font-weight:700; letter-spacing:-0.01em; }
.case-hscroll-intro{ font-size:18px; line-height:1.7; color:#e6e9ef; text-align:center; max-width:1100px; margin:0 auto 80px;}

.case-hscroll-scroll{ height:400vh; position:relative; }
.case-hscroll-scroll > div{ position:sticky; top:0; height:100vh; overflow:hidden; display:flex; align-items:center;}
.case-hscroll-track{ display:flex; gap:40px; padding:0 calc((100vw - 1280px) / 2); will-change:transform; transform:translateX(0); }

.case-hscroll-card{ min-width:calc(100vw - ((100vw - 1280px))); max-width:1280px; width:1280px; height:100vh; display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.1); border-radius:24px; padding:60px; flex-shrink:0; position:relative;}
.case-hscroll-content{ display:flex; flex-direction:column; gap:24px; position:relative; }
.case-hscroll-card-title{ font-size:42px; font-weight:700; color:#fff; margin:0; line-height:1.2;}
.case-hscroll-desc{ font-size:17px; line-height:1.7; color:#d6dae8; margin:0; max-width:520px; }
.case-hscroll-results{ margin-top:16px;}
.case-hscroll-results-label{ font-size:18px; font-weight:700; color:#fff; margin-bottom:20px; }
.case-hscroll-metrics{ display:grid; grid-template-columns:repeat(2, 1fr); gap:32px;}
.case-hscroll-metric{ display:flex; flex-direction:column; gap:8px; border-left:3px solid rgba(30,136,229,0.5); padding-left:16px; }
.case-hscroll-metric-value{ font-size:36px; font-weight:700; color:#fff; line-height:1;}
.case-hscroll-metric-label{ font-size:14px; line-height:1.5; color:#d6dae8; font-weight:500; }
.case-hscroll-cta{ display:inline-flex; align-items:center; gap:8px; padding:16px 32px; background:transparent; color:#fff; font-size:16px; font-weight:600; border:2px solid #fff; border-radius:10px; text-decoration:none; transition:all .3s ease; align-self:flex-start; margin-top:16px;}
.case-hscroll-cta:hover{ background:#fff; color:#05070b; }
.case-hscroll-cta-arrow{ font-size:18px; transition:transform .3s ease;}
.case-hscroll-cta:hover .case-hscroll-cta-arrow{ transform:translateX(4px); }

.case-hscroll-image{ border-radius:16px; overflow:hidden; height:100%; max-height:calc(100vh - 120px);}
.case-hscroll-image img{ width:100%; height:100%; object-fit:cover; display:block; }

.case-hscroll-prompt{ position:absolute; left: 48%; top: 48%; transform:translate(-50%, -50%); background:rgba(255,255,255,0.12); color:#fff; width:64px; height:64px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; font-size:14px; letter-spacing:0.02em; backdrop-filter: blur(6px);}

@media(max-width:960px){
  .case-hscroll{ padding:60px 0 0;}
  .case-hscroll-title{ font-size:38px; }
  .case-hscroll-intro{ font-size:17px;}
  .case-hscroll-scroll{ height:auto; position:static; }
  .case-hscroll-scroll > div{ position:static; height:auto;}
  .case-hscroll-track{ flex-direction:column; padding:0 20px 60px; transform:none !important; }
  .case-hscroll-card{ min-width:100%; width:100%; height:auto; grid-template-columns:1fr; gap:32px; padding:40px 32px;}
  .case-hscroll-card-title{ font-size:32px; }
  .case-hscroll-metrics{ grid-template-columns:1fr;}
  .case-hscroll-image{ max-height:420px; }
  .case-hscroll-prompt{ display:none;}
}

.genai-testimonials{ background:url('https://cdn.bonamisoftware.com/images/testimonial-bg.webp') center center / cover no-repeat; padding:80px 20px 100px; color:#f5f7ff; overflow:hidden; }
.genai-test-title{ font-size:52px; line-height:1.15; margin:0 0 24px; color:#fff; text-align:center; font-weight:700; letter-spacing:-0.01em;}
.genai-test-intro{ max-width:960px; margin:0 auto 60px; text-align:center; font-size:18px; color:#cfd4e2; line-height:1.7; }
.genai-test-slider{ max-width:1100px; margin:0 auto 60px;}

.genai-test-card{ background:#001; border:1px solid #5f5f6a; border-radius:15px; padding:48px; }
.genai-test-slides{ position:relative; min-height:280px;}
.genai-test-slide{ position:absolute; top:0; left:0; width:100%; opacity:0; visibility:hidden; transition:all .5s ease; }
.genai-test-slide.is-active{ opacity:1; visibility:visible; position:relative;}
.genai-test-slide-inner{ display:grid; grid-template-columns:240px 1fr; gap:32px; align-items:center; }
.genai-test-author{ display:flex; flex-direction:column; align-items:flex-start; gap:16px;}
.genai-test-avatar{ width:64px; height:64px; border-radius:50%; overflow:hidden; flex-shrink:0; }
.genai-test-avatar img{ width:100%; height:100%; object-fit:cover; display:block;}
.genai-test-info{ display:flex; flex-direction:column; gap:4px; }
.genai-test-name{ font-size:20px; font-weight:700; color:#fff;}
.genai-test-position{ font-size:15px; color:#d6dae8; font-weight:500; }
.genai-test-quote-block{ position:relative; padding:0 24px;}
.genai-test-quote{ font-size:18px; line-height:1.7; color:#e6e9ef; margin:0; }
.genai-test-quote-mark{ position:absolute; font-size:32px; color:rgba(255,255,255,0.35); font-weight:700;}
.genai-test-quote-mark.open{ top:-4px; left:0; }
.genai-test-quote-mark.close{ bottom:-12px; right:0;}
.genai-test-nav{ display:flex; justify-content:center; gap:12px; margin-top:28px; }
.genai-test-dot{ width:48px; height:4px; background:rgba(255,255,255,0.3); border:none; border-radius:2px; cursor:pointer; transition:all .3s ease; padding:0;}
.genai-test-dot:hover{ background:rgba(255,255,255,0.5); }
.genai-test-dot.is-active{ background:#1e88e5;}
.genai-test-companies{ display:flex; justify-content:center; gap:40px; flex-wrap:wrap; margin-top:30px; }
.genai-test-company{ font-size:24px; font-weight:700; color:rgba(255,255,255,0.4); background:transparent; border:none; cursor:pointer; transition:all .3s ease; padding:0; position:relative;}
.genai-test-company::after{ content:''; position:absolute; bottom:-8px; left:0; width:0; height:3px; background:#1e88e5; transition:width .3s ease; }
.genai-test-company:hover{ color:rgba(255,255,255,0.7);}
.genai-test-company.is-active{ color:#fff; }
.genai-test-company.is-active::after{ width:100%;}
.genai-test-company-logo{ height:28px; width:auto; display:block; object-fit:contain; filter:grayscale(1); opacity:.55; }
.genai-test-company.is-active .genai-test-company-logo{ filter:none; opacity:1;}

 .genai-testimonials,
 .genai-test-companies{
  position:relative;
  z-index:0;
}
 .genai-testimonials::before,
 .genai-testimonials::after,
 .genai-test-companies::before,
 .genai-test-companies::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:420px;
  /* background:url('https://cdn.bonamisoftware.com/images/assets-ext/ellipse1-new-banner.webp') center / contain no-repeat; */
  pointer-events:none;
  z-index:-1;
}
 .genai-testimonials::before,
 .genai-test-companies::before{ left:0; }
 .genai-testimonials::after,
 .genai-test-companies::after{ right:0; transform:scaleX(-1);}
 .genai-testimonials{ overflow:hidden; }


@media(max-width:960px){
  .genai-testimonials{ padding:60px 10px 80px;}
  .genai-testimonials .container{ padding-left:0; padding-right:0; }
  .genai-test-title{ font-size:var(--font-size-2xl); padding:0 16px; }
  .genai-test-intro{ font-size:var(--font-size-base); margin-bottom:40px; padding:0 16px; }
  .genai-test-card{ padding:28px 24px; }
  .genai-test-slides{ min-height:auto; }
  .genai-test-slide-inner{ grid-template-columns:1fr; gap:20px;}
  .genai-test-quote-block{ order:-1; padding:0 16px; }
  .genai-test-quote{ font-size:var(--font-size-sm); line-height:1.8; }
  .genai-test-quote-mark{ font-size:24px; }
  .genai-test-quote-mark.open{ top:-2px; left:0; }
  .genai-test-quote-mark.close{ bottom:-8px; right:0; }
  .genai-test-author{ flex-direction:row; align-items:center; gap:12px; }
  .genai-test-avatar{ width:48px; height:48px; }
  .genai-test-name{ font-size:var(--font-size-base); }
  .genai-test-position{ font-size:var(--font-size-sm); }
  .genai-test-slider{ margin-bottom:30px; }
  .genai-test-companies{ gap:24px; margin-top:0; padding:0 16px; }
  .genai-test-company{ font-size:var(--font-size-md); }
}

/* GenAI FAQ (reusable component) */
.genai-faq{ padding:clamp(72px, 9vw, 120px) 0; background:#0a0a0b; }
.genai-faq .faq-title{ font-size:48px; font-weight:700; text-align:center; margin:0 0 64px; color:#fff; position:relative; padding-bottom:28px; }
.genai-faq .faq-title::after{ content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:160px; height:3px; background:linear-gradient(90deg, transparent, #4a90d9, transparent); border-radius:2px; }
.genai-faq .faq-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px;}
.genai-faq .faq-column{ display:flex; flex-direction:column; gap:24px; }
.genai-faq .faq-item{ background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.10); border-radius:12px; overflow:hidden; transition:all 0.3s ease;}
.genai-faq .faq-item.active{ background:rgba(255,255,255,0.08); }
.genai-faq .faq-question{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px 28px; background:transparent; border:none; text-align:left; cursor:pointer; transition:all 0.3s ease;}
.genai-faq .faq-question-text{ font-size:18px; font-weight:600; color:rgba(255,255,255,0.90); line-height:1.4; transition:color 0.3s ease; }
.genai-faq .faq-item.active .faq-question-text{ color:var(--color-accent, #2f70ff);}
.genai-faq .faq-icon{ flex-shrink:0; color:rgba(255,255,255,0.65); transition:all 0.3s ease; transform:rotate(180deg); }
.genai-faq .faq-item.active .faq-icon{ color:var(--color-accent, #2f70ff); transform:rotate(0deg);}
.genai-faq .faq-answer{ max-height:0; overflow:hidden; transition:max-height 0.5s ease 0.1s, padding 0.5s ease 0.1s, opacity 0.3s ease; padding:0 28px; opacity:0; }
.genai-faq .faq-item.active .faq-answer{ max-height:500px; padding:0 28px 24px; opacity:1; transition:max-height 0.5s ease 0.15s, padding 0.5s ease 0.15s, opacity 0.4s ease 0.2s;}
.genai-faq .faq-answer p{ margin:0; font-size:16px; line-height:1.7; color:rgba(255,255,255,0.70); }

.genai-faq .ai-faq-card{ background:rgba(0,0,0,.32); border:1px solid rgba(255,255,255,.08); border-radius:24px; padding:28px; display:flex; flex-direction:column; gap:18px; align-items:flex-start; box-shadow:0 18px 34px rgba(0,0,0,.35); background-size:cover; background-position:center; margin-top:48px; max-width:420px; }
.genai-faq .ai-faq-card-icon{ width:54px; height:54px; border-radius:16px; background:linear-gradient(135deg,#7c3aed,#a855f7); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:30px; font-weight:700; }
.genai-faq .ai-faq-card h3{ margin:0; color:#fff; font-size:20px; line-height:1.5; font-weight:700; }
.genai-faq .ai-faq-card p{ margin:0; color:rgba(255,255,255,.75); font-size:14px; line-height:1.7; }
.genai-faq .ai-faq-card .btn-primary{ display:inline-block; background:linear-gradient(135deg,#7c3aed,#a855f7); color:#fff; border-radius:999px; padding:12px 28px; font-weight:600; font-size:15px; text-decoration:none; box-shadow:0 12px 24px rgba(124,58,237,.3); transition:transform .2s ease, box-shadow .2s ease; }
.genai-faq .ai-faq-card .btn-primary:hover{ transform:translateY(-2px); box-shadow:0 16px 30px rgba(124,58,237,.4); }
.ai-copilot-faq-scope .genai-faq{ background:#05070b;}
.ai-copilot-faq-scope .genai-faq .faq-title{ color:#fff; }
.ai-copilot-faq-scope .genai-faq .faq-item{ background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.10);}
.ai-copilot-faq-scope .genai-faq .faq-item.active{ background: rgba(255,255,255,.08); }
.ai-copilot-faq-scope .genai-faq .faq-question-text{ color: rgba(255,255,255,.90);}
.ai-copilot-faq-scope .genai-faq .faq-item.active .faq-question-text{ color:#7db1ff; }
.ai-copilot-faq-scope .genai-faq .faq-icon{ color: rgba(255,255,255,.65);}
.ai-copilot-faq-scope .genai-faq .faq-item.active .faq-icon{ color:#7db1ff; }
.ai-copilot-faq-scope .genai-faq .faq-answer p{ color: rgba(255,255,255,.70);}
@media(max-width:1024px){
  .genai-faq .faq-grid{ grid-template-columns:1fr;}
}

 .hww-hero{ position:relative; background:#000; overflow:hidden; }
 .hww-hero::before{ content:''; position:absolute; inset:0; background-image: linear-gradient(90deg, rgba(0,0,0,.90), rgba(0,0,0,.28)), var(--hww-hero-image); background-size: cover; background-position: right center; filter: saturate(1.08) contrast(1.08);}
 .hww-hero::after{ content:''; position:absolute; inset:-20px; background: radial-gradient(980px 620px at 22% 20%, rgba(31,108,255,.22), transparent 62%); pointer-events:none; }
 .hww-hero__content{ position:relative; z-index:1; padding: clamp(110px, 10vw, 150px) clamp(18px, 6vw, 80px) 72px; max-width: 860px; min-height: 100vh; display: flex; flex-direction: column; justify-content: flex-end; }
 .hww-hero__content h1{ margin:0; display:grid; gap: 10px;}
 .hww-hero__eyebrow{ font-size: clamp(32px, 4.2vw, 56px); line-height:1.06; font-weight: 300; color: rgba(255,255,255,.92); letter-spacing: -0.02em; }
 .hww-hero__title{ font-size: clamp(56px, 6.6vw, 92px); line-height:1.00; font-weight: 900; color:#fff; letter-spacing: -0.03em;}
 .hww-hero__content p{ margin: 18px 0 0; font-size: 18px; line-height: 1.9; color: rgba(255,255,255,.70); max-width: 720px; }
 .hww-hero__cta{ margin-top: 24px;}
 .hww-hero__btn{ display:inline-flex; align-items:center; justify-content:center; padding: 12px 22px; border-radius: 999px; background:#fff; color:#0b0c0d; text-decoration:none; font-size: 12px; font-weight: 800; }
 .hww-hero__btn:hover{ background: rgba(255,255,255,.92);}

@media (max-width: 720px){
  .hww-hero::before{ background-position: center;}
  .hww-hero__content{ max-width: 560px; }
}

 .hww-hero.is-center::before,
 .hww-hero.is-kfc-center::before{ background-image: linear-gradient(180deg, rgba(0,0,0,.68), rgba(0,0,0,.68)), var(--hww-hero-image); background-position: center; }
 .hww-hero.is-center::after,
 .hww-hero.is-kfc-center::after{ background: radial-gradient(980px 620px at 50% 20%, rgba(0,0,0,.00), rgba(0,0,0,0) 60%); }
 .hww-hero.is-center .hww-hero__content,
 .hww-hero.is-kfc-center .hww-hero__content{ max-width: 980px; margin: 0 auto; text-align: center; align-items: center; justify-content: center; padding: clamp(110px, 10vw, 150px) clamp(18px, 6vw, 80px) clamp(80px, 12vw, 140px); }
 .hww-hero.is-center .hww-hero__content h1,
 .hww-hero.is-kfc-center .hww-hero__content h1{ justify-items: center; }
 .hww-hero.is-center .hww-hero__eyebrow,
 .hww-hero.is-kfc-center .hww-hero__eyebrow{ display:none; }
 .hww-hero.is-center .hww-hero__title,
 .hww-hero.is-kfc-center .hww-hero__title{ white-space: pre-line; font-size: clamp(30px, 4.2vw, 46px); line-height: 1.15; letter-spacing: -0.02em; }
 .hww-hero.is-center .hww-hero__cta,
 .hww-hero.is-kfc-center .hww-hero__cta{ margin-top: 26px; }

 .hww-principles{ position:relative; background: linear-gradient(180deg, var(--Neutral-NB1000, #000) 0%, var(--Primary-NB500, #1163fb) 50%, var(--Neutral-NB1000, #000) 100%); padding: 86px 0 76px; overflow:hidden; }
 .hww-principles__head{ text-align:center; max-width: 760px; margin: 0 auto 44px; }
 .hww-principles__head h2{ margin:0 0 14px; font-size: clamp(26px, 3.3vw, 40px); line-height:1.15; letter-spacing:-0.02em; color:#fff; font-weight: 600;}
 .hww-principles__head p{ margin:0; font-size: clamp(14px, 1.15vw, 16px); line-height: 1.75; color: rgba(255,255,255,.78); }
 .hww-principles__grid{ display:grid; grid-template-columns: 1fr 1fr; gap: 54px 90px; max-width: none; margin: 0; }
 .hww-principles__item{ display:flex; gap: 18px; align-items:flex-start; }
 .hww-principles__icon{ width: 44px; height: 44px; border-radius: 999px; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.14); display:flex; align-items:center; justify-content:center; flex: 0 0 auto; margin-top: 4px;}
 .hww-principles__icon svg{ width: 26px; height: 26px; color: #fff; display:block; }
 .hww-principles__body h3{ margin:0 0 10px; font-size: clamp(22px, 2.2vw, 28px); font-weight: 800; color:#fff; letter-spacing: -0.01em;}
 .hww-principles__body p{ margin:0; font-size: clamp(16px, 1.25vw, 18px); line-height: 1.65; color: rgba(255,255,255,.82); max-width: 720px; }

@media (max-width: 860px){
  .hww-principles__grid{ grid-template-columns: 1fr; gap: 22px; }
}

body.page-how-we-work .hww-stats.hww-stats--v2{ background:#000; padding: 0; height: 100vh; height: 100svh; display:flex; align-items: stretch; }
body.page-how-we-work .hww-stats.hww-stats--v2 .container{ padding-left: 0; padding-right: 0; display:flex; }
body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stats__grid{ width: 100%; display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: 1fr 1fr; gap: 18px; align-content:stretch; align-items:stretch; padding: 24px 0; height: 100%; grid-template-areas: "years solutions solutions team" "countries awards awards industries"; }

body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat{ position:relative; border-radius: 28px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.14); padding: 28px 28px; min-height: 0; overflow:hidden; box-shadow: 0 26px 70px rgba(0,0,0,.55); }
body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat::after{ content:""; position:absolute; inset: 0; border-radius: inherit; pointer-events:none; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat__top{ position:relative; z-index: 2; }
body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat__value{ font-size: clamp(34px, 3vw, 44px); font-weight: 800; color:#fff; letter-spacing:-0.01em; }
body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat__label{ margin-top: 10px; font-size: clamp(16px, 1.35vw, 18px); line-height: 1.4; color: rgba(255,255,255,.92); max-width: 360px; }

body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat__media{ position:absolute; inset: 0; z-index: 1; opacity: 1; }
body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat__media::before{ content:""; position:absolute; inset: 0; background: radial-gradient(120% 120% at 85% 30%, rgba(255,255,255,.10), rgba(0,0,0,0) 55%); }

body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat__logos{ position:absolute; left: 18px; right: 18px; bottom: 14px; display:flex; gap: 10px; flex-wrap:wrap; z-index: 2; }
body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat__logo{ font-size: 12px; line-height: 1; padding: 18px 22px; border-radius: 16px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.20); font-weight: 800; letter-spacing: .02em; }

body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat__badges{ position:absolute; left: 18px; right: 18px; bottom: 14px; display:flex; gap: 10px; flex-wrap:wrap; z-index: 2; }
body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat__badge{ font-size: 9px; line-height: 1; padding: 7px 9px; border-radius: 10px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.76); }

body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat--years{ grid-area: years; }
body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat--solutions{ grid-area: solutions; }
body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat--team{ grid-area: team; }
body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat--countries{ grid-area: countries; }
body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat--awards{ grid-area: awards; }
body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat--industries{ grid-area: industries; }

body.page-how-we-work .hww-stat__shape--ten{ position:absolute; right: -10%; top: 50%; width: 70%; height: 90%; transform: translateY(-50%); z-index: 1; opacity: .9; }
body.page-how-we-work .hww-stat__shape--ten::before{ content:""; position:absolute; inset: 0; background: radial-gradient(60% 60% at 30% 30%, rgba(255,255,255,.18), rgba(255,255,255,0) 70%), linear-gradient(90deg, rgba(255,255,255,.02), rgba(255,255,255,.10), rgba(255,255,255,.02)); clip-path: path("M 0 20 C 25 0 50 0 60 20 L 60 85 C 60 100 35 100 25 85 L 25 55 C 25 40 0 40 0 25 Z"); filter: blur(.2px); }
body.page-how-we-work .hww-stat__shape--ten::after{ content:""; position:absolute; inset: 8% 0 0 22%; border-radius: 999px; background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.04)); clip-path: ellipse(30% 42% at 60% 55%); opacity: .65; }

body.page-how-we-work .hww-stat--solutions .hww-stat__media::before{ background: radial-gradient(90% 90% at 30% 30%, rgba(255,255,255,.12), rgba(0,0,0,0) 65%), radial-gradient(80% 80% at 70% 90%, rgba(17,99,251,.18), rgba(0,0,0,0) 60%); }
body.page-how-we-work .hww-stat--solutions .hww-stat__rail{ position:absolute; left: 0; right: 0; bottom: 0; height: 34%; z-index: 1; background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.65)); }
body.page-how-we-work .hww-stat--solutions .hww-stat__logos{ left: 22px; right: 22px; bottom: 20px; gap: 14px; flex-wrap:nowrap; overflow:hidden; }
body.page-how-we-work .hww-stat--solutions .hww-stat__logo{ flex: 0 0 auto; min-width: 160px; justify-content:center; display:flex; align-items:center; height: 70px; }

body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat--solutions .hww-stat__logos{ position:absolute; left: 22px; right: 22px; bottom: 22px; z-index: 4; display:block; height: 74px; }
body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat--solutions .hww-stat__marquee{ width: 100%; display:block; height: 74px; }
body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat--solutions .hww-marquee{ width: 100%; height: 74px; overflow:hidden; mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat--solutions .hww-marquee__track{ display:flex; align-items:stretch; gap: 18px; width:max-content; animation: hwwStatsMarquee var(--hww-marquee-duration, 22s) linear infinite; will-change: transform; }
body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat--solutions .hww-marquee__logo{ display:flex; align-items:center; justify-content:center; width: 170px; height: 74px; border-radius: 16px; border: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1px rgba(0,0,0,.25); }
body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat--solutions .hww-marquee__logo img{ max-width: 122px; max-height: 26px; width:auto; height:auto; filter: grayscale(1) brightness(6); opacity: .75; }

@keyframes hwwStatsMarquee{ from{ transform: translateX(0);} to{ transform: translateX(-50%); } }

@media (prefers-reduced-motion: reduce){
  body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat--solutions .hww-marquee__track{ animation: none; }
}
@media (max-width: 900px){
  body.page-how-we-work .hww-stats.hww-stats--v2{
    height:auto;
    min-height:0;
  }
  body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stats__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-template-rows:auto;
    grid-template-areas:
      "years solutions"
      "team countries"
      "awards industries";
    height:auto;
    padding:20px 0;
    gap:14px;
  }
  body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat{
    min-height:200px;
    padding:22px;
    border-radius:20px;
  }
  body.page-how-we-work .hww-stats.hww-stats--v2 .hww-stat__value{
    font-size: 32px;
  }
}

@media (max-width: 980px){
  body.page-how-we-work .hww-principles__grid{ grid-template-columns: 1fr; gap: 18px;}
  body.page-how-we-work .hww-stats__grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px){
  body.page-how-we-work .hww-principles{ padding: 70px 0 60px;}
  body.page-how-we-work .hww-stats__grid{ grid-template-columns: 1fr; }
}
@media(max-width:640px){
  .genai-faq{ padding:80px 0;}
  .genai-faq .faq-title{ font-size:36px; margin-bottom:40px; }
  .genai-faq .faq-question{ padding:20px;}
  .genai-faq .faq-question-text{ font-size:16px; }
  .genai-faq .faq-answer{ padding:0 20px;}
  .genai-faq .faq-item.active .faq-answer{ padding:0 20px 20px; }
}

/* GenAI Blogs (reusable component) */
.genai-blogs{ padding:100px 0; background:#fff; }
.genai-blogs .blogs-title{ font-size:48px; font-weight:700; margin:0 0 48px; color:#0a0d1f; }
.genai-blogs .blogs-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:32px;}
.genai-blogs .blog-card{ border-radius:16px; overflow:hidden; display:flex; flex-direction:column; transition:all 0.3s ease; cursor:pointer; }
.genai-blogs .blog-card:hover{ transform:translateY(-8px); box-shadow:0 20px 40px rgba(0,0,0,0.15);}
.genai-blogs .blog-image{ width:100%; height:280px; display:flex; align-items:center; justify-content:center; padding:40px; }
.genai-blogs .blog-image img{ max-width:100%; max-height:100%; object-fit:contain;}
.genai-blogs .blog-content{ background:#fff; padding:32px 28px; flex:1; display:flex; flex-direction:column; gap:20px; }
.genai-blogs .blog-title{ font-size:20px; font-weight:700; line-height:1.4; margin:0; color:#0a0d1f; flex:1;}
.genai-blogs .blog-link{ display:inline-flex; align-items:center; gap:8px; color:#4285f4; font-size:16px; font-weight:600; text-decoration:none; transition:all 0.3s ease; }
.genai-blogs .blog-link:hover{ gap:12px;}
.genai-blogs .blog-link svg{ transition:transform 0.3s ease; }
.genai-blogs .blog-link:hover svg{ transform:translateX(4px);}
@media(max-width:1024px){
  .genai-blogs .blogs-grid{ grid-template-columns:repeat(2, 1fr);}
}
@media(max-width:640px){
  .genai-blogs{ padding:80px 0;}
  .genai-blogs .blogs-title{ font-size:36px; margin-bottom:32px; }
  .genai-blogs .blogs-grid{ grid-template-columns:1fr; gap:24px;}
  .genai-blogs .blog-image{ height:220px; padding:30px; }
  .genai-blogs .blog-content{ padding:24px 20px;}
  .genai-blogs .blog-title{ font-size:18px; }
}

.industries-globe{ background:#fff; padding:90px 0 90px; color:#0b0b0b; }
.industries-globe-head{ text-align:center; max-width:900px; margin:0 auto 34px; display:grid; gap:12px; }
.industries-globe-title{ margin:0; font-size:52px; line-height:1.12; letter-spacing:-0.01em; font-weight:700;}
.industries-globe-copy{ margin:0 auto; max-width:720px; color:rgba(11,11,11,0.68); line-height:1.7; font-size:15px; }

.industries-globe-tabs{ margin:26px auto 46px; max-width:620px; background:#eef4ff; border-radius:14px; padding:10px; display:flex; gap:10px; justify-content:space-between;}
.industries-globe-tab{ flex:1; background:transparent; border:none; color:rgba(11,11,11,0.6); font-weight:700; letter-spacing:0.06em; font-size:11px; padding:12px 10px; border-radius:10px; cursor:pointer; text-transform:uppercase; }
.industries-globe-tab.is-active{ background:#1163fb; color:#fff; box-shadow:0 10px 22px rgba(17,99,251,0.28);}

.industries-globe-panel{ display:none; }
.industries-globe-panel.is-active{ display:block;}

.industries-globe-logos{ display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:34px 42px; align-items:center; justify-items:center; max-width:1100px; margin:0 auto; padding:0 20px; }
.industries-globe-logo{ display:flex; align-items:center; justify-content:center; min-height:44px;}
.industries-globe-logo img{ max-height:34px; width:auto; max-width:160px; object-fit:contain; display:block; filter:none; }

@media (max-width: 900px){
  .industries-globe-title{ font-size:40px;}
  .industries-globe-tabs{ max-width:720px; }
  .industries-globe-logos{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:28px 28px;}
}

@media (max-width: 560px){
  .industries-globe{ padding:70px 0;}
  .industries-globe-title{ font-size:34px; }
  .industries-globe-tabs{ flex-wrap:wrap; justify-content:center;}
  .industries-globe-tab{ flex:0 0 calc(50% - 10px); }
  .industries-globe-logos{ grid-template-columns:repeat(2, minmax(0, 1fr));}
}

.industries-awards-cta{ background:#fff; padding:90px 0 110px; color:#0b0b0b; }
.industries-awards-head{ text-align:center; max-width:900px; margin:0 auto 44px; display:grid; gap:12px; }
.industries-awards-title{ margin:0; font-size:52px; line-height:1.12; letter-spacing:-0.01em; font-weight:700;}
.industries-awards-copy{ margin:0 auto; max-width:720px; color:rgba(11,11,11,0.68); line-height:1.7; font-size:15px; }

.industries-awards-row{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:0; max-width:1200px; margin:0 auto;}
.industries-awards-item{ display:flex; align-items:center; justify-content:center; padding:20px 34px; min-width:180px; }
.industries-awards-item + .industries-awards-item{ border-left:1px solid rgba(11,11,11,0.18);}
.industries-awards-item img{ height:48px; width:auto; max-width:160px; object-fit:contain; display:block; }

.industries-awards-cta-card{ margin:56px auto 0; max-width:860px; background:linear-gradient(180deg, #072a3b 0%, #06243a 100%); border-radius:18px; padding:44px 34px; text-align:center; color:#fff; border:2px solid rgba(0, 207, 255, 0.5); box-shadow:0 24px 60px rgba(3, 16, 28, 0.22);}
.industries-awards-cta-title{ font-size:24px; line-height:1.35; letter-spacing:-0.01em; font-weight:700; max-width:640px; margin:0 auto 22px; }
.industries-awards-cta-btn{ display:inline-flex; align-items:center; gap:10px; background:#1163fb; color:#fff; padding:12px 20px; border-radius:10px; text-decoration:none; font-weight:600; font-size:13px;}
.industries-awards-cta-btn:hover{ filter:brightness(1.05); }
.industries-awards-cta-arrow{ font-size:18px; line-height:1;}

@media (max-width: 900px){
  .industries-awards-title{ font-size:40px;}
  .industries-awards-item{ padding:16px 22px; min-width:160px; }
  .industries-awards-item img{ height:42px;}
}

@media (max-width: 560px){
  .industries-awards-cta{ padding:70px 0 90px;}
  .industries-awards-title{ font-size:34px; }
  .industries-awards-row{ gap:0;}
  .industries-awards-item{ min-width:50%; border-left:none !important; }
  .industries-awards-item:nth-child(even){ border-left:1px solid rgba(11,11,11,0.18) !important;}
  .industries-awards-item{ border-top:1px solid rgba(11,11,11,0.12); }
  .industries-awards-item:nth-child(1),
  .industries-awards-item:nth-child(2){ border-top:none;}
}
@media (max-width: 1024px){
  .ai-case-slide { grid-template-columns: 1fr; min-height: 0;}
  .ai-case-media { order: -1; padding: 0; height: 260px; min-height: 260px; align-items: stretch; }
  .ai-case-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .ai-case-card { order: 0; border-right: none; border-top: 1px solid var(--color-border); border-bottom: none; padding: 32px 28px; }
  .ai-case-arrow.prev { left: 12px;}
  .ai-case-arrow.next { right: 12px; }
}
@media (max-width: 640px){
  .ai-case-stories { padding: 48px 0;}
  .ai-case-media { height: 200px; min-height: 200px; }
  .ai-case-card { padding: 24px 20px; }
  .ai-case-stories-stage { position: relative; }
  .ai-case-arrow { width: 36px; height: 36px; font-size: 20px; top: 100px; bottom: auto; transform: translateY(-50%); background: rgba(0,0,0,0.5); backdrop-filter: blur(4px); }
  .ai-case-arrow.prev { left: 8px; }
  .ai-case-arrow.next { right: 8px; }
  .ai-case-arrow:hover { transform: translateY(-50%) scale(1.05); }
  .ai-case-tabs { display: none; }
  .ai-case-link { display: none; }
}

/* ── AI Copilot Services ── */
.ai-copilot-services{
  background:linear-gradient(180deg, #1a63f1 0%, #0c49b1 46%, #030913 100%);
  padding:90px 0 110px;
  color:#fff;
  position:relative;
  /* overflow:hidden; */
}
.ai-copilot-services-heading h2{
  margin:0 0 16px;
  font-size:40px;
  line-height:1.2;
  font-weight:600;
}
.ai-copilot-services-heading h2 span{ color:#ffe44d; }
.ai-copilot-services-heading p{
  margin:0;
  max-width:720px;
  font-size:16px;
  line-height:1.7;
  color:rgba(255,255,255,0.82);
}
.ai-copilot-services-list{
  margin-top:48px;
  display:flex;
  flex-direction:column;
  position:relative;
  --card-space:420px;
  --card-offset:20px;
  padding-right:var(--card-space);
  border-top:1px solid rgba(255,255,255,0.18);
}
.ai-copilot-service-item{
  position:relative;
  padding:20px 0;
  border-bottom:1px solid rgba(255,255,255,0.18);
  z-index:1;
}
.ai-copilot-service-item.is-active{ z-index:2; }
.ai-copilot-service-item:hover,
.ai-copilot-service-item:focus-within{ z-index:3; }
.ai-copilot-service-row{
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  background:none;
  border:none;
  color:inherit;
  padding:0;
  text-align:left;
  cursor:pointer;
  font-size:16px;
  font-weight:500;
}
.ai-copilot-service-row:focus-visible{ outline:2px solid rgba(255,255,255,0.6); outline-offset:4px; }
.ai-copilot-service-index{ min-width:28px; color:rgba(255,255,255,0.75); }
.ai-copilot-service-label{ color:#fff; }
.ai-copilot-service-marquee{
  position:absolute;
  left:0;
  right:calc(-1 * var(--card-space));
  top:50%;
  height:58px;
  transform:translateY(-50%) scale(0.98);
  background:#fff;
  border-radius:10px;
  display:flex;
  align-items:center;
  padding:0 calc(var(--card-space) + 22px) 0 22px;
  opacity:0;
  pointer-events:none;
  transition:opacity 0.2s ease, transform 0.2s ease;
  box-shadow:0 16px 28px rgba(0,0,0,0.3);
  z-index:2;
}
.ai-copilot-service-marquee-track{
  white-space:nowrap;
  font-size:18px;
  font-weight:600;
  color:#0b0b0b;
  letter-spacing:0.02em;
}
.ai-copilot-service-card{
  position:absolute;
  right:calc(-1 * var(--card-space) + var(--card-offset));
  top:50%;
  width:360px;
  transform:translateY(-50%) translateX(16px);
  opacity:0;
  pointer-events:none;
  transition:opacity 0.2s ease, transform 0.2s ease;
  background:#0b1d4c;
  color:#eaf1ff;
  border-radius:14px;
  padding:18px 20px 20px;
  box-shadow:0 20px 40px rgba(0,0,0,0.35);
  z-index:4;
}
.ai-copilot-service-card::before{
  content:'';
  position:absolute;
  left:0; right:0; top:0;
  height:44px;
  border-radius:14px 14px 10px 10px;
  background:rgba(255,255,255,0.12);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.ai-copilot-service-card > *{ position:relative; z-index:1; }
.ai-copilot-service-card-header{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:12px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.7);
}
.ai-copilot-service-card-index{ font-weight:700; }
.ai-copilot-service-card-title{ font-weight:600; letter-spacing:0.02em; text-transform:none; font-size:13px; }
.ai-copilot-service-card-desc{ margin:16px 0 14px; font-size:13px; line-height:1.6; color:rgba(255,255,255,0.85); }
.ai-copilot-service-card-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.ai-copilot-service-card-list li{ display:flex; gap:10px; font-size:13px; line-height:1.6; }
.ai-copilot-service-card-check{ color:#f6d54a; font-size:16px; line-height:1; margin-top:3px; flex-shrink:0; }
.ai-copilot-service-card-list strong{ font-weight:600; }
.ai-copilot-service-item.is-active .ai-copilot-service-marquee{ opacity:1; transform:translateY(-50%) scale(1); }
.ai-copilot-service-item.is-active .ai-copilot-service-card{ opacity:1; transform:translateY(-50%) translateX(0); pointer-events:auto; }
.ai-copilot-service-item:hover .ai-copilot-service-marquee,
.ai-copilot-service-item:focus-within .ai-copilot-service-marquee{ opacity:1; transform:translateY(-50%) scale(1); }
.ai-copilot-service-item:hover .ai-copilot-service-card,
.ai-copilot-service-item:focus-within .ai-copilot-service-card{ opacity:1; transform:translateY(-50%) translateX(0); pointer-events:auto; }
@media (hover:hover){
  .ai-copilot-services-list:hover .ai-copilot-service-item.is-active:not(:hover):not(:focus-within) .ai-copilot-service-marquee{ opacity:0; transform:translateY(-50%) scale(0.98); }
  .ai-copilot-services-list:hover .ai-copilot-service-item.is-active:not(:hover):not(:focus-within) .ai-copilot-service-card{ opacity:0; transform:translateY(-50%) translateX(16px); pointer-events:none; }
}
@media (max-width:900px){
  .ai-copilot-services-list{ padding-right:0; --card-space:0px; }
  .ai-copilot-service-card{ display:none; }
  .ai-copilot-service-marquee{ display:none; }
}

.ai-copilot-voices{
  background:#0a0a0b;
  padding:90px 0 110px;
  color:#fff;
}
.ai-copilot-voices-head{
  text-align:center;
  max-width:920px;
  margin:0 auto 56px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
}
.ai-copilot-voices-head h2{
  margin:0;
  font-size:clamp(30px, 4vw, 44px);
  font-weight:500;
  color:#fff;
}
.ai-copilot-voices-head h2 span{
  color:#ffe44d;
  font-weight:700;
}
.ai-copilot-voices-head p{
  margin:0;
  max-width:820px;
  font-size:16px;
  line-height:1.75;
  color:rgba(255,255,255,0.75);
}
.ai-copilot-voices-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(255,255,255,0.7);
  padding:12px 28px;
  border-radius:999px;
  color:#fff;
  text-decoration:none;
  font-weight:600;
}
.ai-copilot-voices-link:hover{
  border-color:#fff;
  color:#fff;
}
.ai-copilot-voices-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:28px;
  max-width:1200px;
  margin:0 auto;
}
.ai-copilot-voice-card{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.ai-copilot-voice-media{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  background:rgba(255,255,255,0.06);
  aspect-ratio:3 / 4;
}
.ai-copilot-voice-media::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.18) 100%);
}
.ai-copilot-voice-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.ai-copilot-voice-play{
  position:absolute;
  top:50%;
  left:50%;
  width:44px;
  height:44px;
  border-radius:50%;
  background:rgba(255,255,255,0.95);
  transform:translate(-50%, -50%);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
}
.ai-copilot-voice-play::before{
  content:'';
  width:0;
  height:0;
  border-left:10px solid #0b0b0b;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  margin-left:2px;
}
.ai-copilot-voice-meta{
  text-align:center;
}
.ai-copilot-voice-meta h3{
  margin:0 0 6px;
  font-size:17px;
  font-weight:600;
  color:#fff;
}
.ai-copilot-voice-meta p{
  margin:0;
  font-size:14px;
  color:rgba(255,255,255,0.7);
}
.ai-copilot-voices-cta{
  margin-top:44px;
  display:flex;
  justify-content:center;
}
.ai-copilot-voices-button{
  background:#fff;
  color:#0b0b0b;
  padding:12px 28px;
  border-radius:999px;
  font-weight:600;
  text-decoration:none;
  box-shadow:0 14px 32px rgba(0,0,0,0.28);
}
.ai-copilot-voices-button:hover{
  background:#f2f2f2;
}
.ai-copilot-voice-media video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
@media(max-width:960px){
  .ai-copilot-voices-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px; }
  .ai-copilot-voices-head h2{ font-size:clamp(28px, 4vw, 40px); }
  .ai-copilot-voices-head p{ font-size:15px; }
}
@media(max-width:640px){
  .ai-copilot-voices-grid{ grid-template-columns:1fr; max-width:360px; margin:0 auto; }
  .ai-copilot-voices{ padding:60px 0 80px; }
}

.ai-copilot-industry-solutions{
  background:linear-gradient(180deg, #000 0%, #1163fb 100%);
  padding:100px 0 120px;
  color:#fff;
}
.ai-copilot-industry-intro{
  text-align:center;
  max-width:980px;
  margin:0 auto 48px;
}
.ai-copilot-industry-intro h2{
  margin:0 0 18px;
  font-size:clamp(30px, 4vw, 46px);
  line-height:1.3;
  font-weight:500;
  color:#fff;
}
.ai-copilot-industry-intro h2 span{
  color:#ffe44d;
  font-weight:700;
}
.ai-copilot-industry-intro p{
  margin:0 auto;
  max-width:820px;
  color:rgba(255,255,255,0.78);
  line-height:1.75;
  font-size:16px;
}
.ai-copilot-industry-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) minmax(320px, 0.8fr);
  gap:48px;
  align-items:start;
}
.ai-copilot-industry-list{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.ai-copilot-industry-panel{
  border-bottom:1px solid rgba(255,255,255,0.18);
  padding-bottom:18px;
}
.ai-copilot-industry-panel:first-child{
  padding-top:0;
}
.ai-copilot-industry-trigger{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  background:none;
  border:none;
  color:#fff;
  font-size:20px;
  font-weight:600;
  padding:0;
  cursor:pointer;
}
.ai-copilot-industry-trigger:focus-visible{
  outline:2px solid rgba(255,255,255,0.5);
  outline-offset:4px;
}
.ai-copilot-industry-toggle-icon{
  width:18px;
  height:18px;
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
}
.ai-copilot-industry-toggle-icon::before,
.ai-copilot-industry-toggle-icon::after{
  content:'';
  position:absolute;
  background:#fff;
  border-radius:2px;
  transition:opacity .2s ease;
}
.ai-copilot-industry-toggle-icon::before{
  width:14px;
  height:2px;
}
.ai-copilot-industry-toggle-icon::after{
  width:2px;
  height:14px;
}
.ai-copilot-industry-panel.is-active .ai-copilot-industry-toggle-icon::after{
  opacity:0;
}
.ai-copilot-industry-body{
  margin-top:18px;
  overflow:hidden;
  max-height:0;
  opacity:0;
  transition:max-height .35s ease, opacity .35s ease;
}
.ai-copilot-industry-panel.is-active .ai-copilot-industry-body{
  opacity:1;
}
.ai-copilot-industry-solutions .ai-industry-body{
  display:block;
}
.ai-copilot-industry-solutions .ai-copilot-industry-panel:not(.is-active) .ai-industry-body{
  display:block;
}
.ai-copilot-industry-chips{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}
.ai-copilot-industry-chip{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-radius:12px;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.16);
  color:#fff;
  font-size:14px;
}
.ai-copilot-industry-chip-icon{
  width:18px;
  height:18px;
  border-radius:50%;
  background:#21c968;
  position:relative;
  flex:0 0 auto;
}
.ai-copilot-industry-chip-icon::after{
  content:'';
  position:absolute;
  left:5px;
  top:4px;
  width:6px;
  height:3px;
  border-left:2px solid #0b2b1b;
  border-bottom:2px solid #0b2b1b;
  transform:rotate(-45deg);
}
.ai-copilot-industry-card{
  position:sticky;
  top:120px;
  align-self:start;
}
.ai-copilot-industry-card-inner{
  background:#0a0a0a;
  border-radius:24px;
  padding:28px 26px 32px;
  box-shadow:0 24px 50px rgba(0,0,0,0.45);
  border:1px solid rgba(255,255,255,0.08);
}
.ai-copilot-industry-card-visual{
  border-radius:16px;
  overflow:hidden;
  margin-bottom:24px;
}
.ai-copilot-industry-card-visual img{
  width:100%;
  height:200px;
  object-fit:cover;
  display:block;
  border-radius:16px;
}
.ai-copilot-industry-card h3{
  margin:0 0 14px;
  font-size:26px;
  line-height:1.3;
  color:#fff;
}
.ai-copilot-industry-card p{
  margin:0 0 22px;
  color:rgba(255,255,255,0.78);
  line-height:1.7;
  font-size:15px;
}
.ai-copilot-industry-card-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 24px;
  border-radius:999px;
  background:#fff;
  color:#0b0b0b;
  font-weight:600;
  text-decoration:none;
}
.ai-copilot-industry-card-btn:hover{
  background:#f2f2f2;
}
@media (max-width: 900px){
  .ai-copilot-industry-grid{
    grid-template-columns:1fr;
    gap:32px;
  }
  .ai-copilot-industry-card{
    display:none;
  }
}
@media (max-width: 640px){
  .ai-copilot-industry-chips{
    grid-template-columns:1fr;
  }
}

.ai-copilot-compliance{
  background:linear-gradient(180deg, #1163fb 50%, #000 100%);
  padding:100px 0 120px;
  color:#fff;
}
body.page-mobile-app-development .ai-copilot-compliance{
  background:#000;
  padding:50px 0 120px;
}
body.page-banking .ai-copilot-compliance,
body.page-software-development .ai-copilot-compliance,
body.page-mobile-app-development .ai-copilot-compliance{
  background:#000;
}
@media(max-width:768px){
  body.page-mobile-app-development .ai-copilot-compliance{
    padding:30px 0 70px;
  }
}
.ai-copilot-compliance-head{
  text-align:center;
  max-width:900px;
  margin:0 auto 48px;
}

.mobile-app-automation-cta{
  padding: 34px 0 56px;
  background:#000;
}

.mobile-app-automation-cta-card{
  width:100%;
  border-radius: 22px;
  overflow:hidden;
  display:grid;
  grid-template-columns: 1fr 1fr;
  min-height: 360px;
  background:#085fff;
}

.mobile-app-automation-cta-left{
  padding: 46px 44px 44px;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0));
}

.mobile-app-automation-cta-title{
  margin:0;
  font-size: clamp(24px, 2.4vw, 34px);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.mobile-app-automation-cta-title span{
  font-weight: 500;
}

.mobile-app-automation-cta-copy{
  margin: 12px 0 0;
  font-size: 13px;
  line-height: 1.65;
  color: rgba(255,255,255,.86);
  max-width: 520px;
}

.mobile-app-automation-cta-actions{
  margin-top: 22px;
}

.mobile-app-automation-cta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 18px;
  border-radius: 999px;
  background:#fff;
  color:#0b0b0b;
  font-size: 12px;
  font-weight: 700;
  text-decoration:none;
  border: 1px solid rgba(255,255,255,.75);
  width: fit-content;
}

.mobile-app-automation-cta-btn:hover{ background: rgba(255,255,255,.92); }

.mobile-app-automation-cta-btn-icon{
  width: 18px;
  height: 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.mobile-app-automation-cta-btn-icon svg{
  width: 18px;
  height: 18px;
  display:block;
}

.mobile-app-automation-cta-right{
  display:flex;
  flex-direction:column;
  background:#0132b6;
}

.mobile-app-automation-cta-media{
  min-height: 180px;
  flex: 1 1 auto;
  background-image: linear-gradient(90deg, rgba(0,0,0,.22), rgba(0,0,0,.12)), var(--mobile-app-automation-cta-bg);
  background-size: cover;
  background-position: center;
  background-repeat:no-repeat;
}

.mobile-app-automation-cta-features-wrap{
  flex: 0 0 auto;
  padding: 22px 22px 24px;
  background:#0132b6;
}

.mobile-app-automation-cta-features{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 0;
  margin: 0;
}

.mobile-app-automation-cta-feature{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 12px;

  justify-content:center;
  color: rgba(255,255,255,.92);
}

.mobile-app-automation-cta-feature-icon svg{
  width: 18px;
  height: 18px;
  display:block;
}

@media (max-width: 960px){
  .mobile-app-automation-cta-card{ grid-template-columns: 1fr;}
  .mobile-app-automation-cta-right{ min-height: 260px; }
  .mobile-app-automation-cta-features-wrap{ padding: 18px 18px 20px;}
}

@media (max-width: 640px){
.mobile-app-automation-cta-left{ padding: 28px 20px; }
  .mobile-app-automation-cta-features{ grid-template-columns: 1fr;}
}
.ai-copilot-compliance-head h2{
  margin:0 0 18px;
  font-size:clamp(30px, 4vw, 44px);
  font-weight:500;
  line-height:1.3;
  color:#fff;
}
.ai-copilot-compliance-head h2 span{
  color:#ffe44d;
  font-weight:700;
}
.ai-copilot-compliance-head p{
  margin:0 auto;
  max-width:820px;
  color:rgba(255,255,255,0.78);
  line-height:1.75;
  font-size:16px;
}
.ai-copilot-compliance-panel{
  padding:7px;
  background:#f0f0f0;
  border-radius:26px;
  box-shadow:0 28px 60px rgba(0,0,0,0.22);
  overflow:hidden;
}
.ai-copilot-compliance-grid{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:0;
  
  background:transparent;
  border-radius:18px;
  overflow:hidden;
}
.ai-copilot-compliance-card{
  background:#fff;
  border-radius:14px;
  padding:22px 18px 22px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:290px;
  min-width:0;
  text-align:center;
  background: #fff;
    border: 1px solid #e1e1e1;

}
.ai-copilot-compliance-card:nth-child(5n){
  border-right:none;
}
.ai-copilot-compliance-card:nth-last-child(-n+5){
  border-bottom:none;
}
.ai-copilot-compliance-logo{
  width:92px;
  height:92px;
  border-radius:50%;
  border:1px solid rgba(17,24,39,0.12);
  background:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  font-size:16px;
  color:#0b2d6c;
  overflow:hidden;
}
.ai-copilot-compliance-logo img{
  width:74%;
  height:74%;
  object-fit:contain;
  display:block;
}
.ai-copilot-compliance-label{
  color:#101726;
  font-weight:600;
  font-size:14px;
  line-height:1.35;
}
.ai-copilot-compliance-card--cta{
  grid-row:span 1;
  background:linear-gradient(135deg, #2c0a7a 0%, #0a35b6 50%, #071a5a 100%);
  color:#fff;
  border:none;
  align-items:flex-start;
  justify-content:flex-end;
  text-align:left;
  padding:34px;
  position:relative;
  overflow:hidden;
}
.ai-copilot-compliance-card--span-1{ grid-column:span 1; }
.ai-copilot-compliance-card--span-2{ grid-column:span 2;}
.ai-copilot-compliance-card--span-3{ grid-column:span 3; }
.ai-copilot-compliance-card--span-4{ grid-column:span 4;}
.ai-copilot-compliance-card--span-5{ grid-column:span 5; }
.ai-copilot-compliance-card--cta{
  border-right:none;
  border-bottom:none;
}
.ai-copilot-compliance-cta-content{
  max-width:320px;
  z-index:1;
}
.ai-copilot-compliance-card--cta h3{
  margin:0 0 12px;
  font-size:22px;
  line-height:1.4;
}
.ai-copilot-compliance-card--cta p{
  margin:0 0 18px;
  font-size:14px;
  line-height:1.6;
  color:rgba(255,255,255,0.85);
}
.ai-copilot-compliance-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 22px;
  border-radius:999px;
  background:#fff;
  color:#0b0b0b;
  font-weight:600;
  text-decoration:none;
}
.ai-copilot-compliance-btn:hover{
  background:#f2f2f2;
}
.ai-copilot-compliance-cta-icon{
  position:absolute;
  right:-24px;
  bottom:-24px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,0.85), rgba(255,255,255,0.12) 60%, rgba(255,255,255,0) 100%);
  box-shadow:0 0 0 24px rgba(255,255,255,0.08);
}
.ai-copilot-compliance-arrows{ display:none; }
.ai-copilot-compliance-arrow{
  width:44px; height:44px; border-radius:999px; border:none;
  background:#0b0b0b; color:#fff; display:grid; place-items:center;
  cursor:pointer; transition:transform .2s ease, background .2s ease;
}
.ai-copilot-compliance-arrow svg{ display:block; }
.ai-copilot-compliance-arrow:hover{ background:#222; transform:translateY(-1px); }
@media (max-width: 1024px){
  .ai-copilot-compliance-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
}
  .ai-copilot-compliance-card:nth-child(5n){
    border-right:1px solid rgba(17, 24, 39, 0.10);
}
  .ai-copilot-compliance-card:nth-child(3n){
    border-right:none;
}
  .ai-copilot-compliance-card:nth-last-child(-n+5){
    border-bottom:1px solid rgba(17, 24, 39, 0.10);
}
  .ai-copilot-compliance-card:nth-last-child(-n+3){
    border-bottom:none;
}
  .ai-copilot-compliance-card--cta{
    grid-column:span 3;
    grid-row:auto;
}
}
@media (max-width: 640px){
  .ai-copilot-compliance{
    padding:80px 0 96px;
}
  .ai-copilot-compliance-panel{ position:relative; overflow:hidden; padding:0; background:transparent; box-shadow:none; border-radius:0; }
  .ai-copilot-compliance-arrows{
    display:flex; justify-content:center; gap:12px; margin-top:24px;
}
  .ai-copilot-compliance-grid{
    display:flex;
    gap:12px;
    overflow:visible;
    border-radius:0;
    will-change:transform;
}
  .ai-copilot-compliance-card{
    flex:0 0 calc(50vw - clamp(1rem,2.2vw,2rem) - 10px); min-width:0; min-height:220px; border:1px solid #e1e1e1; border-radius:14px;
}
  .ai-copilot-compliance-card:nth-child(3n){ border-right:1px solid #e1e1e1; }
  .ai-copilot-compliance-card:nth-child(2n){ border-right:1px solid #e1e1e1; }
  .ai-copilot-compliance-card:nth-last-child(-n+3){ border-bottom:1px solid #e1e1e1; }
  .ai-copilot-compliance-card:nth-last-child(-n+2){ border-bottom:1px solid #e1e1e1; }
  .ai-copilot-compliance-card--cta{
    display:none;
}
}

.ai-copilot-process-scope .cb-process{
  background:transparent;
 
}
.ai-copilot-process-scope .cb-process-head{
  text-align:left;
  max-width:900px;
  margin:0 0 52px;
  display:grid;
  gap:16px;
}
.ai-copilot-process-scope .cb-process-head h2{
  margin:0;
  font-size:clamp(32px, 4vw, 48px);
  font-weight:600;
  line-height:1.2;
  color:#fff;
}
.ai-copilot-process-scope .cb-process-head h2 .is-highlight{
  color:#ffe44d;
}
.ai-copilot-process-scope .cb-process-head p{
  margin:0;
  font-size:16px;
  line-height:1.7;
  color:rgba(255,255,255,0.75);
  max-width:720px;
}
.ai-copilot-process-scope .cb-process-list{
  gap:0;
}
.ai-copilot-process-scope .cb-process-step{
  position:sticky;
  top:110px;
  padding:36px 0;
  background: var(--cb-process-step-bg, transparent);
  grid-template-columns:80px 2px 1fr;
  gap:28px;
  border-top:1px solid rgba(255,255,255,0.15);
}
.ai-copilot-process-scope .cb-process-step:last-child{
  border-bottom:1px solid rgba(255,255,255,0.15);
  padding-bottom:36px;
}
.ai-copilot-process-scope .cb-process-step[data-step="1"]{z-index:1;}
.ai-copilot-process-scope .cb-process-step[data-step="2"]{z-index:2;}
.ai-copilot-process-scope .cb-process-step[data-step="3"]{z-index:3;}
.ai-copilot-process-scope .cb-process-step[data-step="4"]{z-index:4;}
.ai-copilot-process-scope .cb-process-num{
  font-size:14px;
  font-weight:700;
  letter-spacing:0.12em;
  color:rgba(255,255,255,0.7);
  text-align:left;
  padding-top:4px;
}
.ai-copilot-process-scope .cb-process-divider{
  width:2px;
  background:rgba(255,255,255,0.2);
  border-radius:2px;
}
.ai-copilot-process-scope .cb-process-body{
  gap:18px;
  padding-left:16px;
}
.ai-copilot-process-scope .cb-process-body h3{
  font-size:22px;
  font-weight:600;
  color:#fff;
}
.ai-copilot-process-scope .cb-process-body p{
  font-size:16px;
  line-height:1.7;
  color:rgba(255,255,255,0.75);
  max-width:720px;
}

/* ── Recognition & Partnerships (hww-awards) ── */
.hww-awards{
  background:#000;
  color:#fff;
  padding:clamp(72px, 9vw, 120px) 0;
}
.hww-awards-header{
  text-align:center;
  max-width:760px;
  margin:0 auto 48px;
}
.hww-awards-title{
  margin:0 0 16px;
  font-size:clamp(32px, 4vw, 48px);
  font-weight:var(--font-weight-semibold);
  line-height:var(--line-height-tight);
  letter-spacing:var(--letter-spacing-tight);
}
.hww-awards-title .is-highlight{
  color:#ffe44d;
}
.hww-awards-subtitle{
  margin:0;
  font-size:var(--font-size-base);
  line-height:var(--line-height-relaxed);
  color:rgba(255,255,255,.7);
}
.hww-awards-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:20px;
}
.hww-awards-card{
  background:linear-gradient(180deg, rgba(30,30,32,.95), rgba(12,12,14,.98));
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius-lg);
  padding:28px 24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:20px;
  position:relative;
  overflow:hidden;
  transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}
.hww-awards-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 30% 15%, rgba(255,255,255,.06), transparent 60%);
  pointer-events:none;
}
.hww-awards-card:hover{
  border-color:rgba(255,228,77,.25);
  transform:translateY(-4px);
  box-shadow:0 16px 48px rgba(0,0,0,.5);
}
.hww-awards-card-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:80px;
  width:100%;
}
.hww-awards-card-logo img{
  max-width:140px;
  max-height:80px;
  width:auto;
  height:auto;
  object-fit:contain;
  opacity:1;
}
.hww-awards-card-info{
  display:flex;
  flex-direction:column;
  gap:6px;
  position:relative;
  z-index:1;
}
.hww-awards-card-title{
  margin:0;
  font-size:var(--font-size-sm);
  font-weight:var(--font-weight-semibold);
  line-height:var(--line-height-tight);
  color:#fff;
}
.hww-awards-card-desc{
  margin:0;
  font-size:var(--font-size-xs);
  color:rgba(255,255,255,.55);
  line-height:var(--line-height-normal);
}
.hww-awards-card-year{
  display:inline-block;
  margin-top:4px;
  font-size:12px;
  font-weight:var(--font-weight-bold);
  letter-spacing:.08em;
  color:rgba(255,228,77,.8);
  text-transform:uppercase;
}
@media (max-width:980px){
  .hww-awards-grid{
    grid-template-columns:repeat(2, 1fr);
  }
}
@media (max-width:480px){
  .hww-awards-grid{
    grid-template-columns:1fr;
  }
}

/* Legacy: hide old chatbot-awards wrapper if still loaded */
.ai-copilot-awards-scope .cb-awards{
  background:#000;
  padding:100px 0 120px;
  overflow-x:hidden;
  overflow-y:visible;
}
.ai-copilot-awards-scope .cb-awards-head{
  text-align:center;
  max-width:760px;
  margin:0 auto 48px;
}
.ai-copilot-awards-scope .cb-awards-head h2{
  margin:0 0 18px;
  font-size:clamp(32px, 4vw, 48px);
  font-weight:600;
  line-height:1.2;
  color:#fff;
}
.ai-copilot-awards-scope .cb-awards-head h2 .is-highlight{
  color:#ffe44d;
}
.ai-copilot-awards-scope .cb-awards-head p{
  margin:0;
  font-size:16px;
  line-height:1.7;
  color:rgba(255,255,255,0.75);
}
.ai-copilot-awards-scope .cb-awards-stage{
  width:100vw;
  margin-left:50%;
  transform:translateX(-50%);
  overflow-x:hidden;
  overflow-y:visible;
  padding:20px 32px 40px;
}
.ai-copilot-awards-scope .cb-awards-rail{
  gap:26px;
  padding:12px 0 24px;
}
.ai-copilot-awards-scope .cb-award-card{
  flex:0 0 calc((100vw - 64px - 104px) / 5);
  min-height:240px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(27,27,27,0.92), rgba(10,10,10,0.98));
  border:1px solid rgba(255,255,255,0.08);
  padding:24px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  text-align:left;
  box-shadow:0 20px 45px rgba(0,0,0,0.6);
  transition:transform .35s ease, box-shadow .35s ease;
  position:relative;
  overflow:hidden;
  transform:scaleY(1);
  transform-origin:center center;
  z-index:0;
}
.ai-copilot-awards-scope .cb-award-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 20% 20%, rgba(255,255,255,0.08), transparent 55%);
  pointer-events:none;
}
.ai-copilot-awards-scope .cb-award-card.has-plus::after{
  content:'+';
  position:absolute;
  top:18px;
  right:18px;
  width:40px;
  height:40px;
  border-radius:50%;
  background:rgba(255,255,255,0.12);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  font-weight:400;
  box-shadow:0 8px 20px rgba(0,0,0,0.3);
}
.ai-copilot-awards-scope .cb-award-card.is-near{
  transform:scaleY(1.18);
  z-index:1;
}
.ai-copilot-awards-scope .cb-award-card.is-center,
.ai-copilot-awards-scope .cb-award-card.is-active{
  transform:scaleY(1.28);
  box-shadow:0 26px 60px rgba(0,0,0,0.7);
  z-index:2;
}
.ai-copilot-awards-scope .cb-award-meta{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:10px;
  position:relative;
  z-index:1;
}
.ai-copilot-awards-scope .cb-award-year{
  font-size:14px;
  letter-spacing:0.08em;
  color:rgba(255,255,255,0.8);
  font-weight:600;
}
.ai-copilot-awards-scope .cb-award-card h3,
.ai-copilot-awards-scope .cb-award-card p{
  display:none;
}
.ai-copilot-awards-scope .cb-award-media{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1;
}
.ai-copilot-awards-scope .cb-award-media img{
  max-width:160px;
  max-height:90px;
  width:auto;
  height:auto;
  filter:grayscale(1) brightness(1.15);
  transition:transform .35s ease;
}
.ai-copilot-awards-scope .cb-award-card.is-active .cb-award-media img{
  transform:scale(1.16);
}
.ai-copilot-awards-scope .cb-awards-nav{
  gap:18px;
  margin-top:28px;
}
.ai-copilot-awards-scope .cb-awards-btn{
  width:64px;
  height:64px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,0.28);
  color:#fff;
  background:rgba(255,255,255,0.08);
  font-size:22px;
}
.ai-copilot-awards-scope .cb-awards-btn:disabled{
  opacity:0.35;
  cursor:not-allowed;
}

.ai-copilot-cta{
  background:url(https://cdn.bonamisoftware.com/images/assets-ext/ai-copilot-cta-bg.webp) no-repeat center;
  background-size:cover;
  padding:90px 0 110px;
}
.ai-copilot-cta-card{
  background:rgba(7,8,14,0.72);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:28px;
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr);
  gap:40px;
  padding:48px 48px;
  box-shadow:0 28px 60px rgba(0,0,0,0.55);
}
.ai-copilot-cta-content h2{
  margin:0 0 16px;
  font-size:clamp(28px, 3.4vw, 40px);
  line-height:1.25;
  color:#fff;
  font-weight:500;
}
.ai-copilot-cta-content h2 span{
  display:block;
  font-weight:700;
}
.ai-copilot-cta-content p{
  margin:0 0 28px;
  color:rgba(255,255,255,0.75);
  line-height:1.7;
  font-size:16px;
  max-width:520px;
}
.ai-copilot-cta-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:#fff;
  color:#0b0b0b;
  padding:12px 26px;
  border-radius:999px;
  text-decoration:none;
  font-weight:600;
  box-shadow:0 12px 28px rgba(0,0,0,0.28);
}
.ai-copilot-cta-btn:hover{ background:#f2f2f2; }
.ai-copilot-cta-metrics{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
  align-self:center;
}
.ai-copilot-cta-metric{
  background:linear-gradient(160deg, rgba(96,68,196,0.52), rgba(9,11,18,0.85));
  border:1px solid rgba(255,255,255,0.1);
  border-radius:18px;
  padding:22px 22px;
  min-height:170px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  color:#fff;
  position:relative;
  overflow:hidden;
}
.ai-copilot-cta-metric:nth-child(2){
  background:linear-gradient(160deg, rgba(120,54,210,0.6), rgba(10,12,22,0.88));
}
.ai-copilot-cta-metric:nth-child(3){
  background:linear-gradient(160deg, rgba(58,60,120,0.5), rgba(7,9,18,0.9));
}
.ai-copilot-cta-icon{
  position:absolute;
  top:14px;
  left:14px;
  width:34px;
  height:34px;
  border-radius:12px;
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.14);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  line-height:1;
}
.ai-copilot-cta-value{ font-size:38px; font-weight:700; margin-bottom:12px; }
.ai-copilot-cta-label{ font-size:15px; color:rgba(255,255,255,0.85); line-height:1.5;}
@media (max-width: 1024px){
  .ai-copilot-cta-card{ grid-template-columns:1fr; padding:44px 40px;}
}
@media (max-width: 600px){
  .ai-copilot-cta-metrics{ grid-template-columns:1fr;}
}

.rps-services-suite{
  padding:80px 0;
  background:linear-gradient(180deg, var(--Primary-NB500, #1163fb) 0%, var(--Neutral-NB1000, #000) 100%);
  color:#e5edff;
}
.rps-services-suite .container{display:flex; flex-direction:column; gap:40px;}
.rps-services-suite-head{
  text-align:center;
  max-width:900px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.rps-services-suite-head h2{
  margin:0;
  font-size:clamp(28px, 4vw, 44px);
  letter-spacing:-0.02em;
  color:#f9fbff;
}
.rps-services-suite-head p{
  margin:0;
  font-size:clamp(16px, 2.1vw, 19px);
  line-height:1.8;
  color:#d3e2ff;
}
.rps-services-suite-layout{
  display:grid;
  grid-template-columns:minmax(280px, .9fr) minmax(0, 1.2fr);
  gap:36px;
  align-items:stretch;
}
.rps-services-suite-list{
  background:#f9fafb;
  border-radius:26px;
  padding:30px;
  box-shadow:0 26px 60px rgba(15,23,42,0.55);
  color:#0f172a;
  max-height:460px;
  overflow-y:auto;
}
.rps-services-suite-list ol{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.rps-services-suite-list li{
  list-style:none;
}

.rps-services-suite-scroll{
  height:330px;
  overflow-x:hidden;
  overflow-y:auto;
}

.rps-services-suite-scroll ol{
  margin:0;
  padding:0;
  list-style:none;
}

.rps-services-tab{
  width:100%;
  border:0;
  background:transparent;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding:10px 14px;
  border-radius:14px;
  font-size:15px;
  cursor:pointer;
  color:#020617;
  text-align:left;
  transition:background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.rps-services-tab:hover{
  background:#e5ecff;
}
.rps-services-tab.is-active{
  background:#1163fb;
  color:#ffffff;
  transform:translateX(4px);
}
.rps-services-tab.is-active .rps-services-suite-index{
  color:#e5edff;
}
.rps-services-suite-index{
  font-weight:600;
  color:#6b7280;
  min-width:24px;
}
.rps-services-suite-label{
  font-weight:500;
}
.rps-services-suite-primary{
  background:linear-gradient(145deg, #020617, #020617 40%, #111827 100%);
  border-radius:26px;
  padding:32px 34px 34px;
  box-shadow:0 30px 70px rgba(15,23,42,0.75);
  color:#e5e7eb;
  display:flex;
  flex-direction:column;
  gap:26px;
  min-height:340px;
}
.rps-services-suite-primary-head h3{
  margin:0 0 10px;

  font-size:12px;
  font-weight:700;
  letter-spacing:0.18em;
  color:rgba(255,255,255,0.75);
  padding-top:6px;
}
 .rps-process-scope .cb-process-divider{
  width:1px;
  background:rgba(255,255,255,0.12);
  border-radius:1px;
}
 .rps-process-scope .cb-process-body{ gap:14px; padding-left:22px; }
 .rps-process-scope .cb-process-body h3{ font-size:18px; font-weight:600; color:#fff;}
 .rps-process-scope .cb-process-body p{ font-size:14px; line-height:1.8; color:rgba(255,255,255,0.72); max-width:760px; }
@media (max-width: 900px){
  .rps-process-scope .cb-process-step{ grid-template-columns:1fr; gap:14px;}
  .rps-process-scope .cb-process-divider{ display:none; }
  .rps-process-scope .cb-process-body{ padding-left:0;}
}

.ai-copilot-cta-benefits{
  background:url(https://cdn.bonamisoftware.com/images/assets-ext/ai-copilot-cta-bg2.webp) no-repeat center;
  background-size:cover;
  padding:100px 0 120px;
}
.ai-copilot-cta-benefits-card{
  background:rgba(8, 14, 28, 0.75);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:22px;
  padding:46px 48px;
  display:grid;
  grid-template-columns:minmax(0, 1.05fr) minmax(0, 1fr);
  gap:36px;
  box-shadow:0 30px 60px rgba(0,0,0,0.45);
  backdrop-filter:blur(6px);
}
.ai-copilot-cta-benefits-content h2{
  margin:0 0 16px;
  font-size:clamp(28px, 3vw, 38px);
  line-height:1.3;
  color:#fff;
  font-weight:500;
}
.ai-copilot-cta-benefits-content h2 span{
  color:#f5d24c;
  font-weight:700;
}
.ai-copilot-cta-benefits-copy{
  margin:0 0 18px;
  color:rgba(255,255,255,0.75);
  line-height:1.7;
  font-size:16px;
  max-width:520px;
}
.ai-copilot-cta-benefits-subcopy{
  margin:0 0 26px;
  font-weight:600;
  color:#fff;
  font-size:15px;
}
.ai-copilot-cta-benefits-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:#fff;
  color:#0b0b0b;
  padding:12px 28px;
  border-radius:999px;
  text-decoration:none;
  font-weight:600;
  box-shadow:0 12px 28px rgba(0,0,0,0.28);
}
.ai-copilot-cta-benefits-btn:hover{
  background:#f2f2f2;
}
.ai-copilot-cta-benefits-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
}
.ai-copilot-cta-benefits-item{
  background:#fff;
  border-radius:14px;
  padding:18px 18px 20px;
  box-shadow:0 18px 36px rgba(10, 25, 60, 0.18);
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:122px;
}
.ai-copilot-cta-benefits-item p{
  margin:0;
  font-size:14px;
  color:#0b0b0b;
  line-height:1.6;
}
.ai-copilot-cta-benefits-item strong{
  font-weight:700;
  color:#0b0b0b;
}
.ai-copilot-cta-benefits-check{
  width:18px;
  height:18px;
  border-radius:50%;
  background:#1a63ff;
  color:#fff;
  font-size:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
@media (max-width: 960px){
  .ai-copilot-cta-benefits-card{
    grid-template-columns:1fr;
}
}
@media (max-width: 720px){
  .ai-copilot-cta-benefits-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 520px){
  .ai-copilot-cta-benefits-grid{
    grid-template-columns:1fr;
}
}

.ai-copilot-tech-stack{
  background:linear-gradient(rgb(0, 0, 0) 0%, rgb(17, 99, 251) 100%);
  padding:100px 0 5px;
  color:#fff;
}
.ai-copilot-tech-stack-head{
  max-width:920px;
  margin:0 0 48px;
}
.ai-copilot-tech-stack-head h2{
  margin:0 0 16px;
  font-size:clamp(30px, 4vw, 46px);
  font-weight:600;
  line-height:1.2;
  color:#fff;
}
.ai-copilot-tech-stack-head h2 .is-highlight{
  color:#3b82f6;
  font-weight:700;
}
.ai-copilot-tech-stack-head p{
  margin:0;
  font-size:16px;
  line-height:1.7;
  color:rgba(255,255,255,0.8);
}
.ai-copilot-tech-stack-layout{
  display:grid;
  grid-template-columns:minmax(240px, 0.9fr) minmax(0, 1.15fr) minmax(220px, 0.75fr);
  gap:28px;
  align-items:stretch;
}
.ai-copilot-tech-tabs{
  --ai-copilot-tech-tab-height: 64px;
  --ai-copilot-tech-tab-gap: 12px;
  background:linear-gradient(180deg, #1e40af 0%, #2563eb 100%);
  border-radius:24px;
  padding:24px 26px;
  display:flex;
  flex-direction:column;
  gap:12px;
  max-height:calc((var(--ai-copilot-tech-tab-height) * 4) + (var(--ai-copilot-tech-tab-gap) * 3) + 48px);
  position:relative;
}
.ai-copilot-tech-tabs-scroll{
  max-height:calc((var(--ai-copilot-tech-tab-height) * 4) + (var(--ai-copilot-tech-tab-gap) * 3));
  overflow-y:auto;
  padding-right:18px;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,0.9) transparent;
}
.ai-copilot-tech-tabs-scroll::-webkit-scrollbar{ width:4px; }
.ai-copilot-tech-tabs-scroll::-webkit-scrollbar-track{ background:transparent;}
.ai-copilot-tech-tabs-scroll::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.9); border-radius:999px; }
.ai-copilot-tech-tab{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-radius:16px;
  background:transparent;
  border:1px solid transparent;
  color:rgba(255,255,255,0.75);
  font-size:15px;
  font-weight:600;
  text-align:left;
  cursor:pointer;
  transition:background .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
  min-height:var(--ai-copilot-tech-tab-height);
}
.ai-copilot-tech-tab.is-active{
  background:#0b0b0b;
  color:#fff;
  border-color:rgba(255,255,255,0.2);
  box-shadow:0 12px 24px rgba(0,0,0,0.35);
  transform:translateY(-1px);
}
.ai-copilot-tech-tab:focus-visible{ outline:2px solid rgba(255,255,255,0.8); outline-offset:3px; }
.ai-copilot-tech-tab-icon{ width:22px; height:22px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto;}
.ai-copilot-tech-tab-icon img{ width:20px; height:20px; filter:brightness(0) invert(1); }
.ai-copilot-tech-panels{
  background:#fff;
  border-radius:24px;
  padding:32px 34px;
  color:#0b0b0b;
  min-height:280px;
  box-shadow:0 22px 50px rgba(0,0,0,0.25);
}
.ai-copilot-tech-panel{ flex-direction:column; gap:16px; }
.ai-copilot-tech-panel-kicker{ font-size:12px; letter-spacing:0.02em; text-transform:none; color:#8d94a1; font-weight:600;}
.ai-copilot-tech-panel h3{ margin:0; font-size:20px; line-height:1.6; color:#111827; font-weight:600; }
.ai-copilot-tech-panel p{ margin:0; font-size:15px; line-height:1.6; color:#3f3f46;}
.ai-copilot-tech-cta{
  background:#0b0b0b;
  border-radius:24px;
  padding:28px 26px;
  color:#fff;
  position:relative;
  overflow:hidden;
  min-height:280px;
  display:flex;
}
.ai-copilot-tech-cta::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 20% 20%, rgba(59,130,246,0.35), transparent 55%);
  opacity:0.9;
}
.ai-copilot-tech-cta::after{
  content:'';
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(135deg, rgba(59,130,246,0.28) 0, rgba(59,130,246,0.28) 1px, transparent 1px, transparent 10px);
  opacity:0.35;
  pointer-events:none;
}
.ai-copilot-tech-cta-inner{ position:relative; z-index:1; display:flex; flex-direction:column; gap:14px; }
.ai-copilot-tech-cta h3{ margin:0; font-size:22px; line-height:1.3; font-weight:600;}
.ai-copilot-tech-cta p{ margin:0; font-size:14px; line-height:1.6; color:rgba(255,255,255,0.8); }
.ai-copilot-tech-cta-btn{ display:inline-flex; align-items:center; justify-content:center; padding:12px 18px; border-radius:999px; background:#fff; color:#0b0b0b; font-size:14px; font-weight:600; text-decoration:none; margin-top:auto;}
@media (max-width: 960px){
  .ai-copilot-tech-stack-layout{ grid-template-columns:1fr;}
  .ai-copilot-tech-tabs{ max-height:none; }
  .ai-copilot-tech-cta{ min-height:0;}
}

.ai-copilot-models{
  background:linear-gradient(rgb(17, 99, 251) 0%, rgb(0, 0, 0) 100%);
  padding:100px 0 120px;
  color:#fff;
}
.ai-copilot-models-head h2{ margin:0 0 16px; font-size:clamp(30px, 4vw, 46px); font-weight:600; line-height:1.2; color:#fff;}
.ai-copilot-models-head h2 .is-highlight{ color:#ffe44d; font-weight:700; }
.ai-copilot-models-head p{ margin:0 0 40px; font-size:16px; line-height:1.7; color:rgba(255,255,255,0.82);}
.ai-copilot-models-accordion{ display:flex; flex-direction:column; gap:0; }
.ai-copilot-models-item{ border-bottom:1px solid rgba(255,255,255,0.25);}
.ai-copilot-models-toggle{ width:100%; background:none; border:none; color:#fff; font-size:18px; font-weight:600; padding:20px 0; display:flex; align-items:center; justify-content:space-between; cursor:pointer; transition:color .2s ease; }
.ai-copilot-models-toggle:focus-visible{ outline:2px solid rgba(255,255,255,0.7); outline-offset:4px;}
.ai-copilot-models-icon{ width:28px; height:28px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:rgba(255,255,255,0.12); position:relative; flex-shrink:0; }
.ai-copilot-models-icon::before,
.ai-copilot-models-icon::after{ content:''; position:absolute; width:12px; height:2px; background:#fff; border-radius:2px; transition:transform .25s ease, opacity .25s ease;}
.ai-copilot-models-icon::after{ transform:rotate(90deg); }
.ai-copilot-models-item.is-open .ai-copilot-models-icon::before{ transform:rotate(45deg);}
.ai-copilot-models-item.is-open .ai-copilot-models-icon::after{ transform:rotate(-45deg); }
.ai-copilot-models-panel{ overflow:hidden; max-height:0; opacity:0; transition:max-height .35s ease, opacity .3s ease;}
.ai-copilot-models-item.is-open .ai-copilot-models-panel{ opacity:1; }
.ai-copilot-models-grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:14px; padding:6px 0 26px;}
.ai-copilot-model-card{ display:flex; align-items:center; gap:12px; padding:14px 16px; border-radius:12px; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.16); }
.ai-copilot-model-icon{ width:38px; height:38px; border-radius:10px; background:#fff; display:inline-flex; align-items:center; justify-content:center; color:#0b0b0b; font-weight:700; font-size:14px; flex-shrink:0; position:relative; overflow:hidden;}
.ai-copilot-model-icon img{ width:24px; height:24px; object-fit:contain; }
.ai-copilot-model-icon .ai-copilot-model-fallback{ display:none;}
.ai-copilot-model-icon.is-fallback .ai-copilot-model-fallback{ display:block; }
.ai-copilot-model-name{ color:#fff; font-size:14px; font-weight:600;}
@media (max-width: 900px){
  .ai-copilot-models-grid{ grid-template-columns:repeat(2, minmax(0, 1fr));}
}
@media (max-width: 560px){
  .ai-copilot-models-grid{ grid-template-columns:1fr;}
}

.ai-copilot-stack-pills{
  background:#000;
  padding:100px 0 120px;
  color:#fff;
}
.ai-copilot-stack-head h2{ margin:0 0 16px; font-size:clamp(30px, 4vw, 46px); font-weight:600; line-height:1.2; color:#fff;}
.ai-copilot-stack-head h2 .is-highlight{ color:#ffe44d; font-weight:700; }
.ai-copilot-stack-head p{ margin:0 0 34px; font-size:16px; line-height:1.7; color:rgba(255,255,255,0.8);}
.ai-copilot-stack-pills-row{ display:flex; flex-wrap:wrap; gap:14px; margin-bottom:32px; }
.ai-copilot-stack-pill{ border:none; padding:12px 18px; border-radius:999px; background:#1a1a1a; color:rgba(255,255,255,0.7); font-size:14px; font-weight:600; cursor:pointer; transition:background .2s ease, color .2s ease, transform .2s ease;}
.ai-copilot-stack-pill.is-active{ background:#fff; color:#0b0b0b; transform:translateY(-1px); }
.ai-copilot-stack-pill:focus-visible{ outline:2px solid rgba(255,255,255,0.7); outline-offset:4px;}
.ai-copilot-stack-panels{ margin-top:8px; }
.ai-copilot-stack-panel{ display:block;}
.ai-copilot-stack-grid{ display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:18px; }
.ai-copilot-stack-card{ background:#fff; border-radius:16px; padding:22px; display:flex; flex-direction:column; gap:12px; color:#0b0b0b; min-height:120px; box-shadow:0 14px 32px rgba(0,0,0,0.25);}
.ai-copilot-stack-icon{ width:46px; height:46px; border-radius:12px; background:#f3f4f6; display:inline-flex; align-items:center; justify-content:center; color:#111827; font-weight:700; }
.ai-copilot-stack-icon img{ width:28px; height:28px; object-fit:contain;}
.ai-copilot-stack-icon .ai-copilot-stack-fallback{ display:none; }
.ai-copilot-stack-icon.is-fallback .ai-copilot-stack-fallback{ display:block;}
.ai-copilot-stack-name{ font-size:14px; font-weight:600; color:#0b0b0b; }
@media (max-width: 1100px){
  .ai-copilot-stack-grid{ grid-template-columns:repeat(3, minmax(0, 1fr));}
}
@media (max-width: 768px){
  .ai-copilot-stack-grid{ grid-template-columns:repeat(2, minmax(0, 1fr));}
}
/* @media (max-width: 480px){
  .ai-copilot-stack-grid{ grid-template-columns:1fr;}
} */

body.page-on-demand-development .ai-copilot-stack-pills{
  background:#1762f2;
}
body.page-on-demand-development .ai-copilot-stack-head{
  text-align:left;
  max-width:860px;
}
body.page-on-demand-development .ai-copilot-stack-head h2 .is-highlight{
  color:#ffe44d;
}
body.page-on-demand-development .ai-copilot-stack-pills-row{
  flex-wrap:wrap;
  overflow-x:hidden;
}
body.page-on-demand-development .ai-copilot-stack-pill{
  background:rgba(255,255,255,0.14);
  border:1px solid rgba(255,255,255,0.35);
  color:rgba(255,255,255,0.95);
  white-space:nowrap;
}
body.page-on-demand-development .ai-copilot-stack-pill.is-active{
  background:#fff;
  border-color:#fff;
  color:#0b0b0b;
}

.ai-copilot-partnerships{
  background:#000;
  padding:100px 0 120px;
  color:#fff;
}
.ai-copilot-partnerships-head{ max-width:820px; text-align:center; margin:0 auto;}
.ai-copilot-partnerships-head h2{ margin:0 0 18px; font-size:clamp(34px, 4.5vw, 52px); font-weight:700; font-style:italic; line-height:1.18; color:#fff; font-family:Georgia, 'Times New Roman', serif; }
.ai-copilot-partnerships-head h2 .is-highlight{ color:#ffe44d; font-style:italic; }
.ai-copilot-partnerships-head p{ margin:0; font-size:16px; line-height:1.7; color:rgba(255,255,255,0.75); }
.ai-copilot-partnerships-marquee{ display:grid; gap:18px; overflow:hidden; margin-top:60px; }
.ai-copilot-partnerships-cta{ display:flex; justify-content:center; margin-top:28px; }
.ai-copilot-partnerships-btn{ display:inline-flex; align-items:center; justify-content:center; padding:12px 22px; border-radius:999px; background:#fff; color:#0b0b0b; font-size:14px; font-weight:600; text-decoration:none; box-shadow:0 12px 24px rgba(0,0,0,0.25);}
.ai-copilot-partnerships-row{ overflow:hidden; width:100%; }
.ai-copilot-partnerships-track{ display:flex; gap:16px; width:max-content; animation:ai-copilot-partners-ltr 35s linear infinite; will-change:transform;}
.ai-copilot-partnerships-row.is-reverse .ai-copilot-partnerships-track{ animation-name:ai-copilot-partners-rtl; }
.ai-copilot-partnerships-card{ flex:0 0 160px; min-height:130px; border-radius:16px; background:rgba(25,25,30,0.95); border:1px solid rgba(255,255,255,0.06); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; padding:20px 16px; text-align:center; }
.ai-copilot-partnerships-logo{ width:100%; display:flex; align-items:center; justify-content:center; min-height:48px; }
.ai-copilot-partnerships-logo img{ max-width:120px; max-height:48px; width:auto; height:auto; opacity:0.9; filter:brightness(0) invert(1); }
.ai-copilot-partnerships-card span{ font-size:13px; color:rgba(255,255,255,0.7); font-weight:400; }
@keyframes ai-copilot-partners-ltr{ 0%{ transform:translateX(-50%);} 100%{ transform:translateX(0); } }
@keyframes ai-copilot-partners-rtl{ 0%{ transform:translateX(0); } 100%{ transform:translateX(-50%); } }

.ai-copilot-trust{
  background:#000;
  padding:32px 0 44px;
}
.ai-copilot-trust-heading{
  display:flex;
  align-items:center;
  gap:18px;
  font-size:12px;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:rgba(255,255,255,0.7);
  justify-content:center;
  margin-bottom:28px;
}
.trust-heading,
.cap-eyebrow,
.ai-copilot-trust-heading{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}

.trust-heading::before,
.cap-eyebrow::before,
.ai-copilot-trust-heading::before{
  position:absolute;
  content:"";
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:100%;
  height:1px;
  background-color:rgba(255,255,255,0.28);
  opacity:1;
  z-index:0;
  pointer-events:none;
}

.trust-heading::after,
.cap-eyebrow::after,
.ai-copilot-trust-heading::after{
  content:none !important;
  display:none !important;
}

.trust-heading > span,
.cap-eyebrow > span,
.ai-copilot-trust-heading > span{
  position:relative;
  z-index:1;
  padding:0 14px;
  background:var(--heading-chip-bg, #000);
}

.trust-strip--with-heading.trust-strip--light .trust-heading > span,
.cap-section.cap-section--light .cap-eyebrow > span,
.cap-section.cap-section--light .trust-heading > span{
  --heading-chip-bg: #fff;
}

 .trust-strip--with-heading.trust-strip--light .trust-heading::before,
 .cap-section.cap-section--light .cap-eyebrow::before,
 .cap-section.cap-section--light .trust-heading::before,
 .ai-copilot-trust.ai-copilot-trust--light .ai-copilot-trust-heading::before{
  background-color:rgba(11,13,22,0.22);
}

/* Why Trust Section */
.genai-consulting-why-trust{
  background:#000;
  padding:100px 20px 120px;
  color:#f5f7ff;
}
.genai-consulting-why-trust .why-trust-header{
  max-width:900px;
  margin-bottom:60px;
}
.genai-consulting-why-trust .why-trust-title{
  font-size:52px;
  line-height:1.15;
  margin:0 0 28px;
  color:#fff;
  font-weight:700;
  letter-spacing:-0.01em;
}
.genai-consulting-why-trust .why-trust-intro{
  font-size:18px;
  line-height:1.7;
  color:#b8bcc8;
  margin:0;
}
.genai-consulting-why-trust .why-trust-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:0 80px;
}
.genai-consulting-why-trust .why-trust-card{
  border-top:1px solid rgba(255,255,255,0.15);
  padding:40px 0;
}
.genai-consulting-why-trust .why-trust-card:nth-child(2){
  margin-top:120px;
}
.genai-consulting-why-trust .why-trust-card:nth-child(4){
  margin-top:0;
}
.genai-consulting-why-trust .why-trust-card-inner{
  display:grid;
  grid-template-columns:60px 1fr;
  gap:20px;
  align-items:start;
}
.genai-consulting-why-trust .why-trust-number{
  font-size:15px;
  font-weight:500;
  color:#42a5f5;
  font-style:italic;
  padding-top:4px;
}
.genai-consulting-why-trust .why-trust-card-content{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.genai-consulting-why-trust .why-trust-card-title{
  font-size:24px;
  font-weight:700;
  color:#fff;
  margin:0;
  line-height:1.3;
}
.genai-consulting-why-trust .why-trust-card-desc{
  font-size:17px;
  line-height:1.7;
  color:#b8bcc8;
  margin:0;
}

@media(max-width:960px){
  .genai-consulting-why-trust{
    padding:80px 20px 100px;
}
  .genai-consulting-why-trust .why-trust-header{
    margin-bottom:48px;
}
  .genai-consulting-why-trust .why-trust-title{
    font-size:40px;
    margin-bottom:24px;
}
  .genai-consulting-why-trust .why-trust-intro{
    font-size:17px;
}
  .genai-consulting-why-trust .why-trust-grid{
    grid-template-columns:1fr;
    gap:0;
}
  .genai-consulting-why-trust .why-trust-card{
    padding:32px 0;
}
  .genai-consulting-why-trust .why-trust-card:nth-child(2){
    margin-top:0;
}
  .genai-consulting-why-trust .why-trust-card-inner{
    grid-template-columns:50px 1fr;
    gap:16px;
}
  .genai-consulting-why-trust .why-trust-card-title{
    font-size:22px;
}
  .genai-consulting-why-trust .why-trust-card-desc{
    font-size:16px;
}
}

@media(max-width:640px){
  .genai-consulting-why-trust{
    padding:60px 20px 80px;
}
  .genai-consulting-why-trust .why-trust-title{
    font-size:32px;
}
  .genai-consulting-why-trust .why-trust-intro{
    font-size:16px;
}
  .genai-consulting-why-trust .why-trust-card{
    padding:24px 0;
}
  .genai-consulting-why-trust .why-trust-card-inner{
    grid-template-columns:45px 1fr;
    gap:12px;
}
  .genai-consulting-why-trust .why-trust-number{
    font-size:14px;
}
  .genai-consulting-why-trust .why-trust-card-title{
    font-size:20px;
}
  .genai-consulting-why-trust .why-trust-card-desc{
    font-size:15px;
}
}
.ai-copilot-trust-track{
  overflow:hidden;
  width:100vw;
  margin-left:50%;
  transform:translateX(-50%);
}
.ai-copilot-trust-row{
  display:inline-flex;
  align-items:center;
  gap:64px;
  animation:ai-copilot-trust-scroll 26s linear infinite;
  will-change:transform;
}
.ai-copilot-trust-logo{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ai-copilot-trust-logo img{
  max-height:32px;
  width:auto;
  display:block;
  opacity:0.55;
  filter:grayscale(100%);
}
.ai-copilot-trust-track:hover .ai-copilot-trust-row{
  animation-play-state:paused;
}
@keyframes ai-copilot-trust-scroll{
  0%{ transform:translateX(0);}
  100%{ transform:translateX(-50%); }
}

.rps-supercharge-cta{
  background:#000;
  padding:0px 0;
}
.rps-supercharge-cta-card{
  background:#f3f62a;
  padding:0px 84px;
  display:grid;
  grid-template-columns:minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap:36px;
  align-items:center;
  overflow:hidden;
}
.rps-supercharge-cta-content h2{
  margin:0 0 14px;
  font-size:20px;
  line-height:1.2;
  font-weight:600;
  color:#0b0b0b;
}
.rps-supercharge-cta-content h2 span{
  color:#1163fb;
  font-weight:800;
}
.rps-supercharge-cta-content p{
  margin:0 0 28px;
  font-size:16px;
  line-height:1.7;
  color:rgba(11,11,11,0.78);
  max-width:520px;
}
.rps-supercharge-cta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 28px;
  border-radius:999px;
  background:#1163fb;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  box-shadow:0 18px 34px rgba(17,99,251,0.35);
}
.rps-supercharge-cta-btn:hover{
  filter:brightness(1.03);
}
.rps-supercharge-cta-media{
  display:flex;
  justify-content:flex-end;
  align-items:center;
}
.rps-supercharge-cta-media img{
  width:min(360px, 100%);
  height:auto;
  display:block;
  opacity:0.9;
}
@media (max-width: 900px){
  .rps-supercharge-cta-card{
    grid-template-columns:1fr;
    padding:44px 34px;
    gap:26px;
}
  .rps-supercharge-cta-media{
    justify-content:center;
}
}

/* AI Industries (grid) */
.ai-industries { background: #0b0c0d; padding: 56px 0; border-top: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05); }
.ai-industries-head { text-align: center; max-width: 820px; margin: 0 auto 36px auto;}
.ai-industries-head h2 { margin: 0 0 12px 0; color: #e8eef9; font-size: clamp(26px, 3.6vw, 40px); }
.ai-industries-head p { margin: 0; color: var(--color-muted); line-height: 1.7;}
.ai-industries-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.ai-industry-card { position: relative; border-radius: 18px; border: 1px solid rgba(255,255,255,.08); background: rgba(0,0,0,.32); padding: 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; min-height: 130px; color: #e8eef9; font-weight: 600; transition: all .2s ease; overflow: hidden;}
.ai-industry-icon { font-size: 26px; }
.ai-industry-label { font-size: 15px;}
.ai-industry-card::after { content: ''; position: absolute; inset: 0; border-radius: inherit; border: 1px solid transparent; transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.ai-industry-card:hover { transform: translateY(-4px); border-color: rgba(61,139,255,.45); box-shadow: 0 20px 36px rgba(0,0,0,.35);}
.ai-industry-card:hover::after { border-color: rgba(61,139,255,.6); box-shadow: inset 0 0 0 1px rgba(61,139,255,.6); }
@media (max-width: 1024px){
  .ai-industries-grid { grid-template-columns: repeat(3, minmax(0,1fr));}
}
@media (max-width: 768px){
  .ai-industries-grid { grid-template-columns: repeat(2, minmax(0,1fr));}
}
@media (max-width: 480px){
  .ai-industries-grid { grid-template-columns: 1fr;}
}

.ai-build-engineered { padding: 72px 0; background: #040506; border-top: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05); }
.ai-build-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 420px); gap: 28px; background: #fff; border-radius: 28px; padding: 40px; box-shadow: 0 32px 60px rgba(4,8,30,.35); overflow: hidden;}
.ai-build-copy h2 { margin: 0 0 16px 0; font-size: clamp(26px, 3.8vw, 38px); letter-spacing: -0.01em; color: #0b0c0d; }
.ai-build-copy p { margin: 0 0 24px 0; color: #2b2e35; font-size: 17px; line-height: 1.7;}
.ai-build-list { list-style: none; margin: 0 0 24px 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.ai-build-list li { position: relative; padding-left: 0; color: #1b1e26; font-size: 16px; font-weight: 600;}
.ai-build-cta { margin-top: 12px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--color-accent), var(--color-accent-2)); color: #fff; padding: 12px 26px; border-radius: 16px; font-weight: 700; box-shadow: 0 18px 36px rgba(var(--color-accent-rgb), .35); }
.ai-build-cta:hover { filter: brightness(1.04);}
.ai-build-cta:active { transform: translateY(1px); }
.ai-build-media { border-radius: 22px; overflow: hidden; background: #0b0c0d; display: flex; align-items: center; justify-content: center;}
.ai-build-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 920px){
  .ai-build-card { grid-template-columns: 1fr;}
  .ai-build-media { min-height: 260px; }
}
@media (max-width: 640px){
  .ai-build-engineered { padding: 56px 0;}
  .ai-build-card { padding: 28px; border-radius: 22px; }
}

.ai-reasons { padding: 80px 0; background: #050506; border-top: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05); color: rgba(233,238,249,.9); }
.ai-reasons-head { text-align: center; max-width: 820px; margin: 0 auto 38px auto; display: flex; flex-direction: column; gap: 16px;}
.ai-reasons-head h2 { margin: 0; font-size: clamp(28px, 4vw, 42px); letter-spacing: -0.01em; color: #fff; }
.ai-reasons-head p { margin: 0; font-size: 18px; line-height: 1.7; color: rgba(205,216,236,.78);}
.ai-reasons-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.ai-reason-card { background: rgba(12,14,20,.92); border: 1px solid rgba(255,255,255,.08); border-radius: 26px; padding: 28px; display: flex; flex-direction: column; gap: 18px; box-shadow: 0 22px 48px rgba(0,0,0,.38); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;}
.ai-reason-card:hover { transform: translateY(-6px); border-color: rgba(61,139,255,.6); box-shadow: 0 32px 60px rgba(15,25,60,.45); }
.ai-reason-icon { width: 52px; height: 52px; border-radius: 16px; background: rgba(61,139,255,.16); display: inline-flex; align-items: center; justify-content: center;}
.ai-reason-icon img { width: 28px; height: 28px; object-fit: contain; }
.ai-reason-card h3 { margin: 0; font-size: 20px; color: #fff;}
.ai-reason-card p { margin: 0; font-size: 16px; line-height: 1.7; color: rgba(210,220,242,.82); }
@media (max-width: 1100px){
  .ai-reasons-grid { grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 640px){
  .ai-reasons { padding: 64px 0;}
  .ai-reasons-grid { grid-template-columns: 1fr; }
}

/* Light variant */
.ai-reasons--light { background: #fff; border-top: 1px solid #eef0f5; border-bottom: 1px solid #eef0f5; color: #1a1a2e; }
.ai-reasons--light .ai-reasons-head h2 { color: #1a1a2e; }
.ai-reasons--light .ai-reasons-head p { color: #555e7a; }
.ai-reasons--light .ai-reason-card { background: transparent; border: none; border-radius: 0; padding: 20px 12px; box-shadow: none; gap: 12px; }
.ai-reasons--light .ai-reason-card:hover { transform: translateY(-4px); box-shadow: none; border-color: transparent; }
.ai-reasons--light .ai-reason-icon { background: transparent; width: 52px; height: 52px; border-radius: 0; }
.ai-reasons--light .ai-reason-icon img { width: 40px; height: 40px; filter: invert(35%) sepia(90%) saturate(600%) hue-rotate(195deg) brightness(95%); }
.ai-reasons--light .ai-reason-card h3 { color: #1a1a2e; font-size: 15px; font-weight: 600; }
.ai-reasons--light .ai-reason-card p { color: #555e7a; font-size: 14px; }
@media (max-width: 640px){
  .ai-reasons--light { padding: 56px 0; }
  .ai-reasons--light .ai-reasons-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

.ai-milestones { padding: 80px 0; background: #050506; border-top: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05); color: rgba(233,238,249,.9); overflow: hidden; }
.ai-milestones-head { text-align: center; max-width: 860px; margin: 0 auto 42px auto; display: flex; flex-direction: column; gap: 16px;}
.ai-milestones-head h2 { margin: 0; font-size: clamp(28px, 4vw, 42px); letter-spacing: -0.01em; color: #fff; }
.ai-milestones-head p { margin: 0; font-size: 18px; line-height: 1.7; color: rgba(205,216,236,.78);}
.ai-milestones-stage { position: relative; overflow: hidden; }
.ai-milestones-track { display: flex; transition: transform .45s cubic-bezier(.22,1,.36,1); --ai-milestones-index: 0; transform: translateX(calc(var(--ai-milestones-index) * -100%));}
.ai-milestones-slide { flex: 0 0 100%; }
.ai-milestones-row { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px;}
.ai-milestone-card { background: rgba(12,14,20,.92); border: 1px solid rgba(61,139,255,.25); border-radius: 28px; padding: 24px; display: flex; flex-direction: column; gap: 16px; align-items: center; text-align: center; min-height: 280px; box-shadow: 0 24px 50px rgba(0,0,0,.45); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.ai-milestone-card:hover { transform: translateY(-6px); border-color: rgba(61,139,255,.65); box-shadow: 0 30px 70px rgba(15,30,65,.45);}
.ai-milestone-logo { width: 120px; height: 120px; border-radius: 18px; background: rgba(255,255,255,.05); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.ai-milestone-logo img { max-width: 100%; max-height: 100%; object-fit: contain; display: block;}
.ai-milestone-year { font-size: 14px; color: rgba(205,216,236,.72); text-transform: uppercase; letter-spacing: .18em; }
.ai-milestone-card h3 { margin: 0; font-size: 16px; line-height: 1.6; color: #fff;}
.ai-milestones-nav { display: flex; justify-content: center; align-items: center; gap: 18px; margin-top: 28px; }
.ai-milestones-arrow { width: 44px; height: 44px; border-radius: 12px; border: none; background: rgba(255,255,255,.12); color: #fff; font-size: 20px; cursor: pointer; transition: background .2s ease, transform .2s ease;}
.ai-milestones-arrow:hover { background: rgba(61,139,255,.3); transform: translateY(-2px); }
.ai-milestones-arrow:focus-visible { outline: 2px solid rgba(61,139,255,.9); outline-offset: 3px;}
@media (max-width: 1100px){
  .ai-milestones-row { grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media (max-width: 768px){
  .ai-milestones-row { grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 560px){
  .ai-milestones { padding: 64px 0;}
  .ai-milestones-row { grid-template-columns: 1fr; }
}

.ai-partners { padding: 80px 0; background: radial-gradient(1100px 520px at 50% 0%, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 58%), #040405; border-top: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05); color: rgba(233,238,249,.9); }
.ai-partners-head { text-align: center; max-width: 820px; margin: 0 auto 100px auto; display: flex; flex-direction: column; gap: 16px;}
.ai-partners-head h2 { margin: 0; font-size: clamp(28px, 4vw, 40px); letter-spacing: -0.01em; color: #fff; }
.ai-partners-head p { margin: 0; font-size: 18px; line-height: 1.7; color: rgba(205,216,236,.78);}
.ai-partners-stage { position: relative; overflow: hidden; }
.ai-partners-track { display: flex; transition: transform .45s cubic-bezier(.22,1,.36,1); --ai-partners-index: 0; transform: translateX(calc(var(--ai-partners-index) * -100%));}
.ai-partners-slide { flex: 0 0 100%; }
.ai-partners-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-auto-rows: minmax(120px, 1fr); gap: 0; position: relative;}
.ai-partner-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 18px 12px; background: transparent; border-right: 1px solid rgba(255,255,255,.10); border-bottom: 1px solid rgba(255,255,255,.10);}
.ai-partner-card:nth-child(5n) { border-right: none;}
.ai-partner-card:nth-last-child(-n+5):nth-child(5n+1),
.ai-partner-card:nth-last-child(-n+5):nth-child(5n+1) ~ .ai-partner-card { border-bottom: none;}
.ai-partner-logo { width: 72px; height: 72px; border-radius: 20px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); display: inline-flex; align-items: center; justify-content: center; overflow: hidden;}
.ai-partner-logo img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }
.ai-partner-logo.has-initial { background: linear-gradient(135deg, rgba(61,139,255,.2), rgba(61,139,255,.05)); color: #fff; font-weight: 700; font-size: 24px;}
.ai-partner-name { color: rgba(233,238,249,.82); font-size: 15px; text-align: center; }
.ai-partners-nav { display: flex; justify-content: center; gap: 18px; margin-top: 28px;}
.ai-partners-arrow { width: 44px; height: 44px; border-radius: 12px; border: none; background: transparent; color: rgba(255,255,255,.9); font-size: 30px; font-weight: 700; cursor: pointer; transition: color .2s ease, transform .2s ease; -webkit-text-stroke: 1px rgba(255,255,255,.9); }
.ai-partners-arrow:hover { color: rgba(255,255,255,.95); transform: translateY(-1px);}
.ai-partners-arrow:disabled { opacity: .35; cursor: not-allowed; transform: none; }
.ai-partners-arrow:focus-visible { outline: 2px solid rgba(255,255,255,.35); outline-offset: 3px;}
.ai-partners-cta { display: flex; justify-content: center; margin-top: 22px; }
.ai-partners-cta .btn-primary { background: #1f6bff; color: #fff; border-radius: 10px; padding: 12px 22px; font-weight: 700; box-shadow: 0 16px 32px rgba(31,107,255,.35);}
.ai-partners-cta .btn-primary:hover { filter: brightness(1.05); }
@media (max-width: 1024px){
  .ai-partners-grid { grid-template-columns: repeat(3, minmax(0, 1fr));}
  .ai-partner-card:nth-child(5n) { border-right: 1px solid rgba(255,255,255,.10);}
  .ai-partner-card { border-right: 1px solid rgba(255,255,255,.10); border-bottom: 1px solid rgba(255,255,255,.10);}
  .ai-partner-card:nth-child(3n) { border-right: none;}
  .ai-partner-card:nth-last-child(-n+3):nth-child(3n+1),
  .ai-partner-card:nth-last-child(-n+3):nth-child(3n+1) ~ .ai-partner-card { border-bottom: none;}
}
@media (max-width: 768px){
  .ai-partners-grid { grid-template-columns: repeat(2, minmax(0, 1fr));}
  .ai-partner-card:nth-child(3n) { border-right: 1px solid rgba(255,255,255,.10);}
  .ai-partner-card { border-right: 1px solid rgba(255,255,255,.10); border-bottom: 1px solid rgba(255,255,255,.10);}
  .ai-partner-card:nth-child(2n) { border-right: none;}
  .ai-partner-card:nth-last-child(-n+2):nth-child(2n+1),
  .ai-partner-card:nth-last-child(-n+2):nth-child(2n+1) ~ .ai-partner-card { border-bottom: none;}
}
@media (max-width: 540px){
  .ai-partners { padding: 64px 0;}
  .ai-partners-slide { display: contents; }
  .ai-partners-grid { display: contents; }
  .ai-partner-card { flex: 0 0 100%; }
  .ai-partners-cta .btn-primary { box-shadow: none; }
}

.it-consulting-compliance { background: #000; padding: 90px 0 100px; color: #fff; }
.it-consulting-compliance .itcc-title{ margin:0; font-size: clamp(32px, 4vw, 44px); line-height: 1.18; letter-spacing: -0.02em; font-weight: 700; max-width: 980px; }
.it-consulting-compliance .itcc-copy{ margin: 20px 0 0; max-width: 980px; font-size: 17px; line-height: 1.75; color: rgba(255,255,255,.68);}
.it-consulting-compliance .itcc-grid{ margin-top: 48px; display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 120px; align-items:start; max-width: 980px; }
.it-consulting-compliance .itcc-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap: 18px;}
.it-consulting-compliance .itcc-list li{ display:grid; grid-template-columns: 10px 1fr; gap: 16px; align-items:center; }
.it-consulting-compliance .itcc-dot{ width: 7px; height: 7px; border-radius: 999px; background: rgba(255,255,255,.85); margin-top: 0;}
.it-consulting-compliance .itcc-item{ font-size: 17px; line-height: 1.5; color: rgba(255,255,255,.92); letter-spacing: .01em; font-weight: 500; }

@media (max-width: 1024px){
  .it-consulting-compliance .itcc-grid{ gap: 0 80px;}
}

@media (max-width: 900px){
  .it-consulting-compliance .itcc-title{ font-size: 32px; }
  .it-consulting-compliance .itcc-grid{ grid-template-columns: 1fr; gap: 28px;}
}

.ai-compliance { padding: 80px 0; background: #050506; border-top: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05); color: rgba(233,238,249,.9); }
.ai-compliance-head { text-align: center; max-width: 820px; margin: 0 auto 40px auto; display: flex; flex-direction: column; gap: 16px;}
.ai-compliance-head h2 { margin: 0; font-size: clamp(28px, 4vw, 42px); letter-spacing: -0.01em; color: #fff; }
.ai-compliance-head p { margin: 0; font-size: 18px; line-height: 1.7; color: rgba(205,216,236,.78);}
.ai-compliance-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.ai-compliance-card { background: rgba(12,14,20,.94); border: 1px solid rgba(255,255,255,.06); border-radius: 24px; padding: 32px 30px; box-shadow: 0 24px 48px rgba(0,0,0,.4); display: flex; flex-direction: column; gap: 22px;}
.ai-compliance-card h3 { margin: 0; font-size: 22px; color: #fff; }
.ai-compliance-card ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 16px;}
.ai-compliance-card li { display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: start; color: rgba(233,238,249,.88); font-size: 16px; line-height: 1.6; }
.ai-compliance-icon { width: 22px; height: 22px; border-radius: 50%; background: linear-gradient(135deg, var(--color-accent), var(--color-accent-2)); box-shadow: 0 12px 24px rgba(var(--color-accent-rgb), .35); position: relative;}
.ai-compliance-icon::after { content: ""; position: absolute; left: 6px; top: 4px; width: 8px; height: 12px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); }
@media (max-width: 900px){
  .ai-compliance-grid { grid-template-columns: 1fr;}
}
@media (max-width: 640px){
  .ai-compliance { padding: 64px 0;}
  .ai-compliance-card { padding: 26px 22px; }
}

.ai-models-marquee { padding: 72px 0; background: #050506; border-top: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05); color: rgba(233,238,249,.88); overflow: hidden; }
.ai-models-head { text-align: center; max-width: 880px; margin: 0 auto 36px auto; display: flex; flex-direction: column; gap: 14px;}
.ai-models-head h2 { margin: 0; font-size: clamp(28px, 4vw, 42px); letter-spacing: -0.01em; color: #fff; }
.ai-models-head p { margin: 0; font-size: 18px; line-height: 1.7; color: rgba(205,216,236,.78);}
.ai-models-tracks { display: flex; flex-direction: column; gap: 18px; }
.ai-model-track { position: relative; width: 100%; overflow: hidden;}
.ai-model-track-inner { display: inline-flex; gap: 16px; animation: ai-model-marquee 28s linear infinite; }
.ai-model-track:nth-of-type(2) .ai-model-track-inner { animation-duration: 32s; animation-direction: reverse;}
.ai-model-chip { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 26px; border-radius: 18px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); font-size: 16px; font-weight: 600; letter-spacing: .01em; color: rgba(233,238,249,.9); box-shadow: 0 14px 26px rgba(0,0,0,.35); white-space: nowrap; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.ai-model-chip-icon { width: 20px; height: 20px; flex-shrink: 0; }
.ai-model-chip:hover { transform: translateY(-3px); border-color: rgba(61,139,255,.6); background: rgba(61,139,255,.12);}
@keyframes ai-model-marquee {
  0% { transform: translateX(0);}
  100% { transform: translateX(-50%); }
}
@media (max-width: 640px){
  .ai-models-marquee { padding: 56px 0;}
  .ai-model-chip { padding: 10px 20px; font-size: 15px; }
}

.ai-testimonials-slider { padding: 80px 0 72px 0; background: var(--color-bg); color: var(--color-text-light); border-bottom: 1px solid var(--color-border); }
.ai-testimonials-slider-head { text-align: center; max-width: 820px; margin: 0 auto 20px auto; display: flex; flex-direction: column; gap: 6px;}
.ai-testimonials-slider-head h2 { margin: 0; font-size: clamp(28px, 4vw, 42px); letter-spacing: -0.01em; color: var(--color-text); }
.ai-testimonials-slider-head p { margin: 0; font-size: 18px; line-height: 1.7; color: var(--color-text-light);}
.ai-testimonials-stage { position: relative; border-radius: 34px; border: 1px solid var(--color-border); background: radial-gradient(680px 420px at 70% 20%, rgba(var(--color-accent-rgb), .24), transparent 70%), var(--color-surface); overflow: hidden; box-shadow: 0 24px 48px rgba(0,0,0,.4); margin-bottom: 32px; }
.ai-testimonials-track { display: flex; transition: transform .45s cubic-bezier(.22,1,.36,1); --ai-testimonial-index: 0; transform: translateX(calc(var(--ai-testimonial-index) * -100%));}
.ai-testimonial-slide { flex: 0 0 100%; padding: 64px clamp(36px, 6vw, 120px); display: flex; justify-content: center; }
.ai-testimonial-card { max-width: 860px; text-align: center; display: flex; flex-direction: column; gap: 32px; color: var(--color-text-light);}
.ai-testimonial-quote-icon { font-size: 48px; line-height: 1; color: var(--color-accent); }
.ai-testimonial-quote { margin: 0; font-size: clamp(18px, 2.2vw, 22px); line-height: 1.8; color: var(--color-text-light);}
.ai-testimonial-author { display: flex; flex-direction: column; align-items: center; gap: 12px; }
.ai-testimonial-avatar { width: 74px; height: 74px; border-radius: 50%; overflow: hidden; border: 2px solid rgba(255,255,255,.35); box-shadow: 0 12px 24px rgba(0,0,0,.35);}
.ai-testimonial-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ai-testimonial-avatar-default { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #2d3748, #4a5568); color: rgba(255,255,255,0.7); padding: 18px; }
.ai-testimonial-avatar-default svg { width: 100%; height: 100%; }
.ai-testimonial-meta strong { display: block; font-size: 18px; color: var(--color-text);}
.ai-testimonial-meta span { display: block; font-size: 14px; color: var(--color-text-light); }
.ai-testimonials-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 58px; height: 58px; border-radius: 50%; border: none; background: var(--color-surface); color: var(--color-text); font-size: 34px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease;}
.ai-testimonials-nav:hover { transform: translateY(-50%) scale(1.05); box-shadow: 0 16px 32px rgba(0,0,0,.35); }
.ai-testimonials-nav:focus-visible { outline: 2px solid rgba(var(--color-accent-rgb), .9); outline-offset: 4px;}
.ai-testimonials-nav.prev { left: clamp(12px, 3vw, 28px); }
.ai-testimonials-nav.next { right: clamp(12px, 3vw, 28px);}
.ai-testimonials-dots { display: flex; justify-content: center; gap: 10px; margin-bottom: 28px; }
.ai-testimonial-dot { width: 12px; height: 12px; border-radius: 999px; border: none; background: rgba(var(--color-accent-rgb), .35); cursor: pointer; transition: width .2s ease, background .2s ease;}
.ai-testimonial-dot.is-active { width: 28px; background: var(--color-accent); }
.ai-testimonial-dot:focus-visible { outline: 2px solid rgba(var(--color-accent-rgb), .8); outline-offset: 3px;}
.ai-testimonials-cta { display: flex; justify-content: center; }
.ai-testimonials-cta .btn-primary { background: linear-gradient(135deg, var(--color-accent), var(--color-accent-2)); border-radius: 18px; padding: 14px 34px; font-weight: 700; box-shadow: 0 20px 36px rgba(var(--color-accent-rgb), .28);}
.ai-testimonials-cta .btn-primary:hover { filter: brightness(1.05); }
.ai-testimonials-cta .btn-primary:active { transform: translateY(1px);}
@media (max-width: 768px){
  .ai-testimonial-slide { padding: 48px clamp(18px, 6vw, 36px);}
  .ai-testimonials-nav { width: 48px; height: 48px; font-size: 26px; top: auto; bottom: 20px; transform: none; }
  .ai-testimonials-nav:hover { transform: scale(1.05);}
  .ai-testimonials-nav.prev { left: 20px; }
  .ai-testimonials-nav.next { right: 20px;}
}

.hc-testimonials-ref{ padding: 92px 0; background: #fff; color: #0b0c0d; border-bottom: 0; }
.hc-page-main > section.hc-testimonials-ref{ padding-block: 0;}
.hc-testimonials-ref-inner{ width: 100%; position: relative; padding-right: clamp(88px, 10vw, 140px); }
.hc-testimonials-ref-head{ position: relative; max-width: 920px;}
.hc-testimonials-ref-kicker{ font-size: 13px; letter-spacing: .18em; text-transform: uppercase; font-weight: 700; color: rgba(11,12,13,.75); }
.hc-testimonials-ref-title{ margin: 10px 0 0; font-size: clamp(40px, 4.6vw, 64px); line-height: 1.05; letter-spacing: -0.02em; font-weight: 800; color: #0b0c0d;}
.hc-testimonials-ref-intro{ margin: 20px 0 0; max-width: 860px; font-size: 16px; line-height: 1.9; color: rgba(11,12,13,.72); }

.hc-testimonials-ref-quote-mark{ position: absolute; right: 0; top: -8px; font-size: 140px; line-height: .7; font-weight: 900; color: #0b5cff; opacity: .95; pointer-events: none;}
.hc-testimonials-ref-items{ margin-top: 44px; min-height: 180px; }
.hc-testimonials-ref-item{ margin: 0; min-height: 180px; display: flex; flex-direction: column; justify-content: space-between;}
.hc-testimonials-ref-item[hidden]{ display: none !important; }
.hc-testimonials-ref-quote{ margin: 0; font-size: 17px; line-height: 2; color: rgba(11,12,13,.78); max-width: 980px;}

.hc-testimonials-ref-footer{ margin-top: 56px; display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.hc-testimonials-ref-author{ display: flex; align-items: center; gap: 16px;}
.hc-testimonials-ref-avatar{ width: 54px; height: 54px; border-radius: 999px; background: rgba(11,12,13,.08); overflow: hidden; display: inline-flex; align-items: center; justify-content: center; }
.hc-testimonials-ref-avatar img{ width: 100%; height: 100%; object-fit: cover; display: block;}
.hc-testimonials-ref-name{ font-weight: 800; font-size: 20px; color: #0b0c0d; line-height: 1.15; }
.hc-testimonials-ref-role{ margin-top: 6px; font-size: 15px; line-height: 1.4; color: rgba(11,12,13,.72);}

.hc-testimonials-ref-nav{ display: flex; gap: 12px; }
.hc-testimonials-ref-navbtn{ width: 54px; height: 54px; border-radius: 999px; border: none; background: #0b0c0d; color: #fff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: transform .2s ease, background .2s ease, opacity .2s ease;}
.hc-testimonials-ref-navbtn:hover{ transform: translateY(-1px); background: #1a1c1f; }
.hc-testimonials-ref-navbtn:active{ transform: translateY(0px);}
.hc-testimonials-ref-navbtn:focus-visible{ outline: 2px solid rgba(11,92,255,.85); outline-offset: 4px; }
.hc-testimonials-ref-navicon{ font-size: 18px; line-height: 1; font-weight: 800;}

@media (max-width: 980px){
  .hc-testimonials-ref-inner{ padding-right: 86px;}
  .hc-testimonials-ref-quote-mark{ top: -18px; }
}
@media (max-width: 640px){
  .hc-testimonials-ref{ padding: 72px 0;}
  .hc-testimonials-ref-title{ font-size: 42px; }
  .hc-testimonials-ref-quote-mark{ font-size: 110px;}
  .hc-testimonials-ref-footer{ flex-direction: column; align-items: flex-start; gap: 18px; }
}

/* CV Client Journey */
.cv-client-journey{
  position:relative;
  min-height:989px;
  height:auto;
  width:100%;
  z-index:1;
  background-color:#f7f7f7;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.cv-client-journey-content{
  position:relative;
  z-index:2;
  padding:140px 0 0;
}
.cv-client-journey-bg{
  position:relative;
  z-index:1;
  margin-top:auto;
  width:100%;
  height:820px;
  background:url(https://cdn.bonamisoftware.com/images/assets-ext/cv-client-journey-banner.webp) no-repeat bottom center / 100% auto;
}
.cv-client-journey .container{display:flex; flex-direction:column; gap:48px; position:relative; z-index:1;}
.cv-client-journey-head{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:16px;
}
.cv-client-journey-head h2{
  font-size:44px;
  font-weight:700;
  margin:0;
  color:#0b0b0b;
}
.cv-client-journey-cta{
  background:#1a63ff;
  color:#fff;
  text-decoration:none;
  padding:10px 28px;
  border-radius:10px;
  font-weight:600;
  font-size:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.cv-client-journey-steps{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:48px;
  align-items:start;
}
.cv-client-journey-card{
  background:#fff;
  border:1px solid currentColor;
  border-radius:6px;
  padding:22px 22px 24px;
  min-height:168px;
  position:relative;
  box-shadow:0 4px 12px rgba(15, 23, 42, 0.08);
  color:#1a63ff;
}
.cv-client-journey-card::after{
  content:'';
  position:absolute;
  left:18px;
  bottom:-70px;
  width:2px;
  height:70px;
  background:currentColor;
}
@media (max-width: 980px){
  .cv-client-journey-card{
    transform:none;
  }
  .cv-client-journey-card.is-down{
    transform:none;
  }
  .cv-client-journey-card:nth-child(3){
    transform:none;
  }
  .cv-client-journey-card:nth-child(4){
    transform:none;
  }
  .cv-client-journey-card:nth-child(5){
    transform:none;
  }
  .cv-client-journey-card{
    border-radius:0;
    background:transparent;
  }
}

.ai-industries-accordion { background: #050506; padding: 80px 0; border-top: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05); color: rgba(233,238,249,.9); }
.ai-industries-accordion-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px;}
.ai-industries-accordion-intro { display: flex; flex-direction: column; gap: 18px; max-width: 520px; }
.ai-industries-accordion-intro h2 { margin: 0; font-size: clamp(28px, 4vw, 42px); letter-spacing: -0.01em; color: #fff;}
.ai-industries-accordion-intro p { margin: 0; font-size: 17px; line-height: 1.8; color: rgba(205,216,236,.78); }
.ai-industries-accordion-list { display: flex; flex-direction: column; gap: 18px;}
.ai-industries-accordion-list::-webkit-scrollbar { width: 6px; }
.ai-industries-accordion-list::-webkit-scrollbar-track { background: transparent;}
.ai-industries-accordion-list::-webkit-scrollbar-thumb { background: rgba(255,255,255,.12); border-radius: 999px; }
.ai-industries-accordion-list::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.2);}

/* Universal mobile container styles */
@media(max-width:640px){
  .container.container{
    width:100%;
    max-width:100%;
    margin-left:0;
    margin-right:0;
    padding-left:10px;
    padding-right:10px;
  }
}

@media (min-width: 992px) {
  .ai-industries-accordion-list { max-height: 70vh; overflow-y: auto; padding-right: 8px;}
}
.ai-industry-panel { border: 1px solid rgba(255,255,255,.08); border-radius: 18px; background: rgba(8,10,16,.86); padding: 22px 26px; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.ai-industry-panel.is-active { border-color: rgba(61,139,255,.6); box-shadow: 0 20px 45px rgba(0,0,0,.45); background: linear-gradient(140deg, rgba(24,32,52,.95), rgba(12,15,24,.9));}
.ai-industry-panel header { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.ai-industry-heading { display: flex; align-items: center; gap: 14px;}
.ai-industry-icon { font-size: 26px; }
.ai-industry-heading h3 { margin: 0; font-size: 20px; color: #fff; letter-spacing: .01em; position: relative;}
.ai-industry-heading h3::after { content: ""; position: absolute; left: 0; bottom: -6px; width: 36px; height: 2px; background: rgba(61,139,255,.7); opacity: .9; }
.ai-industry-toggle { width: 40px; height: 40px; border-radius: 12px; border: none; background: rgba(255,255,255,.12); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: background .2s ease, transform .2s ease;}
.ai-industry-toggle:hover { background: rgba(255,255,255,.2); transform: translateY(-1px); }
.ai-industry-toggle:focus-visible { outline: 2px solid rgba(61,139,255,.9); outline-offset: 3px;}
.ai-industry-toggle-icon { width: 16px; height: 16px; position: relative; display: inline-flex; align-items: center; justify-content: center; }
.ai-industry-toggle-icon::before { content: ""; position: absolute; width: 10px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); transition: transform .2s ease;}
.ai-industry-panel.is-active .ai-industry-toggle-icon::before { transform: rotate(225deg); }
.ai-industry-body { margin-top: 18px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.08);}
.ai-industry-panel:not(.is-active) .ai-industry-body { display: none; }
.ai-industry-body ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px;}
.ai-industry-body li { position: relative; padding-left: 28px; font-size: 16px; color: rgba(221,231,250,.94); line-height: 1.7; }
.ai-industry-body li::before { content: ""; width: 12px; height: 12px; border-radius: 4px; border: 2px solid #3f82ff; position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(-45deg);}
.ai-industry-body li::after { content: ""; width: 6px; height: 3px; border-left: 2px solid #3f82ff; border-bottom: 2px solid #3f82ff; position: absolute; left: 3px; top: 50%; transform: translateY(-50%) rotate(-45deg); }
@media (max-width: 980px){
  .ai-industries-accordion-grid { grid-template-columns: 1fr;}
  .ai-industries-accordion-intro { max-width: none; }
}
@media (max-width: 640px){
  .ai-industries-accordion { padding: 64px 0;}
  .ai-industry-panel { padding: 18px 20px; }
  .ai-industry-body li { font-size: 15px;}
}

.ai-agent-industries{
  background:#000;
  padding:90px 0 100px;
  color:#e8ecf7;
}
.ai-agent-industries .industries-grid{
  display:grid;
  grid-template-columns:0.9fr 1.1fr;
  gap:60px;
  align-items:start;
}
.ai-agent-industries .industries-left{
  position:sticky;
  top:120px;
}
.ai-agent-industries .industries-left h2{
  margin:0 0 24px;
  font-size:38px;
  font-weight:700;
  line-height:1.2;
  color:#fff;
}
.ai-agent-industries .industries-left p{
  margin:0;
  font-size:19px;
  line-height:1.7;
  color:#c9d4e9;
}
.ai-agent-industries .industries-right{
  display:flex;
  flex-direction:column;
  gap:0;
}
.ai-agent-industries .industry-accordion{
  border-bottom:1px solid rgba(255,255,255,0.1);
}
.ai-agent-industries .industry-trigger{
  width:100%;
  padding:20px 0;
  display:flex;
  align-items:center;
  gap:14px;
  background:none;
  border:none;
  color:#fff;
  font-size:18px;
  font-weight:600;
  cursor:pointer;
  text-align:left;
  transition:all 0.25s ease;
}
.ai-agent-industries .industry-trigger:hover{
  color:#4aa0ff;
}
.ai-agent-industries .industry-icon{
  font-size:22px;
}
.ai-agent-industries .industry-name{
  flex:1;
}
.ai-agent-industries .industry-arrow{
  width:36px;
  height:36px;
  border-radius:8px;
  background:rgba(255,255,255,0.08);
  display:grid;
  place-items:center;
  font-size:15px;
  color:#9aa3b5;
  transition:all 0.25s ease;
}
.ai-agent-industries .industry-accordion.is-open .industry-arrow{
  background:#1263ff;
  color:#fff;
  transform:rotate(180deg);
}
.ai-agent-industries .industry-panel{
  max-height:0;
  overflow:hidden;
  transition:max-height 0.35s ease;
}
.ai-agent-industries .industry-accordion.is-open .industry-panel{
  max-height:400px;
}
.ai-agent-industries .industry-items{
  list-style:none;
  margin:0;
  padding:0 0 20px 34px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.ai-agent-industries .industry-items li{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:16px;
  color:#c9d4e9;
}
.ai-agent-industries .item-dot{
  color:#1263ff;
  font-size:10px;
}
@media(max-width:960px){
  .ai-agent-industries .industries-grid{
    grid-template-columns:1fr;
    gap:40px;
}
  .ai-agent-industries .industries-left{
    position:static;
}
  .ai-agent-industries .industries-left h2{
    font-size:32px;
}
}

.cb-metrics{position:relative;padding:72px 0 72px 0;color:#0b0c0d;overflow:visible;background:radial-gradient(120% 120% at 10% 20%,#1a2a64,#0b0c0d 55%);}
.cb-metrics .container{position:relative; z-index:1;}
.cb-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch;}
.cb-metric-card{background:#fff;border-radius:14px;padding:22px 20px;box-shadow:0 18px 38px rgba(0,0,0,.24);display:flex;justify-content:center;flex-direction:column;gap:10px;}
.cb-metric-stat{font-size:28px;font-weight:800;color:#0b0c0d;letter-spacing:-0.01em;}
.cb-metric-label{margin:0;color:#2a3248;line-height:1.5;font-size:18px;font-weight:700;}
.cb-metric-card[data-metric-card]{will-change:transform;}
@media (max-width: 1024px){
  .cb-metrics-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px){
  .cb-metrics{ padding:56px 0 72px; }
  .cb-metrics-grid{ grid-template-columns: 1fr; }
  .cb-metric-card{ border-radius:8px; }
  .cb-metric-label{ font-size:16px;}
}

.sticky-split-features{
  background:#050506;
  padding:90px 0;
  color:#e9eef9;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
  --ssf-gap: clamp(42px, 6vw, 72px);
  --ssf-item-gap: 64px;
  --ssf-node-width: var(--ssf-gap);
  --ssf-dot-size: 54px;
  --ssf-line-gap: 10px;
}
.sticky-split-features-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.08fr) minmax(0, .92fr);
  gap:var(--ssf-gap);
  align-items:start;
}
.sticky-split-features-left{
  position:sticky;
  top:110px;
  align-self:start;
  /* max-width:520px; */
}
.sticky-split-features-title{
  margin:0 0 18px;
  font-size:clamp(28px, 3.2vw, 44px);
  line-height:1.12;
  letter-spacing:-0.02em;
  color:#fff;
}
@media (max-width: 640px){
.sticky-split-features-title{
  text-align: center;
}
}
.sticky-split-features-copy{
  margin:0;
  font-size:16px;
  line-height:1.8;
  color:rgba(205,216,236,.82);
}

.sticky-split-features-cta{ margin-top:22px; display:flex; }
@media (max-width: 640px){
  
  .sticky-split-features-cta{
  margin-top:22px;
   display:flex;
   justify-content: center;
  }


}


.sticky-split-features-cta .btn-primary{
  background:linear-gradient(135deg, var(--color-accent), var(--color-accent-2));
  color:var(--color-accent-contrast);
  border-radius:999px;
  padding:12px 24px;
  font-weight:700;
  box-shadow:0 16px 30px rgba(var(--color-accent-rgb), .32);
}
.sticky-split-features-cta .btn-primary:hover{ filter:brightness(1.05); }
.sticky-split-features-cta .btn-primary:active{ transform:translateY(1px);}

.sticky-split-features-right{ position:relative; }
.sticky-split-features-rail{
  display:none;
}
.sticky-split-features-items{
  display:flex;
  flex-direction:column;
  gap:var(--ssf-item-gap);
  padding-left:0;
}
.sticky-split-features-item{
  position:relative;
  display:grid;
  grid-template-columns:var(--ssf-gap) 1fr;
  gap:28px;
  align-items:flex-start;
}
.sticky-split-features-item:not(:last-child)::after{
  content:'';
  height: 1px;
  background: rgba(255,255,255,.08);
  grid-column: 1;
  margin-left: calc(var(--ssf-gap) / 2);
}

.cb-award-media { width: 100%; display: flex; align-items: center; justify-content: center;}
.cb-award-media img { max-width: 140px; height: auto; object-fit: contain; display: block; }
.cb-award-meta { display: grid; gap: 6px;}
.cb-award-year { color: #8fa7d1; font-weight: 700; font-size: 14px; }
.cb-award-card h3 { margin: 0; color: #fff; font-size: 15px; line-height: 1.4;}
.cb-award-card p { margin: 0; color: #d6def2; font-size: 13px; line-height: 1.5; }
.cb-awards-nav { display: flex; gap: 12px; justify-content: center; align-items: center; margin-top: 18px;}
.cb-awards-btn { width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.06); color: #fff; font-size: 16px; cursor: pointer; display: grid; place-items: center; transition: all .2s ease; }
.cb-awards-btn:hover { background: rgba(255,255,255,.12);}
@media (max-width: 900px){
  .cb-award-card { flex: 0 0 calc(33.33% - 18px);}
}
@media (max-width: 640px){
  .cb-awards { padding: 64px 0;}
  .cb-awards-stage { overflow: hidden; }
  .cb-awards-rail { gap: 0; }
  .cb-award-card { flex: 0 0 100%; min-width: 0; max-width: 100%; box-sizing: border-box; box-shadow: none; }
}

/* AI Agent Awards */
.ai-agent-awards{ background:#000; padding: 86px 0 96px; color:#e8ecf7; }
.ai-agent-awards .awards-layout{ display:block; }
.ai-agent-awards.is-split .awards-layout{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:36px; align-items:start;}
.ai-agent-awards .awards-body{ min-width:0; }
.ai-agent-awards.is-split .awards-head{ text-align:left; max-width:none; margin:0;}
.ai-agent-awards .awards-head{ text-align:center; max-width: 980px; margin: 0 auto 34px; }
.ai-agent-awards .awards-head h2{ margin:0 0 12px; font-size: clamp(36px, 4.6vw, 56px); line-height: 1.1; letter-spacing:-0.02em; color:#fff;}
.ai-agent-awards.is-split .awards-head h2{ font-size: clamp(40px, 5.2vw, 64px); }
.ai-agent-awards .awards-head h2 .is-highlight{ color:#1f6bff;}
.ai-agent-awards .awards-head p{ margin:0; font-size: 15px; line-height: 1.7; color:#c9d4e9; }
.ai-agent-awards .awards-stage{ overflow:hidden;}
.ai-agent-awards .awards-rail{ display:flex; gap:73px; will-change: transform; transition: transform .35s ease; justify-content: flex-start; }
.ai-agent-awards.is-split .awards-stage{ overflow:hidden;}
.ai-agent-awards.is-split[data-static="1"] .awards-rail{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:28px; transition:none; }
.ai-agent-awards.is-split[data-static="1"] .awards-card{ width:100%;}
.ai-agent-awards.is-split .awards-rail{ gap:0; }
.ai-agent-awards.is-split[data-static="1"] .awards-rail{ gap:28px;}
.ai-agent-awards.is-split .awards-page{ flex:0 0 100%; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:28px; }
.ai-agent-awards.is-split .awards-page .awards-card{ width:100%;}
.ai-agent-awards .awards-card{ position: relative; background: url(https://cdn.bonamisoftware.com/images/assets-ext/new-award-border.webp) no-repeat; background-size: 100% 100%; background-position: top; padding: 20px; height: 270px; width: 248px; flex: 0 0 auto; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; text-align:center; }
.ai-agent-awards .awards-logo{ height: 84px; display:flex; align-items:center; justify-content:center; margin-top: 8px; }
.ai-agent-awards .awards-logo img{ max-width: 180px; max-height: 84px; width:auto; height:auto; display:block;}
.ai-agent-awards .awards-year{ display:block; margin-top: 14px; font-size: 13px; color:#c9d4e9; }
.ai-agent-awards .awards-card-title{ margin: 10px 0 0; font-size: 13px; line-height: 1.5; color:#fff;}
.ai-agent-awards .awards-nav{ display:flex; justify-content:center; gap:12px; margin-top: 18px; }
.ai-agent-awards .awards-btn{ width: 42px; height: 42px; border-radius: 999px; border: 1px solid rgba(255,255,255,.18); background: transparent; color: rgba(255,255,255,.9); cursor:pointer; }
.ai-agent-awards .awards-btn:disabled{ opacity:.35; cursor:default; }
@media (max-width: 960px){
  .ai-agent-awards{ padding: 70px 0 80px;}
  .ai-agent-awards.is-split .awards-layout{ grid-template-columns:1fr; }
  .ai-agent-awards .awards-head h2{ font-size: 38px;}
  .ai-agent-awards.is-split .awards-head h2{ font-size: 40px; }
}
@media (max-width: 640px){
  .ai-agent-awards.is-split[data-static="1"] .awards-rail{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:28px; transition:none; }
  .ai-agent-awards .awards-head h2{ font-size: 32px;}
  .ai-agent-awards.is-split .awards-head h2{ font-size: 34px; }
  .ai-agent-awards .awards-rail{ gap: 0; }
  .ai-agent-awards .awards-card{ width: 100%; flex: 0 0 100%; box-sizing: border-box; }
  .ai-agent-awards .awards-nav{ margin-top: 22px; gap: 16px; }
  .ai-agent-awards .awards-btn{
    width: 44px;
    height: 44px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.22);
    background: rgba(255,255,255,.08);
    font-size: 18px;
    box-shadow: 0 10px 20px rgba(0,0,0,.28);
    transition: all .18s ease;
  }
  .ai-agent-awards .awards-btn:disabled{
    opacity: .35;
    cursor: not-allowed;
    background: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.14);
    box-shadow: none;
  }
}

/* Chatbot Partners */
.cb-partners { padding: 80px 0; background: #05070b; color: #f5f7ff; }
.cb-partners-head { text-align: center; max-width: 920px; margin: 0 auto 28px; display: grid; gap: 12px;}
.cb-partners-head h2 { margin: 0; font-size: clamp(28px, 3.8vw, 40px); letter-spacing: -0.01em; }
.cb-partners-head p { margin: 0; color: #c9d4e9; line-height: 1.7; font-size: 16px;}
.cb-partners-stage { overflow: hidden; position: relative; margin-top: 8px; }
.cb-partners-rail { display: flex; transition: transform .35s ease; width: 100%;}
.cb-partners-grid { flex: 0 0 100%; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(120px, 1fr)); }
.cb-partner-card { border: 1px solid rgba(255,255,255,.08); border-right: none; border-bottom: none; display: flex; flex-direction: column; gap: 10px; align-items: center; justify-content: center; padding: 18px 12px; background: rgba(12,16,24,.85);}
.cb-partner-card:nth-child(5n) { border-right: 1px solid rgba(255,255,255,.08); }
.cb-partner-card:nth-child(n+6) { border-bottom: 1px solid rgba(255,255,255,.08);}
.cb-partner-card img { max-height: 42px; max-width: 120px; width: auto; height: auto; object-fit: contain; filter: brightness(1); }
.cb-partner-card span { color: #dfe7fb; font-size: 14px; text-align: center;}
.cb-partners-nav { display: flex; gap: 12px; justify-content: center; align-items: center; margin: 18px 0 10px 0; }
.cb-partners-btn { width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.06); color: #fff; font-size: 16px; cursor: pointer; display: grid; place-items: center; transition: all .2s ease;}
.cb-partners-btn:hover { background: rgba(255,255,255,.12); }
.cb-partners-cta { display: flex; justify-content: center;}
.cb-partners-cta .btn-primary { background: #1f6bff; color: #fff; border-radius: 10px; padding: 12px 22px; font-weight: 700; box-shadow: 0 16px 32px rgba(31,107,255,.35); }
.cb-partners-cta .btn-primary:hover { filter: brightness(1.05);}
@media (max-width: 900px){
  .cb-partners-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(120px, 1fr));}
  .cb-partner-card:nth-child(5n) { border-right: 1px solid rgba(255,255,255,.08); }
  .cb-partner-card:nth-child(3n) { border-right: 1px solid rgba(255,255,255,.08);}
}
@media (max-width: 640px){
  .cb-partners { padding: 64px 0;}
  .cb-partners-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(120px, 1fr)); }
  .cb-partner-card:nth-child(2n) { border-right: 1px solid rgba(255,255,255,.08);}
}

/* Chatbot Technologies */
.cb-tech { padding: 90px 0; background: #05070b; color: #f5f7ff; }
.cb-tech-head { text-align: center; max-width: 940px; margin: 0 auto 32px; display: grid; gap: 12px;}
.cb-tech-head h2 { margin: 0; font-size: clamp(28px, 3.8vw, 40px); letter-spacing: -0.01em; }
.cb-tech-head p { margin: 0; color: #c9d4e9; line-height: 1.7; font-size: 16px;}
.cb-tech-stage { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; }
.cb-tech-track { display: flex; gap: 18px; transition: transform .35s ease; will-change: transform; overflow: hidden;}
.cb-tech-card { min-width: min(320px, 24vw); background: #0d1119; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; padding: 16px; display: flex; flex-direction: column; gap: 12px; box-shadow: 0 18px 34px rgba(0,0,0,.3); }
.cb-tech-card h3 { margin: 0; color: #fff; font-size: 17px;}
.cb-tech-card p { margin: 0; color: #d6def2; line-height: 1.6; font-size: 14px; }
.cb-tech-count { align-self: flex-start; font-size: 12px; color: #9fb4df; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); border-radius: 10px; padding: 4px 8px;}
.cb-tech-media img { width: 100%; height: 180px; object-fit: cover; border-radius: 12px; display: block; }
.cb-tech-arrow { width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.06); color: #fff; font-size: 18px; display: grid; place-items: center; cursor: pointer; transition: all .2s ease;}
.cb-tech-arrow:hover { background: rgba(255,255,255,.12); }
@media (max-width: 960px){
  .cb-tech-card { min-width: 280px;}
}
@media (max-width: 640px){
  .cb-tech { padding: 72px 0;}
  .cb-tech-stage { grid-template-columns: 1fr; }
  .cb-tech-track { width: 100%;}
  .cb-tech-arrow { order: -1; justify-self: center; }
}

/* Chatbot Models */
.cb-models { padding: 90px 0; background: #05070b; color: #f5f7ff; }
.cb-models-head { text-align: center; max-width: 940px; margin: 0 auto 32px; display: grid; gap: 12px;}
.cb-models-head h2 { margin: 0; font-size: clamp(28px, 3.8vw, 40px); letter-spacing: -0.01em; }
.cb-models-head p { margin: 0; color: #c9d4e9; line-height: 1.7; font-size: 16px;}
.cb-models-body { display: grid; grid-template-columns: 35% 1px 70%; gap: 18px; align-items: start; }
.cb-models-tabs { display: flex; flex-direction: column; gap: 10px; max-height: 320px; overflow-y: auto; overscroll-behavior: contain; padding-right: 6px; scrollbar-width: thin; scrollbar-color: #fff rgba(255,255,255,.14);}
.cb-models-tabs::-webkit-scrollbar{ width: 6px; }
.cb-models-tabs::-webkit-scrollbar-track{ background: rgba(255,255,255,.14); border-radius: 999px;}
.cb-models-tabs::-webkit-scrollbar-track-piece{ background: rgba(255,255,255,.14); border-radius: 999px; }
.cb-models-tabs::-webkit-scrollbar-thumb{ background: #fff; border-radius: 999px;}
.cb-models-tabs::-webkit-scrollbar-button{ width:0; height:0; display:none; }
.cb-models-tabs::-webkit-scrollbar-button:single-button{ width:0; height:0; display:none; background: transparent;}
.cb-models-tabs::-webkit-scrollbar-button:single-button:vertical:decrement{ height:0; background: transparent; }
.cb-models-tabs::-webkit-scrollbar-button:single-button:vertical:increment{ height:0; background: transparent;}
.cb-models-tabs::-webkit-scrollbar-button:start:decrement{ width:0; height:0; display:none; background: transparent; }
.cb-models-tabs::-webkit-scrollbar-button:end:increment{ width:0; height:0; display:none; background: transparent;}
.cb-models-tabs::-webkit-scrollbar-button:increment{ width:0; height:0; display:none; background: transparent; }
.cb-models-tabs::-webkit-scrollbar-button:decrement{ width:0; height:0; display:none; background: transparent;}
.cb-models-tabs::-webkit-scrollbar-corner{ background: transparent; }
.cb-models-tab { width: 100%; text-align: left; padding:25px; border: none; background: transparent; color: #787878; font-weight: 700; font-size:20px; cursor: pointer; transition: all .2s ease; display:flex; align-items:center; gap:14px;}
.cb-models-tab-icon{ width:28px; height:28px; object-fit:contain; filter: invert(1) grayscale(1) brightness(1.1); opacity:0.6; flex-shrink:0; }
.cb-models-tab-label{ display:block; }
.cb-models-tab.is-active { background: linear-gradient(90deg, #1163fb 0%, rgba(27, 27, 27, 0) 100%); color: #fff; box-shadow: inset 3px 0 0 #1f6bff; }
.cb-models-tab.is-active .cb-models-tab-icon{ filter: invert(1) grayscale(0) brightness(1.2); opacity:1; }

body.page-software-enterprise-services .cb-models-tab.is-active{
  background: linear-gradient(90deg, #1b1b1b 0%, rgba(27, 27, 27, 0) 100%);
  box-shadow: inset 3px 0 0 #1b1b1b;
}
body.page-cybersecurity-services .cb-models-body{
  grid-template-columns: 38% 1px 62%;
}
body.page-cybersecurity-services .cb-models-divider{
}

.cb-insights-tab { background: transparent; border: 1px solid rgba(255,255,255,.22); color: rgba(255,255,255,.82); font-weight: 700; font-size: 13px; padding: 10px 18px; position: relative; cursor: pointer; border-radius:999px; transition: background .2s ease, color .2s ease, border-color .2s ease;}
.cb-insights-tab.is-active { background:#fff; color:#05070b; border-color:#fff; }
.cb-insights-panel { display: none;}
.cb-insights-panel.is-active { display: block; }
.cb-insights-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px;}
.cb-insights-card { display: grid; gap: 10px; text-decoration: none; color: #dfe7fb; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.08); border-radius: 14px; overflow: hidden; box-shadow: 0 14px 28px rgba(0,0,0,.26); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.cb-insights-card:hover { transform: translateY(-4px); border-color: rgba(255,255,255,.22); box-shadow: 0 20px 34px rgba(0,0,0,.32);}
.cb-insights-media { width: 100%; aspect-ratio: 16/9; overflow: hidden; background: #0f141c; }
.cb-insights-media img { width: 100%; height: 100%; object-fit: cover; display: block;}
.cb-insights-meta{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding: 12px 14px 14px; font-weight:700; color:#fff; line-height:1.5; }
.cb-insights-meta span:first-child{ font-size:14px;}
.cb-insights-arrow{ color:rgba(255,255,255,0.7); }
@media (max-width: 920px){
  .cb-insights-grid { grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 600px){
  .cb-insights { padding: 72px 0;}
  .cb-insights-grid { grid-template-columns: 1fr; }
}
/* AI Services Overview */
.ai-services { padding: 56px 0; background: #0b0c0d; border-top: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05); }
.ai-services-head { display: flex; flex-direction: column; gap: 12px; margin-bottom: 28px;}
.ai-services-copy h2 { margin: 0; color: #e8eef9; font-size: clamp(28px, 4vw, 40px); letter-spacing: -0.01em; }
.ai-services-copy p { margin: 0; color: var(--color-muted); max-width: 640px; font-size: 16px; line-height: 1.7;}
.ai-services-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.ai-service-card { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.12); border-radius: 14px; padding: 20px; min-height: 180px; display: flex; flex-direction: column; gap: 10px; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;}
.ai-service-card h3 { margin: 0; color: #f1f3ff; font-size: 18px; }
.ai-service-card p { margin: 0; color: rgba(201,212,233,.78); line-height: 1.6; font-size: 14px;}
.ai-service-card:hover { transform: translateY(-4px); border-color: rgba(255,255,255,.24); box-shadow: 0 18px 30px rgba(0,0,0,.35); }
@media (max-width: 1024px){
  .ai-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 640px){
  .ai-services-grid { grid-template-columns: 1fr;}
}

/* AI Process */
.ai-process { padding: 56px 0; }
.ai-process-head { text-align: center; max-width: 720px; margin: 0 auto 32px auto;}
.ai-process-head h2 { margin: 0 0 10px 0; color: #e8eef9; font-size: clamp(26px, 3.6vw, 38px); }
.ai-process-head p { margin: 0; color: var(--color-muted); line-height: 1.7;}
.ai-process-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.ai-process-step { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.12); border-radius: 14px; padding: 20px; position: relative; overflow: hidden; min-height: 200px; display: flex; flex-direction: column; gap: 10px;}
.ai-process-index { font-size: 24px; font-weight: 800; color: rgba(255,255,255,.12); letter-spacing: .12em; }
.ai-process-step h3 { margin: 0; color: #f1f3ff; font-size: 18px;}
.ai-process-step p { margin: 0; color: rgba(201,212,233,.78); line-height: 1.6; font-size: 14px; }
.ai-process-step::after { content: ""; position: absolute; inset: 0; background: radial-gradient(220px 220px at 0% 0%, rgba(123,97,255,.18), transparent 60%); pointer-events: none;}
.ai-process-step:hover { border-color: rgba(255,255,255,.24); box-shadow: 0 16px 32px rgba(0,0,0,.35); }
@media (max-width: 1024px){
  .ai-process-grid { grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 640px){
  .ai-process-grid { grid-template-columns: 1fr;}
}

/* Impact metrics */
.impact-metrics { background: #0b0c0d; padding: 28px 0; border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06); }
.metrics-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 18px 0;}
.metric { position: relative; padding: 12px 18px; }
.metric:not(:first-child)::before { content: ""; position: absolute; left: -10px; top: 8px; bottom: 8px; width: 1px; background: rgba(255,255,255,.1);}
.metric .stat { font-size: clamp(28px, 4vw, 36px); font-weight: 800; color: #77a9ff; margin-bottom: 8px; }
.metric .title { font-weight: 700; margin-bottom: 6px;}
.metric p { margin: 0; color: var(--color-muted); }
@media (max-width: 900px){ .metrics-grid { grid-template-columns: 1fr;} .metric:not(:first-child)::before{ display:none; } }

/* CTA band */
.impact-cta { padding: 36px 0; background: #0a0a0b; }
.cta-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 20px;
  padding: 18px 22px;
  border-radius: 16px;
  background: #141414;
  border: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 16px 30px rgba(0,0,0,.32);
}
.cta-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(255,255,255,.08);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.cta-icon svg { width: 22px; height: 22px; }
.cta-text { color: #f2f4ff; font-weight: 600; font-size: clamp(18px, 2.2vw, 22px);}
.cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 24px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--color-accent), var(--color-accent-2));
  color: #fff;
  font-weight: 600;
  box-shadow: 0 12px 24px rgba(var(--color-accent-rgb), .32);
  text-shadow: 0 1px 2px rgba(0,0,0,.28);
  transition: transform .2s ease, box-shadow .2s ease;
}
.cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 28px rgba(var(--color-accent-rgb), .38);
}
@media (max-width: 640px){
  .cta-card {
    grid-template-columns: 1fr;
    gap: 14px;
}
  .cta-btn {
    width: 100%;
}
}

.why-trust-sticky{
  padding: 100px 0;
  background: #0a0a0a;
  color: #ffffff;
}
.why-trust-sticky .why-trust-grid{
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 80px;
  align-items: start;
}
.why-trust-sticky .why-trust-left{ position: sticky; top: 120px; }
.why-trust-sticky .why-trust-title{ margin: 0 0 24px; font-size: clamp(32px, 4vw, 44px); font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; color: #fff;}
.why-trust-sticky .why-trust-intro{ margin: 0; font-size: 17px; line-height: 1.7; color: rgba(255,255,255,.72); }
.why-trust-sticky .why-trust-right{ display: flex; flex-direction: column; gap: 0;}
.why-trust-sticky .why-trust-item{ border-left: 1px solid rgba(255,255,255,.15); padding: 32px 0 48px 40px; }
.why-trust-sticky .why-trust-item:last-child{ padding-bottom: 0;}
.why-trust-sticky .why-trust-number{ display: block; font-size: 18px; font-weight: 700; color: #1163fb; margin-bottom: 20px; letter-spacing: 0.02em; }
.why-trust-sticky .why-trust-item-title{ margin: 0 0 20px; font-size: 24px; font-weight: 700; color: #fff; line-height: 1.3;}
.why-trust-sticky .why-trust-item-desc{ margin: 0; font-size: 16px; line-height: 1.75; color: rgba(255,255,255,.70); }

@media (max-width: 960px){
  .why-trust-sticky{ padding: 80px 0 100px;}
  .why-trust-sticky .why-trust-grid{ grid-template-columns: 1fr; gap: 48px; }
  .why-trust-sticky .why-trust-left{ position: static; top: auto;}
  .why-trust-sticky .why-trust-title{ font-size: 30px; }
}
@media (max-width: 640px){
  .why-trust-sticky .why-trust-item{ padding-left: 24px;}
  .why-trust-sticky .why-trust-item-title{ font-size: 20px; }
}

.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--color-accent), var(--color-accent-2));
  color: var(--color-accent-contrast);
  font-weight: 700;
  text-decoration: none;
  width:fit-content;
  max-width: fit-content;
  white-space: normal;
  text-align: center;
  line-height: 1.2;
  box-shadow: 0 14px 28px rgba(var(--color-accent-rgb), .3);
  text-shadow: 0 1px 2px rgba(0,0,0,.28);
  transition: transform .2s ease, box-shadow .2s ease;
}
.btn-primary:hover { transform: translateY(-1px); box-shadow: 0 18px 34px rgba(var(--color-accent-rgb), .36);color:white; }
.btn-primary:active { transform: translateY(0); box-shadow: 0 10px 18px rgba(var(--color-accent-rgb), .24);}

/* Testimonials */
.testimonials { padding: 48px 0; background: radial-gradient(1200px 600px at 20% 20%, rgba(var(--color-accent-rgb), .24), transparent 60%), radial-gradient(1200px 600px at 80% 80%, rgba(var(--color-accent-rgb), .16), transparent 65%), var(--color-bg); }
.t-head { color: var(--color-text); margin: 0 0 20px 0; font-size: clamp(22px, 3.2vw, 36px); letter-spacing: -0.01em;}
.t-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }

.genai-approach{ padding: 90px 0; background: #000; color: #e8ecf7;}
.genai-approach.genai-approach--light{ background: #ffffff; color: #0b0c0d; }

.approach-grid{ display:grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 48px; align-items:flex-start; }
.approach-left{ max-width: 640px;}
.approach-title{ margin: 0 0 16px 0; font-size: clamp(26px, 3.2vw, 40px); line-height: 1.15; letter-spacing: -0.02em; color: #fff; }
.approach-intro{ margin: 0; line-height: 1.75; font-size: 16px; color: rgba(233,238,249,.78); max-width: 560px;}

.approach-accordions{ display:grid; border-top: 1px solid rgba(255,255,255,.12); }
.approach-accordion{ border-bottom: 1px solid rgba(255,255,255,.12);}
.approach-accordion-header{ width:100%; background: transparent; border:0; padding:35px 0; display:grid; grid-template-columns: 1fr auto; align-items:center; gap: 16px; color:#fff; cursor:pointer; text-align:left; }
.approach-accordion-title{ font-weight: 700; font-size: 20px; letter-spacing: -0.01em;}
.approach-accordion-icon{ width:28px; height:28px; display:grid; place-items:center; border-radius:2px; background:rgba(255,255,255,.10); color:rgba(255,255,255,.9); font-size:16px; flex-shrink:0; transition: all .25s ease; }
.approach-accordion-icon svg{ display:none; }
.approach-accordion-icon::after{ content:'\2193'; }
.approach-accordion.is-open .approach-accordion-icon::after{ content:'\2191'; }

.approach-accordion-icon--pm{ position: relative; }
.approach-accordion-icon--pm{ width: 18px; height: 18px; border: 0; border-radius: 0; background: transparent; }
.approach-accordion.is-open .approach-accordion-icon--pm{ background: transparent; }
.approach-accordion-icon--pm::before,
.approach-accordion-icon--pm::after{ content:""; position:absolute; left:50%; top:50%; width: 14px; height: 2px; background: currentColor; transform: translate(-50%, -50%); border-radius: 2px; }
.approach-accordion-icon--pm::after{ transform: translate(-50%, -50%) rotate(90deg); transition: opacity .18s ease; }
.approach-accordion.is-open .approach-accordion-icon--pm::after{ opacity: 0; }

.approach-accordion-icon--px{ position: relative; }
.approach-accordion-icon--px::before,
.approach-accordion-icon--px::after{ content:""; position:absolute; left:50%; top:50%; width: 14px; height: 2px; background: currentColor; transform: translate(-50%, -50%); border-radius: 2px; transition: transform .18s ease; }
.approach-accordion-icon--px::after{ transform: translate(-50%, -50%) rotate(90deg); }
.approach-accordion.is-open .approach-accordion-icon--px::before{ transform: translate(-50%, -50%) rotate(45deg); }
.approach-accordion.is-open .approach-accordion-icon--px::after{ transform: translate(-50%, -50%) rotate(-45deg); }

.approach-accordion-content{ padding: 0; height: 0; overflow: hidden; transition: height .32s ease; }
.approach-accordion-inner{ padding: 0 0 20px 0;}
.approach-accordion-content p{ margin: 0; color: rgba(233,238,249,.78); line-height: 1.7; font-size: 18px; }

.approach-bullets{ list-style:none; margin: 0; padding: 0; display:grid; gap: 10px;}
.approach-bullets li{ display:grid; grid-template-columns: 10px 1fr; gap: 12px; align-items:start; color: rgba(233,238,249,.88); font-size: 14px; line-height: 1.65; }
.approach-bullets li::before{ content:""; width: 8px; height: 8px; border-radius: 999px; background: #1f6bff; margin-top: 6px; box-shadow: 0 0 0 3px rgba(31,107,255,.12);}

.genai-approach.genai-approach--light .approach-title{ color: #0b0c0d; }
.genai-approach.genai-approach--light .approach-intro{ color: rgba(11, 12, 13, .72);}

.genai-approach.genai-approach--light .approach-accordions{ border-top-color: rgba(11, 12, 13, .14); }
.genai-approach.genai-approach--light .approach-accordion{ border-bottom-color: rgba(11, 12, 13, .14);}
.genai-approach.genai-approach--light .approach-accordion-header{ color: #0b0c0d; }
.genai-approach.genai-approach--light .approach-accordion-title{ color: #0b0c0d;}
.genai-approach.genai-approach--light .approach-accordion-icon{ background: rgba(11, 12, 13, .06); color: rgba(11, 12, 13, .9); }
.genai-approach.genai-approach--light .approach-accordion.is-open .approach-accordion-icon{ background: rgba(10, 73, 255, .10); color: #0a49ff; }

.genai-approach.genai-approach--light .approach-accordion-content p{ color: rgba(11, 12, 13, .72); }
.genai-approach.genai-approach--light .approach-bullets li{ color: rgba(11, 12, 13, .78);}
.genai-approach.genai-approach--light .approach-right::-webkit-scrollbar-thumb{ background: rgba(11, 12, 13, .14); }
.genai-approach.genai-approach--light .approach-right::-webkit-scrollbar-thumb:hover{ background: rgba(11, 12, 13, .22);}

.genai-approach.genai-approach--hww-gradient{ background: linear-gradient(180deg, var(--Primary-NB500, #1163fb) 0%, var(--Neutral-NB1000, #000) 100%); }

body.page-how-we-work .genai-approach.genai-approach--hww-gradient{ background: linear-gradient(180deg, var(--Primary-NB500, #1163fb) 0%, var(--Neutral-NB1000, #000) 100%); }

.approach-cta{ margin-top: 28px; }
.approach-cta-btn{ display:inline-flex; align-items:center; justify-content:center; gap: 10px; padding: 12px 18px; border-radius: 999px; border: 1px solid rgba(255,255,255,.70); color: rgba(255,255,255,.92); background: transparent; text-decoration: none; font-size: 12px; font-weight: 700; letter-spacing: .01em; }
.approach-cta-btn:hover{ border-color: #fff; background: rgba(255,255,255,.08); }
.approach-cta-btn-icon{ font-size: 14px; line-height: 1; }

body.page-aviation .genai-approach{ background: #000; color: #e8ecf7; }
body.page-aviation .approach-title{ color: #fff;}
body.page-aviation .approach-intro{ color: rgba(255,255,255,.72); }

body.page-aviation .approach-accordions{ border-top-color: rgba(255,255,255,.14);}
body.page-aviation .approach-accordion{ border-bottom-color: rgba(255,255,255,.14); }
body.page-aviation .approach-accordion-header{ color: #fff;}
body.page-aviation .approach-accordion-title{ color: #fff; }
body.page-aviation .approach-accordion-icon{ background: rgba(255,255,255,.06); color: rgba(255,255,255,.9);}
body.page-aviation .approach-accordion.is-open .approach-accordion-icon{ background: rgba(10, 73, 255, .20); color: #6c9bff; }

body.page-aviation .approach-accordion-content p{ color: rgba(255,255,255,.72);}
body.page-aviation .approach-bullets li{ color: rgba(255,255,255,.78); }
body.page-aviation .approach-right::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.14);}
body.page-aviation .approach-right::-webkit-scrollbar-thumb:hover{ background: rgba(255,255,255,.22); }

@media (min-width: 992px){
  .approach-right{ position: sticky; top: 120px;  overflow-y: auto; padding-right: 10px;}
  .approach-right::-webkit-scrollbar{ width: 8px; }
  .approach-right::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.12); border-radius: 999px;}
  .approach-right::-webkit-scrollbar-thumb:hover{ background: rgba(255,255,255,.2); }
}

@media (max-width: 768px){
  .approach-grid{ grid-template-columns: 1fr; gap: 28px;}
  .approach-left{ max-width: none; }
  .approach-intro{ max-width: none;}
  .approach-right{ position: static; top: auto; max-height: none; overflow: visible; padding-right: 0; }
}
@media (max-width: 640px){
  .genai-approach{ padding: 60px 0; }
  .approach-title{ font-size: clamp(24px, 5vw, 32px); }
  .approach-intro{ font-size: 14px; line-height: 1.6; }
  .approach-accordion-header{ padding: 22px 0; }
  .approach-accordion-title{ font-size: 16px; }
  .approach-accordion-icon svg{ width: 20px; height: 20px; }
  .approach-accordion-content p{ font-size: 14px; }
  .approach-bullets li{ font-size: 13px; }
  .approach-cta-btn{ font-size: 11px; padding: 10px 16px; }
}
.t-card { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: 14px; padding: 10px; cursor: pointer; }
.t-card:focus { outline: 2px solid var(--color-accent); outline-offset: 2px;}
.t-media { position: relative; aspect-ratio: 9/16; overflow: hidden; border-radius: 10px; background: var(--color-bg); }
.t-media .t-thumb { width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; inset: 0; z-index: 1;}
.t-media .t-video { width: 100%; height: 100%; object-fit: cover; display: none; position: absolute; inset: 0; z-index: 2; }
.t-play { 
  position: absolute; 
  left: 50%; 
  top: 50%; 
  transform: translate(-50%, -50%); 
  width: 54px; 
  height: 54px; 
  border-radius: 999px; 
  background: var(--color-surface); 
  color: var(--color-text); 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  font-weight: 900; 
  box-shadow: 0 8px 30px rgba(var(--color-accent-rgb), .20); 
  z-index: 3;
  border: 1px solid var(--color-border);
  cursor: pointer;
  transition: transform .2s ease, background .2s ease;
}
.t-play:hover {
  transform: translate(-50%, -50%) scale(1.1);
  background: rgba(var(--color-accent-rgb), .14);
}
.t-meta { text-align: center; margin-top: 8px; }
.t-name { color: var(--color-text); font-weight: 700;}
.t-role { color: var(--color-text-light); font-size: 13px; }
.t-actions { display: flex; justify-content: center; margin-top: 18px;}

/* Testimonials modal */
.t-modal[hidden] { display: none; }
.t-modal { position: fixed; inset: 0; z-index: 1500;}
.t-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.6); }
.t-modal-dialog { position: relative; margin: 6vh auto; background: #000; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; max-width: 960px; width: calc(100% - 32px); overflow: hidden;}
.t-modal-video { width: 100%; height: auto; display: block; }
.t-close { position: absolute; top: 8px; right: 8px; width: 36px; height: 36px; border-radius: 8px; border: 1px solid rgba(255,255,255,.2); background: rgba(0,0,0,.5); color: #fff; cursor: pointer;}
@media (max-width: 1024px){ .t-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px){ .t-grid { grid-template-columns: 1fr;} }

/* Case studies rail */
.case-studies { padding: 24px 0 8px 0; position: relative; }
.studies-rail { display: grid; gap: 24px; grid-auto-flow: column; grid-auto-columns: 100%; overflow: hidden; scroll-snap-type: x mandatory; padding-bottom: 10px; touch-action: pan-y;}
.studies-rail:focus { outline: none; }
.study { display: grid; grid-template-columns: 1.1fr 1.9fr; gap: 28px; scroll-snap-align: start; align-items: center;}
.study-copy .eyebrow { color: #77a9ff; font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.study-copy h3 { margin: 6px 0 8px 0; font-size: clamp(22px, 3.2vw, 32px);}
.study-copy p { color: var(--color-muted); max-width: 520px; }
.study-copy .results { display: grid; grid-template-columns: repeat(2, max-content); gap: 24px; margin: 14px 0;}
.study-copy .results span { display:block; font-size: 13px; color: var(--color-muted); }
.btn-ghost { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--color-border); color: #fff;}
.study-media .media-ph { height: 420px; border-radius: 14px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center; color: #9fb3d9; }
@media (max-width: 900px){
  .studies-rail { grid-auto-columns: 100%;}
  .study { grid-template-columns: 1fr; }
  .study-media .media-ph { height: 240px;}
}
/* Carousel nav */
.cs-nav { display: flex; gap: 8px; justify-content: flex-end; margin-top: 10px; }
.cs-btn { width: 40px; height: 40px; border-radius: 10px; border: 1px solid var(--color-border); background: rgba(255,255,255,.04); color: #fff; cursor: pointer;}
.cs-btn:hover { background: rgba(255,255,255,.08); }

/* Middle column links layout: single scrollable column — scoped to ai-services only */
body.page-ai-services .ai-links { max-height: 340px; overflow: auto; padding-right: 8px; width: 100%;}
body.page-ai-services .ai-links ul { list-style: none; margin: 0; padding: 0; display: block; }
body.page-ai-services .ai-links li { margin: 0 0 10px 0;}
body.page-ai-services .ai-links a { display: flex; align-items: center; padding: 8px 12px; color: #4b5563; white-space: normal; line-height: 1.5; border-radius: 8px; font-size: 13.5px; font-weight: 600; }
body.page-ai-services .ai-links a:hover { color: #1a69fd; background: rgba(26,105,253,.05); }
/* Scrollbar styling */
body.page-ai-services .ai-links { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.18) transparent; }
body.page-ai-services .ai-links::-webkit-scrollbar { width: 8px;}
body.page-ai-services .ai-links::-webkit-scrollbar-thumb { background: rgba(255,255,255,.14); border-radius: 8px; }

/* Services grid */
.services { padding: 150px 0px; position: relative;}
.s-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 50px; }
.s-head h2 { margin: 0; font-size: clamp(22px, 3vw, 34px); letter-spacing: -0.01em; color: #e8eef9;}
.s-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.s-card { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.12); border-radius: 12px; padding: 16px;}
.s-icon {
  width: 36px;
  height: 36px;
  margin-bottom: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  filter: grayscale(100%);
  opacity: 0.85;
  transition: all .2s ease;
}
.s-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  filter: invert(1);
}
.s-card:hover .s-icon {
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1.05);
}
.s-card h3 { margin: 0 0 8px 0; font-size: 18px; }
.s-card p { margin: 0; color: var(--color-muted);}
.services-sep { height: 28px; }
.services-accent { height: 12px; background: var(--color-accent);}
@media (max-width: 1024px){ .s-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px){ .s-grid { grid-template-columns: 1fr;} }

/* ROI band */
.roi-band { background: #1e6bff; color: #0b0c0d; padding: 100px 0; }
.roi-band .container {text-align: center;}
.roi-head { color: #e9f2ff; margin: 0 0 50px 0; font-size: clamp(22px, 3vw, 32px); }
.roi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 8px;}
.roi-card { background: #f6f8ff; color: #0b0c0d; border-radius: 12px; padding: 25px; box-shadow: 0 2px 0 rgba(0,0,0,.08) inset; }
.roi-card h3 { margin: 6px 0 6px 0; font-size: 18px;}
.roi-card p { margin: 0; color: #1f2b3f; }
.roi-chip { 
  display: inline-flex; 
  align-items: center;
  gap: 8px;
  background: #0b0c0d; 
  color: #fff; 
  border-radius: 999px; 
  padding: 4px 12px; 
  font-size: 12px; 
  font-weight: 700; 
  letter-spacing: .04em; 
  text-transform: uppercase;
}
.roi-chip img { width: 16px; height: 16px; filter: invert(1); mix-blend-mode: screen; }
.roi-actions { margin-top: 16px;}
@media (max-width: 900px){ .roi-grid { grid-template-columns: 1fr; } }
body.page-ai-services .ai-links:hover::-webkit-scrollbar-thumb { background: rgba(255,255,255,.22);}

/* Cloud consulting - Cloud-first resilience */
.cloud-resilience{ background:#000; color:#fff; padding:110px 0; }
.cloud-resilience__grid{ display:grid; grid-template-columns:1.05fr 1fr; gap:60px; align-items:start; }
.cloud-resilience__title{ margin:0 0 18px; font-size:clamp(40px, 4.8vw, 58px); line-height:1.05; letter-spacing:-0.02em; font-weight:800; }
.cloud-resilience__text{ margin:0 0 18px; font-size:15px; line-height:1.85; color:rgba(255,255,255,0.72); max-width:560px; }
.cloud-resilience__btn{ margin-top:18px; display:inline-flex; align-items:center; gap:10px; padding:14px 20px; border-radius:8px; border:1px solid rgba(255,255,255,0.55); color:#fff; text-decoration:none; font-size:12px; font-weight:700; letter-spacing:.02em; transition:all .25s ease; }
.cloud-resilience__btn:hover{ background:rgba(255,255,255,0.08); transform:translateY(-1px); }
.cloud-resilience__btn-arrow{ font-size:16px; line-height:1; }

.cloud-resilience__cards{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:18px; }
.cloud-resilience__card{ background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.10); border-radius:14px; padding:18px; min-height:150px; }
.cloud-resilience__card-head{ display:flex; flex-direction:column; gap:10px; margin-bottom:8px; }
.cloud-resilience__icon{ width:18px; height:18px; filter:invert(1); opacity:0.85; }
.cloud-resilience__card-title{ margin:0; font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:rgba(255,255,255,0.80); }
.cloud-resilience__card-text{ margin:0; font-size:13px; line-height:1.65; color:rgba(255,255,255,0.66); }

@media(max-width:960px){
  .cloud-resilience{ padding:90px 0; }
  .cloud-resilience__grid{ grid-template-columns:1fr; gap:34px; }
  .cloud-resilience__cards{ grid-template-columns:1fr; }
}

/* Ensure blogs view also uses full width — scoped to ai-services only */
body.page-ai-services .ai-blogs { width: 100%; }
body.page-ai-services .ai-blogs-list { max-height: 340px; overflow: auto; padding-right: 8px; display: flex; flex-direction: column; gap: 10px;}
body.page-ai-services .ai-blogs-item { display: flex; gap: 12px; align-items: center; padding: 6px 0; color: var(--color-text); }
body.page-ai-services .ai-blogs-thumb { width: 64px; height: 46px; border-radius: 10px; background: linear-gradient(135deg, var(--color-accent), var(--color-accent-2)); flex-shrink: 0; object-fit: cover; display: block;}
body.page-ai-services .ai-blogs-icon { width: 36px; height: 36px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.10); color: var(--color-accent, #3b82f6); }
body.page-ai-services .ai-blogs-icon svg { width: 20px; height: 20px; }
body.page-ai-services .ai-blogs-title { margin: 0; font-size: 14px; line-height: 1.35; color: var(--color-text); }
/* Scrollbar styling */
body.page-ai-services .ai-blogs-list { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,.18) transparent;}
body.page-ai-services .ai-blogs-list::-webkit-scrollbar { width: 8px; }
body.page-ai-services .ai-blogs-list::-webkit-scrollbar-thumb { background: rgba(255,255,255,.14); border-radius: 8px;}
body.page-ai-services .ai-blogs-list:hover::-webkit-scrollbar-thumb { background: rgba(255,255,255,.22); }

/* Technologies section */
.tech { padding: 36px 0;}
.tech-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items: start; }
.tech-head { margin: 0 0 18px 0; font-size: clamp(24px, 3.2vw, 40px); letter-spacing: -0.01em; color: #e8eef9;}
.tech-cta-card { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.12); border-radius: 12px; padding: 16px; max-width: 380px; }
.tech-cta-title { color: #fff; font-weight: 700; margin-bottom: 4px;}
.tech-cta-sub { color: #c9d4e9; margin-bottom: 12px; }
.tech-right { max-height: 520px; overflow: auto; padding-right: 8px;}
.tech-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 22px; }
.tech-item { display: grid; grid-template-columns: 40px 1fr 18px; gap: 16px; align-items: start; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.12);}
.ti-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.06);
  border-radius: 10px;
  filter: grayscale(100%);
  opacity: 0.85;
  transition: all .2s ease;
}
.ti-icon img {
  width: 24px;
  height: 24px;
  display: block;
  filter: invert(1) brightness(1.3);
}
.tech-item:hover .ti-icon {
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1.05);
}
.technologies-section{
  padding:clamp(50px, 8vw, 150px) 10px clamp(50px, 6vw, 90px);
}
.technologies-section .technologies-grid{
  display:flex;
  align-items:start;
  justify-content:space-between;
}
.technologies-section .technologies-grid .technologies-right{
  display:flex;
  gap:30px;
  flex-direction:column;
}
.technologies-section .technologies-left{
  position:sticky;
  top:120px;
  width:45%;
  align-self:flex-start;
}
.technologies-section .technologies-title{
  font-size:clamp(28px, 3vw, 42px);
  line-height:1.12;
  margin:0 0 24px;
}
.technologies-section .technologies-intro{
  font-size:var(--font-size-base);
  line-height:1.8;
}
.technologies-section .technologies-right{
  width:45%;
}
.technologies-section .technology-card{
  background:transparent;
  border:none;
  padding:0;
  display:flex;
  flex-direction:column;
}
.technologies-section .technology-header{
  display:flex;
  align-items:center;
  gap:14px;
  width:100%;
}
.technologies-section .technology-icon{
  width:38px;
  height:38px;
  border-radius:8px;
  background:#2f2f35;
  color:#fff;
  display:grid;
  place-items:center;
}
.technologies-section .technology-icon svg{
  width:20px;
  height:20px;
}
.technologies-section .technology-name{
  font-size:var(--font-size-lg);
  margin:0;
}
.technologies-section .technology-desc{
  font-size:var(--font-size-sm);
  line-height:1.7;
  margin:20px 0px 30px;
}
@media(max-width:1100px){
  .technologies-section .technologies-grid{
   flex-direction:column;
}
  .technologies-section .technologies-left{
   position:static;
   width:100%;
}
  .technologies-section .technologies-right{
   width:100%;
}
  .technologies-section .technologies-title{
   margin-bottom:16px;
}
  .technologies-section .technologies-intro{
   margin-bottom:32px;
}
 }
@media(max-width:640px){
  .technologies-section{
    padding:80px 10px 20px;

  .footer-col h5 { display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 14px 0; margin: 0; user-select: none; -webkit-user-select: none; }
  .footer-col ul { max-height: 0; overflow: hidden; transition: max-height .3s ease, padding .3s ease; padding-bottom: 0; }
  .footer-col.open ul { max-height: 400px; padding-bottom: 12px; }
  .footer-col-icon { font-size: 20px; font-weight: 300; line-height: 1; color: var(--color-muted); flex-shrink: 0; }
  .footer-col-icon::after { content: '+'; }
  .footer-col.open .footer-col-icon::after { content: '−'; }
  .site-footer { padding-bottom: 24px; }
  .footer-bottom { margin-top: 24px; padding: 20px 24px 24px; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; }
}
.tc-right {
  overflow-y: auto;
  /* max-height removed to let content define height */
  scrollbar-width: thin;
  scrollbar-color: rgba(203,213,255,.7) transparent;
}
.tc-right::-webkit-scrollbar { width: 6px; }
.tc-right::-webkit-scrollbar-thumb { background: rgba(59,107,255,.35); border-radius: 4px;}
.tc-right::-webkit-scrollbar-track { background: transparent; }

/* AI Solutions by industry cards */
.ai-solutions { background: #0b0c0d; padding: 56px 0; border-top: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05);}
.ai-solutions-head { max-width: 820px; margin: 0 auto 32px auto; text-align: center; }
.ai-solutions-head h2 { margin: 0 0 12px 0; color: #e8eef9; font-size: clamp(26px, 3.6vw, 40px);}
.ai-solutions-head p { margin: 0; color: var(--color-muted); line-height: 1.7; }
.ai-solutions-grid { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px, 320px); gap: 18px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x mandatory;}
.ai-solutions-grid:focus { outline: 2px solid rgba(61,139,255,.4); outline-offset: 6px; }
.ai-solutions-grid::-webkit-scrollbar { height: 6px;}
.ai-solutions-grid::-webkit-scrollbar-thumb { background: rgba(255,255,255,.16); border-radius: 6px; }
.ai-solution-card { background: rgba(0,0,0,.32); border: 1px solid rgba(255,255,255,.08); border-radius: 18px; padding: 22px; color: #e8eef9; display: flex; flex-direction: column; gap: 12px; min-height: 180px; scroll-snap-align: start; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;}
.ai-solution-card h3 { margin: 0; font-size: 18px; text-decoration: underline; text-decoration-color: rgba(255,255,255,.4); text-decoration-thickness: 1px; text-underline-offset: 4px; }
.ai-solution-card p { margin: 0; font-size: 14px; line-height: 1.7; color: rgba(201,212,233,.78);}
.ai-solution-card:hover { transform: translateY(-4px); border-color: rgba(61,139,255,.45); box-shadow: 0 20px 36px rgba(0,0,0,.35); }
.ai-solutions-nav { display: flex; justify-content: flex-end; gap: 12px; margin-top: 20px;}
.ai-solutions-btn { width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(255,255,255,.16); background: rgba(0,0,0,.36); color: #fff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background .2s ease, border-color .2s ease; }
.ai-solutions-btn::before { content: ''; width: 0; height: 0; border: 7px solid transparent;}
.ai-solutions-btn.prev::before { border-right-color: #fff; margin-left: 3px; }
.ai-solutions-btn.next::before { border-left-color: #fff; margin-right: 3px;}
.ai-solutions-btn:hover { background: rgba(61,139,255,.25); border-color: rgba(61,139,255,.6); }
@media (max-width: 768px){
  .ai-solutions-grid { grid-auto-columns: minmax(220px, 260px);}
}

/* AI Tech stack */
.ai-stack { background: #0b0c0d; padding: 56px 0; border-top: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05); }
.ai-stack-head { max-width: 820px; margin: 0 auto 32px auto; text-align: center;}
.ai-stack-head h2 { margin: 0 0 12px 0; color: #e8eef9; font-size: clamp(26px, 3.6vw, 40px); }
.ai-stack-head p { margin: 0; color: var(--color-muted); line-height: 1.7;}
.ai-stack-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.ai-stack-card { border: 1px solid rgba(255,255,255,.08); border-radius: 16px; background: rgba(0,0,0,.26); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; padding: 20px; font-weight: 600; color: #e8eef9; transition: transform .2s ease, border-color .2s ease;}
.ai-stack-card:hover { transform: translateY(-4px); border-color: rgba(61,139,255,.45); }
.ai-stack-icon { font-size: 24px; display: inline-flex;}
.ai-stack-icon svg {
  width: 24px;
  height: 24px;
  stroke: currentColor;
}
.ai-stack-label { font-size: 15px; text-align: center; }
@media (max-width: 1024px){
  .ai-stack-grid { grid-template-columns: repeat(3, minmax(0,1fr));}
}
@media (max-width: 768px){
  .ai-stack-grid { grid-template-columns: repeat(2, minmax(0,1fr));}
}
@media (max-width: 480px){
  .ai-stack-grid { grid-template-columns: 1fr;}
}

/* AI Roadmap */
.ai-roadmap { background: #0b0c0d; padding: 56px 0; border-top: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05); }
.ai-roadmap-head { max-width: 820px; margin: 0 auto 32px auto; text-align: center;}
.ai-roadmap-head h2 { margin: 0 0 12px 0; color: #e8eef9; font-size: clamp(26px, 3.6vw, 40px); }
.ai-roadmap-head p { margin: 0; color: var(--color-muted); line-height: 1.7;}
.ai-roadmap-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.ai-roadmap-card { border: 1px solid rgba(255,255,255,.08); border-radius: 18px; background: rgba(0,0,0,.32); padding: 24px; min-height: 200px; display: flex; flex-direction: column; gap: 12px; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;}
.ai-roadmap-card h3 { margin: 0; color: #f1f3ff; font-size: 18px; }
.ai-roadmap-card p { margin: 0; color: rgba(201,212,233,.78); line-height: 1.7; font-size: 14px;}
.ai-roadmap-card:hover { transform: translateY(-4px); border-color: rgba(61,139,255,.45); box-shadow: 0 20px 36px rgba(0,0,0,.35); }
@media (max-width: 1024px){
  .ai-roadmap-grid { grid-template-columns: repeat(2, minmax(0,1fr));}
}
@media (max-width: 640px){
  .ai-roadmap-grid { grid-template-columns: 1fr;}
}

/* AI Roadmap */
.ai-roadmap { background: #0b0c0d; padding: 56px 0; border-top: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05); }
.ai-roadmap-head { max-width: 820px; margin: 0 auto 32px auto; text-align: center;}
.ai-roadmap-head h2 { margin: 0 0 12px 0; color: #e8eef9; font-size: clamp(26px, 3.6vw, 40px); }
.ai-roadmap-head p { margin: 0; color: var(--color-muted); line-height: 1.7;}
.ai-roadmap-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.ai-roadmap-card { border: 1px solid rgba(255,255,255,.08); border-radius: 18px; background: rgba(0,0,0,.32); padding: 24px; min-height: 200px; display: flex; flex-direction: column; gap: 12px; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;}
.ai-roadmap-card h3 { margin: 0; color: #f1f3ff; font-size: 18px; }
.ai-roadmap-card p { margin: 0; color: rgba(201,212,233,.78); line-height: 1.7; font-size: 14px;}
.ai-roadmap-card:hover { transform: translateY(-4px); border-color: rgba(61,139,255,.45); box-shadow: 0 20px 36px rgba(0,0,0,.35); }
@media (max-width: 1024px){
  .ai-roadmap-grid { grid-template-columns: repeat(2, minmax(0,1fr));}
}
@media (max-width: 640px){
  .ai-roadmap-grid { grid-template-columns: 1fr;}
}

/* AI Cloud Providers */
.ai-cloud { background: #0b0c0d; padding: 56px 0; border-top: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05); }
.ai-cloud--logos{ background:#000; color:#fff; border-top:none; border-bottom:none; padding:110px 0;}
.ai-cloud--logos .ai-cloud-title{ margin:0; text-align:center; font-size: clamp(34px, 4.6vw, 54px); line-height:1.12; letter-spacing:-0.02em; font-weight:800; }
.ai-cloud--logos .ai-cloud-logos{ margin-top:48px; display:flex; align-items:center; justify-content:center; gap:72px; flex-wrap:wrap;}
.ai-cloud--logos .ai-cloud-logo-only{ display:flex; align-items:center; justify-content:center; }
.ai-cloud--logos .ai-cloud-logo-only svg{ width:64px; height:64px; display:block;}
.ai-cloud--logos .ai-cloud-logo-only img{ width:64px; height:64px; object-fit:contain; display:block; }
body.page-dedicated-development-team .ai-cloud--logos{ background:#fff; color:#0b0d16; }
body.page-dedicated-development-team .ai-cloud--logos .ai-cloud-title{ color:#0b0d16; }
.ai-cloud-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 24px; align-items: stretch;}
.ai-cloud-hero { border-radius: 24px; padding: 32px; background: radial-gradient(120% 120% at 10% 10%, rgba(123,97,255,.65), rgba(20,26,50,.95)); color: #fff; box-shadow: 0 22px 40px rgba(0,0,0,.45); display: flex; flex-direction: column; gap: 18px; }
.ai-cloud-hero h2 { margin: 0; font-size: clamp(26px, 3.6vw, 40px);}
.ai-cloud-hero p { margin: 0; line-height: 1.7; color: rgba(240,244,255,.88); }
.ai-cloud-cards { display: grid; gap: 16px;}
.ai-cloud-card { border-radius: 18px; border: 1px solid rgba(255,255,255,.08); background: rgba(0,0,0,.3); padding: 22px; display: grid; grid-template-columns: 160px minmax(0,1fr); gap: 18px; align-items: center; }
.ai-cloud-logo { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; color: #fff;}
.ai-cloud-logo-icon { display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,.08); border-radius: 14px; padding: 12px; }
.ai-cloud-logo-icon svg { width: 40px; height: 40px; max-width: 100%;}
.ai-cloud-logo-text { font-weight: 700; font-size: 18px; }
.ai-cloud-card p { margin: 0; color: rgba(201,212,233,.8); line-height: 1.7; font-size: 14px;}
@media (max-width: 900px){
  .ai-cloud-grid { grid-template-columns: 1fr;}
  .ai-cloud-card { grid-template-columns: 1fr; text-align: left; }
  .ai-cloud-logo { flex-direction: row; align-items: center;}
  .ai-cloud-logo-icon { padding: 10px; }
  .ai-cloud-logo-icon svg { width: 36px; height: 36px;}
}

/* AI Awards marquee */
.ai-awards { background: #0b0c0d; padding: 48px 0; border-top: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05); }
.ai-awards-head { text-align: center; max-width: 780px; margin: 0 auto 28px auto;}
.ai-awards-head h2 { margin: 0 0 12px 0; color: #e8eef9; font-size: clamp(26px, 3.6vw, 38px); }
.ai-awards-head p { margin: 0; color: var(--color-muted); line-height: 1.7;}
.ai-awards-track { overflow: hidden; position: relative; }
.ai-awards-row { display: flex; gap: 36px; animation: ai-awards-scroll 25s linear infinite;}
.ai-award { flex: 0 0 auto; width: 140px; height: 140px; display: flex; align-items: center; justify-content: center; }
.ai-award img { max-width: 100%; max-height: 100%; object-fit: contain; filter: grayscale(0.1);}
.ai-awards-track:hover .ai-awards-row { animation-play-state: paused; }
@keyframes ai-awards-scroll {
  0% { transform: translateX(0);}
  100% { transform: translateX(-50%); }
}
@media (max-width: 600px){
  .ai-award { width: 110px; height: 110px;}
  .ai-awards-row { gap: 24px; }
}

/* AI contact lead */
.ai-contact { position: relative; padding: clamp(48px, 9vw, 80px) 0; background: radial-gradient(140% 120% at 15% 10%, rgba(77,97,255,.32), rgba(2,4,16,.96)); border-top: 1px solid rgba(255,255,255,.05); overflow: hidden; }
.ai-contact::before { content: ""; position: absolute; inset: 0; background: radial-gradient(80% 120% at 90% 20%, rgba(10,133,255,.28), transparent 65%); opacity: .55; pointer-events: none;}
.ai-contact::after { content: ""; position: absolute; inset: -40% -40% 40% 30%; background: conic-gradient(from 180deg, rgba(72,72,255,.18), rgba(0,0,0,0) 45%, rgba(255,255,255,.08) 55%, rgba(0,0,0,0) 85%); mix-blend-mode: screen; pointer-events: none; }
.ai-contact .container {position: relative; z-index: 2;}
.ai-contact-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(28px, 5vw, 48px); align-items: stretch; }
.ai-contact-hero { position: relative; border-radius: 28px; padding: clamp(32px, 5vw, 42px); background:
    linear-gradient(135deg, rgba(20,43,96,.85), rgba(7,12,32,.95)),
    radial-gradient(140% 120% at 0% 0%, rgba(103,132,255,.4), transparent 55%);
  color: #f8fbff; display: flex; flex-direction: column; gap: clamp(20px, 5vw, 28px); box-shadow: 0 28px 48px rgba(0,0,0,.45); border: 1px solid rgba(120,146,255,.18);}
.ai-contact-hero::after { content: ""; position: absolute; inset: 6%; border-radius: 22px; border: 1px solid rgba(255,255,255,.08); opacity: .35; pointer-events: none; }
.ai-contact-eyebrow { margin: 0; font-size: 13px; letter-spacing: .18em; text-transform: uppercase; color: rgba(236,240,255,.66); font-weight: 700;}
.ai-contact-hero h2 { position: relative; margin: 0; font-size: clamp(28px, 4.4vw, 40px); letter-spacing: -.01em; }
.ai-contact-copy { margin: 0; color: rgba(226,233,255,.78); line-height: 1.7; font-size: 16px;}
.ai-contact-hero ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: clamp(16px, 4vw, 22px); position: relative; }
.ai-contact-hero li { display: flex; gap: 14px; align-items: flex-start;}
.ai-contact-icon { width: 30px; height: 30px; border-radius: 999px; background: rgba(255,255,255,.18); display: inline-flex; align-items: center; justify-content: center; font-size: 17px; color: rgba(255,255,255,.92); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); flex-shrink: 0; }
.ai-contact-icon svg { width: 16px; height: 16px;}
.ai-contact-hero strong { display: block; font-size: 17px; margin-bottom: 4px; letter-spacing: -.005em; }
.ai-contact-hero p { margin: 0; color: rgba(222,229,255,.82); font-size: 15px; line-height: 1.7;}
.ai-contact-form { display: flex; justify-content: flex-end; }
.ai-contact-panel { position: relative; width: 100%; max-width: 500px; background: rgba(255,255,255,.98); border-radius: 30px; padding: clamp(28px, 5vw, 36px); box-shadow: 0 40px 70px rgba(11,23,59,.18); border: 1px solid rgba(15,23,42,.06); color: #0f172a; backdrop-filter: blur(18px);}
.ai-contact-panel::after { content: ""; position: absolute; inset: 0; border-radius: 30px; pointer-events: none; mix-blend-mode: overlay; }
.ai-contact-alert { margin-bottom: 18px; padding: 12px 16px; border-radius: 12px; font-size: 14px; font-weight: 600; background: rgba(34,197,94,.12); color: #065f46; border: 1px solid rgba(34,197,94,.35);}
.ai-contact-alert.is-error { background: rgba(248,113,113,.15); color: #b91c1c; border-color: rgba(248,113,113,.4); }
.ai-contact-fields { display: flex; flex-direction: column; gap: clamp(16px, 3vw, 20px); margin: 0;}
.ai-contact-input { width: 100%; border: none; border-bottom: 1px solid rgba(15,23,42,.12); padding: 0 0 12px; font-size: 15px; font-family: inherit; background: transparent; color: #0f172a; transition: border-color .2s ease, box-shadow .2s ease; }
.ai-contact-input::placeholder { color: rgba(15,23,42,.42);}
.ai-contact-input:focus { outline: none; border-color: rgba(37,99,235,.8); box-shadow: 0 2px 0 rgba(37,99,235,.55); }
.ai-contact-select-wrap { position: relative;}
.ai-contact-select { appearance: none; -webkit-appearance: none; padding-right: 34px; cursor: pointer; color: rgba(15,23,42,.45); }
.ai-contact-select:not(:invalid) { color: #0f172a;}
.ai-contact-select-icon { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); pointer-events: none; color: rgba(15,23,42,.4); font-size: 16px; }
.ai-contact-textarea { border: 1px solid rgba(15,23,42,.12); border-radius: 16px; padding: 15px 16px; min-height: 132px; resize: vertical; background: rgba(15,23,42,.02);}
.ai-contact-textarea::placeholder { color: rgba(15,23,42,.45); }
.ai-contact-textarea:focus { box-shadow: 0 0 0 3px rgba(37,99,235,.18); border-color: rgba(37,99,235,.75);}
.ai-contact-captcha { display: flex; flex-wrap: wrap; gap: 12px; font-weight: 600; color: rgba(15,23,42,.72); align-items: center; }
.ai-contact-captcha span { white-space: nowrap;}
.ai-contact-submit { border: none; border-radius: 999px; padding: 14px 28px; font-size: 16px; font-weight: 700; color: #ffffff; cursor: pointer; background: linear-gradient(135deg, #2563eb, #1d4ed8); box-shadow: 0 22px 36px rgba(37,99,235,.28); transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }
.ai-contact-submit:hover { transform: translateY(-2px); box-shadow: 0 30px 50px rgba(29,78,216,.28); filter: brightness(1.04);}
.ai-contact-submit:active { transform: translateY(0); box-shadow: 0 16px 28px rgba(29,78,216,.24); }
.ai-contact-benefits { list-style: none; margin: clamp(16px, 4vw, 22px) 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; font-size: 13px; color: rgba(15,23,42,.65);}
.ai-contact-benefits li { position: relative; padding-left: 18px; line-height: 1.6; }
.ai-contact-benefits li::before { content: "•"; position: absolute; left: 4px; top: 0; color: rgba(37,99,235,.8); font-size: 18px; line-height: 1;}
@media (max-width: 900px){
  .ai-contact-grid { grid-template-columns: 1fr;}
  .ai-contact-form { justify-content: flex-start; }
  .ai-contact-panel { max-width: none;}
}
@media (max-width: 640px){
  .ai-contact { padding: 48px 0;}
  .ai-contact-panel { border-radius: 22px; }
  .ai-contact-hero { border-radius: 22px;}
}
.ai-awards-row { will-change: transform; }

/* AI FAQ */
.ai-faq { background: #0b0c0d; padding: 56px 0; border-top: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05);}
.ai-faq-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, .6fr); gap: 28px; align-items: start; }
.ai-faq-list h2 { margin: 0 0 12px 0; color: #e8eef9; font-size: clamp(26px, 3.6vw, 40px);}
.ai-faq-intro { margin: 0 0 20px 0; color: var(--color-muted); line-height: 1.7; }
.ai-faq-items { display: flex; flex-direction: column; gap: 16px;}
.ai-faq-items details { border: 1px solid rgba(255,255,255,.08); border-radius: 16px; padding: 18px 22px; background: rgba(0,0,0,.28); transition: border-color .2s ease, box-shadow .2s ease; }
.ai-faq-items details[open] { border-color: rgba(61,139,255,.45); box-shadow: 0 18px 30px rgba(0,0,0,.35);}
.ai-faq-items summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 18px; color: #f1f3ff; font-weight: 700; }
.ai-faq-items summary::-webkit-details-marker { display: none;}
.ai-faq-items summary::after { content: "\25B6"; font-size: 14px; transition: transform .2s ease; }
.ai-faq-items details[open] summary::after { transform: rotate(90deg); }
.ai-faq-body { margin-top: 12px; color: rgba(201,212,233,.8); line-height: 1.7; font-size: 14px; }
.ai-faq-panel{ max-height: 0; overflow: hidden; transition: max-height .35s ease;}
/* New FAQ accordion structure (div/button based) — two-column layout */
.ai-faq-layout{ display:grid; grid-template-columns:.4fr .6fr; gap:60px; align-items:start;}
.ai-faq-left{ position:sticky; top:120px;}
.ai-faq-kicker{ display:block; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#3d8bff; margin-bottom:12px;}
.ai-faq-title{ margin:0; font-size:clamp(34px,4.2vw,48px); font-weight:800; line-height:1.15; color:#f8f9ff;}
.ai-faq-cta-link{ display:inline-flex; align-items:center; gap:8px; margin-top:24px; color:#3d8bff; font-size:15px; font-weight:600; text-decoration:none; transition:color .2s ease;}
.ai-faq-cta-link:hover{ color:#6ba6ff;}
.ai-faq-cta-link svg{ transition:transform .2s ease;}
.ai-faq-cta-link:hover svg{ transform:translateX(3px);}
.ai-faq-item{ border:none; border-bottom:1px solid rgba(255,255,255,.08); border-radius:0; padding:0; background:transparent; overflow:hidden;}
.ai-faq-item:last-child{ border-bottom:none;}
.ai-faq-item.is-open{ border-color:rgba(61,139,255,.35); box-shadow:none;}
.ai-faq-trigger{ width:100%; background:none; border:none; cursor:pointer; display:flex; align-items:center; gap:16px; padding:20px 0; color:#f1f3ff; font-weight:700; font-size:17px; text-align:left; line-height:1.4;}
.ai-faq-num{ flex-shrink:0; font-size:14px; color:rgba(159,180,223,.5); font-weight:600; min-width:28px;}
.ai-faq-question{ flex:1;}
.ai-faq-icon{ flex-shrink:0; width:28px; height:28px; border-radius:50%; background:rgba(61,139,255,.15); display:flex; align-items:center; justify-content:center; transition:all .3s ease;}
.ai-faq-icon svg{ width:14px; height:14px; stroke:#3d8bff; transition:transform .3s ease;}
.ai-faq-item.is-open .ai-faq-icon{ background:#3d8bff;}
.ai-faq-item.is-open .ai-faq-icon svg{ transform:rotate(45deg); stroke:#fff;}
.ai-faq-item .ai-faq-body{ padding:0 0 20px 44px;}
.ai-faq-item .ai-faq-body p{ margin:0; font-size:15px; line-height:1.75; color:rgba(199,210,232,.7);}
@media(max-width:960px){
  .ai-faq-layout{ grid-template-columns:1fr; gap:32px;}
  .ai-faq-left{ position:static;}
  .ai-faq-title{ font-size:clamp(28px,4vw,36px);}
}
.ai-faq-card { background: rgba(0,0,0,.32); border: 1px solid rgba(255,255,255,.08); border-radius: 24px; padding: 28px; display: flex; flex-direction: column; gap: 18px; align-items: flex-start; box-shadow: 0 18px 34px rgba(0,0,0,.35); }
.ai-faq-card-icon { width: 54px; height: 54px; border-radius: 16px; background: linear-gradient(135deg, var(--color-accent), var(--color-accent-2)); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 30px; box-shadow: 0 14px 28px rgba(var(--color-accent-rgb), .28);}
.ai-faq-card h3 { margin: 0; color: #f1f3ff; font-size: 20px; line-height: 1.5; }
.ai-faq-card .btn-primary { background: linear-gradient(135deg, var(--color-accent), var(--color-accent-2)); color: #fff; border-radius: 999px; padding: 12px 24px; font-weight: 600; box-shadow: 0 16px 30px rgba(var(--color-accent-rgb), .28);}
@media (max-width: 900px){
  .ai-faq-grid { grid-template-columns: 1fr; padding-bottom:80px}
}

.ai-faq.ai-faq--simple{
  background:#fff;
  border-top:none;
  border-bottom:none;
  padding:90px 0 110px;
  color:#0b0b0b;
}
.ai-faq.ai-faq--simple .ai-faq-grid{ display:block; }
.ai-faq.ai-faq--simple .ai-faq-left{ margin-bottom: 24px;}
.ai-faq.ai-faq--simple .ai-faq-left h2{ color:#0b0b0b; font-weight:600; font-size:clamp(34px, 4.2vw, 52px); line-height:1.15; }
.ai-faq.ai-faq--simple .ai-faq-intro{ color:rgba(11,11,11,0.68); font-size:13px; line-height:1.8; max-width:760px;}
.ai-faq.ai-faq--simple .ai-faq-items{ gap: 0; }
.ai-faq.ai-faq--simple .ai-faq-items details{ background:transparent; border:none; border-bottom:1px solid rgba(15, 23, 42, 0.14); border-radius:0; padding:18px 0;}
.ai-faq.ai-faq--simple .ai-faq-items details[open]{ border-color:#1163fb; box-shadow:none; }
.ai-faq.ai-faq--simple .ai-faq-items summary{ color:#0b0b0b; font-weight:600; font-size:16px;}
.ai-faq.ai-faq--simple .ai-faq-items summary::after{ content:'+'; font-size:28px; color:#1163fb; transform:none; line-height:1; }
.ai-faq.ai-faq--simple .ai-faq-items details[open] summary::after{ content:'−';}
.ai-faq.ai-faq--simple .ai-faq-body{ margin-top: 14px; color:rgba(11,11,11,0.72); font-size:14px; line-height:1.9; }
.ai-faq.ai-faq--simple .ai-faq-panel{ max-height: 0; overflow: hidden;}
/* Button-based accordion items within --simple light theme */
.ai-faq.ai-faq--simple .ai-faq-title{ color:#0b0b0b;}
.ai-faq.ai-faq--simple .ai-faq-item{ border-bottom-color:rgba(15,23,42,0.14);}
.ai-faq.ai-faq--simple .ai-faq-item.is-open{ border-color:rgba(17,99,251,0.3);}
.ai-faq.ai-faq--simple .ai-faq-trigger{ color:#0b0b0b;}
.ai-faq.ai-faq--simple .ai-faq-num{ color:rgba(11,11,11,0.38);}
.ai-faq.ai-faq--simple .ai-faq-item .ai-faq-body p{ color:rgba(11,11,11,0.72);}

.ai-faq.ai-faq--banner .ai-faq-banner{
  background:#0b0c0d;
  border-top: 6px solid #dbff00;
  border-radius: 18px;
  padding: 34px 36px;
  color:#fff;
  position: relative;
  overflow:hidden;
  margin: 0 0 22px;
}
.ai-faq.ai-faq--banner .ai-faq-banner::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(circle at 86% 18%, rgba(208,255,0,0.95) 0 26px, transparent 27px),
    radial-gradient(circle at 92% 34%, rgba(208,255,0,0.95) 0 26px, transparent 27px),
    radial-gradient(circle at 80% 42%, rgba(208,255,0,0.95) 0 26px, transparent 27px),
    radial-gradient(circle at 88% 58%, rgba(208,255,0,0.95) 0 26px, transparent 27px),
    radial-gradient(circle at 78% 22%, rgba(208,255,0,0.95) 0 26px, transparent 27px),
    radial-gradient(circle at 95% 62%, rgba(208,255,0,0.95) 0 26px, transparent 27px);
  opacity: 1;
}
.ai-faq.ai-faq--banner .ai-faq-banner-inner{ position: relative; z-index: 1; }
.ai-faq.ai-faq--banner .ai-faq-banner-kicker{
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 14px;
  margin: 0 0 10px;
  color: rgba(255,255,255,0.9);
}
.ai-faq.ai-faq--banner .ai-faq-banner-title{
  font-weight: 700;
  font-size: clamp(28px, 4.2vw, 54px);
  line-height: 1.12;
  max-width: 980px;
}

.ai-faq.ai-faq--dark{
  background:#0b0c0d;
  border-top: 1px solid rgba(255,255,255,.05);
  border-bottom: 1px solid rgba(255,255,255,.05);
  color:#e8eef9;
}
.ai-faq.ai-faq--dark .ai-faq-left h2{ color:#e8eef9; }
.ai-faq.ai-faq--dark .ai-faq-intro{ color: rgba(201,212,233,.8); }
.ai-faq.ai-faq--dark .ai-faq-items details{ border-bottom:1px solid rgba(255,255,255,.12); }
.ai-faq.ai-faq--dark .ai-faq-items summary{ color:#fff; }
.ai-faq.ai-faq--dark .ai-faq-items summary::after{ color: rgba(255,255,255,.7); }
.ai-faq.ai-faq--dark .ai-faq-body{ color: rgba(201,212,233,.8); }

.ai-faq.ai-faq--no-aside .container{ grid-template-columns: 1fr; }

@media (max-width: 640px){
  .ai-faq.ai-faq--banner .ai-faq-banner{ padding: 26px 22px; border-radius: 16px;}
}

.ai-copilot-faq-scope .ai-faq{
  background:#fff;
  border-top:none;
  border-bottom:none;
  padding:90px 0 110px;
  color:#0b0b0b;
}
.ai-copilot-faq-scope .ai-faq.ai-faq--dark{
  background:#0b0c0d;
  border-top: 1px solid rgba(255,255,255,.05);
  border-bottom: 1px solid rgba(255,255,255,.05);
  color:#e8eef9;
}
.ai-copilot-faq-scope .ai-faq.ai-faq--dark .ai-faq-list h2{ color:#e8eef9; }
.ai-copilot-faq-scope .ai-faq.ai-faq--dark .ai-faq-intro{ color: rgba(201,212,233,.8); }
.ai-copilot-faq-scope .ai-faq.ai-faq--dark .ai-faq-items details{ border-bottom:1px solid rgba(255,255,255,.12); }
.ai-copilot-faq-scope .ai-faq.ai-faq--dark .ai-faq-items summary{ color:#fff; }
.ai-copilot-faq-scope .ai-faq.ai-faq--dark .ai-faq-items summary::after{ color: rgba(255,255,255,.7); }
.ai-copilot-faq-scope .ai-faq.ai-faq--dark .ai-faq-body{ color: rgba(201,212,233,.8); }
.ai-copilot-faq-scope .ai-faq .container{display:grid; grid-template-columns:minmax(0, 1.4fr) minmax(0, .6fr); gap:40px; align-items:start;}
.ai-copilot-faq-scope .ai-faq-grid{ display:block;}
.ai-copilot-faq-scope .ai-faq-list h2{ color:#0b0b0b; font-weight:500; font-size:clamp(34px, 4.2vw, 52px); line-height:1.15; }
.ai-copilot-faq-scope .ai-faq-list h2 .is-highlight{ color:#1163fb; font-weight:700;}
.ai-copilot-faq-scope .ai-faq-intro{ color:rgba(11,11,11,0.68); font-size:13px; line-height:1.8; max-width:560px; }
.ai-copilot-faq-scope .ai-faq-items details{ background:transparent; border:none; border-bottom:1px solid rgba(15, 23, 42, 0.14); border-radius:0; padding:18px 0;}
.ai-copilot-faq-scope .ai-faq-items details[open]{ border-color:#1163fb; box-shadow:none; }
.ai-copilot-faq-scope .ai-faq-items summary{ color:#0b0b0b; font-weight:600; font-size:14px;}
.ai-copilot-faq-scope .ai-faq-items summary::after{ content:'+'; font-size:18px; color:rgba(15,23,42,0.65); transform:none; }
.ai-copilot-faq-scope .ai-faq-items details[open] summary::after{ content:'×';}
.ai-copilot-faq-scope .ai-faq-body{ color:rgba(11,11,11,0.72); font-size:12px; line-height:1.8; }
.ai-copilot-faq-scope .ai-faq-card{
  margin:0;
  border-radius:24px;
  background:rgba(0,0,0,0.88);
  border:1px solid rgba(255,255,255,0.10);
  color:#fff;
  min-height:520px;
  justify-content:flex-end;
  background-size:cover;
  background-position:center;
  position:relative;
  overflow:hidden;
}
.ai-copilot-faq-scope .ai-faq-card[style*="background-image"]::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.55) 40%, rgba(0,0,0,0.88) 65%, rgba(0,0,0,0.95) 100%);
  border-radius:inherit;
  pointer-events:none;
  z-index:0;
}
.ai-copilot-faq-scope .ai-faq-card[style*="background-image"] > *{
  position:relative;
  z-index:1;
}
.ai-copilot-faq-scope .ai-faq-card h3{ color:#fff; font-size:22px; font-weight:600; }
.ai-copilot-faq-scope .ai-faq-card p{ color:rgba(255,255,255,0.75); font-size:12px; line-height:1.7;}
.ai-copilot-faq-scope .ai-faq-card .btn-primary{ background:#fff; color:#0b0b0b; border-radius:999px; padding:12px 18px; font-weight:600; box-shadow:none; }
@media (max-width: 900px){
  .ai-copilot-faq-scope .ai-faq .container{grid-template-columns:1fr;}
  .ai-copilot-faq-scope .ai-faq-card{ min-height:0; }
}

 body.page-banking .ai-copilot-faq-scope .ai-faq,
 body.page-mobile-app-development .ai-copilot-faq-scope .ai-faq,
 body.page-telecom .ai-copilot-faq-scope .ai-faq,
 body.page-software-development .ai-copilot-faq-scope .ai-faq,
 body.page-software-integration .ai-copilot-faq-scope .ai-faq{
  background: #0b0c0d;
  border-top: 1px solid rgba(255,255,255,.05);
  border-bottom: 1px solid rgba(255,255,255,.05);
  padding: 90px 0 110px;
  color: #e8eef9;
}
 body.page-banking .ai-copilot-faq-scope .ai-faq-list h2,
 body.page-mobile-app-development .ai-copilot-faq-scope .ai-faq-list h2,
 body.page-telecom .ai-copilot-faq-scope .ai-faq-list h2,
 body.page-software-development .ai-copilot-faq-scope .ai-faq-list h2,
 body.page-software-integration .ai-copilot-faq-scope .ai-faq-list h2{ color:#e8eef9; font-weight:600; }
 body.page-banking .ai-copilot-faq-scope .ai-faq-intro,
 body.page-mobile-app-development .ai-copilot-faq-scope .ai-faq-intro,
 body.page-telecom .ai-copilot-faq-scope .ai-faq-intro,
 body.page-software-development .ai-copilot-faq-scope .ai-faq-intro,
 body.page-software-integration .ai-copilot-faq-scope .ai-faq-intro{ color: rgba(201,212,233,.8);}
 body.page-banking .ai-copilot-faq-scope .ai-faq-items details,
 body.page-mobile-app-development .ai-copilot-faq-scope .ai-faq-items details,
 body.page-telecom .ai-copilot-faq-scope .ai-faq-items details,
 body.page-software-development .ai-copilot-faq-scope .ai-faq-items details,
 body.page-software-integration .ai-copilot-faq-scope .ai-faq-items details{ border-bottom:1px solid rgba(255,255,255,.12); }
 body.page-banking .ai-copilot-faq-scope .ai-faq-items summary,
 body.page-mobile-app-development .ai-copilot-faq-scope .ai-faq-items summary,
 body.page-telecom .ai-copilot-faq-scope .ai-faq-items summary,
 body.page-software-development .ai-copilot-faq-scope .ai-faq-items summary,
 body.page-software-integration .ai-copilot-faq-scope .ai-faq-items summary{ color:#fff;}
 body.page-banking .ai-copilot-faq-scope .ai-faq-items summary::after,
 body.page-mobile-app-development .ai-copilot-faq-scope .ai-faq-items summary::after,
 body.page-telecom .ai-copilot-faq-scope .ai-faq-items summary::after,
 body.page-software-development .ai-copilot-faq-scope .ai-faq-items summary::after,
 body.page-software-integration .ai-copilot-faq-scope .ai-faq-items summary::after{ color: rgba(255,255,255,.7); }
 body.page-banking .ai-copilot-faq-scope .ai-faq-body,
 body.page-mobile-app-development .ai-copilot-faq-scope .ai-faq-body,
 body.page-telecom .ai-copilot-faq-scope .ai-faq-body,
 body.page-software-development .ai-copilot-faq-scope .ai-faq-body,
 body.page-software-integration .ai-copilot-faq-scope .ai-faq-body{ color: rgba(201,212,233,.8); font-size: 14px;}

 .ai-faq.ai-faq--wearables{
  background:#0b0c0d;
  border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.05);
  padding:90px 0 110px;
}
 .ai-faq.ai-faq--wearables .ai-faq-grid{
  grid-template-columns:minmax(0, 0.72fr) minmax(0, 1.28fr);
  gap:48px;
}
 .ai-faq.ai-faq--wearables .ai-faq-left h2{
  margin:0;
  font-size:clamp(34px, 4.2vw, 52px);
  line-height:1.12;
  font-weight:600;
  color:#fff;
}
 .ai-faq.ai-faq--wearables .ai-faq-items{ gap:0; }
 .ai-faq.ai-faq--wearables .ai-faq-items details{
  background:transparent;
  border:none;
  border-bottom:1px solid rgba(255,255,255,.12);
  border-radius:0;
  padding:22px 0;
}
 .ai-faq.ai-faq--wearables .ai-faq-items details[open]{ box-shadow:none; }
 .ai-faq.ai-faq--wearables .ai-faq-items summary{
  font-weight:600;
  font-size:14px;
  color:#fff;
}
 .ai-faq.ai-faq--wearables .ai-faq-items summary::after{
  content:'\2193';
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:2px;
  background:rgba(255,255,255,.10);
  color:rgba(255,255,255,.9);
  font-size:16px;
  transform:none;
}
 .ai-faq.ai-faq--wearables .ai-faq-items details[open] summary::after{
  content:'\2191';
  color:#4285f4;
}
 .ai-faq.ai-faq--wearables .ai-faq-body{ color:rgba(201,212,233,.8); font-size:13px; line-height:1.8; }
 .ai-faq.ai-faq--wearables .ai-faq-card{ display:none;}

@media (max-width: 900px){
  .ai-faq.ai-faq--wearables .ai-faq-grid{ grid-template-columns:1fr; gap:32px;}
}

/* FAQ Cards Grid */
.faq-cards { padding: 72px 0; background: var(--color-bg); border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.faq-cards-head { text-align: center; max-width: 900px; margin: 0 auto 28px;}
.faq-cards-head h2 { margin: 0 0 12px 0; color: var(--color-text); font-size: clamp(28px, 4vw, 42px); }
.faq-cards-head p { margin: 0; color: var(--color-muted); line-height: 1.7;}
.faq-cards-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.faq-cards-col { display: flex; flex-direction: column; gap: 22px; }
.faq-card { display: block; width: 100%; border: 1px solid var(--color-border); border-radius: 18px; background: var(--color-surface); padding: 0; overflow: hidden; box-shadow: 0 12px 28px rgba(0,0,0,.22); transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease;}
.faq-card[open] { border-color: rgba(var(--color-accent-rgb), .45); box-shadow: 0 18px 36px rgba(0,0,0,.32); transform: translateY(-2px); }
.faq-card-summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 12px; padding: 18px 20px; font-weight: 700; color: var(--color-text);}
.faq-card-summary::-webkit-details-marker { display: none; }
.faq-card-question { font-size: 16px; line-height: 1.6;}
.faq-card-caret svg { width: 18px; height: 18px; display: block; color: var(--color-text); transition: transform .2s ease; }
.faq-card[open] .faq-card-caret svg { transform: rotate(180deg);}
.faq-card-body { padding: 0 20px 20px; color: var(--color-text-light); font-size: 15px; line-height: 1.7; }
@media (max-width: 980px){
  .faq-cards-grid { grid-template-columns: 1fr; }
}


.hero--rps .hero-ai-dev-copy{ max-width:980px; text-align:center; margin:0 auto; }
.hero--rps .hero-ai-dev-copy h1{ color:#fff; }
.hero--rps .hero-ai-dev-copy p{ color:rgba(230,233,239,.82); }
@media(max-width:640px){
  .hero--rps{ min-height:calc(100vh - 92px); padding:100px 0 90px 0; }
  .hero--rps .hero-ai-dev-inner{ min-height:auto; }
}

/* AI Development hero (sticky copy + scroll-under media) */
.hero--ai-dev.hero--sticky-media{ position:relative; min-height:180vh; padding:120px 0 0; overflow:visible; display:flex; justify-content:space-between; flex-direction:column; background:#000; }
.hero--ai-dev.hero--sticky-media .hero-ai-dev-inner{ position:sticky; top:25vh; z-index:3; text-align:center; margin:0 auto; padding:0 20px;}
.hero--ai-dev.hero--sticky-media .hero-ai-dev-copy{ max-width: 980px; }
.hero--ai-dev.hero--sticky-media .hero-ai-dev-media{ width:100%; max-width:1320px; margin:0; position:relative; z-index:2; border-radius:24px; overflow:hidden; bottom:50%; top:100%; box-shadow:0 32px 64px rgba(0,0,0,.5);}
.hero--ai-dev.hero--sticky-media .hero-ai-dev-video{ width:100%; height:auto; display:block; }

.hero--ai-dev.hero--sticky-media .btn-primary{ padding:12px 22px; font-size:13px; border-radius:8px; background:var(--color-accent); color:var(--color-accent-contrast); border:2px solid var(--color-accent); font-weight:600; transition:all .3s ease; display:inline-flex; align-items:center; gap:8px; width:fit-content; min-width:180px; max-width:none; align-self:center;}
.hero--ai-dev.hero--sticky-media .btn-primary:hover{ background:#0d4fd6; border-color:#0d4fd6; transform:translateY(-2px); }

/* Page-specific hero-ai-dev-inner overrides (sticky parallax) */
/* Common sticky pattern */
body.page-ai-integration .hero-ai-dev-inner,
body.page-genai-consulting .hero-ai-dev-inner,
body.page-cloud-consulting .hero-ai-dev-inner,
body.page-generative-ai .hero-ai-dev-inner,
body.page-construction .hero-ai-dev-inner,
body.page-devops .hero-ai-dev-inner,
body.page-emobility .hero-ai-dev-inner,
body.page-ios-development .hero-ai-dev-inner,
body.page-iot .hero-ai-dev-inner,
body.page-legacy-app-modernization .hero-ai-dev-inner,
body.page-microservices .hero-ai-dev-inner,
body.page-mobile-first-design .hero-ai-dev-inner,
body.page-offshore-software-development .hero-ai-dev-inner,
body.page-product-design .hero-ai-dev-inner,
body.page-pwa .hero-ai-dev-inner,
body.page-logistics .hero-ai-dev-inner,
body.page-secops .hero-ai-dev-inner,
body.page-uiux-design .hero-ai-dev-inner {
  position:sticky; top:25vh; z-index:3; margin:0 auto; padding:0 20px;
}

/* AI Copilot variant (not sticky) */
body.page-ai-copilot .hero-ai-dev-inner {
  width:100%; padding:0 24px;
}

/* ML Development variant (relative, not sticky) */
body.page-ml-development .hero-ai-dev-inner {
  position:relative; top:12vh;
}
body.page-ml-development .hero-ai-dev-inner .hero-ai-dev-copy{ max-width:100%; }
body.page-ml-development .hero-ai-dev-copy h1{ font-size:62px; line-height:1.1; color:#0b0b0b; margin:0 0 20px; }
body.page-ml-development .hero-ai-dev-copy p{ font-size:18px; color:#1c1c1c; margin:0 0 28px; }
body.page-ml-development .hero-ai-dev-copy .btn-primary{ background:#1a63ff; color:#fff; border-radius:10px; padding:12px 32px; }
@media(max-width:960px){
  body.page-ml-development .hero-ai-dev-copy h1{ font-size:44px; }
  body.page-ml-development .hero-ai-dev-copy p{ font-size:16px; }
}
@media(max-width:640px){
  body.page-ml-development .hero-ai-dev-copy h1{ font-size:34px; }
}

/* Mobile overrides */
@media(max-width:768px){
  body.page-cloud-consulting .hero-ai-dev-inner,
  body.page-generative-ai .hero-ai-dev-inner,
  body.page-microservices .hero-ai-dev-inner,
  body.page-pwa .hero-ai-dev-inner,
  body.page-ml-development .hero-ai-dev-inner { position:relative; top:0; }
}
@media(max-width:640px){
  body.page-ai-integration .hero-ai-dev-inner,
  body.page-ml-development .hero-ai-dev-inner { position:relative; top:0; }
}

.hero-image-strip{ background:#000; position:relative; z-index:5; margin-top:-180px; padding:0 0 80px; overflow:hidden;}
.hero-image-strip__rail{ display:flex; gap:24px; align-items:center; justify-content:center;}
.hero-image-strip__item{ flex:0 0 auto; width:320px; height:200px; border-radius:16px; overflow:hidden; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.10); box-shadow:0 20px 46px rgba(0,0,0,.55); }
.hero-image-strip__item img{ width:100%; height:100%; object-fit:cover; display:block;}

@media (max-width: 1200px){
  .hero-image-strip__item{ width:280px; height:180px;}
}

@media (max-width: 960px){
  .hero-image-strip{ margin-top:-140px; padding:0 0 70px;}
.hero-image-strip__item{ width:240px; height:160px;}
}

@media (max-width: 640px){
  .hero-image-strip{ margin-top:-120px; padding:0 0 60px;}
.hero-image-strip__rail{ gap:16px;}
  .hero-image-strip__item{ width:220px; height:150px; border-radius:14px; }
}
@media (max-width: 900px){
  .hero--ai-dev { padding: clamp(120px, 24vw, 150px) 0 clamp(240px, 42vw, 280px) 0;}
  /* .hero-ai-dev-media { bottom: calc(-1 * clamp(200px, 34vw, 240px)); width: calc(100% - 48px); } */
  .hero--ai-dev.is-scrolled .hero-ai-dev-media { bottom: -48px;}

}
@media (max-width: 640px){
  .hero--ai-dev { padding: 80px 16px 32px;}
  .hero--ai-dev.hero--sticky-media{ padding:80px 16px 32px; }
}
@media (max-width: 540px){
  .hero-ai-dev-media { width: 100%;}
}

/* Blog Article Layout */

/* Restaurant industry hero */
.hero-restaurant {
  position: relative;
  padding: clamp(120px, 18vw, 170px) 0 clamp(110px, 16vw, 150px);
  color: #fff;
  background-color: #05070d;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.hero-restaurant-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(90% 80% at 50% 10%, rgba(0,0,0,.45) 0%, rgba(0,0,0,.70) 55%, rgba(0,0,0,.85) 100%);
  pointer-events: none;
}
.hero-restaurant .container {position: relative; z-index: 1;}
.hero-restaurant-inner {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(16px, 3vw, 26px);
}
.hero-restaurant-title {
  margin: 0;
  font-size: clamp(36px, 6vw, 62px);
  line-height: 1.06;
  letter-spacing: -0.02em;
}
.hero-restaurant-copy {
  margin: 0;
  max-width: 760px;
  color: rgba(255,255,255,.82);
  font-size: clamp(14px, 1.6vw, 16px);
  line-height: 1.75;
}
.hero-restaurant-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 22px;
  border-radius: 999px;
  background: #fff;
  color: #111;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,.25);
}
.hero-restaurant-footnote {
  margin-top: clamp(14px, 3vw, 28px);
  width: min(780px, 100%);

.contact-hero-benefit p { margin: 0; font-size: 14px; line-height: 1.6; color: rgba(229,233,255,.75);}
.contact-form-panel { display: flex; justify-content: flex-end; }
.contact-form-card { width: 100%; max-width: 520px; background: rgba(255,255,255,.98); border-radius: 28px; padding: clamp(24px, 4vw, 32px); box-shadow: 0 40px 70px rgba(10,15,30,.28); border: 1px solid rgba(12,18,36,.08); color: #111827; backdrop-filter: blur(18px);}
.contact-form-alert { margin-bottom: 16px; padding: 12px 16px; border-radius: 12px; background: rgba(34,197,94,.12); color: #0f5132; border: 1px solid rgba(34,197,94,.35); font-weight: 600; font-size: 14px; }
.contact-form-alert.is-error { background: rgba(248,113,113,.15); border-color: rgba(248,113,113,.4); color: #991b1b;}
.contact-form { display: grid; gap: clamp(14px, 3vw, 18px); }
.contact-input { width: 100%; border: none; border-bottom: 1px solid rgba(17,24,39,.14); padding: 0 0 12px; font-size: 15px; font-family: inherit; background: transparent; color: #0f172a; transition: border-color .2s ease, box-shadow .2s ease;}
.contact-input::placeholder { color: rgba(17,24,39,.45); }
.contact-input:focus { outline: none; border-color: rgba(37,99,235,.75); box-shadow: 0 2px 0 rgba(37,99,235,.45);}
.contact-input[type="file"] { border: 1px dashed rgba(17,24,39,.18); border-radius: 14px; padding: 14px 16px; background: rgba(17,24,39,.02); cursor: pointer; }
.contact-input[type="file"]::-webkit-file-upload-button { padding: 6px 14px; border-radius: 10px; border: none; background: rgba(37,99,235,.12); color: #1d4ed8; font-weight: 600; cursor: pointer; margin-right: 12px;}
.contact-input--select { position: relative; }
.contact-input--select select { width: 100%; appearance: none; -webkit-appearance: none; border: none; border-bottom: 1px solid rgba(17,24,39,.14); padding: 0 0 12px; font-size: 15px; background: transparent; color: rgba(17,24,39,.45);}
.contact-input--select select:not(:invalid) { color: #0f172a; }
.contact-select-icon { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 16px; color: rgba(17,24,39,.4); pointer-events: none;}
.contact-input--textarea { border: 1px solid rgba(17,24,39,.12); border-radius: 16px; padding: 14px 16px; min-height: 120px; resize: vertical; background: rgba(17,24,39,.02); }
.contact-input--textarea:focus { box-shadow: 0 0 0 3px rgba(37,99,235,.18); border-color: rgba(37,99,235,.75);}
.contact-form-assurances { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: rgba(17,24,39,.6); }
.contact-form-assurances li { display: flex; align-items: center; gap: 8px;}
.contact-form-assurances li::before { content: "✔"; font-size: 12px; color: #2563eb; }
.ai-contact-checkboxes { display: grid; gap: 10px; font-size: 13px; color: rgba(17,24,39,.7);}
.ai-contact-checkbox { display: inline-flex; align-items: center; gap: 10px; }
.ai-contact-checkbox input { width: 18px; height: 18px; border-radius: 6px; border: 1px solid rgba(17,24,39,.24); background: rgba(17,24,39,.04); appearance: none; display: inline-flex; align-items: center; justify-content: center; cursor: pointer;}
.ai-contact-checkbox input:checked { background: linear-gradient(135deg, #2563eb, #1d4ed8); border-color: transparent; color: #fff; }
.ai-contact-checkbox input:checked::after { content: "✓"; font-size: 12px;}
.contact-form-security { display: flex; align-items: center; gap: 12px; font-weight: 600; color: rgba(17,24,39,.72); }
.contact-form-security span { white-space: nowrap;}
.contact-form-submit { border: none; border-radius: 999px; padding: 14px 28px; font-size: 16px; font-weight: 700; background: linear-gradient(135deg, #2563eb, #1d4ed8); color: #fff; cursor: pointer; box-shadow: 0 24px 40px rgba(37,99,235,.24); transition: transform .2s ease, box-shadow .2s ease, filter .2s ease; }
.contact-form-submit:hover { transform: translateY(-2px); box-shadow: 0 30px 50px rgba(29,78,216,.28); filter: brightness(1.04);}
.contact-form-submit:active { transform: translateY(0); box-shadow: 0 16px 28px rgba(29,78,216,.24); }
.contact-global { background: linear-gradient(180deg, #04070c 0%, #060812 100%); color: #f4f5ff; padding: clamp(64px, 12vw, 120px) 0; border-top: 1px solid rgba(255,255,255,.06); }
.contact-global-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 420px); gap: clamp(24px, 6vw, 48px); align-items: center; }
.contact-global-copy h2 { margin: 0 0 16px; font-size: clamp(32px, 4.8vw, 46px); letter-spacing: -.01em; }
.contact-global-copy p { margin: 0; font-size: 17px; color: rgba(222,229,255,.78); line-height: 1.8; }
.contact-global-visual { position: relative; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 30% 30%, rgba(76,106,255,.65), rgba(7,12,30,.95)); box-shadow: 0 40px 70px rgba(0,0,0,.5), inset 0 0 120px rgba(26,232,252,.25); overflow: hidden; }
.contact-global-globe { position: absolute; inset: 12%; border-radius: 50%; background: radial-gradient(circle, rgba(14,210,255,.18), rgba(4,8,20,.95)); box-shadow: inset 0 0 80px rgba(98,161,255,.25); }
.contact-faq { background: #06070c; color: #f5f6ff; padding: clamp(72px, 12vw, 120px) 0; border-top: 1px solid rgba(255,255,255,.05); }
.contact-faq-inner { display: flex; flex-direction: column; gap: clamp(28px, 6vw, 40px); }
.contact-faq h2 { margin: 0; font-size: clamp(34px, 4.8vw, 50px); letter-spacing: -.01em;}
.contact-faq-accordion { display: flex; flex-direction: column; gap: 16px; }
.contact-faq-accordion details { background: rgba(10,12,20,.85); border: 1px solid rgba(255,255,255,.08); border-radius: 18px; padding: 18px 22px; transition: border-color .2s ease, background .2s ease;}
.contact-faq-accordion details[open] { border-color: rgba(76,106,255,.6); background: rgba(15,20,36,.92); }
.accordion-with-chevrons-item,
.accordion-with-chevrons-item__wrapper{ position: relative; z-index: 2;}
.accordion-with-chevrons-item__wrapper::before{
  content: "";
  position: absolute;
  width: 40px;
  height: 80%;
  top: 50%;
  transform: translate(0, -50%);
  left: -39px;
  z-index: 1;
  box-shadow: 24px 0 61px rgba(0, 0, 0, .12);
}
.accordion-with-chevrons-item__wrapper::after{
  content: "";
  display: block;
  position: absolute;
  border: 6.5px solid #1163fb;
  background: #0f0f0f;
  border-left: 0;
  border-top: 0;
  opacity: 1;
  border-bottom-right-radius: 15px;
  top: 60px;
  left: -25px;
  height: 45px;
  width: 45px;
  padding: 0;
  margin: 0;
  transition: opacity .2s ease;
  box-sizing: border-box;
  transform: rotate(-45deg);
  z-index: 3;
  pointer-events: none;
}

.accordion-with-chevrons__item .accordion-with-chevrons-item__input:checked~.accordion-with-chevrons-item__wrapper::after{
  left: -36px;
  border-width: 0;
  border-bottom-right-radius: 6px;
}
.accordion-with-chevrons-item.is-open .accordion-with-chevrons-item__wrapper::before,
.accordion-with-chevrons-item.is-active .accordion-with-chevrons-item__wrapper::before,
.accordion-with-chevrons-item[open] .accordion-with-chevrons-item__wrapper::before,
.accordion-with-chevrons-item__wrapper[open]::before,
.accordion-with-chevrons-item__wrapper[aria-expanded="true"]::before{ content: none; }
.contact-faq-accordion summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 18px; font-weight: 700; font-size: 18px;}
.contact-faq-accordion summary::-webkit-details-marker { display: none; }
.contact-faq-answer { margin-top: 14px; display: grid; gap: 12px; font-size: 15px; color: rgba(222,229,255,.78); line-height: 1.7;}
/* Office Locations Grid */
.office-locations-grid { background: #fff; padding: 80px 0; border-top: 1px solid #eef0f5; border-bottom: 1px solid #eef0f5; text-align: center; }
.office-locations-inner { display: flex; flex-direction: column; align-items: center; gap: 48px; }
.office-locations-inner > h2 { margin: 0; font-size: clamp(26px, 4vw, 40px); font-weight: 700; color: #1a1a2e; letter-spacing: -0.01em; }
.office-locations-copy { margin: -24px 0 0; font-size: 16px; line-height: 1.7; color: #555e7a; max-width: 620px; }
.office-locations-cities { display: flex; flex-wrap: wrap; justify-content: center; gap: 32px; width: 100%; }
.office-location-city { display: flex; flex-direction: column; align-items: center; gap: 0; border-top: 2px solid #1a1a2e; padding-top: 20px; min-width: 240px; max-width: 320px; }
.office-location-city-img { order: -1; display: flex; justify-content: center; padding-bottom: 16px; width: 100%; border-top: none; }
.office-location-city-img img { width: 140px; height: 100px; object-fit: contain; }
.office-location-city-label { font-size: 16px; font-weight: 700; color: #1a1a2e; letter-spacing: 0.02em; }
.office-location-address { display: flex; flex-direction: column; gap: 2px; margin-top: 8px; font-style: normal; font-size: 14px; line-height: 1.6; color: #555e7a; text-align: center; }
.office-locations-cta { margin-top: -8px; }
.office-locations-cta a { font-size: 15px; font-weight: 600; color: #2563eb; text-decoration: none; }
.office-locations-cta a:hover { text-decoration: underline; }
@media (max-width: 768px) { .office-locations-cities { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } }
@media (max-width: 480px) { .office-locations-grid { padding: 56px 0; } }
.office-location-detail { display: flex; align-items: center; gap: 6px; font-size: 14px; color: #555e7a; margin-top: 4px; }
.office-location-detail strong { font-weight: 600; color: #1a1a2e; }
.office-location-detail a { color: #2563eb; text-decoration: none; font-weight: 500; }
.office-location-detail a:hover { text-decoration: underline; }
.office-locations-grid--dark { background: #050608; border-top: 1px solid rgba(255,255,255,.05); border-bottom: 1px solid rgba(255,255,255,.05); }
.office-locations-grid--dark .office-locations-inner > h2 { color: #f3f4ff; }
.office-locations-grid--dark .office-locations-copy { color: rgba(224,228,255,.72); }
.office-locations-grid--dark .office-location-city { border-top-color: rgba(255,255,255,.15); }
.office-locations-grid--dark .office-location-city-label { color: #f3f4ff; }
.office-locations-grid--dark .office-location-address { color: rgba(224,228,255,.6); }
.office-locations-grid--dark .office-location-detail { color: rgba(224,228,255,.6); }
.office-locations-grid--dark .office-location-detail strong { color: rgba(224,228,255,.85); }
.office-locations-grid--dark .office-location-detail a { color: #4f8bff; }
.office-locations-grid--dark .office-locations-cta a { color: #4f8bff; }

.contact-locations { background: #050608; color: #f3f4ff; padding: clamp(64px, 10vw, 110px) 0; border-top: 1px solid rgba(255,255,255,.05); }
.contact-locations-inner h2 { margin: 0 0 clamp(24px, 4vw, 32px); font-size: clamp(32px, 4.6vw, 44px); letter-spacing: -.005em; }
.contact-locations-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: clamp(18px, 3vw, 24px); }
.contact-location-card { background: rgba(12,14,24,.92); border-radius: 20px; border: 1px solid rgba(255,255,255,.08); overflow: hidden; display: flex; flex-direction: column; min-height: 260px; box-shadow: 0 24px 48px rgba(0,0,0,.35); }
.contact-location-media { aspect-ratio: 4 / 3; background: rgba(255,255,255,.04); }
.contact-location-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.contact-location-copy { display: flex; flex-direction: column; gap: 10px; padding: 20px; font-size: 14px; }
.contact-location-copy h3 { margin: 0; font-size: 18px; color: #fff; }
.contact-location-copy p { margin: 0; color: rgba(224,228,255,.72); line-height: 1.6; }
.contact-location-copy a { color: #4f8bff; font-weight: 600; }
.contact-locations-intro { max-width: 800px; margin: 0 0 clamp(32px, 5vw, 48px); }
.contact-locations-intro p { margin: 0; color: rgba(224,228,255,.72); font-size: 16px; line-height: 1.7; }
.contact-location-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0; min-height: 280px; }
.contact-location-media { aspect-ratio: auto; }
.contact-location-media:empty { display: none; }
.contact-location-media:empty + .contact-location-copy,
.contact-location-row:only-child .contact-location-copy { grid-column: 1 / -1; }
.contact-location-card { min-height: auto; }
.contact-location-copy { justify-content: center; padding: clamp(24px, 4vw, 40px); }
.contact-locations-grid { grid-template-columns: 1fr; gap: clamp(18px, 3vw, 24px); }
.contact-locations-micro-cta { margin-top: clamp(32px, 5vw, 48px); display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.contact-locations-micro-cta p { margin: 0; color: rgba(224,228,255,.72); font-size: 15px; }
.contact-locations-micro-cta .btn-primary { white-space: nowrap; }

.genai-readiness-cta{
  background:#000;
  padding:60px 0 90px !important;
}
.genai-readiness-cta .genai-readiness-grid{
  display:grid;
  grid-template-columns:55% 45% !important;
  grid-template-areas:"content media";
  gap:0 !important;
  align-items:stretch !important;
  background:none !important;
  border-radius:24px !important;
  overflow:hidden !important;
  max-width:1400px !important;
  max-height:none;
  padding:0 !important;
  margin:0 auto !important;
}
.genai-readiness-cta .genai-readiness-content{ grid-area:content; }
.genai-readiness-cta .genai-readiness-media{ grid-area:media; }
.genai-readiness-cta .genai-readiness-content{
  background:url(https://cdn.bonamisoftware.com/images/assets-ext/service-cta-left1.webp) center center / cover no-repeat !important;
  color:#fff !important;
  padding:50px 35px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  max-height:none;
  grid-template-areas:
    "stat"
    "body"
    "btn";
  row-gap:18px !important;
  align-items:start !important;
}
/* .genai-readiness-cta .genai-readiness-stat{
  display:grid !important;
  grid-template-columns:120px 1fr !important;
  grid-template-areas:"stat title" !important;
  column-gap:22px !important;
  row-gap:0 !important;
  align-items:start !important;
  margin-bottom:0 !important;
  grid-area:stat;
} */
.genai-readiness-cta .genai-stat-number{
  grid-area:stat;
  font-size:60px !important;
  font-weight:800;
  line-height:1;
  color:#fff;
  white-space:nowrap;
}
.genai-readiness-cta .genai-stat-text{grid-area:title;}
.genai-readiness-cta .genai-stat-title,
.genai-readiness-cta .genai-stat-subtitle{
  font-size:24px !important;
  font-weight:600 !important;
  color:#fff !important;
  line-height:1.15 !important;
  max-width:430px !important;
  padding-top:6px !important;
}
.genai-readiness-cta .genai-stat-subtitle{
  display:none !important;
}
.genai-readiness-cta .genai-readiness-desc{
  color:rgba(255,255,255,0.9) !important;
  font-size:16px !important;
  line-height:1.7 !important;
  letter-spacing:0 !important;
  /* text-transform:uppercase !important; */
  margin:0 !important;
  max-width:520px !important;
  /* font-weight:700 !important; */
  grid-area:body;
}
.genai-readiness-cta .genai-readiness-btn{
  background:#fff !important;
  color:#0b0b0b !important;
  border-radius:999px !important;
  padding:18px 36px !important;
  font-weight:700 !important;
  display:inline-flex !important;
  justify-content:center !important;
  align-items:center !important;
  min-height:56px !important;
  max-width:100% !important;
  width:auto !important;
  white-space:normal !important;
  line-height:1.2 !important;
  text-align:center;
  text-decoration:none !important;
  box-shadow:none !important;
  border:0 !important;
  grid-area:btn;
}
.genai-readiness-cta .genai-readiness-btn:hover{
  background:#f5f7ff !important;
}
.genai-readiness-cta .genai-readiness-media{
  background:none !important;
  /* max-height:360px !important; */
  display:flex !important;
  align-items:stretch !important;
  justify-content:stretch !important;
  padding:0 !important;
  overflow:hidden !important;
}
.genai-readiness-cta .genai-readiness-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover !important;
  max-width:none !important;
  border-radius:0 !important;
}

.ml-readiness-cta{
  background:#000;
  padding:60px 0 90px;
}
.ml-readiness-cta .ml-readiness-grid{
  display:grid;
  grid-template-columns:55% 45%;
  gap:0;
  align-items:stretch;
  border-radius:24px;
  overflow:hidden;
  max-width:1400px;
  padding:0;
  margin:0 auto;
}
.ml-readiness-cta .ml-readiness-content{
  background:url(https://cdn.bonamisoftware.com/images/assets-ext/service-cta-left1.webp) center center / cover no-repeat;
  color:#fff;
  padding:50px 35px;
  display:grid;
  grid-template-columns:1fr;
  grid-template-areas:
    "stat"
    "body"
    "btn";
  row-gap:18px;
  align-items:start;
}
.ml-readiness-cta .ml-readiness-stat{
  display:flex;
  flex-direction:column;
  grid-template-columns:120px 1fr;
  grid-template-areas:"stat title";
  column-gap:22px;
  row-gap:0;
  align-items:start;
  margin-bottom:0;
  grid-area:stat;
}
.ml-readiness-cta .ml-readiness-number{
  grid-area:stat;
  font-size:24px;
  font-weight:600;
  line-height:1;
  color:#fff;
  white-space:nowrap;
}
.ml-readiness-cta .ml-readiness-text{grid-area:title;}
.ml-readiness-cta .ml-readiness-title,
.ml-readiness-cta .ml-readiness-subtitle{
  font-size:48px;
  font-weight:600;
  color:#fff;
  line-height:1.15;
  max-width:430px;
  padding-top:6px;
}
.ml-readiness-cta .ml-readiness-subtitle{
  display:none;
}
.ml-readiness-cta .ml-readiness-desc{
  color:rgba(255,255,255,0.9);
  font-size:20px;
  line-height:1.7;
  letter-spacing:0;
  margin:0;
  max-width:520px;
  grid-area:body;
}
.ml-readiness-cta .ml-readiness-btn{
  background:#fff;
  color:#0b0b0b;
  border-radius:999px;
  padding:18px 36px;
  font-weight:700;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:56px;
  width:fit-content;
  white-space:nowrap;
  line-height:1;
  text-decoration:none;
  box-shadow:none;
  border:0;
  grid-area:btn;
}
.ml-readiness-cta .ml-readiness-btn:hover{
  background:#f5f7ff;
}
.ml-readiness-cta .ml-readiness-media{
  background:none;
  min-height:360px;
  display:flex;
  align-items:stretch;
  justify-content:stretch;
  padding:0;
  overflow:hidden;
}
.ml-readiness-cta .ml-readiness-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  max-width:none;
  border-radius:0;
}

.ml-readiness-cta.ml-readiness-cta--light{
  background:#fff;
}
.ml-readiness-cta.ml-readiness-cta--light .ml-readiness-content{

  overflow-y:auto;
}
 .tech-tabs-scroll::-webkit-scrollbar,
 .scrollle_content::-webkit-scrollbar,
 .tools_tech_scroll::-webkit-scrollbar{
  -webkit-appearance:none;
  width:7px;
}
 .tech-tabs-scroll::-webkit-scrollbar-thumb,
 .scrollle_content::-webkit-scrollbar-thumb,
 .tools_tech_scroll::-webkit-scrollbar-thumb{
  background-color:rgba(157, 151, 255, 1);
  border-radius:10px;
}
 .tech-tabs-scroll::-webkit-scrollbar-track,
 .scrollle_content::-webkit-scrollbar-track,
 .tools_tech_scroll::-webkit-scrollbar-track{
  background:rgba(255,255,255,0.12);
  border-radius:20px;
}
.genai-tech-stack--tabs .tech-tabs{
  background:#3b82f6;
  padding:28px 30px;
  display:flex;
  flex-direction:column;
  gap:10px;
  height:auto;
  overflow-y:auto;
}
.genai-tech-stack--tabs .tech-tab-btn{
  width:100%;
  border:none;
  background:transparent;
  color:#e0deff;
  text-align:left;
  cursor:pointer;
  padding:25px;
  border-radius:12px;
  font-size:20px;
  font-weight:600;
  display:flex;
  align-items:center;
  gap:12px;
  transition:all .3s ease;
}
.genai-tech-stack--tabs .tech-tab-btn:hover{
  color:#fff;
  background: rgba(91, 84, 232, 1);
  border-radius: 12px;
}
.genai-tech-stack--tabs .tech-tab-btn.active{
  color:#fff;
  background:rgba(255,255,255,0.16);
}
.genai-tech-stack--tabs .tech-tab-icon{
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.genai-tech-stack--tabs .tech-tab-icon img{
  width:22px;
  height:22px;
  filter:brightness(0) invert(1);
}
.genai-tech-stack--tabs .tech-tab-label{ flex:1; }
.genai-tech-stack--tabs .tech-tab-arrow{
  font-size:22px;
  opacity:0;
  transition:opacity .3s ease;
}
.genai-tech-stack--tabs .tech-tab-btn.active .tech-tab-arrow{
  opacity:1;
}
.genai-tech-stack--tabs .tech-content{
  padding:28px;
  background:#fff;
}
.genai-tech-stack--tabs .tech-panel{ display:none; }
.genai-tech-stack--tabs .tech-panel.active{ display:block;}
.genai-tech-stack--tabs .tech-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px 16px;
}
.genai-tech-stack--tabs .tech-item{
  background:#f6f6f6;
  border-radius:14px;
  padding:14px 16px;
  display:flex;
  align-items:center;
  gap:14px;
  border:1px solid #eef0f5;
}
.genai-tech-stack--tabs .tech-icon{
  width:36px;
  height:36px;
  border-radius:10px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.genai-tech-stack--tabs .tech-icon img{
  max-width:24px;
  max-height:24px;
  object-fit:contain;
}
.genai-tech-stack--tabs .tech-name{
  font-size:14px;
  font-weight:600;
  color:#0f172a;
}
.genai-tech-stack--tabs .tech-tabs::-webkit-scrollbar{
  width:6px;
}
.genai-tech-stack--tabs .tech-tabs::-webkit-scrollbar-track{
  background:rgba(255,255,255,0.12);
  border-radius:20px;
}
.genai-tech-stack--tabs .tech-tabs::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,0.6);
  border-radius:20px;
}

/* Accordion: hidden on desktop */
.genai-tech-stack--tabs .tech-stack-accordion{ display:none; }

.genai-tech-stack--reviews{
  background:#000;
  padding:84px 20px;
  color:#fff;
}
.genai-tech-stack--reviews .reviews-title{
  text-align:center;
  font-size:34px;
  line-height:1.2;
  font-weight:700;
  margin:0 0 28px;
}
.genai-tech-stack--reviews .reviews-description{
  text-align:center;
  max-width:760px;
  margin:0 auto 34px;
  color:rgba(255,255,255,0.78);
}

.genai-tech-stack--reviews .reviews-shell{
  position:relative;
  max-width:960px;
  margin:0 auto;
}
.genai-tech-stack--reviews .reviews-viewport{
  overflow:hidden;
  border-radius:14px;
}
.genai-tech-stack--reviews .reviews-track{
  display:flex;
  transition:transform .35s ease;
  will-change:transform;
}
.genai-tech-stack--reviews .review-card{
  flex:0 0 100%;
  padding:0;
}
.genai-tech-stack--reviews .review-card__inner{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:24px;
  align-items:center;
  background:linear-gradient(135deg, rgba(255,255,255,0.08), rgba(255,255,255,0.02));
  border:1px solid rgba(255,255,255,0.14);
  box-shadow:0 18px 60px rgba(0,0,0,0.45);
  padding:34px 36px;
  border-radius:14px;
}
.genai-tech-stack--reviews .review-left{
  display:flex;
  gap:14px;
  align-items:center;
}
.genai-tech-stack--reviews .review-avatar{
  width:56px;
  height:56px;
  border-radius:999px;
  overflow:hidden;
  border:2px solid rgba(255,255,255,0.22);
  flex:0 0 auto;
}
.genai-tech-stack--reviews .review-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.genai-tech-stack--reviews .review-name{
  font-weight:700;
  font-size:16px;
  line-height:1.2;
}
.genai-tech-stack--reviews .review-meta{
  margin-top:6px;
  font-size:12px;
  color:rgba(255,255,255,0.72);
}
.genai-tech-stack--reviews .review-right{
  position:relative;
  color:rgba(255,255,255,0.88);
  font-size:14px;
  line-height:1.75;
}
.genai-tech-stack--reviews .review-quote-mark{
  position:absolute;
  top:-10px;
  left:-12px;
  font-size:42px;
  line-height:1;
  color:rgba(255,255,255,0.28);
}
.genai-tech-stack--reviews .review-quote-mark--end{
  top:auto;
  left:auto;
  right:-10px;
  bottom:-18px;
}

.genai-tech-stack--reviews .reviews-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.18);
  background:rgba(0,0,0,0.55);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:2;
}
.genai-tech-stack--reviews .reviews-nav span{ font-size:22px; line-height:1; }
.genai-tech-stack--reviews .reviews-nav--prev{ left:-18px;}
.genai-tech-stack--reviews .reviews-nav--next{ right:-18px; }
.genai-tech-stack--reviews .reviews-nav:disabled{
  opacity:0.35;
  cursor:not-allowed;
}

@media(max-width:900px){
  .genai-tech-stack--reviews .review-card__inner{
    grid-template-columns:1fr;
    gap:18px;
    padding:26px 22px;
}
  .genai-tech-stack--reviews .reviews-nav--prev{ left:-10px; }
  .genai-tech-stack--reviews .reviews-nav--next{ right:-10px;}
}
 
/*  
body.page-retail .genai-tech-stack{
  background:#f7eee9;
  padding:90px 20px 100px;
} */
/* body.page-retail .genai-tech-stack .container{display:grid; grid-template-columns:1fr 1fr; grid-template-areas:
    "title title"
    "desc desc"
    "stack stack"; column-gap:32px;} */

/* body.page-retail .genai-tech-stack .tech-title{
  grid-area:title;
  font-size:52px;
  line-height:1.15;
  margin:0 0 18px;
  color:#0a0d1f;
  text-align:left;
  font-weight:700;
  letter-spacing:-0.01em;
} */
/* 
body.page-retail .genai-tech-stack .tech-description{
  grid-area:desc;
  font-size:18px;
  line-height:1.7;
  color:#3c4257;
  margin:0 0 50px;
} */

/* body.page-retail .genai-tech-stack .tech-stack-shell{
  grid-area:stack;
  display:grid;
  grid-template-columns:1fr 1fr;
  background:#fff;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(15, 23, 42, 0.12);
} */

/* body.page-retail .genai-tech-stack .tech-tabs{
  background:#1762f2;
  padding:28px 30px;
  display:flex;
  flex-direction:column;
  gap:10px;
  max-height:600px;
  overflow-y:auto;
} */

/* body.page-retail .genai-tech-stack .tech-tab-btn{
  width:100%;
  border:none;
  background:transparent;
  color:#d8e4ff;
  text-align:left;
  padding:14px 16px;
  border-radius:12px;
  font-size:18px;
  font-weight:600;
  display:flex;
  align-items:center;
  gap:12px;
  transition:all .3s ease;
} */


/* body.page-retail .genai-tech-stack .tech-tab-btn:hover{
  color:#fff;
  background:rgba(255,255,255,0.08);
} */


/* body.page-retail .genai-tech-stack .tech-tab-btn.active{
  color:#fff;
  background:rgba(255,255,255,0.16);
} */

/* body.page-retail .genai-tech-stack .tech-tab-icon{
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
} */

/* 
body.page-retail .genai-tech-stack .tech-tab-icon img{
  width:22px;
  height:22px;
  filter:brightness(0) invert(1);
} */


/* body.page-retail .genai-tech-stack .tech-tab-label{ flex:1; }
body.page-retail .genai-tech-stack .tech-tab-arrow{
  font-size:22px;
  opacity:0;
  transition:opacity .3s ease;
} */

/* 
body.page-retail .genai-tech-stack .tech-tab-btn.active .tech-tab-arrow{ opacity:1; }
body.page-retail .genai-tech-stack .tech-content{
  padding:28px;
  background:#fff;
} */

}

@media(max-width:960px){
  body.page-fitness .approach-img-accordion{ padding:64px 0;}
  body.page-fitness .approach-img-grid{ grid-template-columns: 1fr; gap:34px; }
  body.page-fitness .approach-img-left{ position:relative; top:auto; order:2;}
  body.page-fitness .approach-img-right{ order:1; }
  body.page-fitness .approach-img-media{ min-height: 360px;}
  body.page-fitness .approach-img-media::before{ width: 360px; height: 360px; }
  body.page-fitness .approach-img-media img{ max-width: 320px;}

  body.page-ecommerce .approach-img-accordion{ padding:64px 0; }
  body.page-ecommerce .approach-img-grid{ grid-template-columns: 1fr; gap:34px;}
  body.page-ecommerce .approach-img-left{ position:relative; top:auto; order:2; }
  body.page-ecommerce .approach-img-right{ order:1;}
  body.page-ecommerce .approach-img-media{ min-height: 360px; }
  body.page-ecommerce .approach-img-media::before{ width: 360px; height: 360px;}
  body.page-ecommerce .approach-img-media img{ max-width: 320px; }
}

.genai-services.genai-services--fitness{
  background:#000;
  padding:80px 20px 80px;
  color:#f5f7ff;
}

 .genai-services.genai-services--fitness.genai-services--light{
  background:#ffffff;
  color:#0b1220;
}

.genai-services.genai-services--fitness .genai-services-grid{
  margin-left:auto;
  margin-right:auto;
  border:1px solid #15497e;
}
.genai-nav-scroll{
  width:100%;
  max-height:350px;
  overflow-y:auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,0.7) rgba(255,255,255,0.15);
}

 .genai-nav-scroll::-webkit-scrollbar{
  -webkit-appearance:none;
  width:3px;
}
 .genai-nav-scroll::-webkit-scrollbar-thumb{
  background-color:rgba(255,255,255,0.7);
  border-radius:10px;
}
 .genai-nav-scroll::-webkit-scrollbar-track{
  border-radius:10px;
  background-color:rgba(255,255,255,0.15);
}

 .genai-nav-scroll::-webkit-scrollbar-button{
  width:0;
  height:0;
  display:none;
}

 .scroll_list::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #8897fa;
}

 .scroll_list::-webkit-scrollbar-button{
  width:0;
  height:0;
  display:none;
}

 .genai-nav-scroll::-webkit-scrollbar-track-piece{
  border-radius:10px;
  background-color:rgba(255,255,255,0.15);
}

 .genai-services.genai-services--fitness.genai-services--light .genai-nav-scroll{
  /* scrollbar-color: #090909 #8897fa; */
  scrollbar-color: #090909 #8897fa;
}

 .genai-services.genai-services--fitness.genai-services--light .genai-nav-scroll::-webkit-scrollbar-thumb{
  background-color:#090909;
}
.genai-services-title {
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  margin:0 0 20px;
  color:#fff;
  text-align:left;
  max-width:1100px;
  letter-spacing: var(--letter-spacing-tight);
}

.genai-services.genai-services--fitness .genai-services-intro{
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-relaxed);
  color:#d6dae8;
 
  width:100%;
}

 .genai-services.genai-services--fitness.genai-services--light .genai-services-title{ color:#0b1220; }
 .genai-services.genai-services--fitness.genai-services--light .genai-services-intro{ color:rgba(11,18,32,0.72);}

.genai-services.genai-services--fitness .genai-services-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  align-items:stretch;
  max-width:100%;
  position:relative;
  background:transparent;
  margin-top:50px;
  border:1px solid rgba(21,73,126,0.5);
  border-radius:20px;
  overflow:hidden;
}

 .genai-services.genai-services--fitness.genai-services--light .genai-services-grid{
  border-color:#15497e;
  margin:0auto;
  background: linear-gradient(
    90deg,
    #1e6dff 0%,
    #1e6dff 50%,
    rgba(2,6,23,0.03) 50%,
    rgba(2,6,23,0.03) 100%
  );
}

.genai-services.genai-services--fitness .genai-services-grid::before,
.genai-services.genai-services--fitness .genai-services-grid::after{
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  width:40%;
  height:100%;
  
  pointer-events:none;
  z-index:0;
}

 .genai-services.genai-services--fitness .genai-services-grid::before{ left:0; }

 .genai-services.genai-services--fitness .genai-services-grid::after{ right:0;}

 .genai-services.genai-services--fitness .genai-services-nav,
 .genai-services.genai-services--fitness .genai-services-content{ position:relative; z-index:1; }
 .genai-services.genai-services--fitness .genai-services-nav{
   position:relative;
   top:auto;
   background:#3b82f6;
   padding: 0 40px 0 40px;
 }
 .genai-services.genai-services--fitness .genai-nav-item{
   position:relative;
   display:flex;
   align-items:center;
   gap:20px;
   padding:20px 0;
   background:transparent;
   border:none;
   color:rgba(255,255,255,0.55);
   text-align:left;
   cursor:pointer;
   transition:all .25s ease;
   border-bottom:1px solid rgba(255,255,255,0.18);
   font-size:18px;
   font-weight:500;
   width:100%;
}
 .genai-services.genai-services--fitness .genai-nav-item:last-child{ border-bottom:1px solid rgba(255,255,255,0.18); }
 .genai-services.genai-services--fitness .genai-nav-item:hover{ color:rgba(255,255,255,0.85);}
 .genai-services.genai-services--fitness .genai-nav-item.is-active{ color:#fff; font-weight:600; }
 .genai-services.genai-services--fitness .genai-nav-number{
   font-size:15px;
   font-weight:500;
   min-width:30px;
   opacity:0.6;
}
 .genai-services.genai-services--fitness .genai-services-content{ position:relative; display:flex; align-items:center; padding:60px 60px; }

 .genai-services.genai-services--fitness.genai-services--light .genai-services-content{
  background:#ffffff;
}
 .genai-services.genai-services--fitness .genai-service-card{
   width:100%;
   opacity:0;
   visibility:hidden;
   transform:translateY(20px);
   transition:all .35s ease;
   background:transparent;
   border:none;
   border-radius:0;
   padding:0;
   position:absolute;
   top:0;
   left:0;
   right:0;
   pointer-events:none;
}
 .genai-services.genai-services--fitness .genai-service-card.is-visible{
   opacity:1;
   visibility:visible;
   transform:translateY(0);
   position:relative;
   pointer-events:auto;
}
 .genai-services.genai-services--fitness .genai-service-icon{
   width:44px;
   height:44px;
   background:#3b82f6;
   border-radius:12px;
   display:flex;
   align-items:center;
   justify-content:center;
   margin-bottom:18px;
}
  .genai-services.genai-services--fitness .genai-services-nav{
    background-image: linear-gradient(135deg, #38bdf8 0%, #3b82f6 40%, #2563eb 70%, #1e40af 100%);
    padding: 0 40px 0 40px;
    height:100%;
}
 .genai-services.genai-services--fitness .genai-service-icon svg{
   width:22px;
   height:22px;
   display:block;
   color:#fff;
}
 .genai-services.genai-services--fitness .genai-service-title{
   font-size: var(--font-size-xl);
   font-weight: var(--font-weight-bold);
   line-height: var(--line-height-tight);
   margin:0 0 14px;
   color:#fff;
   letter-spacing: var(--letter-spacing-tight);
}
 .genai-services.genai-services--fitness.genai-services--light .genai-service-title{ color:#0b1220; }
 .genai-services.genai-services--fitness .genai-service-desc{
   font-size: var(--font-size-md);
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-relaxed);
   color:#d6dae8;
   margin:0;
   max-width:520px;
}

 .genai-services.genai-services--fitness.genai-services--light .genai-service-desc{ color:rgba(11,18,32,0.72); }

  @media(max-width:960px){
   .genai-services.genai-services--fitness{ padding:60px 0px 80px;}

  .ai-agent-compliance .compliance-card h3{ font-size:11px; }
  .ai-agent-compliance .compliance-card p{ font-size:10px; }
 }

 .genai-success-stories{
 background:#000;
  padding:100px 20px 80px;
  color:#f5f7ff;
  position:relative;
}

 body.page-healthcare .genai-success-stories

 {
  border-top: 6px solid #c0f;
  border-radius: 26px;
}
body.page-retail .genai-success-stories{ padding:100px 20px 80px; }
.genai-success-stories::before,
 .genai-success-stories::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:420px;
  background:url('https://cdn.bonamisoftware.com/images/assets-ext/ellipse1-new-banner.webp') center / contain no-repeat;
  pointer-events:none;
  z-index:-1;
}
 .genai-success-stories::before,
 .genai-success-stories::after{
  display:none;
}
 .genai-success-stories::before{ left:0; }
 .genai-success-stories::after{ right:0; transform:scaleX(-1);}
 .success-stories-header{
   max-width:1100px;
   margin-bottom:60px;
}
 .success-stories-title{
   font-size:52px;
   line-height:1.15;
   margin:0 0 28px;
   color:#fff;
   font-weight:700;
   letter-spacing:-0.01em;
   text-align:center !important;
   position:relative !important;
   padding-bottom:28px !important;
}
 .genai-success-stories .success-stories-title::after,
 .success-stories-title::after{
   content:'' !important;
   position:absolute !important;
   bottom:0 !important;
   left:50% !important;
   transform:translateX(-50%) !important;
   width:180px !important;
   height:4px !important;
   background:linear-gradient(90deg, rgba(74,144,217,0), #4a90d9 30%, #6fb0ff 50%, #4a90d9 70%, rgba(74,144,217,0)) !important;
   border-radius:2px !important;
   display:block !important;
   z-index:5 !important;
   box-shadow:0 0 12px rgba(111,176,255,0.55) !important;
   pointer-events:none;
}
 .success-stories-intro{
   font-size:18px;
   line-height:1.7;
   color:#b8bcc8;
   margin:0;
}
 .success-stories-carousel{
   position:relative;
   display:block;
   margin-bottom:40px;
}
 .success-stories-wrapper{
   padding:0;
   overflow:hidden;
   position:relative;
}
 .success-story-slide{ display:none; }
 .success-story-slide.is-active{
   display:block;
   animation:fadeInSlide 0.4s ease;
}
 @keyframes fadeInSlide{
   from{opacity:0;transform:translateX(20px);}
   to{opacity:1;transform:translateX(0);}
}
 .success-story-card{
   display:grid;
   grid-template-columns: minmax(0, 65%) minmax(0, 35%);
   gap:0;
   min-height:450px;
   background:transparent;
   /* border:1px solid rgba(255,255,255,0.08); */
   /* border-radius:24px; */
   overflow:hidden;
}
 .success-story-content{
   padding:48px 44px;
   display:flex;
   flex-direction:column;
   gap:20px;
   background:rgba(255,255,255,0.03);
   background-color: #1b1b1b;
  border: 1px solid #5b5b5b;
  border-right: 0;
  border-radius: 12px 0 0 12px
}
 .success-story-card-title{
   font-size:32px;
   font-weight:700;
   color:#fff;
   margin:0;
   line-height:1.2;
}
 .success-story-desc{
   font-size:18px;
   line-height:1.7;
   color:#b8bcc8;
   margin:0;
}
 .success-story-outcome-label{
   font-size:16px;
   font-weight:600;
   color:#fff;
   margin:0;
}
 .success-story-metrics{
   display:flex;
   gap:24px;
   flex-wrap:wrap;
}
 .success-story-metric{
   display:flex;
   flex-direction:column;
   gap:4px;
   padding-right:24px;
   border-right:1px solid rgba(255,255,255,0.2);
}
 .success-story-metric:last-child{
   border-right:none;
   padding-right:0;
}
 .metric-value{
   font-size:28px;
   font-weight:700;
   color:#fff;
   line-height:1.2;
}
 .metric-label{
   font-size:15px;
   color:#b8bcc8;
   line-height:1.4;
}

   .supply-success-story[data-variant="centered-progress"] .supply-success-metrics--centered-progress{
     grid-template-columns: 1fr;
     gap: 22px;
     max-width: 520px;
     margin-left:auto;
     margin-right:auto;
   }
   .supply-success-story[data-variant="centered-progress"] .supply-success-metric-label{
     max-width: none;
   }
 }

 @media(max-width:960px){
   .supply-success-story[data-variant="columns-progress"] .supply-success-grid--columns-progress{
     grid-template-columns:1fr;
     gap:34px;
   }
 }

/* Hide mobile-only elements on desktop */
.ai-cta-mobile { display: none; }


/* Mobile Navigation — scoped to body.page-ai-services so base.css nav applies
   unchanged on ai-agent/ai-copilot/ai-integration and other pages. */
body.page-ai-services .mobile-menu-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border: 2px solid rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  z-index: 1000;
  color:black;
}

body.page-ai-services .mobile-menu-toggle:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.3);
}

body.page-ai-services .hamburger-line {
  display: block;
  width: 20px;
  height: 3px;
  background: #ffffff;
  margin: 2px 0;
  transition: all 0.3s ease;
  transform-origin: center;
  border-radius: 2px;
}

body.page-ai-services .mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

body.page-ai-services .mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(2) {
  opacity: 0;
}

body.page-ai-services .mobile-menu-toggle[aria-expanded="true"] .hamburger-line:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}

@media (max-width: 968px) {
  body.page-ai-services .mobile-menu-toggle {
    display: flex !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    z-index: 10000 !important;
  }

  body.page-ai-services .mobile-menu-toggle .hamburger-line {
    background: #ffffff;
    height: 2px;
    width: 20px;
    border-radius: 2px;
  }

  body.page-ai-services .site-nav {
    position: fixed !important;
    top: 56px !important;
    left: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(6, 7, 8, 0.98) !important;
    backdrop-filter: blur(12px) !important;
    transform: translateX(100%) !important;
    transition: transform 0.3s ease !important;
    z-index: 9998 !important;
    overflow-y: auto !important;
    padding: 20px 0 20px 0 !important;
    width: 100% !important;
    display: block !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
  }

  body.page-ai-services .site-nav.mobile-open {
    transform: translateX(0) !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body.page-ai-services .navbar > .site-nav > ul {
    flex-direction: column;
    gap: 0;
    padding: 0 10px;
    width: 100%;
    display: flex !important;
    list-style: none !important;
    margin: 0 !important;
    align-items: stretch !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  body.page-ai-services .navbar > .site-nav > ul > li {
    width: 100% !important;
    border-bottom: none !important;
    display: flex !important;
    align-items: center !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  body.page-ai-services .nav-link {
    width: 100% !important;
    padding: 10px 20px !important;
    margin: 0 !important;
    color: #ffffff !important;
}
  .hero-ai-dev-video{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:0;
}
}

/* Metrics Section */
.ai-agent-metrics{
  background:linear-gradient(245deg, #000 25.35%, #15152d 81.62%);
  padding:80px 0;
}

.ai-agent-metrics .metrics-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:20px;
}
.ai-agent-metrics .metric-card{
  background:#fff;
  border-radius:16px;
  padding:32px 28px;
  min-height:160px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:12px;
  box-shadow:0 16px 40px rgba(0,0,0,0.25);
}
.ai-agent-metrics .metric-stat{
  font-size:28px;
  font-weight:800;
  color:#0b0c0d;
  letter-spacing:-0.01em;
  line-height:1;
}
.ai-agent-metrics .metric-label{
  font-size:18px;
  font-weight:700;
  color:#2a3248;
  line-height:1.5;
  margin:0;
}

/* Metrics Responsive */
@media(max-width:1024px){
  .ai-agent-metrics .metrics-grid{
    grid-template-columns:repeat(2, 1fr);
}
}
@media(max-width:640px){
  .ai-agent-metrics{
    padding:60px 0;
}
  .ai-agent-metrics .metrics-grid{
    grid-template-columns:1fr;
}
  .ai-agent-metrics .metric-card{
    padding:24px 20px;
    min-height:auto;
}
}
/* Testimonials Section */
.ai-agent-testimonials{
  background:#000;
  padding:80px 0 100px;
  color:#e8ecf7;
}

.testimonials-cta-top{
  display:flex;
  justify-content:center;
  margin-bottom:40px;
}
.testimonials-cta-top .btn-primary{
  background:linear-gradient(135deg,#1263ff,#0d5ae6);
  color:#fff;
  padding:14px 28px;
  border-radius:10px;
  font-weight:600;
  text-decoration:none;
  box-shadow:0 12px 28px rgba(18,99,255,0.3);
}
.testimonials-title{
  text-align:center;
  font-size:32px;
  font-weight:700;
  color:#fff;
  margin:0 0 48px;
  letter-spacing:-0.01em;
}
.testimonials-carousel{
  position:relative;
  display:flex;
  align-items:center;
  gap:20px;
}
.testimonials-nav{
  width:48px;
  height:48px;
  border-radius:50%;
  background:#fff;
  border:none;
  color:#0b0c0d;
  font-size:24px;
  cursor:pointer;
  flex-shrink:0;
  display:grid;
  place-items:center;
  transition:all 0.25s ease;
  box-shadow:0 8px 20px rgba(0,0,0,0.2);
}
.testimonials-nav:hover{
  background:#1263ff;
  color:#fff;
  transform:scale(1.05);
}
.testimonials-stage{
  flex:1;
  overflow:hidden;
}
.testimonials-slide{
  display:none;
}
.testimonials-slide.is-active{
  display:block;
  animation:fadeInTestimonial 0.4s ease;
}
@keyframes fadeInTestimonial{
  from{opacity:0;transform:translateY(10px);}
  to{opacity:1;transform:translateY(0);}
}
.testimonials-card{
  background:#0a0d14;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:20px;
  padding:48px 56px;
  text-align:center;
}
.testimonials-quote-icon{
  font-size:48px;
  color:#1263ff;
  margin-bottom:24px;
  line-height:1;
}
.testimonials-quote{
  font-size:17px;
  line-height:1.75;
  color:#c9d4e9;
  margin:0 0 32px;
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}
.testimonials-author{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
}
.testimonials-avatars{
  display:flex;
  justify-content:center;
  gap:-8px;
}
.testimonials-avatar{
  width:72px;
  height:72px;
  border-radius:50%;
  object-fit:cover;
  border:3px solid #0a0d14;
  margin-left:-8px;
}
.testimonials-avatar:first-child{
  margin-left:0;
}
.testimonials-name{
  font-size:20px;
  font-weight:700;
  color:#fff;
  margin:8px 0 0;
}
.testimonials-role{
  font-size:15px;

}

/* Types Responsive */
@media(max-width:1100px){
  .cb-type-card{
    flex:0 0 calc((100% - 32px) / 3);
}
}
@media(max-width:860px){
  .cb-type-card{
    flex:0 0 calc((100% - 16px) / 2);
}
}
@media(max-width:560px){
  .cb-type-card{
    flex:0 0 100%;
}
}

/* AI Agent Value Section */
.ai-agent-value{
  background:#05070b;
  padding:90px 0 100px;
  color:#e8ecf7;
  position:relative;
  overflow:hidden;
}
.ai-agent-value::before{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(30,60,114,0.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(30,60,114,0.08) 1px, transparent 1px);
  background-size:60px 60px;
  pointer-events:none;
}
.ai-agent-value .container{position:relative; z-index:1;}
.ai-agent-value .value-head{
  text-align:center;
  max-width:920px;
  margin:0 auto 50px;
}
.ai-agent-value .value-head h2{
  margin:0 0 24px;
  font-size:32px;
  font-weight:700;
  line-height:1.2;
  color:#fff;
}
.ai-agent-value .value-head p{
  margin:0;
  font-size:17px;
  line-height:1.7;
  color:#c9d4e9;
}
.ai-agent-value .value-diagram{
  display:flex;
  justify-content:center;
  align-items:center;
}
.ai-agent-value .value-diagram img{
  max-width:100%;
  height:auto;
}

/* Value Responsive */
@media(max-width:768px){
  .ai-agent-value{
    padding:60px 0 70px;
}
  .ai-agent-value .value-head h2{
    font-size:28px;
}
  .ai-agent-value .value-head{
    margin-bottom:32px;
}
}

/* Why Trust Sticky Section */
.why-trust-sticky{
  background:#000;
  padding:100px 0 120px;
  color:#e8ecf7;
}

.why-trust-sticky .why-trust-grid{
  display:grid;
  grid-template-columns:0.85fr 1.15fr;
  gap:80px;
  align-items:start;
}
.why-trust-sticky .why-trust-left{
  position:sticky;
  top:120px;
}
.why-trust-sticky .why-trust-title{
  margin:0 0 24px;
  font-size:32px;
  font-weight:700;
  line-height:1.2;
  color:#fff;
}
.why-trust-sticky .why-trust-intro{
  margin:0;
  font-size:17px;
  line-height:1.7;
  color:#b8bcc8;
}
.why-trust-sticky .why-trust-right{
  display:flex;
  flex-direction:column;
  gap:0;
}
.why-trust-sticky .why-trust-item{
  border-left:1px solid rgba(255,255,255,0.15);
  padding:32px 0 48px 40px;
}
.why-trust-sticky .why-trust-item:last-child{
  padding-bottom:0;
}
.why-trust-sticky .why-trust-number{
  display:block;
  font-size:18px;
  font-weight:700;
  color:#1263ff;
  margin-bottom:20px;
  letter-spacing:0.02em;
}
.why-trust-sticky .why-trust-item-title{
  margin:0 0 20px;
  font-size:24px;
  font-weight:700;
  color:#fff;
  line-height:1.3;
}
.why-trust-sticky .why-trust-item-desc{
  margin:0;
  font-size:16px;
  line-height:1.75;
  color:#b8bcc8;
}

/* Why Trust Responsive */
@media(max-width:960px){
  .why-trust-sticky{
    padding:80px 0 100px;
}
  .why-trust-sticky .why-trust-grid{
    grid-template-columns:1fr;
    gap:48px;
}
  .why-trust-sticky .why-trust-left{
    position:static;
}
  .why-trust-sticky .why-trust-title{
    font-size:30px;
}
}
@media(max-width:640px){
  .why-trust-sticky .why-trust-item{
    padding-left:24px;
}
  .why-trust-sticky .why-trust-item-title{
    font-size:20px;
}
}

/* AI Agent Stats CTA Section */
.ai-agent-stats-cta{
  background:#000;
  padding:80px 0;
  color:#e8ecf7;
}

.ai-agent-stats-cta .stats-cta-card{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-radius:24px;
  overflow:hidden;
  background:#fff;
}
.ai-agent-stats-cta .stats-cta-content{
  padding:48px 40px;
  display:flex;
  flex-direction:column;
  gap:20px;
}
.ai-agent-stats-cta .stats-cta-title{
  margin:0;
  font-size:26px;
  font-weight:700;
  line-height:1.3;
  color:#0b0c0d;
}
.ai-agent-stats-cta .stats-cta-subtitle{
  margin:0;
  font-size:16px;
  color:#4a5568;
  line-height:1.6;
}
.ai-agent-stats-cta .stats-cta-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:16px;
}
.ai-agent-stats-cta .stats-cta-item{
  display:flex;
  align-items:flex-start;
  gap:14px;
}
.ai-agent-stats-cta .stats-source{
  flex-shrink:0;
  padding:4px 10px;
  border-radius:20px;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.03em;
}
.ai-agent-stats-cta .stats-source--gartner{
  background:#1a365d;
  color:#fff;
}
.ai-agent-stats-cta .stats-source--pwc{
  background:#dc6803;
  color:#fff;
}
.ai-agent-stats-cta .stats-source--bcg{
  background:#047857;
  color:#fff;
}
.ai-agent-stats-cta .stats-text{
  font-size:15px;
  line-height:1.6;
  color:#2d3748;
  font-weight:500;
}
.ai-agent-stats-cta .stats-cta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
  padding:14px 28px;
  background:#1263ff;
  color:#fff;
  font-size:15px;
  font-weight:600;
  border-radius:8px;
  text-decoration:none;
  transition:all 0.3s ease;
  margin-top:8px;
}
.ai-agent-stats-cta .stats-cta-btn:hover{
  background:#0d4ed8;
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(18,99,255,0.3);
}
.ai-agent-stats-cta .stats-cta-media{
  background:linear-gradient(135deg, #0a1628 0%, #1e3a5f 50%, #0f2744 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.ai-agent-stats-cta .stats-cta-media img{
  max-width:100%;
  height:100%;
  object-fit:cover;
}

/* Stats CTA Responsive */
@media(max-width:900px){
  .ai-agent-stats-cta .stats-cta-card{
    grid-template-columns:1fr;
}
  .ai-agent-stats-cta .stats-cta-media{
    height:300px;
    order:-1;
}
}
@media(max-width:640px){
  .ai-agent-stats-cta .stats-cta-content{
    padding:32px 24px;
}
  .ai-agent-stats-cta .stats-cta-title{
    font-size:24px;
}
}

/* Strategic Partnerships Section (reusing chatbot-partnerships) */
.cb-partners{
  background:#111318;
  padding:90px 0 100px;
  color:#e8ecf7;
}

.cb-partners-head{
  text-align:center;
  margin-bottom:50px;
}
.cb-partners-head h2{
  margin:0;
  font-size:32px;
  font-weight:700;
  color:#fff;
}
.cb-partners-head p{
  margin:16px 0 0;
  font-size:17px;
  line-height:1.7;
  color:#c9d4e9;
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
}
.cb-partners-stage{
  overflow:hidden;
}
.cb-partners-rail{
  display:flex;
  transition:transform 0.4s ease;
}
.cb-partners-grid{
  flex:0 0 100%;
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  grid-template-rows:repeat(2, 1fr);
}
.cb-partner-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:24px 16px;
  border-bottom:1px solid rgba(255,255,255,0.08);
  position:relative;
}
.cb-partner-card:not(:nth-child(5n))::after{
  content:'';
  position:absolute;
  right:0;
  top:20%;
  height:60%;
  width:1px;
  background:rgba(255,255,255,0.1);
}
.cb-partner-card:nth-child(n+6){
  border-bottom:none;
}
.cb-partner-card img{
  height:48px;
  max-width:100px;
  object-fit:contain;
}
.cb-partner-card span{
  font-size:14px;
  color:#9aa3b5;
  text-align:center;
}
.cb-partners-nav{
  display:flex;
  justify-content:center;
  gap:16px;
  margin-top:40px;
}
.cb-partners-btn{
  width:40px;
  height:40px;
  border-radius:50%;
  background:transparent;
  border:1px solid rgba(255,255,255,0.2);
  color:#fff;
  font-size:16px;
  cursor:pointer;
  display:grid;
  place-items:center;
  transition:all 0.25s ease;
}
.cb-partners-btn:hover:not(:disabled){
  background:rgba(255,255,255,0.1);
  border-color:rgba(255,255,255,0.3);
}
.cb-partners-btn:disabled{
  opacity:0.3;

  .cb-partners-grid{
    grid-template-columns:repeat(2, 1fr);
}
  .cb-partner-card:not(:nth-child(4n))::after{
    display:none;
}
  .cb-partner-card:not(:nth-child(2n))::after{
    content:'';
    display:block;
}
  .cb-partner-card img{
    height:36px;
}
}

 .ai-agent-models{
  background:#000;
  padding:90px 0 100px;
  color:#e8ecf7;
}
.ai-agent-models .models-head{
  text-align:center;
  max-width:920px;
  margin:0 auto 40px;
}
.ai-agent-models .models-head h2{
  margin:0 0 24px;
  font-size:32px;
  font-weight:700;
  line-height:1.2;
  color:#fff;
}
.ai-agent-models .models-head p{
  margin:0;
  font-size:17px;
  line-height:1.7;
  color:#c9d4e9;
}
.ai-agent-models .models-divider{
  height:1px;
  background:rgba(255,255,255,0.12);
  margin-bottom:40px;
}
.ai-agent-models .models-grid{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:24px 20px;
}
.ai-agent-models .model-item{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
}
.ai-agent-models .model-title{
  display:flex;
  align-items:center;
  gap:8px;
}
.ai-agent-models .model-dot{
  color:#1263ff;
  font-size:12px;
  flex-shrink:0;
}
.ai-agent-models .model-icon{
  width:22px;
  height:22px;
  flex-shrink:0;
  object-fit:contain;
}
.ai-agent-models .model-name{
  font-size:18px;
  font-weight:700;
  color:#fff;
  line-height:1.25;
}

.ai-agent-models .model-desc{
  font-size:15px;
  line-height:1.7;
  color:rgba(255,255,255,0.75);
}

/* Models Responsive */
@media(max-width:900px){
  .ai-agent-models .models-grid{
    grid-template-columns:repeat(4, 1fr);
}
}
@media(max-width:700px){
  .ai-agent-models .models-grid{
    grid-template-columns:repeat(3, 1fr);
}
}
@media(max-width:500px){
  .ai-agent-models{
    padding:60px 0 70px;
}
  .ai-agent-models .models-head h2{
    font-size:28px;
}
  .ai-agent-models .models-grid{
    grid-template-columns:repeat(2, 1fr);
    gap:20px 16px;
}
  .ai-agent-models .model-name{
    font-size:16px;
  }
  .ai-agent-models .model-desc{
    font-size:14px;
  }
}

/* AI Agent Industries Section */
.ai-agent-industries{
  background:#000;
  padding:90px 0 100px;
  color:#e8ecf7;
}


.ai-agent-industries .industries-left{
  position:sticky;
  top:120px;
}
.ai-agent-industries .industries-left h2{
  margin:0 0 24px;
  font-size:38px;
  font-weight:700;
  line-height:1.2;
  color:#fff;
}
.ai-agent-industries .industries-left p{
  margin:0;
  font-size:19px;
  line-height:1.7;
  color:#c9d4e9;
}
.ai-agent-industries .industries-right{
  display:flex;
  flex-direction:column;
  gap:0;
}
.ai-agent-industries .industry-accordion{
  border-bottom:1px solid rgba(255,255,255,0.1);
}
.ai-agent-industries .industry-trigger{
  width:100%;
  padding:20px 0;
  display:flex;
  align-items:center;
  gap:14px;
  background:none;
  border:none;
  color:#fff;
  font-size:18px;
  font-weight:600;
  cursor:pointer;
  text-align:left;
  transition:all 0.25s ease;
}
.ai-agent-industries .industry-trigger:hover{
  color:#4aa0ff;
}
.ai-agent-industries .industry-icon{
  font-size:22px;
}
.ai-agent-industries .industry-name{
  flex:1;
}
.ai-agent-industries .industry-arrow{
  width:36px;
  height:36px;
  border-radius:8px;
  background:rgba(255,255,255,0.08);
  display:grid;
  place-items:center;
  font-size:15px;
  color:#9aa3b5;
  transition:all 0.25s ease;
}
.ai-agent-industries .industry-accordion.is-open .industry-arrow{
  background:#1263ff;
  color:#fff;
  transform:rotate(180deg);
}
.ai-agent-industries .industry-panel{
  max-height:0;
  overflow:hidden;
  transition:max-height 0.35s ease;
}
.ai-agent-industries .industry-accordion.is-open .industry-panel{
  max-height:400px;
}
.ai-agent-industries .industry-items{
  list-style:none;
  margin:0;
  padding:0 0 20px 34px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.ai-agent-industries .industry-items li{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:16px;
  color:#c9d4e9;
}
.ai-agent-industries .item-dot{
  color:#1263ff;
  font-size:10px;
}

/* Industries Responsive */
@media(max-width:960px){
  .ai-agent-industries .industries-grid{
    grid-template-columns:1fr;
    gap:40px;
}
  .ai-agent-industries .industries-left{
    position:static;
}
  .ai-agent-industries .industries-left h2{
    font-size:32px;
}
}

/* Hero Responsive */
@media(max-width:768px){
  .hero--ai-dev{
    min-height:auto;
    overflow:hidden;
    padding:100px 20px 48px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
  .hero-ai-dev-inner{
    position:relative;
    top:0;
    z-index:3;
}
  .hero-ai-dev-media{
    position:absolute;
    inset:0;
    width:100%;
    max-width:none;
    height:100%;
    margin:0;
    padding:0;
    z-index:1;
    border-radius:0;
    overflow:hidden;
}
  .hero-ai-dev-video{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:0;
}
}

/* ===== Chatbot Page Styles ===== */
body.page-ai-chatbot .cap-eyebrow{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:0 12px;
  text-transform:none;
  font-size:17px;
  text-align:center;
  letter-spacing:0.04em;
  width:100%;
  color:#f5f7ff;
}

.ai-process{ background:#000; padding:100px 0; color:#fff; }

/* Card layout (two per row) for chatbot services */
.cb-services--cards .cb-service-cards{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(360px, 1fr));
  gap:18px;
}
.cb-services--cards .cb-service-card{
  background:linear-gradient(180deg, rgba(19,22,30,.9), rgba(13,15,21,.96));
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  padding:18px 18px 20px;
  color:#e3e7f3;
  box-shadow:0 12px 28px rgba(0,0,0,.28);
  display:flex;
  flex-direction:column;
  gap:14px;
}
.cb-services--cards .cb-service-card-head{
  display:flex;
  align-items:center;
  gap:12px;
}
.cb-services--cards .cb-service-card h3{
  margin:0;
  font-size:18px;
  color:#f7f9ff;
}
.cb-services--cards .cb-panel-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.cb-services--cards .cb-panel-list li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px;
  align-items:flex-start;
  color:#cbd3e3;
  font-size:15px;
  line-height:1.6;
}
.cb-services--cards .cb-panel-tick{
  color:#4aa0ff;
  font-weight:800;
  font-size:14px;
}
.cb-services--cards .cb-panel-list strong{
  color:#f4f7ff;
}

.cb-readiness-copy{
  width:100%;
  padding:50px 35px;
  border-radius:24px 0px 0px 24px;
  background:url('https://cdn.bonamisoftware.com/images/assets-ext/service-cta-left1.webp');
  display:grid;
  grid-template-columns:120px 1fr;
  grid-template-areas:
    "stat eyebrow"
    "body body"
    "btn btn";
  column-gap:22px;
  row-gap:18px;
  max-height:none;
  align-items:start;
}
.cb-readiness-media{
  background:none !important;
  max-height:none;
  display:flex !important;
  align-items:stretch !important;
  justify-content:stretch !important;
  height:100% !important;
  padding:0 !important;
  overflow:hidden !important;
}
.cb-readiness{padding:72px 0;background:#05070b;}
.cb-readiness-card{background:linear-gradient(135deg,#0975e4,#0890ff);border-radius:28px;display:grid;grid-template-columns:55% 45%;grid-template-areas:"copy media";align-items:stretch;color:#fff;box-shadow:0 22px 44px rgba(0,0,0,.2);overflow:hidden; height:400px;}
.cb-readiness-copy{grid-area:copy;}
.cb-readiness-media{grid-area:media;}
.cb-readiness-stat{grid-area:stat;font-size:60px;font-weight:800;line-height:1;margin:0;white-space:nowrap;}
.cb-readiness-eyebrow{grid-area:eyebrow;margin:0;font-weight:600;letter-spacing:0;font-size:24px;line-height:1.15;align-self:start;max-width:430px;padding-top:6px;}
.cb-readiness-card h3{display:none;}
.cb-readiness-body{grid-area:body;margin:0;line-height:1.7;max-width:520px;font-size:16px;}
.cb-readiness-copy .btn-primary{grid-area:btn;max-width:100%;background:#fff;color:#0b0b0b;border-radius:999px;padding:18px 36px;font-weight:700;box-shadow:none;border:0;text-decoration:none;display:inline-flex;justify-content:center;white-space:normal;line-height:1.2;text-align:center;}
.cb-readiness-copy .btn-primary:hover{background:#f5f7ff;}
.cb-readiness-media img{display:block;width:100%;height:100%;object-fit:cover;max-width:none;border-radius:0px 24px 24px 0px;}

.cb-impact{padding:90px 0;background:#05070b;color:#f5f7ff;}
.cb-impact-head{text-align:center;max-width:880px;margin:0 auto 48px;display:grid;gap:12px;}
.cb-impact-head h2{margin:0;font-size:32px;letter-spacing:-0.01em;}
.cb-impact-head p{margin:0;color:#c9d4e9;line-height:1.7;}
.cb-impact-stage{position:relative;}
.cb-impact-slide{display:none;}
.cb-impact-slide.is-active{display:block;}
.cb-impact-card{
  background:#191b21;
  border:0;
  border-radius:18px;
  padding:36px 32px;
  display:grid;
  grid-template-columns:1.05fr 0.95fr;
  column-gap:28px;
  align-items:center;
  box-shadow:none;
}
.cb-impact-copy h3{margin:0 0 14px 0;font-size:24px;color:#fff;}
.cb-impact-copy ul{list-style:none;margin:18px 0 0 0;padding:0;display:grid;gap:12px;color:#dfe7fb;}
.cb-impact-copy li{position:relative;padding-left:28px;display:grid;gap:4px;}
.cb-impact-copy li::before{content:'✱';position:absolute;left:0;top:2px;color:#1f6bff;font-size:18px;}
.cb-impact-bullet-label{font-weight:800;color:#fff;}
.cb-impact-bullet-text{color:#dfe7fb;line-height:1.6;}
.cb-impact-cta{margin-top:14px;display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:700;text-decoration:none;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);}
.cb-impact-cta:hover{background:rgba(255,255,255,.14);}
.cb-impact-media{background:var(--cb-impact-backdrop, #b3a8d8);border-radius:16px;display:flex;justify-content:center;align-items:center;padding:28px;min-height:320px;}
.cb-impact-media img{width:100%;height:auto;max-width:640px;object-fit:contain;}
.cb-impact-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.4);color:#fff;font-size:18px;cursor:pointer;display:grid;place-items:center;}

@media (max-width:640px){
  .cb-services{padding:60px 0 70px;}
  .cb-services-head{margin-bottom:28px;}
}
@media (max-width:900px){
  .cb-readiness-card{grid-template-columns:1fr;grid-template-areas:"media" "copy";}
  .cb-readiness-copy{border-radius:0px 0px 24px 24px; padding:32px 24px; grid-template-columns:1fr; grid-template-areas:"stat" "eyebrow" "body" "btn"; row-gap:14px;}
  .cb-readiness-stat{font-size:42px;}
  .cb-readiness-eyebrow{font-size:18px;}
  .cb-readiness-body{font-size:14px;}
  .cb-readiness-media{border-radius:24px 24px 0px 0px;}
  .cb-readiness-media img{border-radius:24px 24px 0px 0px;}
  .cb-readiness-copy .btn-primary{width:100%;padding:16px 18px;}
}
@media (max-width:640px){
  .cb-metric-card{padding:18px 16px;}
  .cb-impact-copy li{grid-template-columns:1fr;}
}

/* AI Copilot Trust Marquee: hide heading, single infinite scroll row, responsive */
body.page-ai-chatbot .ai-copilot-trust{ margin-top:0; padding-top:0; padding-bottom:8px; }
body.page-ai-chatbot .ai-copilot-trust .container{ padding-top:0; }
body.page-ai-chatbot .ai-copilot-trust-heading{ display:none; }
body.page-ai-chatbot .ai-copilot-trust-track{ overflow:hidden; }
body.page-ai-chatbot .ai-copilot-trust-row{ display:flex; animation:marquee 40s linear infinite; }
body.page-ai-chatbot .ai-copilot-trust-logo{ flex:0 0 auto; padding:0 32px; display:flex; align-items:center; justify-content:center; min-height:80px; }
body.page-ai-chatbot .ai-copilot-trust-logo img{ max-height:40px; width:auto; object-fit:contain; opacity:0.7; transition:opacity 0.3s; }
body.page-ai-chatbot .ai-copilot-trust-logo:hover img{ opacity:1; }
@keyframes marquee{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}
@media (max-width: 1024px){
  body.page-ai-chatbot .ai-copilot-trust-row{ flex-wrap:wrap; justify-content:center; animation:none; }
  body.page-ai-chatbot .ai-copilot-trust-logo{ flex:0 0 calc(25% - 32px); padding:16px; min-height:60px; }
  body.page-ai-chatbot .ai-copilot-trust-logo img{ max-height:32px; }
}
@media (max-width: 768px){
  body.page-ai-chatbot .ai-copilot-trust-logo{ flex:0 0 calc(33.333% - 32px); padding:12px; min-height:48px; }
  body.page-ai-chatbot .ai-copilot-trust-logo img{ max-height:28px; }
}
@media (max-width: 480px){
  body.page-ai-chatbot .ai-copilot-trust-logo{ flex:0 0 50%; padding:8px; min-height:40px; }
  body.page-ai-chatbot .ai-copilot-trust-logo img{ max-height:24px; }
}
.cb-industries{padding:80px 0;background:#05070b;color:#e8ecf7;}
.cb-industries .container{display:grid; grid-template-columns:1.05fr 1fr; gap:28px; align-items:flex-start;}
.cb-industries-copy h2{margin:0 0 16px 0;font-size:36px;line-height:1.15;color:#f7f9ff;}
.cb-industries-copy p{margin:0;line-height:1.65;font-size:16px;color:#c9d4e9;max-width:720px;}
.cb-industries-list{display:grid;gap:10px;}
.cb-industry{
  background:#0f1118;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  padding:14px 16px;
}
.cb-industry summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-weight:700;
  color:#f7f9ff;
}
.cb-industry summary::-webkit-details-marker{display:none;}
.cb-industry-caret{margin-left:12px;}
.cb-industry[open] .cb-industry-caret{transform:rotate(180deg);}
.cb-industry ul{margin:12px 0 0 0;padding-left:18px;display:grid;gap:6px;color:#dfe3ee;font-size:15px;}
.cb-industry li{line-height:1.5;}
@media (max-width:960px){
  .cb-industries .container{grid-template-columns:1fr;}
}

/* New industries accordion */
.cb-industries-new{padding:80px 0;background:#05070b;color:#e8ecf7;}
.cb-industries-new .container{display:grid; grid-template-columns:1.05fr 1fr; gap:28px; align-items:flex-start;}
.cb-industries-new-copy h2{margin:0 0 16px 0;font-size:36px;line-height:1.15;color:#f7f9ff;}
.cb-industries-new-copy p{margin:0;line-height:1.65;font-size:16px;color:#c9d4e9;max-width:720px;}
.cb-industries-new-list{display:grid;gap:10px;}
.cb-industry-new{
  background:#0f1118;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  padding:14px 16px;
}
.cb-industry-new summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-weight:700;
  color:#f7f9ff;
}
.cb-industry-new summary::-webkit-details-marker{display:none;}
.cb-industry-new-caret{margin-left:12px;}
.cb-industry-new[open] .cb-industry-new-caret{transform:rotate(180deg);}
.cb-industry-new ul{margin:12px 0 0 0;padding-left:18px;display:grid;gap:6px;color:#dfe3ee;font-size:15px;}
.cb-industry-new li{line-height:1.5;}
@media (max-width:960px){
  .cb-industries-new .container{grid-template-columns:1fr;}
}

@media(max-width:960px){
  body.page-ai-chatbot .ai-agent-industries{padding:60px 0 70px;}
  body.page-ai-chatbot .ai-agent-industries .industries-grid{grid-template-columns:1fr; gap:28px;}
  body.page-ai-chatbot .ai-agent-industries .industries-left{position:static; text-align:center;}
  body.page-ai-chatbot .ai-agent-industries .industries-left h2{font-size:28px; margin-bottom:16px;}
  body.page-ai-chatbot .ai-agent-industries .industries-left p{font-size:15px; line-height:1.65;}
  body.page-ai-chatbot .ai-agent-industries .industry-trigger{font-size:16px; padding:16px 0; gap:12px;}
  body.page-ai-chatbot .ai-agent-industries .industry-icon{font-size:20px;}
  body.page-ai-chatbot .ai-agent-industries .industry-arrow{width:32px; height:32px; border-radius:6px; font-size:13px;}
  body.page-ai-chatbot .ai-agent-industries .industry-items{padding:0 0 16px 28px; gap:10px;}
  body.page-ai-chatbot .ai-agent-industries .industry-items li{font-size:14px; gap:10px;}
}
@media(max-width:640px){
  body.page-ai-chatbot .ai-agent-industries{padding:48px 0 56px;}
  body.page-ai-chatbot .ai-agent-industries .industries-left h2{font-size:24px;}
  body.page-ai-chatbot .ai-agent-industries .industries-left p{font-size:14px;}
  body.page-ai-chatbot .ai-agent-industries .industry-trigger{font-size:15px; padding:14px 0;}
}

/* Features new */
.cb-features-new{padding:30px 0 90px;background:#05070b;color:#e9ecf7;}
.cb-features-new h2{margin:0 0 16px 0;font-size:42px;line-height:1.15;text-align:center;color:#f8f9ff;}
.cb-features-new-lead{margin:0 auto 30px auto;max-width:980px;text-align:center;line-height:1.7;color:#c9d4e9;font-size:17px;}
.cb-features-new-tabs{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:28px;}
.cb-features-new-tab{
  padding:14px 22px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  background:#0d1017;
  color:#dce5f8;
  font-weight:700;
  cursor:pointer;
  transition:all .2s ease;
}
.cb-features-new-tab.is-active{
  background:#1060ff;
  border-color:#1060ff;
  color:#fff;
  box-shadow:0 12px 30px rgba(16,96,255,.25);
}
.cb-features-new-panel{display:none;}
.cb-features-new-panel.is-active{display:block;}
.cb-features-new-grid{

.cb-diff-new-left p{margin:0;font-size:17px;line-height:1.7;color:#c9d3e7;}
.cb-diff-new-right{display:flex;flex-direction:column;gap:42px;}
.cb-diff-new-row{display:grid;grid-template-columns:1fr;gap:30px;padding:6px 26px 26px;border-left:2px solid rgba(255,255,255,.08);}
.cb-diff-new-row:last-child{border-bottom:none;padding-bottom:0;}
.cb-diff-new-num{
  font-size:20px;
  color:#3f7cff;
  font-weight:700;
  letter-spacing:0.06em;
}
.cb-diff-new-content h3{margin:0 0 50px 0;font-size:24px;line-space:0.04em;color:#f5f7ff;}
.cb-diff-new-content p{margin:0;font-size:18px;line-height:1.65;color:#c7d2e8;}
@media(max-width:960px){
  .cb-diff-new-grid{grid-template-columns:1fr;gap:22px;}
  .cb-diff-new-left{position:static;}
  .cb-diff-new-right{border-left:none;padding-left:0;gap:28px;}
  .cb-diff-new-left h2{font-size:32px;}
}

/* Awards arrows state */
body.page-ai-chatbot .cb-awards-nav{margin-top:22px;gap:16px;}
body.page-ai-chatbot .cb-awards-btn{
  width:44px;
  height:44px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#f7f9ff;
  font-size:18px;
  box-shadow:0 10px 20px rgba(0,0,0,.28);
  transition:all .18s ease;
}
body.page-ai-chatbot .cb-awards-btn:not(:disabled):hover{
  background:rgba(31,107,255,.18);
  border-color:rgba(31,107,255,.6);
  transform:translateY(-1px);
  box-shadow:0 14px 26px rgba(0,0,0,.32);
}
body.page-ai-chatbot .cb-awards-btn:disabled{
  opacity:.35;
  cursor:not-allowed;
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.14);
  color:#8a93a8;
  transform:none;
  box-shadow:none;
}

/* ai-chatbot case studies — uses global .ai-agent-cases styles */

/* Partnerships arrows state */
body.page-ai-chatbot .cb-partners-nav{margin-top:22px;gap:16px;}
body.page-ai-chatbot .cb-partners{
  background:rgba(12,16,24,.92);
}
body.page-ai-chatbot .cb-partners-btn{
  width:44px;
  height:44px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  color:#f7f9ff;
  font-size:18px;
  box-shadow:0 10px 20px rgba(0,0,0,.28);
  transition:all .18s ease;
}
body.page-ai-chatbot .cb-partner-card{
  border-top:none;
  border-left:none;
}
body.page-ai-chatbot .cb-partners-btn:not(:disabled):hover{
  background:rgba(31,107,255,.18);
  border-color:rgba(31,107,255,.6);
  transform:translateY(-1px);
  box-shadow:0 14px 26px rgba(0,0,0,.32);
}
body.page-ai-chatbot .cb-partners-btn:disabled{
  opacity:.35;
  cursor:not-allowed;
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.14);
  color:#8a93a8;
  transform:none;
  box-shadow:none;
}

/* Tech carousel sizing */
body.page-ai-chatbot .cb-tech-stage{overflow:hidden;}
body.page-ai-chatbot .cb-tech-track{
  gap:18px;
  padding:0 20px;
  overflow-x:auto;
  scroll-behavior:smooth;
  scrollbar-width:none;
}
body.page-ai-chatbot .cb-tech-track::-webkit-scrollbar{display:none;}
body.page-ai-chatbot .cb-tech-card{
  flex:0 0 calc((100% - 54px)/4);
  min-width:0;
}

/* Models tabs width tweak */
body.page-ai-chatbot .cb-models-tab{
  padding:14px 16px;
}

/* Partnerships inner grid lines only (no outer edges) */
body.page-ai-chatbot .cb-partner-card{
  border:0;
  background:transparent;
}
body.page-ai-chatbot .cb-partner-card:not(:nth-child(5n)){
  border-right:1px solid rgba(255,255,255,.08);
}
body.page-ai-chatbot .cb-partner-card:not(:nth-last-child(-n+5)){
  border-bottom:1px solid rgba(255,255,255,.08);
}
@media(max-width:900px){
  body.page-ai-chatbot .cb-partner-card{
    border:0;
}
  body.page-ai-chatbot .cb-partner-card:not(:nth-child(3n)){
    border-right:1px solid rgba(255,255,255,.08);
}
  body.page-ai-chatbot .cb-partner-card:not(:nth-last-child(-n+3)){
    border-bottom:1px solid rgba(255,255,255,.08);
}
}
@media(max-width:640px){
  body.page-ai-chatbot .cb-partner-card{
    border:0;
}
  body.page-ai-chatbot .cb-partner-card:not(:nth-child(2n)){
    border-right:1px solid rgba(255,255,255,.08);
}
  body.page-ai-chatbot .cb-partner-card:not(:nth-last-child(-n+2)){
    border-bottom:1px solid rgba(255,255,255,.08);
}
}

/* Engagement CTA */
body.page-ai-chatbot .cb-engagement{
  padding:70px 0 90px;
  background:#05070b;
}
body.page-ai-chatbot .cb-eng-card{
  border-radius:18px;
  box-shadow:0 20px 40px rgba(0,0,0,.32);
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
}
body.page-ai-chatbot .cb-eng-copy{
  padding:32px 34px;
  gap:18px;
}
body.page-ai-chatbot .cb-eng-copy h3{
  font-size:28px;
  line-height:1.25;
  color:#0d1118;
}
body.page-ai-chatbot .cb-eng-copy p{
  font-size:17px;
  line-height:1.7;
  color:#2d3750;
}
body.page-ai-chatbot .cb-eng-bullets{
  gap:14px;
}
body.page-ai-chatbot .cb-eng-bullets li{
  font-size:16px;
  gap:12px;
}
body.page-ai-chatbot .cb-eng-tick{
  width:20px;
  height:20px;
  font-size:12px;
  border:3px solid #1f6bff;
  color:#1f6bff;
  line-height:1;
}
body.page-ai-chatbot .cb-eng-cta{
  padding:13px 20px;
  font-size:17px;
}
@media(max-width:900px){
  body.page-ai-chatbot .cb-eng-card{grid-template-columns:1fr; overflow:hidden;}
  body.page-ai-chatbot .cb-eng-copy{order:-1; overflow-wrap:break-word; word-wrap:break-word; min-width:0;}
  body.page-ai-chatbot .cb-eng-copy p{overflow-wrap:break-word; word-wrap:break-word;}
  body.page-ai-chatbot .cb-eng-bullets li{overflow-wrap:break-word; word-wrap:break-word;}
  body.page-ai-chatbot .cb-eng-cta{width:auto; white-space:nowrap; border-radius:10px; padding:12px 22px; font-size:14px;}
  body.page-ai-chatbot .cb-eng-media{order:0;}
  body.page-ai-chatbot .cb-eng-media img{max-height:320px; object-fit:cover;}
}
@media(max-width:640px){
  body.page-ai-chatbot .cb-engagement{padding:56px 0 72px;}
  body.page-ai-chatbot .cb-eng-copy{padding:20px; gap:14px;}
  body.page-ai-chatbot .cb-eng-copy h3{font-size:22px;}
  body.page-ai-chatbot .cb-eng-copy p{font-size:14px;}
  body.page-ai-chatbot .cb-eng-bullets li{font-size:13px;}
  body.page-ai-chatbot .cb-eng-cta{font-size:15px; padding:12px 16px;}
  body.page-ai-chatbot .cb-eng-media img{max-height:260px;}
}
/* Hero sticky/parallax */
body.page-ai-chatbot .hero--ai-dev{
  position:relative;
  min-height:180vh;
  padding:120px 0 0 ;
  overflow:visible;
  display:flex;
  justify-content:space-between;
  flex-direction:column;
  background:#000;
}
body.page-ai-chatbot .hero--ai-dev::before{
  content:'';
  background:url('https://cdn.bonamisoftware.com/images/assets-ext/bg-liness.webp') no-repeat;
  background-size:100%;
  height:1200px;
  width:100%;
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:1;
  pointer-events:none;
}
body.page-ai-chatbot .hero-ai-dev-media{
  width:100%;
  max-width:1280px;
  margin:0 auto ;
  position:relative;
  z-index:2;
  border-radius:22px;
  overflow:hidden;
  bottom:50%;
  top:100%;
  box-shadow:0 24px 48px rgba(0,0,0,.35);
}
body.page-ai-chatbot .hero-ai-dev-video{
  width:100%;
  height:auto;
  display:block;
}

/* Trust strip with black background only */
body.page-ai-chatbot .trust-strip{
  background:#000;
}

/* Insights enhancements */
body.page-ai-chatbot .cb-insights{
  padding:80px 0;
}
body.page-ai-chatbot .cb-insights-head h2{
  font-size:38px;
}
body.page-ai-chatbot .cb-insights-tabs{
  margin-bottom:32px;
}
body.page-ai-chatbot .cb-insights-tab{
  font-size:16px;
  padding:12px 8px;
}
body.page-ai-chatbot .cb-insights-card{
  border-radius:16px;
}
body.page-ai-chatbot .cb-insights-title{
  font-size:17px;
  padding:12px 16px 16px;
}

/* ===== Executive CTA Section ===== */
.genai-executive-cta{
  padding:100px 0;
  background:#fff;
}
.exec-cta-content{
  text-align:center;
  max-width:1100px;
  margin:0 auto 48px;
}
.exec-cta-headline{
  font-size:52px;
  font-weight:700;
  line-height:1.3;
  margin:0 0 32px;
  color:#0a0d1f;
}
.exec-stat{
  color:#4285f4;
  font-size:64px;
  display:inline;
}
.exec-stat-text{
  color:#4285f4;
  display:inline;
}
.exec-highlight{
  color:#4285f4;
  display:inline;
}
.exec-timeframe{
  color:#4285f4;
  display:inline;
}
.exec-cta-subtitle{
  font-size:18px;
  color:#4a5568;
  margin:0 0 40px;
  line-height:1.6;
}
.exec-cta-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:16px 32px;
  background:#0a0d1f;
  color:#fff;
  font-size:16px;
  font-weight:600;
  border-radius:8px;
  text-decoration:none;
  transition:all 0.3s ease;
  border:2px solid #0a0d1f;
}
.exec-cta-btn:hover{
  background:#fff;
  color:#0a0d1f;
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(10,13,31,0.15);
}
.exec-cta-btn svg{
  transition:transform 0.3s ease;
}
.exec-cta-btn:hover svg{
  transform:translateX(4px);
}
.exec-cta-image{
  max-width:1000px;
  margin:0 auto;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,0.12);
}
.exec-cta-image img{
  width:100%;
  height:auto;
  display:block;
}

@media(max-width:960px){
  .genai-executive-cta{
    padding:80px 10px;
  }
  .exec-cta-headline{
    font-size:36px;
  }
  .exec-stat{
    font-size:44px;
  }
  .exec-cta-subtitle{
    font-size:16px;
  }
}

@media(max-width:640px){
  .exec-cta-headline{
    font-size:28px;
  }
  .exec-stat{
    font-size:36px;
  }
}

/* ===== Genai Consulting Testimonials (singular class variant) ===== */
.testimonial-slide{
  display:none;
}
.testimonial-slide.is-active{
  display:block;
  animation:fadeInTestimonial 0.4s ease;
}
.testimonial-card{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:40px;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.12);
  border-radius:24px;
  padding:48px 56px;
  align-items:start;
}
.testimonial-author{

    padding-left:20px;
  }
  .quote-mark{
    font-size:40px;
  }
  .quote-mark.open{
    top:-12px;
    left:-4px;
  }
  .quote-mark.close{
    font-size:28px;
  }
  .testimonial-cta{
    margin-left:20px;
    padding:14px 24px;
    font-size:15px;
  }
}

/* ===== Contact CTA Section ===== */
.genai-contact-cta{
  padding:30px 0 clamp(72px, 9vw, 120px);
  background:url('/testimonial-bg.webp') center center / cover no-repeat;
  position:relative;
}
.genai-contact-cta::before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(10,13,31,0.3);
  z-index:1;
}
.genai-contact-cta .container{position:relative; z-index:2;}
.genai-contact-cta .contact-cta-content{
  max-width:1400px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;
}
.genai-contact-cta .contact-cta-text{
  color:#fff;
}
.genai-contact-cta .contact-cta-title{
  font-size:56px;
  font-weight:700;
  line-height:1.2;
  margin:0 0 24px;
}
.genai-contact-cta .contact-cta-subtitle{
  font-size:20px;
  line-height:1.6;
  margin:0;
  opacity:0.95;
}
.genai-contact-cta .contact-cta-form-wrapper{
  background:rgba(20,24,39,0.95);
  border-radius:16px;
  padding:40px;
  backdrop-filter:blur(10px);
  box-shadow:0 20px 60px rgba(0,0,0,0.3);
}
.genai-contact-cta .contact-cta-form{
  display:flex;
  flex-direction:column;
  gap:20px;
}
.genai-contact-cta .form-field{
  position:relative;
}
.genai-contact-cta .form-input,
.genai-contact-cta .form-select,
.genai-contact-cta .form-textarea{
  width:100%;
  padding:16px 20px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:8px;
  color:#fff;
  font-size:16px;
  font-style:italic;
  transition:all 0.3s ease;
}
.genai-contact-cta .form-input::placeholder,
.genai-contact-cta .form-textarea::placeholder{
  color:rgba(255,255,255,0.6);
  font-style:italic;
}
.genai-contact-cta .form-input:focus,
.genai-contact-cta .form-select:focus,
.genai-contact-cta .form-textarea:focus{
  outline:none;
  border-color:#4285f4;
  background:rgba(255,255,255,0.08);
}
.genai-contact-cta .form-select{
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:20px;
  padding-right:40px;
  cursor:pointer;
  color:rgba(255,255,255,0.6);
  font-style:italic;
}
.genai-contact-cta .form-select option{
  background:#1a1d2e;
  color:#fff;
}
.genai-contact-cta .form-textarea{
  resize:vertical;
  min-height:120px;
}
.genai-contact-cta .form-checkbox{
  display:flex;
  align-items:center;
}
.genai-contact-cta .checkbox-label{
  display:flex;
  align-items:center;
  gap:12px;
  cursor:pointer;
  color:rgba(255,255,255,0.9);
  font-size:14px;
}
.genai-contact-cta .checkbox-input{
  width:20px;
  height:20px;
  cursor:pointer;
  accent-color:#4285f4;
}
.genai-contact-cta .checkbox-text{
  line-height:1.5;
}
.genai-contact-cta .form-captcha{
  display:flex;
  align-items:center;
}
.genai-contact-cta .captcha-label{
  display:flex;
  align-items:center;
  gap:16px;
  width:100%;
}
.genai-contact-cta .captcha-question{
  color:#fff;
  font-size:16px;
  font-weight:500;
  min-width:60px;
}
.genai-contact-cta .captcha-input{
  width:100px;
  padding:12px 16px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:8px;
  color:#fff;
  font-size:16px;
  text-align:center;
  transition:all 0.3s ease;
}
.genai-contact-cta .captcha-input:focus{
  outline:none;
  border-color:#4285f4;
  background:rgba(255,255,255,0.08);
}
.genai-contact-cta .form-submit{
  width:100%;
  padding:18px 32px;
  background:#4285f4;
  color:#fff;
  font-size:18px;
  font-weight:600;
  border:none;
  border-radius:8px;
  cursor:pointer;
  transition:all 0.3s ease;
  margin-top:8px;
}
.genai-contact-cta .form-submit:hover{
  background:#1a73e8;
  transform:translateY(-2px);
  box-shadow:0 8px 24px rgba(66,133,244,0.4);
}
.genai-contact-cta .form-footer-notes{
  list-style:none;
  padding:0;
  margin:8px 0 0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.genai-contact-cta .form-footer-notes li{
  color:rgba(255,255,255,0.7);
  font-size:13px;
  line-height:1.5;
  position:relative;
  padding-left:18px;
}
.genai-contact-cta .form-footer-notes li::before{
  content:'•';
  position:absolute;
  left:0;
  color:#4285f4;
  font-weight:bold;
}

@media(max-width:1024px){
  .genai-contact-cta .contact-cta-content{
    grid-template-columns:1fr;
    gap:48px;
  }
  .genai-contact-cta .contact-cta-title{
    font-size:42px;
  }
  .genai-contact-cta .contact-cta-text{
    text-align:center;
  }
}

@media(max-width:640px){
  .genai-contact-cta{
    padding:24px 10px 80px;
  }
  .genai-contact-cta .contact-cta-title{
    font-size:32px;
  }
  .genai-contact-cta .contact-cta-subtitle{
    font-size:16px;
  }
  .genai-contact-cta .contact-cta-form-wrapper{
    padding:28px 20px;
  }
  .genai-contact-cta .captcha-label{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }
  .genai-contact-cta .captcha-input{
    width:100%;
  }
}

@media(max-width:900px){
  .ai-agent-compliance .compliance-tabs-wrap{ justify-content:center; }
}

/* Missing rules from b9d283b - genai-process */
.genai-process{
  padding:60px 0;
  background:#000;
  color:#fff;
}
.process-title{
  font-size:48px;
  font-weight:700;
  text-align:center;
  max-width:900px;
  margin:0 auto 24px;
  line-height:1.2;
}
.process-description{
  font-size:18px;
  line-height:1.7;
  text-align:center;
  max-width:900px;
  margin:0 auto 64px;
  color:#cbd5e0;
}
.process-carousel{
  position:relative;
  max-width:1400px;
  margin:0 auto;
  padding:0 40px;
}
.process-counter{
  display:flex;
  align-items:center;
  gap:12px;
  font-size:24px;
  font-weight:600;
  margin-bottom:32px;
}
.counter-current{ font-size:32px; }
.counter-separator{ color:#4a5568;}
.counter-total{ color:#4a5568; }
.process-nav{
  position:absolute;
  top:0;
  right:40px;
  display:flex;
  gap:12px;
  z-index:10;
}
.process-prev,
.process-next{
  width:48px;
  height:48px;
  border:2px solid #2d3748;
  background:transparent;
  color:#fff;
  border-radius:8px;
  cursor:pointer;
  transition:all 0.3s ease;
  display:flex;
  align-items:center;
  justify-content:center;
}
.process-prev:hover,
.process-next:hover{
  border-color:#4285f4;
  background:#4285f4;
}
.process-track-wrapper{
  overflow:hidden;
  padding:0 2px;
  margin:0 -2px;
}
.process-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc(33.333% - 16px);
  gap:24px;
  will-change:transform;
  padding-right:24px;
}
.process-card{
  background:#0a0a0a;
  border:1px solid #2d2d2d;
  border-radius:12px;
  padding:32px 24px;
  transition:all 0.3s ease;
  min-height:500px;
}
.process-card:hover{
  border-color:#4285f4;
  transform:translateY(-4px);
}
.process-card-header{ margin-bottom:24px; }
.process-number{
  font-size:14px;
  font-weight:600;
  color:#718096;
  letter-spacing:0.5px;
}
.process-icon{
  width:56px;
  height:56px;
  background:#4285f4;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:24px;
}
.process-icon svg{ color:#fff; }
.process-card-title{
  font-size:22px;
  font-weight:700;
  margin:0 0 16px;
  line-height:1.3;
}
.process-card-desc{
  font-size:15px;
  line-height:1.7;
  color:#cbd5e0;
  margin:0;
}

@media(max-width:1280px){
  .process-track{ grid-auto-columns:calc(50% - 12px);}
}

@media(max-width:960px){
  .genai-process{ padding:40px 10px;}
  .process-track-wrapper{ padding:0; margin:0; overflow:hidden;}
  .process-track{ display:flex !important; gap:24px !important; padding-right:0 !important;}
  .process-card{ flex:0 0 100%; min-width:0; box-sizing:border-box; padding:28px 20px;}
  .process-card:hover{ transform:none;}
  .process-title{ font-size:36px; }
  .process-description{ font-size:16px;}
  .process-carousel{ padding:0 16px; }
  .process-nav{ right:16px;}
}

@media(max-width:640px){
  .process-title{ font-size:28px; }
  .process-counter{ font-size:20px;}
  .counter-current{ font-size:28px; }
}

/* Missing rule - ai-agent-compliance active blue variant */
.ai-agent-compliance.ai-agent-compliance--active-blue{
  --compliance-active-bg:#1263ff;
  --compliance-active-color:#fff;
}

/* ── CTA Image ───────────────────────────────────────────────────── */
.cta-image{ background:#fff; color:#0b1220; padding:90px 20px 100px;}
.cta-image__head{ text-align:center; margin-bottom:40px;}
.cta-image__title{ margin:0 0 12px; font-size:clamp(26px, 3.2vw, 42px); line-height:1.15; font-weight:800; letter-spacing:-0.02em; color:#0b1220; white-space:pre-line; }
.cta-image__copy{ margin:0 0 18px; font-size:14px; line-height:1.75; color:rgba(11,18,32,0.75);}
.cta-image__btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:10px 16px; border-radius:8px; background:#1263ff; color:#fff; font-size:12px; font-weight:700; text-decoration:none; box-shadow:0 16px 40px rgba(18,99,255,0.25); transition:transform .2s ease, box-shadow .2s ease, background .2s ease; }
.cta-image__btn:hover{ background:#0d4ed8; transform:translateY(-1px); box-shadow:0 18px 50px rgba(18,99,255,0.30);}
.cta-image__media{ max-width:720px; margin:0 auto; border-radius:14px; overflow:hidden; box-shadow:0 22px 70px rgba(15,23,42,0.14); border:1px solid rgba(15,23,42,0.10); background:#f3f6ff; }
.cta-image__media img{ display:block; width:100%; height:auto; aspect-ratio: 16 / 7; object-fit:cover;}

@media (max-width: 900px){
  .cta-image{ padding:76px 20px 86px; }
}

@media (max-width: 520px){
  .cta-image{ padding:60px 16px 70px; }
  .cta-image__head{ margin-bottom:26px;}
  .cta-image__media img{ aspect-ratio: 16 / 9; }
}

/* Construction page — reduce section gaps */
body.page-construction .ai-copilot-stack-pills{ padding:40px 0; }
body.page-construction .technologies-section{ padding-top:0; }
